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
23.
21/06/2010 à 16h46
Par Simon ALIXANT

Le vrai intégrateur de nos jours doit savoir intégrer de manière optimisé pour le référencement. Vous en parler mais il serait peut être bon de l'ajouter à la liste des tâches dont l'intégrateur est en charge (dans le tout premier paragraphe). Le descriptif reste très bien fait ! Simon, intégrateur xHTML

22.
10/06/2010 à 09h45
Par jmirol

Bonjour,

Je suis intégrateur WEB depuis 10 ans et j'ai vu évoluer le métier. Depuis quelques années je recrute également des intégrateurs, (autre dénomination : développeur Front) et les compétences minimum que je demande sont :
- Normes W3C (au mieux accessibilité)
- Développement (incontournable) :
* Javascript (dont ajax)
* PHP (bonne maîtrise)
* SQL
- Minimum de culture en ergonomie et graphisme

Pour un intégrateur expérimenté (2 a 3 ans) les compétences à rajouter sont :
- Référencement naturel
- Veille technologique
- Gérer le projet avec ses graphistes. Méthodologie a mettre en place.

Certaines sociétés, heureusement rares, confonde intégrateur et graphiste.
Un intégrateur est avant tout un développeur spécialisé sur la partie front d'un projet WEB.

21.
02/06/2010 à 22h12
Par Jacques MARTINET - vectorSKIN

Bonjour à tous,

Certes, l'intégrateur Web possède des notions en JavaScript et en PHP, il peut à l'aide de bibliothèques comme Mootools ou jQuery dynamiser certains aspects de l'interface graphique, mais ce n'est pas son métier, c'est celui du développeur Web, c'est pour cela qu'on le paye.

Cependant, ne pensez pas qu'un intégrateur Web est tout juste bon à découper des images sous Photoshop. Ses connaissances en sémantique, en accessibilité, en référencement et en ergonomie font de lui l'un des acteurs les plus importants d'un projet Web. Ses recommandations basées sur des standards stricts priment sur l'opinion personnelle d'un DA ou d'un Chef de projet et permettent de qualifier un projet multimédia.

Ce métier est bien trop méconnu et malheureusement, les chefs de projet commencent à le détourner, n'hésitez pas à vous faire entendre et à partager cette page sur vos réseaux.

A bientôt,

20.
02/06/2010 à 09h57
Par Matt

Excellente définition du poste d'intégrateur (tout y est)

@ prosiniweb : Je pense que tu confonds intégrateur de solution et intégrateur html (c'est pas très heureux surtout que tu mets en avant ta boite LOL)

19.
24/05/2010 à 15h37
Par esse est mère de tous les vices

« Travaille à l'école ! fais des études !  » me disaient mes parents… « ou tu seras intégrateur HTML ! » Notez-bien le suffixe « HTML » qui vient parfaire l’humiliation.

18.
13/04/2010 à 03h18
Par OUPS productions

Comme il me semble l'avoir lu, cette idée de présenter tout les métiers du domaine web est une bonne idée pour faire comprendre à certains clients les frais liés à la réalisation d'un site Internet d'une certaine importance. Le nombre d'intervenant est souvent oublié et c'est pas toujours facile de justifier un tarif quand le client n'a aucune idée de comment ça se passe

17.
10/03/2010 à 21h45
Par Cambodge

C'est un métier ingrat effectivement, car il n'accomplit il ne fait que mettre en forme ce que les autres ont déjà pensé. D'autre part, le respect du W3C n'est pas assez mis en valeur. Le jour où le W3C aura une réelle valeur ajoutée sur les sites, alors ce métier sera très recherché, enfin les meilleurs.
Ben du Cambodge

16.
06/01/2010 à 14h31
Par emploiduweb

Il est clair qu'il faut bien préciser "Intégrateur HTML/XHTML"... Ce métier est énormément changé en mieux avec les respects des standards par les navigateurs qui s'améliorent. Cela simplifie le quotidien et rend ce métier plus passionnant. Aussi, l'évolution des navigateurs et l'apparition des frawemworks (Jquery, Prorotype...) a ajouté une autre compétence (à mi chemin avec le développeur web) à ce métier : le développement Javascript. Enfin, il nécessite aussi de tenir compte des contraintes du développeur (template, ajax...) pour asssurer une meilleure transmission des gabarits statiques aux développeurs web.

15.
04/01/2010 à 10h35
Par webwest

C'est vrai que le métier d'intégrateur est méconnu et ne demande qu'a être valorisé à sa juste valeur.

14.
12/11/2009 à 16h32
Par Msoutric

@pfoofen Les inscriptions des formations sur le portail sont faites à leur initiative, si la WebSchool Factory n'est pas encore référencée, c'est qu'elle n'a pas effectué cette démarche. Afin de vous référencer sur le portail, nous vous invitons à vous inscrire à l'adresse suivante : http://www.metiers.internet.gouv.fr/user/register .
Une fois votre inscription validée, vous pourrez alors créer votre fiche formation afin que nous puissions la valider.

Pages

Ajouter un commentaire