En tant que concepteur développeur d'application, votre mission est de développer une application web responsive et dynamique en HTML, CSS et TypeScript, à partir d’un brief ou d’une maquette. Vous devrez versionner le projet avec Git, le publier sur GitHub Pages et présenter votre réalisation devant le groupe.
Vous travaillez au sein d'une agence spécialisée dans l’univers du voyage. Votre client, une jeune agence de voyage, souhaite disposer d’une démonstration interactive pour simuler une réservation de billet d’avion au départ de Paris. Il vous confie la réalisation de cette preuve de concept (Proof of Concept) nécessaire à leur levée de fonds. Spécifications du projet
Les spécifications du projet sont détaillées dans le cahier des charges ci-joint. En résumé, votre mission est de :
Créer les formulaires et s’assurer de la validité des données soumises.
Gérer dynamiquement l’interface utilisateur au fil de la réservation en manipulant le DOM.
Exploiter le paradigme de la programmation orientée objet (POO) pour structurer votre application.
Utiliser le patron de conception (design pattern) Factory pour gérer les différents types de voyageurs.
Groupes :
Fouzy - Marc - François.P - Indian
Estelle - Laurence - Quentin - Chems
Tatiana - Ingrid - Martin - Dimitri
Nupur - Émilie - François.B - Naïm
Prenez le temps de réfléchir à l’ensemble du projet :
Quelles fonctionnalités sont nécessaires ?
Quelles mécaniques voulez-vous mettre en place ?
Comment allez-vous structurer votre code ? Une conception, une maquette et un cahier des charges sont des étapes clés pour cadrer votre projet et assurer un développement efficace.
Organisez-vous :
Utilisez une todolist, Trello, ou n’importe quel outil de gestion de tâches pour suivre l’avancement de votre projet :
Tâches à faire
Tâches en cours
Problèmes ou bugs rencontrés
Note : La maquette n’est pas obligatoire pour la validation du projet, mais elle est fortement conseillée. Elle ne sera pas évaluée, mais elle vous aidera énormément pour la réalisation. Modalités d'évaluation
Livrables
Restitution orale en groupe : présentation de 10 minutes avec support.
Un rendu SOL avec : lien vers le dépôt Github du projet + instance en ligne (GitHub Pages).
Un dépôt Github en ordre, avec un README.md et un historique de versionnement régulier et pertinent.
Contrainte : Aucun framework JavaScript ni bibliothèque externe n’est autorisé (Bootstrap est cependant autorisé).
Respect du cahier des charges.
Organisation claire des fichiers et des assets.
Un commit Git par jour minimum, avec un message de commit explicite.
Création d'un projet TypeScript avec sa configuration et un versionnement pertinent.
Respect du paradigme POO et des patrons de conception.
Un code bien structuré, organisé en classes et modules.
Un design responsive, avec une charte CSS simple et adaptée au desktop comme au mobile.
Un formulaire HTML complet, ergonomique et accessible.
Une validation des champs robuste, avec des messages d’erreur clairs et visibles.
Une Factory qui gère dynamiquement le type de voyageur selon la classe de voyage choisie.