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
33.
22/09/2012 à 13h07
Par Sebastien SCARPELLI

remarque :
"Son rôle consiste à composer la mise en page statique d’un site web en y assemblant […] dans le respect des normes et des standards."

1 - Pourquoi statique ? ce mot est en trop et n'apporte rien à la définition, voire supprime son aspect générique.

2 - Au sujet de "dans le respect des normes et des standards" …

rectification :
"dans le respect du cahier des charges (dont peut faire partie le respect des normes web)".

Le respect des normes est un idéal, non respecté (c'est ce que je constate) … il y a des enjeux économiques derrière et tout le monde veut sa part du gateau !

Un exemple concret : l'utilisation de flash ou silverlight, solution propriétaire pour la videos qui rend incompatible / difficile la lecture des vidéos sur certaines plateformes. Ce choix est imposé pour diverses raisons (copyright ou autre) et va à l'encontre de la compatibilité.

3 - Une coquille …
pourquoi Internet Explorer 7 et 8 ? Internet Explorer suffit ;)

4 - Au sujet de l'intégration, on peut aussi ajouter l'intégration de code … javascript, php par exemple (j'ai pas dit codage).

En résumé, c'est un peu le prométhée numérique (par analogie à Frankenstein ou Le Prométhée moderne). Il assemble des éléments selon un schéma donné, dans l'objectif de lui donner vie (ensuite).

Sebastien

32.
18/08/2012 à 16h15
Par pôle-integration

Le rôle de l'intégrateur web a fortement évolué ces dernières années. Il ne s'agit plus seulement de rendre un site compatible sur les différents navigateurs. Il peut agir en amont d'un projet internet dans la stratégie de référencement. Aussi il doit proposer une structure de code cohérente à forte valeur ajoutée sémantique pour être bien lisible par les moteurs de recherche. Faites appel à un spécialiste.

31.
08/02/2012 à 14h52
Par Graphiste Bordeaux

Le métier d'intégrateur web évolue très vite en ce moment

30.
05/03/2011 à 23h13
Par Aurélien

Je trouve la présentation du métier d'intégrateur plutôt correcte et bien réalisée. J'ajouterai peut être une partie sur javascript qui est revenu très fortement en force. AurélieN

29.
23/02/2011 à 23h22
Par PrestaShop Bordeaux

L'intégration de site web est aussi aujourd'hui le fait d'adapter une solution open source comme PrestaShop à une demande spécifique d'un client pour que le rendu visuel, la charte graphique du site soit respecté. Des thèmes et templates sont aussi accessibles pour rapidement obtenir un rendu visuel agréable. Pour vos templates PrestaShop, n'hésitez pas !

28.
03/01/2011 à 11h03
Par jean pierre

ou pourions nous trouvez une fiche de ce metier type onisep ou alors connaitres les salaires débutant ?

jean pierre

27.
03/01/2011 à 11h03
Par jean pierre

quel sont les salaires débutant ?
ou pourions nous avoir accès a une fiche "onisep" de ce metier ?

merci
Alexandre

26.
18/10/2010 à 12h52
Par Marjorie - Equipe du Portail des Métiers de l Internet

@happy taxpayer Ce projet a été lancé par la Délégation aux usages de l'Internet (service rattaché au ministère de l'Enseignement supérieur et de la Recherche et au Secrétariat d'Etat au développement de l'économie numérique) en 2006, à la demande du Comité interministériel pour la société de l'information. A cette date, il n'existait pas de base de données sur les métiers émergents de l'Internet. Une collaboration a été engagée avec l'ONISEP pour permettre une mutualisation des contenus et des expertises. Elle se traduira par une version enrichie du portail.

25.
15/10/2010 à 23h44
Par happy taxpayer

Il me semble que les services du premier ministre ont autre chose à faire que de publier des fiches métiers fut-ce dans le cadre de l'économie numérique.... autant je comprendrai que l'ONISEP fasse son boulot mais ceci n'est pas du ressort du premier ministre ...

j'aimerai bien que mes impôts soient dépensés de manière plus rigoureuse... ce commentaire sera-t-il censuré ?

24.
24/08/2010 à 18h44
Par nabil

Bonjour,

Je bosse dans une grande SSII Française, implantée au Maroc. je suis Chef de Projet Technique en intégration xhtml/css/js, bah je peux vous assurer que c'est un métier à part, et peu sont les gens qui le maitrisent. c'est du graphisme et du développement sans pour autant l'être réellement. C'est la rigueur, le savoir faire, c'est l'oeuil du navigateur, et c'est la première chose que peut juger un utilisateur web, c'est affichage, c'est l'accessibilité et la facilité + fluidité de navigation, et bcp d'autres choses ...

Pages

Ajouter un commentaire