Sommaire

• Définition du métier
• Missions
• Domaines et périmètre d'intervention
• Activités et Tâches
• Compétences

Définition du métier

L’intégrateur est chargé de mettre en page les choix graphiques et éditoriaux décidés par le chef de projet. Son rôle consiste à monter les pages d’un site web en y assemblant tous les éléments des maquettes graphiques dans le respect des normes et des standards. Pour mettre en page le site web, l’intégrateur s’appuie sur le langage informatique HTML (Hyper Text Mark up Language).
A ce titre, l’intégrateur 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 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 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 travaille principalement dans deux types d’environnements : les agences web et les Société des Services d’Ingénierie en Informatique (SSII). Il est directement rattaché au chef de projet (qui dépend lui-même du directeur de l’agence web ou de la SSII).

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 7
  • Internet Explorer 8
  • 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