WEB STATIQUE

web statique

Réaliser une interface utilisateur web statique et adaptable


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.

Contexte(s) professionnel(s) de mise en œuvre

Cette compétence s'exerce seul, ou en équipe quand l'ergonomie du site nécessite l'apport de compétences en web design pour la mise en page des informations et/ou des objets graphiques et multimédias. La compétence peut nécessiter l’utilisation d’un environnement de développement et d’un environnement de test pour les équipements ciblés y compris mobiles. La visibilité du site (référencement) dépend du public visé.

MAQUETTAGE

maquettage

Maquetter une application


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.

Contexte(s) professionnel(s) de mise en œuvre

Le maquettage intervient en phase de conception avec une forte implication de l'utilisateur final, actuel ou futur, le plus souvent dans une démarche projet itérative centrée sur l'expérience utilisateur (approche Agile). Chaque itération permet d'enrichir et de finaliser la maquette, afin que l’utilisateur valide l’interface graphique de l’application et en retrouve les principales fonctionnalités tout au long du cycle de développement. Les itérations peuvent donner lieu à des ateliers de présentation aux utilisateurs. Le maquettage intervient pour des applications sur des supports et environnements multiples.

DÉVELOPPEMENT

Developpement

Développer une interface utilisateur web dynamique


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 dy namique et d’améliorer l’expérience utilisateur en particulier pour les équipements mobiles. Optimiser l’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.

Contexte(s) professionnel(s) de mise en œuvre

Cette compétence s'exerce seul ou en équipe et peut nécessiter l’utilisation d’un environnement de développement. Le rendu visuel et les fonctionnalités doivent être vérifiés sur l’ensemble des navigateurs ciblés. La visibilité de l’application web (référencement) dépend du public visé. L’optimisation d’application web pour les équipements mobiles peut requérir l’utilisation des mécanismes asynchrones (de type AJAX,...).

CMS

cms

Réaliser une interface utilisateur avec une solution de gestion de contenu ou ecommerce


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

Contexte(s) professionnel(s) de mise en œuvre

Cette compétence s'exerce seul ou en équipe. L’installation et le paramétrage se font via des pages d’administration des solutions de gestion de contenu ou d’e-commerce.


Le Programme :

La formation complète se compose de deux modules, complétés par une période en entreprise.

Période d'intégration : Accueil et présentation des objectifs de la formation. Prise de connaissances de l'environnement professionnel, sensibilisation au développement durable, et adaptation du parcours de formation (1 semaine).

Module 1 : Développer la partie front-end d’une application web ou web mobile en intégrant les recommandations de sécurité : Maquettage d'une application - Réalisation d'une interface utilisateur web statique et adaptable - Développement d'une interface utilisateur web dynamique - Réalisation d'une interface utilisateur avec une solution de gestion de contenu ou e-commerce (11 semaines).

Module 2 : Développer la partie back-end d’une application web ou web mobile en intégrant les recommandations de sécurité : Création d'une base de données - Développement des composants d’accès aux données - Développement de la partie back-end d’une application web ou web mobile - Elaboration et mise en œuvre des composants dans une application de gestion de contenu ou e-commerce (11 semaines).

Période en entreprise : 10 semaines.
Session d'examen : 1 semaine.