webmaster

  • Le métier de webmaster / intégrateur

    Un métier en plein boom !

     

    Se connecter à internet, c'est y rencontrer des centaines de gens
    avec qui vous n'auriez jamais eu envie d'avoir quelque rapport que ce soit.

    Dave Barry

    Voici donc quelques informations pratiques sur ce métier qui attire du monde tout en étant porteur et qui s'apprend aussi dans les grandes écoles que sur le tas à la maison...

    webmaster / intégrateur

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

    L'intégrateur Web est chargé de traduire et de transposer les maquettes fournies par l'équipe graphique dans un langage informatique : le HTML.

    Il compose la mise en page statique du site Web en y intégrant les éléments des maquettes graphiques : textes, sons, images.

    Il participe à la qualité du site, dans le respect des normes d'accessibilité, de référencement et d'ergonomie.

    L'intégrateur Web peut exercer dans une agence web, en tant que travailleur indépendant ou directement chez le client.


    Fiche métier diffusée par la Délégation aux usages de l'Internet (DUI)

    Le poste d'intégrateur

    L'intégrateur web est chargé de produire, traduire puis transposer les maquettes fournies par l'équipe graphique en langage informatique. Son rôle consiste à composer la mise en page statique d'un site web en y assemblant tous les éléments des maquettes graphiques (textes, images, sons) dans le respect des normes et des standards. Pour mettre en page le site web, l'intégrateur web s'appuie sur le langage informatique HTML (Hyper Text Mark up Language).

    A ce titre, l'intégrateur web 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, Chrome, Opera, iCab...)
    • 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 maîtresse de la réalisation de tout site web, l'intégrateur web 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 web 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.


    Domaines et périmètre d'intervention

    L'intégrateur web travaille principalement dans deux types d'environnements : les agences Web et les Sociétés de Services en Ingénierie 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é et 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 norme
    Tâches Respect des normes d'accessibilité :
      · W3C
      Respect des normes de référencement :
      · Balises META · Renseigner la balise ALT des images · Renseigner les TITLE des liens

    Respect des principes d'ergonomie

    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 · Chrome · Safari · Opéra
      Vérifier la cohérence avec les maquettes graphiques fournies :
      · Place exacte des éléments

    Intégration des contenus

    Activité 4 Intégration des contenus
    Tâches Intégrer les différents contenus :
      · Directement dans le code HTML
    ou
    · Via un CMS (Content Management System) : Joomla, Worpress, SPIP...
      Intégrer tous les éléments de contenu :
      · Textes · Images · Vidéos · Sons

    Intégration des effets graphiques

    Activité 5 Intégration des effets graphiques
    Tâches Transcrire les effets graphiques en langage web :
      · JavaScript · jQuery · CSS3

    Intégration des contenus pour le référencement

    Activité 6 Intégrer les balises METAS pour chaque page
    Tâches · TITLE · Description · Keyword
      Mettre une balise ALT sur chaque image du site Intégrer les titres des liens

    Projet web en cours...

    Gestion du projet

    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 · jQuery · CSS3

    Maîtrise opérationnelle des outils suivants

    · CMS (Content Management System) · Editeurs de code

    Utilisation de logiciels spécifiques

    · Traitement d'images et des logos vectoriels


    Qualités requises

    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

    Cette fiche métier Intégrateur Web est mise à disposition selon les termes de la Licence Creative Commons Attribution 2.0 France
    Délégation aux usages de l'Internet (DUI) - Hautes Etudes des Technologies de l'Information et de la Communication (HETIC) - 2012


    Perspectives

    Internet n'est pas un espace de liberté, c'est un espace marchand.
    Aujourd'hui, ceux qui gagnent de l'argent, ce sont les fournisseurs d'accès, pas les journaux.

    Nicolas BRIMO

     

    Le métier tend à se complexifier et à faire intervenir de plus en plus la technique (site responsive et mobile-friendly, animations et interactivité croissante avec l'internaute qui se fait profiler) et il est dans l'intérêt du webmaster / intégrateur à se spécialiser plutôt que de rester trop généraliste.

     

    L'émergence du web mobile et les techniques associées au responsive web design (RWD) ont contribué à une mutation de notre métier d'intégrateur HTML/CSS. De plus en plus, nous constatons une spécialisation et nous ne pouvons plus nous contenter d'être simplement intégrateur. Thomas

    Thomas Zilliox

     

    D'un autre côté, même si l'on connait tous les majors du net et les tendances mainstream, et que les principaux acteurs tendent à concentrer entre leurs mains l'essentiel du trafic mondial, il faut bien savoir que le marché de proximité reste accessible à tout webmaster qui connaît son métier et comprend les besoins de ses clients qui sont pour la très grosse majorité des PME/PMI ou des associations et qui souvent se contentent d'un site au goût du jour, facilement administrable et qui leur permet de toucher leurs cibles les plus proches... Alors, tout reste ouvert !


    En savoir plus :

    La fiche ONISEP : Intégrateur/trice Web

    La fiche pédagogique : Intégrateur Web

    L'article sur Wikipedia : https://fr.wikipedia.org/wiki/Int%C3%A9grateur_web

    Des ressources : www.infowebmaster.fr

    L'incontournable : dicodunet.com

    Et un retour d'expérience de Vanessa I. : "Le recrutement dans le monde du web"


En poursuivant votre navigation sur le site, vous acceptez l'utilisation des cookies...