Réaliser des interfaces utilisateur statiques web ou web mobile
Description de la compétence – processus de mise en œuvre
A partir du dossier de conception, des maquettes et de leur enchaînement, réaliser les interfaces utilisateur
web ou web mobile statiques en tenant compte de l’expérience utilisateur, y compris pour les personnes
en situation de handicap.
Prendre en compte les besoins d’éco-conception.
Respecter les recommandations de sécurité liées aux applications web et web mobile et la règlementation
en vigueur, y compris celle relative à l’accessibilité.
Adapter l’interface au type d’utilisation de l’application, y compris pour les équipements mobiles.
Pour les sites web, publier de manière sécurisée les pages web statiques sur un serveur web et les rendre
visibles à l’aide du référencement sur les moteurs de recherche suivant le public visé.
Réaliser un jeu d’essai fonctionnel et les tests unitaires des composants.
Documenter sa réalisation, y compris en anglais.
Contexte(s) professionnel(s) de mise en œuvre
Cette compétence s’exerce seul ou en équipe, à l’aide de l’environnement de développement défini dans
le dossier de conception.
Critères de performance
L’interface est conforme à la maquette et les besoins en éco-conception sont pris en compte
L’interface tient compte de l’expérience utilisateur, y compris pour les personnes en situation de handicap
L’interface respecte les recommandations de sécurité liées aux applications web ou web mobile
L’interface s’adapte au type d’utilisation de l‘application, et notamment à la taille, au type et à la disposition
du support, y compris pour les équipements mobiles
La règlementation en vigueur est respectée, y compris celle relative à l’accessibilité
Un jeu d’essai fonctionnel et les tests unitaires ont été réalisés pour les composants concernés
Le site est publié de manière sécurisée
Le site est visible sur les moteurs de recherche et le référencement dépend du public
La réalisation est documentée, y compris en anglais (niveau B1 CECRL pour l’anglais)
Savoir-faire techniques, savoir-faire organisationnels, savoir-faire relationnels, savoirs
Utiliser le langage de présentation HyperText Markup Language (HTML) et le langage Cascading Style
Sheets (CSS)
Adapter l’interface à la taille, au type et à la disposition du support (responsivité), y compris pour les
équipements mobiles
Prendre en compte les contraintes des applications multilingues
Comprendre les notions d’accessibilité des contenus des interfaces utilisateur pour les personnes en
situation de handicap
Appliquer la règlementation relative à l’accessibilité du Référentiel Général d’Amélioration de l’Accessibilité
(RGAA)
Mettre en place en fonction du projet les mentions légales liées au Règlement Général sur la Protection
des Données (RGPD)
Appliquer des règles de référencement pour les interfaces web
Utiliser les normes de codage du langage
Publier de manière sécurisée un site web sur un serveur web
Tester les composants graphiques
Comprendre la documentation technique des interfaces utilisateur web, y compris celle des solutions de
gestion de contenu et des e-commerces, en langue française ou anglaise (niveau B1 du CECRL pour
l’anglais)
Documenter le code, y compris en anglais (niveau B1 CECRL pour l’anglais)
Installer une solution de type CMS ou e-commerce
Créer les différents comptes utilisateurs avec leurs droits et rôles d’une solution de e-commerce dans le
respect des règles de sécurité
Maintenir, y compris sur les aspects sécurité, une solution de type CMS ou e-commerce
Mettre en place un système de veille technologique permettant de suivre les évolutions technologies et les
problématiques de sécurité en lien avec les interfaces utilisateur web et web mobile
Planifier et suivre les tâches de réalisation des interfaces utilisateur
Adapter l’interface aux exigences du client, en respectant la législation en vigueur
Participer à une réunion de travail avec les utilisateurs
Connaissance de l’architecture du web et des standards de l’organisme de normalisation W3C
Connaissance des normes ECMAScript et du Document Object Model (DOM) du World Wide Web
Consortium (W3C)
Connaissance des frameworks de type adaptatif
Connaissance du concept de « mobile first »
Connaissance de la notion de « responsivité »
Connaissance du guide de recommandations de mise en oeuvre d’un site Web de l’agence nationale de la
sécurité des systèmes d’information (ANSSI)
Connaissance d’un guide de tests reconnu, par exemple celui de l’Open Web Application Security Project
(OWASP) pour le web
Connaissance de la règlementation relative à l’accessibilité du Référentiel Général d’Amélioration de
l’Accessibilité (RGAA)
Connaissance des normes d’accessibilité requises pour le projet
Connaissance des réglementations en vigueur concernant la protection des données individuelles RGPD
Connaissance des sources d’information de référence concernant le développement en conformité avec le
RGPD, tels que les guides de la commission nationale de l’informatique et des libertés (CNIL)
Connaissance des règles de référencement pour les interfaces utilisateur web ou web mobile
Connaissance des différents annuaires de référencement « search engine optimization » SEO
Connaissance des différents outils d’audit, d’analyse et de mesure de trafic SEO
Connaissance des règles de base de la propriété intellectuelle et des différents types de licences
logicielles
Connaissance des règles d’éco-conception des applications web et web mobiles
Connaissance des modes de publication d’une application web de manière sécurisée (en SCP ou SSH)
Connaissance des principales sources d’information sur les évolutions technologiques liées aux interfaces
utilisateur web
Connaissance de la chaîne de publication (workflow) d’un CMS
Connaissance des principes de gestion des droits et des rôles des comptes utilisateur d’un CMS
Connaissance des moyens de paiement en ligne
Connaissance du vocabulaire professionnel technique en français et en anglais