Ecole Numérique Ardéchoise

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 dynamique 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, …).

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 pour l’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.

Savoir-faire techniques, savoir-faire organisationnels, savoir-faire relationnels, savoirs

  • Écrire un algorithme.
  • Intégrer dans une page web des scripts événementiels avec un langage de script client, en suivant les principes de qualité et de sécurisation des clients web.
  • Programmer avec un framework de script client
    Améliorer le site en utilisant des mécanismes asynchrones (de type AJAX, …).
  • Corriger les erreurs et remédier aux vulnérabilités détectées
    Documenter les scripts client.
  • Réaliser un jeu de tests des scripts client.
  • Tester la sécurité du site avec un guide de test reconnu.
  • Publier l’application développée sur un serveur web.
  • Rendre visible le site sur les moteurs de recherche avec les techniques de référencement naturel.
  • Rechercher une réponse pertinente à une difficulté technique de développement ou une vulnérabilité identifiée
  • Rechercher des informations sur des sites Internet, des forums et des FAQ francophones ou anglophones.
  • Utiliser un outil collaboratif de partage de fichiers.
  • Connaissance d’un environnement de développement.
  • Connaissance du vocabulaire anglais professionnel associé au web.
  • Connaissance des bonnes pratiques de qualité incluant l’écoconception web.
  • Connaissance de l’architecture du web et des standards de l’organisme de normalisation W3C.
  • Connaissance des normes ECMAScript et du DOM du W3C.
  • Connaissance des langages et framework de script client.
  • Connaissance des principales failles de sécurité des applications web (XSS, CSRF…) et de leurs parades.
  • Connaissance des bonnes pratiques de sécurisation des clients web (code non intrusif, validations des entrées…).
  • Connaissance des modes de publication d’une application web de manière sécurisée (en SCP ou SSH).
  • Connaissance des principes de base du référencement.