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 sur le site de l'ONISEP


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

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...