Production
Intégrateur web
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
Compétences clés requises
- Pilotage de projet
- Apporter son expertise à des équipes en s'adaptant à leur culture et à leurs besoins
- Planifier les étapes du projet ou de la production en prenant en compte les délais impartis, les exigences du client interne ou externe, le cas échéant les budgets attribués
- Production
- Composer la mise en page d'un site web ou mobile à partir des maquettes réalisées par les maquettistes ou webdesigners, puis y intégrer les différents contenus, effets graphiques et balises en respectant les normes d'accessibilité, en optimisant le référencement et l'ergonomie du site web ou mobile et en prévoyant la possibilité de modifications ultérieures
Connaissance 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
Environnement de travail et interlocuteurs
Relations avec les autres fonctions internes de l'entreprise
- Création
Relations avec les acteurs externes
- Fournisseurs
Profil souhaité
Formation recommandée
Bac +2 à Bac +3 : diplôme en informatique
Expérience recommandée
Débutant accepté