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...
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 |
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"
erwan-corre.com