Recherche

Intégrateur Web

Intégrateur HTML, Développeur front office, Développeur front-end



L’intégrateur Web est chargé de traduire et de transposer les maquettes fournies par l’équipe graphique dans un langage informatique : le HTML. Il compose la mise en page du site Web en y intégrant les éléments des maquettes graphiques : textes, sons, images. Il participe à la qualité du site, dans le respect des normes d’accessibilité, de référencement et d’ergonomie. L'intégrateur Web peut exercer dans une agence Web, en tant que travailleur indépendant ou directement chez le client.

Familles de métiers : Programmation et développement

Présentation

L’intégrateur web est chargé de produire, traduire puis transposer les maquettes fournies par l’équipe graphique en langage informatique. Son rôle consiste à composer la mise en page d’un site web en y assemblant tous les éléments des maquettes graphiques (textes, images, sons) dans le respect d'un cahier des charges et en s'efforçant de suivre les normes et les standards. Pour mettre en page le site web, l’intégrateur web s’appuie sur le langage informatique HTML (Hyper Text Mark up Language).

A ce titre, l’intégrateur web est en charge de :

  • La découpe, le montage et l’intégration des pages en HTML/CSS, XHTML
  • La cohérence entre les pages codées en HTML et les maquettes graphiques
  • Le respect des standards web (Norme W3C, normes d’accessibilité)
  • La compatibilité entre les navigateurs (Firefox, Internet Explorer, Safari…)
  • L’intégration des contenus
  • L'intégration des effets graphiques

De façon complémentaire, il participe à :

  • L’architecture de l’information au sein du site
  • La conception des éléments graphiques du site
  • L’optimisation de l’accessibilité du site
  • La mise en place des optimisations techniques propres au référencement

Missions

Pièce maitresse de la réalisation de tout site web, l’intégrateur web collabore au quotidien avec l’équipe créative, les développeurs et les chefs de projet. Il est le garant du respect des spécifications techniques et du design.

L’intégrateur web est souvent amené à travailler sur plusieurs projets en même temps. A ce compte, il doit faire preuve d'adaptabilité, de rigueur et d’organisation.

Il participe, par son expertise, à la qualité globale du site, dans le respect des normes d’accessibilité, de référencement et d’ergonomie. Outre une bonne maitrise du langage HTML, sa mission requiert donc une bonne connaissance des problématiques de graphisme, d’ergonomie et de référencement d’un site web.

Domaine et périmètre d'intervention

