Engineering Inside – Intégrateur web
Partager
  • Intégrateur web

    • Développeur front office
    • Développeur front-end
    • Intégrateur HTML

    L’intégrateur HTML est chargé de développer la partie front office des sites internet ou encore de coder les newsletters en HTML. À partir des éléments graphiques fournis au formats Photoshop, il réalise le codage en HTML des éléments de texte, les contenus visuels et les animations javascript. Il est en charge d’optimiser le code dans le respect des normes d’accessibilité W3C mais aussi de proposer un code qui favorise le référencement naturel et l’ergonomie du site. Enfin, l’intégrateur a depuis peu, la tâche de gérer les aspects de compatibilité multinavigateur. (Mac & PC ; Tablettes Android, IOS : Iphone, Ipad…)

    Plus de détails
    +

    L’intégrateur collabore à la fois avec les équipes de design et les développeurs. Il est le garant
    du respect de la charte graphique et des bonnes pratiques nécessaire au développement du projet web. L’intégrateur web a, à la fois, la bonne maîtrise des normes d’accessibilité, des problématiques des designers et des contraintes liées au développement et au référencement. Ceux sont des profils ayant de la rigueur et de l’organisation.

    Tests effectués
    Nos intégrateurs ont régulièrement des tests à effectuer sur différents navigateurs et différentes plateforme. Notre entité, leur permet d’avoir le matériel nécessaire à la réalisation de tests
    sous Safari, Firefox, Chrome, Internet Explorer pour les versions Desktop et sous différents environnements mobiles (Ipad, Iphone, Tablettes et mobiles sous Android et Windows).
    Les intégrateurs spécialisés dans la réalisation d’emailing disposent d’un outil Litmus capable
    de générer plus de 30 captures d’écran sous différents client mails (client Desktop ou client web). Cela permet d’accentuer la productivité et de garantir une compatibilité optimale
    de nos livrables.

    Cadrage du projet

    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

    Veiller au respect des normes

    Tâches :
    Participer à l’élaboration du cahier des charges pour la présentation des choix d’identité visuelle
    du site ou de l’application web, de scénarisation d'animations, … en fonction des besoins, usages
    et moyens identifiés

    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

    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

    Intégration des effets graphiques

    Tâches :
    Transcrire les effets graphiques en langage web :
    . JavaScript
    . AJAX

    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

    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

    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

    Rigueur :
    . Sens du détail
    . Respect des normes
    Autonomie :
    . Respect des délais
    . Rapidité d’exé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