Intégrateur web et mobile

Autres appellations

  • Intégrateur HTML5
  • Développeur FrontEnd
  • Développeur Full-Stock

Présent dans le secteur

  • Agences Conseils en communication

Missions

Traduire et transposer les maquettes fournies par l’équipe de création en lien avec l’équipe de production dans un langage informatique lisible dans un navigateur web ou mobile, en composant la mise en page du site Web en y intégrant les éléments des maquettes graphiques, les transitions ou des wireframes dans le respect des normes d’accessibilité, de référencement et d’ergonomie, en en assurant que le gabarit du site fonctionne correctement sur tous les navigateurs et de manière uniforme.

Principales activités

Activités communes à tous les segments de la branche

Production, traduction et transposition des maquettes en langage informatique

  • Découpage de chaque zone (textes, sons, images, vidéo) à partir des maquettes réalisées par les graphistes
  • Composition de la mise en page d’un site web ou mobile en y assemblant, montant et structurant tous les éléments des maquettes graphiques (textes, images, sons) dans le respect d’un cahier des charges (feuilles de styles, menu, pied de page, contenu des pages) et en s’efforçant de suivre les normes et les standards
  • Traduction les différentes zones des maquettes en langage web (XHTML / HTML5, CSS3) en y intégrant certaines actions ou effets visuels avec du Javascript, assurant de pouvoir le modifier facilement par un autre intervenant en y ajoutant des commentaires

Veille au respect des normes d’accessibilité et de référencement

  • Renseignement des balises ALT des images et des TITLE des liens

Intégration des pages dans la maquette fonctionnelle

  • Intégration des différents contenus (images, textes, vidéos, sons) ou directement dans le code HTML5
  • Intégration des effets graphiques, animations et transitions (JavaScript, AJAX)
  • Intégration des balises METAS pour chaque page :Description, Keyword

Vérification à l’adaptabilité du code et de la structure de site au terminal du client

  • Intégration d’une version unique et/ou d’une version complémentaire dédiée mobile/tablette
  • Vérification de l’affichage du site sur les navigateurs (web et mobile) les plus utilisés
  • Vérification de la cohérence avec les maquettes graphiques fournies.

Optimisation SEO (Search Engine Optimization)

  • Production d’un code qui puisse être parcouru par les moteurs de recherche de façon optimale au respect de protocoles permettant de décrire au mieux le contenu et de le parcourir dans son intégralité avec facilité.

Veille technologique

  • Participer à la veille technologique et à la connaissance des dernières librairies(Boostrap, Less, Sass, JqueryMobile,etc…)

Relations fonctionnelles internes et externes

Relations avec les autres fonctions internes de l’entreprise

  • Création
  • Commercial et conseil

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

  • appréhender sa connaissance de la composition de la mise en page d’un site web ou mobile : respecter l’esthétique en appliquant 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

  • appréhender le fonctionnement d’une agence
  • organiser l’intégration dans le respect des plannings et des délais donnés et aux respects des impératifs de l’équipe créative et de production

Connaissances et maîtrise des outils

  • Connaissance et maîtrise des langages informatiques XHTML /HTML5 (Hyper Text Mark up Language), JavaScript, AJAX, XML, JQUERY, JSON, CSS
  • Connaissance des outils de versionning du code
  • 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 METAS…)
  • Connaissance la gestion de projet (budgets, délais…)
  • Connaissance de logiciels des chartes graphiques : Adobe Photoshop, In design, Illustrator
  • Maîtrise des langages et des technologies de publication du web : CMS, Editeurs de code, Outils E-Commerce.
  • Maîtrise de logiciels spécifiques : Traitement d’images, (Flash)
  • Langues étrangères (anglais) : vocabulaire professionnel que ce soit sur le numérique, la production publicitaire, le marketing, ou la communication en général

Formation et expérience recommandées

Formation recommandée

Bac +2 à Bac +3 en informatique

Expérience recommandée

Débutant accepté