Intégrateur web

Autres appellations

  • Intégrateur HTML5
  • Développeur FrontEnd

Présent dans le secteur

  • Agences Conseils en communication

Missions

L’intégrateur web transpose les maquettes fournies par l’équipe de création (en lien avec l’équipe de production) dans un langage informatique lisible par les navigateurs web : le HTML. Il compose la mise en page du site Internet en y intégrant les éléments des maquettes graphiques (textes, sons, images). Il s’assure que le site est compatible avec tous les navigateurs et de manière uniforme. Son travail s’effectue dans le respect des normes d’accessibilité, de référencement et d’ergonomie.

Principales activités

Activités communes à tous les segments de la branche

Produire, traduire et transposer des maquettes en langage informatique

  • Découpage de chaque zone (textes, sons, images, vidéos) à partir des maquettes réalisées par les graphistes
  • Composition de la mise en page d’un site web: assemblage, montage et structure de tous les éléments des maquettes graphiques (textes, images, sons). Respect d’un cahier des charges (feuilles de styles, menus, pieds de page, contenus des pages), ainsi que des normes et standards web
  • Traduction des différentes zones en langage web (XHTML, HTML5, CSS3), et intégration de certains effets visuels ou actions avec JavaScript ou jQuery. Tout doit pouvoir être modifié facilement par un autre intervenant

Respecter les normes d’accessibilité et de référencement

  • Renseignement des balises ALT des images et des attributs TITLE des liens
  • Respect des principes d’ergonomie (chemins de navigation, affordance, règles d’utilisabilité)

Intégrer les pages dans la maquette fonctionnelle

  • Intégration des différents contenus (images, textes, vidéos, sons) avec un logiciel de CMS (Content Management System) ou directement dans le code HTML5
  • Intégration des effets graphiques (JavaScript, AJAX)
  • Intégration des balises META pour chaque page : Meta Description, Meta Keywords
  • Mise en place des balises ALT sur chaque image du site
  • Intégration des attributs TITLE des liens

Vérifier l’adaptabilité du code et de la structure du site web au terminal du client

  • Création d’une version unique et/ou d’une version complémentaire pour mobiles/tablettes
  • Vérification de l’affichage du site sur les navigateurs les plus utilisés
  • Contrôle de la cohérence avec les maquettes graphiques fournies

Optimiser SEO (Search Engine Optimization)

  • Production d’un code parcouru par les moteurs de recherche de façon optimale, selon des protocoles qui décrivent au mieux le contenu et permettent de le parcourir dans son intégralité avec facilité

Assurer une veille technologique

Relations fonctionnelles internes et externes

Relations avec les autres fonctions internes de l’entreprise

  • Création

Relations avec les acteurs externes

  • Fournisseurs

Compétences clés requises

Savoir-faire du métier

Conseiller les maquettistes sur les formats

  • apporter un point de vue technique lors de la phase de préparation du projet
  • guider l’équipe créative et les maquettistes dans les meilleurs choix de formats

Analyser la maquette afin de mettre en œuvre l’intégration web et mobile

  • appliquer sa connaissance de la composition de la mise en page d’un site web : respecter l’esthétique avec créativité et minutie
  • appréhender les différents langages liés à la création (infographie, programmation, traitement des médias)
  • appréhender la compatibilité avec le terminal client
  • veiller à l’optimisation SEO

Gérer un projet d’intégration web

  • comprendre le fonctionnement d’une agence
  • organiser l’intégration selon le planning et les impératifs de l’équipe de création et de production
  • respecter les budgets alloués

Connaissances et maîtrise des outils

  • Connaissance du langage informatique XHTML/HTML (HyperText Markup Language), JavaScript, AJAX, XML, SQL
  • Connaissance des problématiques de graphisme, d’ergonomie et de référencement d’un site web
  • Connaissance des normes d’accessibilité et de référencement (W3C, balises META…)
  • Connaissances en gestion de projets (budgets, délais…)
  • Connaissance de logiciels de création graphique: Adobe Photoshop, InDesign, Illustrator
  • Maîtrise des langages et des technologies de publication du web : logiciels CMS, éditeurs de code
  • Maîtrise de logiciels spécifiques : logiciels de traitement d’images, Flash
  • Maîtrise d’un vocabulaire anglais professionnel : numérique, production publicitaire, marketing, ou communication en général

Formation et expérience recommandées

Formation recommandée

Bac +2 à Bac +3 : diplôme en informatique

Expérience recommandée

Débutant accepté