Description de la compétence – processus de mise en œuvre

À partir de la maquette de l’interface à réaliser, de la charte graphique et à l'aide d'un langage de présentation, créer les pages web statiques et adaptables, y compris pour les équipements mobiles, afin d’obtenir un rendu visuel optimisé et adapté à l’équipement de l’utilisateur et à l’ensemble des navigateurs ciblés. Respecter les bonnes pratiques de structuration et de sécurité ainsi que les contraintes de l'architecture du matériel cible. Publier les pages web sur un serveur et les rendre visibles sur les moteurs de recherche. Rechercher des solutions pertinentes pour la résolution de problèmes techniques de rendu et d'accessibilité en utilisant de la documentation en langue française ou anglaise. Partager le résultat de sa veille avec ses pairs.

Critères de performance

• L'interface est conforme à la maquette de l'application Les pages web respectent la charte graphique de l'entreprise.
• Les bonnes pratiques de structuration et de sécurité sont respectées y compris pour le web mobile.
• Les pages web sont accessibles depuis les navigateurs ciblés y compris depuis un mobile Les pages web s’adaptent à la taille de l’écran.
• Les pages web sont optimisées pour le web mobile.
• Le site respecte les règles de référencement naturel Les pages web sont publiées sur un serveur.
• L’objet de la recherche est exprimé de manière précise en langue françaiseou anglaise.
• La documentation technique liée aux technologies associées, en français ou en anglais, est comprise (sans contre-sens, ...).
• La démarche de recherche permet de résoudre un problème technique ou de mettre en œuvre une nouvelle fonctionnalité.
• Le partage du résultat de recherche et de veille est effectué, oralement ou par écrit, avec ses pairs.

Description de la compétence – processus de mise en œuvre

À partir de cas d'utilisation ou de scénarios utilisateur, de la charte graphique et des exigences de sécurité identifiées, concevoir la maquette des interfaces utilisateurs de l’application, avec du contenu en langue française ou anglaise, y compris celles appropriées à l’équipement ciblé et en tenant compte de l’expérience utilisateur et pour un équipement mobile des spécificités ergonomiques. Formaliser les enchaînements des interfaces afin que l’utilisateur les valide ainsi que les maquettes.

Critères de performance

La maquette prend en compte les spécificités fonctionnelles décrites dans les cas d'utilisation ou les scénarios utilisateur.
L'enchaînement des écrans est formalisé par un schéma La maquette et l'enchaînement des écrans sont validés par l’utilisateur La maquette respecte la charte graphique de l’entreprise La maquette est conforme à l'expérience utilisateur et à l’équipement ciblé.
La maquette respecte les principes de sécurisation d’une interface utilisateur.
La maquette prend en compte les exigences de sécurité spécifiques de l’application Le contenu de la maquette est rédigé, en français ou en anglais, de façon adaptée à l’interlocuteur et sans faute.

Description de la compétence – processus de mise en œuvre

À partir de l'interface utilisateur web statique et adaptable, de la charte graphique et dans le respect des bonnes pratiques de développement et de sécurisation d'application web : développer, tester et documenter les traitements coté client, afin d’obtenir une page web dynamique et d’améliorerl’expérience utilisateur en particulier pour les équipements mobiles. Optimiserl’application web pour une utilisation sur les équipements mobiles. Publier l’application web et la rendre visible sur les moteurs de recherche. Pratiquer une veille technologique, y compris en anglais, pour résoudre un problème technique ou mettre en œuvre une nouvelle fonctionnalité ainsi que pour s’informer sur la sécurité informatique et les vulnérabilités connues. Partager le résultat de sa veille avec ses pairs.

Critères de performance

Les pages web respectent la charte graphique de l'entreprise.
Les pages web sont conformes à l’expérience utilisateur y compris pourl’expérience mobile.
L'architecture de l'application répond aux bonnes pratiques de développement et de sécurisation d'application web.
L’application web est optimisée pour les équipements mobiles Le code source est documenté ou auto-documenté.
L'application web est publiée sur un serveur.
Les tests garantissent que les pages web répondent aux exigences décrites dans le cahier des charges Les tests de sécurité suivent un plan reconnu par la profession.
L’objet de la recherche est exprimé de manière précise en langue française ou anglaise.
La documentation technique liée aux technologies associées, en français ou en anglais, est comprise (sans contre-sens, ...).
La démarche de recherche permet de résoudre un problème technique ou de mettre en œuvre une nouvelle fonctionnalité.
La veille sur les vulnérabilités connues permet d’identifier et corriger des failles potentielles Le partage du résultat de veille est effectué oralement ou par écrit avec ses pairs.

Description de la compétence – processus de mise en œuvre

À partir d’un besoin client, installer, paramétrer ou maintenir une solution de gestion de contenu ou d’e-commerce afin de réaliser de manière facilitée un site vitrine ou une boutique en ligne, créer les différents comptes utilisateurs avec leurs droits et rôles dans le respect des règles de sécurité, créer ou adapter la structure du site ou de la boutique afin de permettre à l’utilisateur d’en gérer le contenu et d’en suivre l’activité. Personnaliser l’aspect visuel du site ou de la boutique afin de respecter la charte graphique du client et d’être adapté à l’équipement de l’utilisateur, y compris mobile, et à l’ensemble des navigateurs ciblés. Publier le site vitrine ou la boutique en ligne sur un serveur et le (la) rendre visible sur les moteurs de recherche. Pratiquer une veille technologique, y compris en anglais, pour résoudre un problème technique ou mettre en œuvre une nouvelle fonctionnalité ainsi que pour s’informer sur la sécurité informatique et les vulnérabilités connues. Partager le résultat de sa veille avec ses pairs.

Critères de performance

Le site est installé et paramétré conformément au besoin client.
Les comptes utilisateurs sont créés avec leurs droits et rôles dans le respect des règles de sécurité La structure du site est conforme au besoin client.
L’aspect visuel respecte la charte graphique du client et est adapté à l’équipement de l’utilisateur Le site est publié sur un serveur Le site respecte les règles de référencement naturel.
L’objet de la recherche est exprimé de manière précise en langue françaiseou anglaise.
La documentation technique liée aux technologies associées, en français ou en anglais, est comprise (sans contre-sens, ...).
La démarche de recherche permet de résoudre un problème technique ou de mettre en œuvre une nouvelle fonctionnalité.