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
3.
12/07/2009 à 11h26
Par thomasbeaucourt

Je suis d'accord avec Xorax, l'activité 5 (animation javascript / AJAX) relève plus du développeur.
L'activité 6 (optimisation référencement passif) est déjà décrite dans l'activité 2. C'est pourtant une bonne idée que d'en faire une activité séparée sur la fiche, car c'est un domaine de plus en plus vaste. Peut-être serait-il bon de retirer les aspects de référencement de l'activité 2 et d'étoffer la 6.

2.
12/07/2009 à 00h49
Par Xorax

Généralement on ne trouve pas d'intégrateur qui sache faire du javascript (et encore moins avec AJAX). C'est d'après moi le rôle du développeur (http://www.metiers.internet.gouv.fr/metier/developpeur-0) ce qui lui permet d'accorder les transmissions server-client.

1.
10/07/2009 à 12h04
Par Jérémie Anderlin

Je trouve intéressante cette forme de valorisation en officialisant ce métier souvent oublié où considéré comme "le gars du milieu" entre le développeur et le graphiste (du moins en Belgique).

Je citerai cet article lors des cours que je donne à une classe justement destinée à devenir des "Intégrateur/trices" Web.

Pages

Ajouter un commentaire