L’intégrateur web travaille principalement dans deux types d’environnements : les agences Web et les ESN (Entreprises de Services du Numérique). Il est directement rattaché au chef de projet (qui dépend lui-même du directeur de l’agence web ou de l'ESN).

Le plus souvent, il est associé à la phase de réflexion technique qui précède le début du développement. En fonction de son expérience et de ses compétences, mais aussi de la taille des sites à créer, l'intégrateur aura des attributions plus ou moins larges : de la simple exécution jusqu'à des interventions sur l'ergonomie ou le design du site. Il peut aussi être amené à assister les développeurs et les infographistes au cours du développement en les conseillant en matière de format, de taille des fichiers ou encore de compression.

Activités & tâches

Activité 1
Découpage, montage et intégration des pages

Tâches

Découper chaque zone partir des maquettes réalisées par les graphistes :

  • Découpage de textes
  • Découpage d’images
  • Découpage de sons
  • Découpage de vidéos

Assembler / Structurer les différentes zones :

  • Assemblage de textes
  • Assemblage d’images
  • Assemblage de sons
  • Assemblage de vidéos 

Traduire les différentes zones en langage web :

  • XHTML / HTML
  • CSS
Activité 2
Veiller au respect des normes

Tâches

Respect des normes d’accessibilité :

  • W3C

Respect des normes de référencement :

  • Balises METAS
  • Renseigner la balise ALT des images
  • Renseigner les TITLE des liens

Respect des principes d’ergonomie :

  • Chemins de navigation
  • Affordance
  • Règles d’utilisabilité
Activité 3
Compatibilité entre les différents navigateurs

Tâches

Vérifier l’affichage du site sur les navigateurs les plus utilisés :

  • Firefox
  • Internet Explorer
  • Chrome
  • Safari
  • Opéra

Vérifier la cohérence avec les maquettes graphiques fournies :

  • Place exacte des éléments
Activité 4
Intégration des contenus

Tâches

Intégrer les différents contenus :

  • Via un CMS (Content Management System)

ou

  • Directement dans le code HTML

 

Intégrer tous les éléments de contenu :

  • Textes
  • Images
  • Vidéos
  • Sons
Activité 5
Intégration des effets graphiques

Tâches

Transcrire les effets graphiques en langage web :

  • JavaScript
  • AJAX
Activité 6
Intégration des contenus pour le référencement

Tâches

Intégrer les balises METAS pour chaque page :

  • TITLE
  • Description
  • Keyword

Mettre une balise ALT sur chaque image du site

Intégrer les titres des liens

Compétences

Savoirs

Compréhension des contraintes du projet :

  • Délais
  • Budget
  • Spécificités propres au client et/ou au projet

Connaissance des règles et normes applicables sur le web :

  • Accessibilité
  • Ergonomie
  • Référencement

Connaissances informatiques : 

  • Méthodes, normes, langages et outils de développement 
  • Langages de programmation web
  • Environnement de développement
  • Culture générale informatique
  • Environnement web et XML

Savoir-faire

Maîtrise des langages et des technologies de publication du web :

  • XHTML / HTML
  • JavaScript
  • AJAX
  • XML
  • SQL

Maîtrise opérationnelle des outils suivants :

  • CMS (Content Management System)
  • Editeurs de code

Utilisation de logiciels spécifiques :

  • Traitement d’images
  • Flash

Savoir-être

Rigueur :

  • Sens du détail
  • Respect des normes

Autonomie :

  • Respect des délais
  • Rapidité d’éxécution

Capacités d’adaptation :

  • Polyvalence
  • Force de proposition
  • Compréhension des métiers des autres membres de l’équipe

Capacités à travailler en équipe :

  • Écoute
  • Ouverture aux autres
  • Goût pour l’échange

Veille technologique :

  • Langages
  • Méthodes d’intégration
  • Nouveaux navigateurs et pourcentage d’utilisateurs
 

 


 

Licence Creative Commons
Cette fiche métier est mise à disposition selon les termes de la Licence Creative Commons Attribution 2.0 France.

 

Dernière mise à jour : 24 septembre 2012.
Retour au sommaire

Formation de niveau bac +2 à bac +5 en développement web qui peut être éventuellement complétée par une formation en webdesign.

Formations diplômantes/certifiantes

Contributeurs

Laisser un commentaire
13.
08/11/2009 à 21h49
Par pfoofen

Bonjour, Dans votre colonne formation à ce métier, vous pouvez ajouter la WebSchool Factory. Ecole spécialisée dans la formation au métier pointu d'intégrateur web.

12.
05/11/2009 à 12h52
Par Johan Ramon

Bonjour, Je suis moi-même "Intégrateur Web" et, dans ma société, on me demande ; en complément du montage des pages en XHTML/CSS ; d'injecter mon code sur le CMS. Ce qui nécessite forcément des connaissances relativement poussées en "langage de template" (assez proche du PHP). Ce qui m'amène à dire ; suite à la lecture de cet article et de ces commentaires ; que dans certaines structures, l'intégrateur "débordera" sur des tâches liées au graphisme et dans d'autres sur des tâches liées au développement.

11.
31/10/2009 à 00h16
Par webotheque

A noter qu'un intégrateur expérimenté et doté de connaissances en matières de référencement intégrera naturellement les pages html de façons optimisée pour le référencement naturel. Et cette action ne se limite bien entendu pas aux seules balises méta.

10.
29/09/2009 à 15h30
Par Francois

Je suis intégrateur web et suis complètement d'accord avec la description que vous en faites. Métier trop peu connu et trop peu reconnu. On a tendance à vouloir passer directement du design au développement web... alors que l'intégration (étape entre les 2) est primordiale.
Super article en tout cas.

9.
20/08/2009 à 13h38
Par Inconnu

@ nicolas
Je crois que vous vous méprenez quant à la signification de front et back end, qui ne se réfèrent pas à l'interface publique ou privée d'un site mais bien aux modifications visibles ou non d'un site (ex : le code PHP est invisible pour l'utilisateur alors qu'un javascript est visible de facto).
@Xorax
Là où je travaille, la partie javascript (voire AJAX) est très souvent du fait des intégrateurs, et rarement des développeurs, bien que ça dépende des projets.

8.
05/08/2009 à 18h02
Par prosiniweb

Pour moi, cette définition est (aujourd'hui) celle du webdesigner, qui adapte un design produit par un graphiste pour une utilisation web optimisée et accessible. Il est vrai que ce poste est parfois appelé "Intégrateur Html" mais il me semble inapproprié. Un intégrateur implémente des solutions informatiques (et parfois développe des passerelles avec le SI existant) pour le compte d'un client. Attention à la confusion, le terme d'intégrateur ayant ainsi une double signification dans le langage actuel.

7.
22/07/2009 à 00h11
Par E-Dilik

L'intégrateur est complémentaire au développeur et au webdesigner, il est la charnière pour la réalisation d'un site internet. En général l'intégrateur à une double casquette, il peut être également et souvent webdesigner. Comme le dit nicolas goueset, ce métier est très peu connu des entreprises.

6.
16/07/2009 à 11h47
Par lexa

Avec les RIA, un nouveau type d'intégrateur est apparu. Ces intégrateurs ne font pas de HTML mais du MXML (Flex) ou du XAML (Silverlight). En matière de CMS, ils n'utilisent pas les CMS php traditionnels mais les CMS Flash Ce type de profile a un avenir certain mais les intégrateurs html seront toujours nécessaires. Ils devront peut être se diversifier pour rester à la page.

5.
13/07/2009 à 22h32
Par nicolas goueset

les catégories que vous proposez pour décrire le métier d'intégrateur html sont un peu trop restrictives. L'intégrateur n'est ni développeur, ni webdesigner, il appartient à une catégorie à part.

lorsque vous citez en aussi appellé developpeur front end, vous vous trompez, car le montage du html du back end ou back office revient aussi à l'intégrateur.

une définition plus précise me semble nécessaire afin de mieux faire valoriser ce métier au sein des entreprises qui dans 90% des cas ne comprennent pas ce métier.

4.
12/07/2009 à 14h26
Par Msoutric

@thomasbeaucourt Je pense que c'est une bonne idée. Avez-vous des propositions pour "étoffer" l'activité 6 ?

Pages

Ajouter un commentaire