Intégrateur Web : la rockstar dans la chaine de production d'un site internet

Intégrateur Web : la rockstar dans la chaine de production d'un site internet

Intégrateur Web ou intégrateur HTML / CSS est métier très récent, et il est amené à évoluer au même rythme que les standards et technologies du web. L’intégrateur web joue un rôle important dans la chaîne de production d’un site internet. Pourtant, comme le rappelle Stéphane Deschamp lors de Paris Web 2009, ce métier est mal (très mal) considéré. Revenons sur le rôle et les responsabilités d’un métier clé du Web.

Pour bien situer les rôles de chacun dans le processus de création d’un site internet, revenons sur les différences phases de productions dans une agence Web. Chaîne de production

Design

La première étape est de construire une arborescence et concevoir l’organisation des informations de façon cohérente et adaptée à la cible d’utilisateurs visée. Suivant les agences, ce rôle est dévolu soit au designer soit au chef de projet. Ils produisent donc des wireframes, des spécifications fonctionnelles, précisant ce à quoi le site et sa structure devront ressembler.

Quelques échanges avec le client permettent d’affiner ces documents de références.

Graphisme

D’abord, une charte graphique et une identité de marque est défini, et validé par le client. La phase suivante est de produire une maquette graphique à l’aide de logiciel de type Photoshop ou Illustrateur. Pour réaliser les maquettes, les graphistes se baseront sur les wireframes, les spécifications fonctionnelles et l’identité graphique.

Les échanges avec le client sur les maquettes peuvent permettre d’améliorer les éléments dans la phase amont.

Les maquettes graphique produites devront reproduire les principaux modèles de page nécessaire pour dans le projet. Par exemple, il y aura une maquette : - pour la page d’accueil, - une autre maquette pour la page contact, - une autre maquette pour les pages éditoriales - une autre maquette pour les actualités.

Le nombre de maquette a produire dépend des projets.

Avant d’être présenté au client, les maquettes sont généralement validé avec l’intégrateur pour vérifier la faisabilité technique mais aussi le coût de réalisation, car même si un choix de design est techniquement faisable, il correspond pas forcément au budget qu’a mis le client pour le site.

Une fois les maquettes valiées par le client, il va fournir également l’ensemble des images et autres éléments graphiques dans un dossier.

Le rôle de l’intégrateur est donc de conseillé les graphistes sur les possibilités et contraintes du Web sur le graphisme, ce rôle sera d’autant plus cruciale si les graphistes viennent du monde du print.

Intégration

C’est a ce moment qu’intervient l’intégrateur Web, son rôle est de traduire tout les éléments définis en amont dans du code HTML / CSS / Javascript pour chacune des maquettes.

La maquette fonctionnelle produite est lisible dans un navigateur web (comme Firefox, Internet Explorer, Opera ou Chrome), cette maquette ne contiendra des données factices mais plausibles (pas de «lorem ipsum»), pour s’assurer que les écrans répondent à la problématique posé par le client. Cependant, cette maquette n’exploite pas les données provenant d’une base de données ou ne fait pas de calcul que l’on trouvera sur un site Web dynamique.

Cette maquette fonctionnel produit permet de s’assurer que le gabarit du site fonctionne correctement sur tous les navigateurs et de façon uniforme.

L’intégrateur a la lourde responsabilité :

Développement

Le développement va traduire les fonctionnalités demandées en code. Il va s’appuyer sur le code de l’intégrateur, remplacer les éléments en “dur” mis par l’intégrateur par des contenus provenant d’une base de données, le traitements des formulaires vont être réalisées.

Au fur et à mesure du développement, de nouveaux écrans font leurs apparition, l’intégrateur a la charge de réaliser le code HTML de ces nouvelles pages, soit hors de l’outil soit directement dans les outils utilisées par les développeurs. Il doit aussi veiller à ce que les développeurs suivent le code HTML qu’il a proposé.

La communication et la collaboration qu’entretiennent les intégrateurs et développeurs est primordial pour la réussite d’un projet de site Web.

Exploitation

Enfin, en phase d’exploitation, les besoins des clients évolue et donc il fait faire évoluer ces pages Web. Un des points à prendre compte est qu’entre la réalisation du site et son exploitation les technologies ont évolué, aussi bien celle utilisé pour réalisé le site mais aussi les technologies utilisées par les internateures (Navigateurs, écran, terminaux, …).

C’est lui qui a lourde responsabilité de maintenir

Un profil clé

Un intégrateur Web est donc un profil particulièrement important dans la réalisation d’un site Web, et surtout lors de sa phase d’exploitation. C’est sur ses épaules que repose le juste équilibre entre référencement, accessibilité, performance, maintenabilité, … . Autrement dit, il a quasiment le pouvoir de vie ou de mort sur un business basé sur le Web.

comments powered by Disqus

Voir aussi

Faut t’il ré-implémenter les fonctionnalités des navigateurs dans une page Web ?

Faut t’il ré-implémenter les fonctionnalités des navigateurs dans une page Web ?

Voilà une question bien curieuse, tout le monde répond évidemment non, et pourtant c’est la direction qu’est en train de prendre le Web …

Laisser l'utilisateur maitriser le démarrage des animations

Laisser l'utilisateur maitriser le démarrage des animations

Au cours de ces dernières années, les animations graphiques ont fleuris sur le Web. Diaporama, banière, défilement automatique, … sont autant …

Comprendre les hooks dans Wordpress

Comprendre les hooks dans Wordpress

Beaucoup d’extension sous Wordpress utilisent les hooks pour faire certaine tache comme ajouter filtrer les données, ajouter du texte à la fin …

Modifier une collection à chaud en PHP

Modifier une collection à chaud en PHP

Dans les boucles foreach, il est parfois utiles de vouloir modifier à chaud les variables contenues dans un tableau. Je suis tombé récemment sur un …

A la une
  • Rencontre du numérique 2019 - Nîmes
  • référencement naturel d'un hôtel
  • Développeur eZ Platform
  • Tech lead Symfony
  • Expert Qualité Web

Copyright - Sylvain FIX

2009 - 2019