{"id":2778,"date":"2018-12-13T17:18:54","date_gmt":"2018-12-13T16:18:54","guid":{"rendered":"https:\/\/blog.alwaysdata.com\/?p=2778"},"modified":"2020-02-11T15:26:41","modified_gmt":"2020-02-11T14:26:41","slug":"rencontre-avec-des-fabricants-du-web-3-questions-a-occitech","status":"publish","type":"post","link":"https:\/\/blog.alwaysdata.com\/fr\/2018\/12\/13\/rencontre-avec-des-fabricants-du-web-3-questions-a-occitech\/","title":{"rendered":"Rencontre avec des fabricants du web&nbsp;: 3&nbsp;questions \u00e0&nbsp;Occitech"},"content":{"rendered":"<p>Depuis plus de douze ans, <em>alwaysdata<\/em> accompagne les acteurs du Web dans leur h\u00e9bergement info-g\u00e9r\u00e9 pour leur permettre d\u2019offrir leurs services dans les meilleures conditions possible. Cette communaut\u00e9 d\u2019utilisateur\u00b7trice\u00b7s, riche de savoir-faire et d\u2019usage particuliers, m\u00e9ritait d\u2019\u00eatre mise en&nbsp;avant.<\/p>\n<p>Nous inaugurons donc une nouvelle s\u00e9rie d\u2019articles pour vous faire d\u00e9couvrir ces projets qui nous font confiance depuis longtemps. Et c\u2019est <a href=\"https:\/\/www.occitech.fr\">Occitech<\/a>, studio d\u2019ing\u00e9nierie Web fond\u00e9e en 2006, qui ouvre le&nbsp;bal.<\/p>\n<div class=\"inset\" data-title=\"Comment \u00e7a marche ?\">Nous sommes partis \u00e0&nbsp;la rencontre d\u2019\u00c9tienne Zulauf, cog\u00e9rant du studio, pour lui poser les questions suivantes&nbsp;: Quelles sont vos particularit\u00e9s&nbsp;; Quels sont vos besoins techniques&nbsp;; Pourquoi avoir choisi <i>alwaysdata<\/i>&nbsp;? Cet article est un condens\u00e9 de cette interview qui vous fera d\u00e9couvrir leur univers<\/div>\n<figure class=\"embed-media__ad__medium embed-media__ad__\">\n    <img decoding=\"async\" src=\"https:\/\/blog.alwaysdata.com\/wp-content\/uploads\/2018\/12\/occitech.png\" alt class=\"aligncenter size-full wp-image-\">\n    <figcaption><\/figcaption>\n<\/figure>\n<hr>\n<h2>Qu\u2019est-ce qui fait d\u2019Occitech un studio si particulier&nbsp;?<\/h2>\n<p>Occitech est g\u00e9r\u00e9 par deux d\u00e9veloppeurs. Sa particularit\u00e9 r\u00e9side sans doute dans le fait de n\u2019avoir aucune force commerciale, et donc de ne pas \u00eatre conduit par des objectifs de croissance ou de rentabilit\u00e9. Ce qui motive les \u00e9quipes, c\u2019est finalement la qualit\u00e9 du code livr\u00e9 dans des processus souples ou agiles, et le fait de pouvoir travailler sur des technos r\u00e9centes quand cela s\u2019av\u00e8re n\u00e9cessaire, gr\u00e2ce \u00e0&nbsp;une veille soutenue.<\/p>\n<p>De bonnes conditions de travail, un attachement particulier \u00e0&nbsp;la qualit\u00e9 des relations clients, et un management relativement plat, permettent une grande transparence vis-\u00e0-vis des r\u00e9sultats de l\u2019entreprise, et de son fonctionnement budg\u00e9taire en g\u00e9n\u00e9ral. De cette fa\u00e7on, les collaborateurs comprennent les enjeux financiers, ne fantasment pas lorsqu\u2019ils entendent les budgets de certains projets, et adh\u00e8rent plus fortement au projet de l\u2019entreprise.<\/p>\n<h2>Avec des projets majoritairement e\u2011commerce et Web apps m\u00e9tier, quels sont les besoins techniques&nbsp;?<\/h2>\n<p>Occitech d\u00e9veloppe des applications m\u00e9tiers sur des <em>backends<\/em> <a href=\"https:\/\/help.alwaysdata.com\/fr\/langages\/php\/\">PHP<\/a> ou <a href=\"https:\/\/help.alwaysdata.com\/fr\/langages\/nodejs\/\">NodeJS\u00ae<\/a>, compl\u00e9t\u00e9s par des applications <em>front<\/em> en <a href=\"http:\/\/reactjs.fr\/react\/\">React<\/a>. Les projets e\u2011commerce, quant \u00e0&nbsp;eux, s\u2019ex\u00e9cutent sur <a href=\"http:\/\/magento.com\">Magento<\/a>, une technologie que le studio pratique et connait bien depuis de nombreuses ann\u00e9es.<\/p>\n<p>Certains projets n\u00e9cessitent des approches sur des technos plus r\u00e9centes, comme de l\u2019<a href=\"https:\/\/microservices.io\/patterns\/data\/event-sourcing.html\">Event Sourcing<\/a> ou la mise en place d\u2019API <a href=\"https:\/\/graphql.org\">GraphQL<\/a> pour une meilleure performance des \u00e9changes client-serveur. Occitech est particuli\u00e8rement \u00e0&nbsp;l\u2019aise dans la mise en application de nouveaux patterns d\u00e8s lors qu\u2019ils co\u00efncident avec les objectifs des projets, m\u00eame si c\u2019est hors zone de confort. L\u2019objectif restant toujours le m\u00eame&nbsp;: fournir une conception sur mesure aux probl\u00e9matiques m\u00e9tiers avec la meilleure qualit\u00e9 possible.<\/p>\n<p>L\u2019ensemble des d\u00e9veloppements est toujours couvert de tests et d\u00e9ploy\u00e9 en continu sur la plateforme d\u2019<em>alwaysdata<\/em> gr\u00e2ce aux services fournis nativement.<\/p>\n<h2>Occitech travaille avec <em>alwaysdata<\/em> depuis 2013, en fournissant \u00e0&nbsp;ses clients les infrastructures n\u00e9cessaires \u00e0&nbsp;leurs services<\/h2>\n<p>En partageant ses serveurs d\u00e9di\u00e9s avec ses clients, Occitech fournit un service d\u2019h\u00e9bergement fiable et efficace. La puissance des serveurs d\u2019<em>alwaysdata<\/em> et le support \u00e0&nbsp;la fois rapide et pr\u00e9cis permettent \u00e0&nbsp;Occitech de fournir une prestation d\u2019h\u00e9bergement au travers d\u2019une soci\u00e9t\u00e9 cr\u00e9\u00e9e pour l\u2019occasion et d\u00e9volue \u00e0&nbsp;ce service&nbsp;: <a href=\"https:\/\/www.ethersys.fr\">Ethersys<\/a>.<\/p>\n<blockquote><p>Le service est g\u00e9r\u00e9 par un administrateur syst\u00e8me s\u00e9nior, Cyprien, qui prodigue des conseils pr\u00e9cis en dehors du cadre de l\u2019h\u00e9bergement, sur les CMS des clients ou autre. Les clients l\u2019adorent et ne tarissent pas d\u2019\u00e9loges\u2026 De ce fait, gr\u00e2ce \u00e0&nbsp;alwaysdata et \u00e0&nbsp;Cyprien, nous proposons \u00e0&nbsp;nos clients les performances d\u2019un serveur d\u00e9di\u00e9 accompagn\u00e9 par un administrateur syst\u00e8me professionnel \u00e0&nbsp;des prix d\u00e9marrant \u00e0&nbsp;30\u20ac HT par&nbsp;mois.<\/p><\/blockquote>\n<p>En s\u2019appuyant sur le service fourni par <em>alwaysdata<\/em>, les nouveaut\u00e9s qui arrivent toujours plus vite, les r\u00e9glages toujours plus fins, les versions mineures des langages, et toutes les fonctionnalit\u00e9s offertes par la plateforme, Ethersys a&nbsp;pu compter sur un partenaire qui a&nbsp;su lui fournir une solide base pour s\u2019assurer une croissance annuelle \u00e0&nbsp;deux chiffres.<\/p>\n<blockquote><p>Que ce soit pour nous ou d\u2019autres \u00e9quipes, la plateforme alwaysdata est vraiment id\u00e9ale pour des d\u00e9veloppeur\u00b7euse\u00b7s.<\/p><\/blockquote>\n<figure class=\"embed-media__giphy\" style=\"width:65%; padding-bottom:calc(65% * (360 + 12) \/ (480 + 12))\">\n    <video id=\"giphy-${token}\" autoplay loop muted playsinline>\n        <source src=\"https:\/\/media.giphy.com\/media\/3osxYdXvsGw6wT5lIY\/giphy.mp4\" type=\"video\/mp4\">\n        <img decoding=\"async\" src=\"https:\/\/media.giphy.com\/media\/3osxYdXvsGw6wT5lIY\/giphy.gif\" alt=\" @Giphy\">\n    <\/video>\n<\/figure>\n<h2>Nous laissons la parole \u00e0&nbsp;Etienne Zulauf, cog\u00e9rant d\u2019Occitech, pour conclure ces trois questions&nbsp;:<\/h2>\n<p>La cr\u00e9ation d\u2019un second studio nomm\u00e9 <a href=\"https:\/\/www.commit42.fr\">Commit42<\/a> l\u2019\u00e9t\u00e9 dernier, qui partage nos locaux et qui explore d\u2019autres voies techniques et manag\u00e9riales, se r\u00e9v\u00e8le \u00eatre un franc succ\u00e8s. Nous avons confirm\u00e9 notre capacit\u00e9 \u00e0&nbsp;transmettre nos comp\u00e9tences techniques et cr\u00e9er des synergies avec une seconde \u00e9quipe voisine, \u00e0&nbsp;la fois proche de nos technos et m\u00e9thodes (puisqu\u2019elle s\u2019en inspire) et diff\u00e9rente dans sa croissance. En effet, forte de notre exp\u00e9rience transmise, elle avance tr\u00e8s vite, mais vers d\u2019autres horizons sur les types de projets et sur sa gestion interne. C\u2019est passionnant&nbsp;!<\/p>\n<p>Enfin, l\u2019aboutissement d\u2019un projet lanc\u00e9 en 2015 qui consiste \u00e0&nbsp;g\u00e9rer les \u00e9crans visiteurs des boutiques en ligne avec des technos modernes comme React et GraphQL&nbsp;: <a href=\"https:\/\/www.front-commerce.com\">Front-Commerce<\/a>. Ici encore l\u2019architecture <em>alwaysdata<\/em> est un bonheur&nbsp;: avec un back en PHP<span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_2778_1('footnote_plugin_reference_2778_1_1');\" onkeypress=\"footnote_moveToReference_2778_1('footnote_plugin_reference_2778_1_1');\"><sup id=\"footnote_plugin_tooltip_2778_1_1\" class=\"footnote_plugin_tooltip_text\">1)<\/sup><\/a><span id=\"footnote_plugin_tooltip_text_2778_1_1\" class=\"footnote_tooltip\"><\/span><\/span> et un <em>middleware<\/em> en NodeJS\u00ae, par rapport \u00e0&nbsp;plusieurs h\u00e9bergeurs, on peut d\u00e9j\u00e0 tout mettre sur le m\u00eame compte client, sans installation particuli\u00e8re. Enfin lanc\u00e9 en production cette ann\u00e9e sur <a href=\"https:\/\/www.terrang.fr\">www.terrang.fr<\/a> et <a href=\"https:\/\/www.chainethermale.fr\">www.chainethermale.fr<\/a><span class=\"footnote_referrer\"><a role=\"button\" tabindex=\"0\" onclick=\"footnote_moveToReference_2778_1('footnote_plugin_reference_2778_1_2');\" onkeypress=\"footnote_moveToReference_2778_1('footnote_plugin_reference_2778_1_2');\"><sup id=\"footnote_plugin_tooltip_2778_1_2\" class=\"footnote_plugin_tooltip_text\">2)<\/sup><\/a><span id=\"footnote_plugin_tooltip_text_2778_1_2\" class=\"footnote_tooltip\"><\/span><\/span>, les r\u00e9sultats sont fabuleux&nbsp;: des outils modernes pour les d\u00e9veloppeurs qui vont plus vite sur l\u2019int\u00e9gration par exemple, lib\u00e9r\u00e9s des contraintes de templating, et des performances visiteurs incroyables donc un meilleur taux de transformation pour le marchand. Plusieurs belles agences fran\u00e7aises vont d\u00e9ployer la solution chez leurs clients dans les prochains mois, et nous cherchons maintenant \u00e0&nbsp;atteindre le reste de l\u2019Europe et les USA\u2026 Vaste programme qui nous d\u00e9voile un m\u00e9tier que nous ne connaissions pas encore&nbsp;: \u00e9diteur&nbsp;!<\/p>\n<hr>\n<p>Merci \u00e0&nbsp;\u00c9tienne de s\u2019\u00eatre pr\u00eat\u00e9 au jeu de l\u2019interview, et d\u2019avoir eu l\u2019audace d\u2019essuyer les pl\u00e2tres d\u2019un premier article. Nous continuerons de vous faire d\u00e9couvrir les gens passionn\u00e9s et passionnants qui font le Web en s\u2019appuyant sur l\u2019infrastructure d\u2019<em>alwaysdata<\/em>.<\/p>\n<p>D\u2019ici l\u00e0, d\u2019autres surprises arrivent encore en cette p\u00e9riode de changement d\u2019ann\u00e9e&nbsp;!<\/p>\n<div class=\"speaker-mute footnotes_reference_container\"> <div class=\"footnote_container_prepare\"><p><span role=\"button\" tabindex=\"0\" class=\"footnote_reference_container_label pointer\" onclick=\"footnote_expand_collapse_reference_container_2778_1();\">Notes<\/span><span role=\"button\" tabindex=\"0\" class=\"footnote_reference_container_collapse_button\" style=\"display: none;\" onclick=\"footnote_expand_collapse_reference_container_2778_1();\">[<a id=\"footnote_reference_container_collapse_button_2778_1\">+<\/a>]<\/span><\/p><\/div> <div id=\"footnote_references_container_2778_1\" style><table class=\"footnotes_table footnote-reference-container\"><caption class=\"accessibility\">Notes<\/caption> <tbody> \n\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\" onclick=\"footnote_moveToAnchor_2778_1('footnote_plugin_tooltip_2778_1_1');\"><a id=\"footnote_plugin_reference_2778_1_1\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">\u2191<\/span>1<\/a><\/th> <td class=\"footnote_plugin_text\">Magento 2<\/td><\/tr>\n\n<tr class=\"footnotes_plugin_reference_row\"> <th scope=\"row\" class=\"footnote_plugin_index_combi pointer\" onclick=\"footnote_moveToAnchor_2778_1('footnote_plugin_tooltip_2778_1_2');\"><a id=\"footnote_plugin_reference_2778_1_2\" class=\"footnote_backlink\"><span class=\"footnote_index_arrow\">\u2191<\/span>2<\/a><\/th> <td class=\"footnote_plugin_text\">entre autres<\/td><\/tr>\n\n <\/tbody> <\/table> <\/div><\/div><script type=\"text\/javascript\"> function footnote_expand_reference_container_2778_1() { jQuery('#footnote_references_container_2778_1').show(); jQuery('#footnote_reference_container_collapse_button_2778_1').text('\u2212'); } function footnote_collapse_reference_container_2778_1() { jQuery('#footnote_references_container_2778_1').hide(); jQuery('#footnote_reference_container_collapse_button_2778_1').text('+'); } function footnote_expand_collapse_reference_container_2778_1() { if (jQuery('#footnote_references_container_2778_1').is(':hidden')) { footnote_expand_reference_container_2778_1(); } else { footnote_collapse_reference_container_2778_1(); } } function footnote_moveToReference_2778_1(p_str_TargetID) { footnote_expand_reference_container_2778_1(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } } function footnote_moveToAnchor_2778_1(p_str_TargetID) { footnote_expand_reference_container_2778_1(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } }<\/script>","protected":false},"excerpt":{"rendered":"<p>Partez \u00e0&nbsp;la rencontre des gens qui font le Web. Une nouvelle s\u00e9rie d\u00e9di\u00e9e \u00e0&nbsp;ceux qui actionnent les manettes, et qui d\u00e9bute avec Occitech.<\/p>\n","protected":false},"author":12,"featured_media":2779,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[1],"tags":[256,11,105,239,23],"class_list":["post-2778","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-3-questions","tag-dedicated-servers","tag-node-js","tag-performance","tag-php"],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/posts\/2778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/comments?post=2778"}],"version-history":[{"count":0,"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/posts\/2778\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/media\/2779"}],"wp:attachment":[{"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/media?parent=2778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/categories?post=2778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.alwaysdata.com\/fr\/wp-json\/wp\/v2\/tags?post=2778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}