Contexte de la situation professionnelle
Chaque année, la ville de Carantec dans le Finistère gère les différentes manifestations ayant lieu sur 3 semaines au mois d’avril pour concurrencer le fameux festival de Carhaix “Les Vielles Charrues”. Le festival a besoin d’un dispositif permettant la gestion des réservations des utilisateurs. |
Intitulé de la situation professionnelle (TITRE CHOISI)
Développement d’une application web VueJS dans le cadre du PPE4 Festival de CARANTEC Astro4 |
Période de réalisation : 27/11/2018 au 30/04/2019
Lieu : Lycée Chevrollier Modalité : ☐ Seul-e ☒ En équipe |
Principale(s) activité(s) concernée(s)3
A4.1.7, Développement, utilisation ou adaptation de composants logiciels A1.3.4, Déploiement d’un service A4.1.1, Proposition d’une solution applicative |
Conditions de réalisation (ressources fournies, résultats attendus)
Ressources fournies : – cahier des charges Résultat attendu : Proposition et réalisation d’une application répondant à la demande Résultats réalisés : – site web permettant de s’inscrire, de se connecter et de réserver une manifestation, voir ses réservations, laisser un commentaire sur un évènement et consulter le planning des réservations. |
Productions associées (toute production (doc ou autre) faite en complément de la situation énoncée).
– Base de données |
Application Web VueJS
L’application Web programmée en VueJS permet la gestion des clients et des évènements du festival, elle s’ouvre sur la page d’accueil qui permet de consulter les différents évènements rangés dans plusieurs catégories dans des onglets. Cette page permet d’accéder à la connexion et à l’inscription.
Lors de l’inscription l’utilisateur doit renseigner ses nom, prénom, numéro de téléphone, email ainsi que les identifiants de connexion et l’âge. A la suite de l’inscription une fenêtre s’affiche pour choisir de se connecter maintenant ou non.
Lors de la connexion, on peut choisir le type d’utilisateur souhaité en tant que client, qu’artiste ou qu’intervenant.
En tant que client, la connexion permet de réserver un évènement en cliquant sur son image, on arrive ainsi sur une page contenant des informations sur l’évènement et permettant de laisser un avis avec une note ainsi que de consulter les avis d’autres utilisateurs. Lors de la réservation, on peut choisir entre deux forfaits : le paiement à l’unité pour réserver une manifestation ou par abonnement pour réserver jusqu’à cinq évènements au choix, on doit aussi choisir le nombre de personnes concernées d’un maximum de quatre personnes.
Lorsque la réservation est effectuée on peut choisir d’aller consulter ses réservations ou son planning.
Une fois un événement réservé on peut y laisser un commentaire et une note qui devront être validés par le service de modération (application lourde C#) avant d’être affichés sur le site.
Dans le menu déroulant en haut à gauche l’utilisateur peut accéder à la liste des évènements qu’il a réservés ainsi qu’à leur date et heure sur un planning. En tant qu’intervenant ou artiste cela montre les évènements auxquels on doit participer.
Base de données
Liste des déclencheurs
trig_insert_atelier: permet qu’un évènement ne soit qu’un atelier.
trig_insert_concert: permet qu’un évènement ne soit qu’un concert.
trig_insert_conference: permet qu’un évènement ne soit qu’une conférence.
trig_insert_exposition: permet qu’un évènement ne soit qu’une exposition.
trig_avant_insertion_Réservation: Vérifie qu’un client et un évènement existe et empêche de réserver plus de quatre réservations.
trigger_avant_insertion_avis: Vérifie que le client existe et empêche un avis et une note d’être nuls.
trigger_avant_modification_avis: Empêche la modification d’un avis si les informations ne sont pas bonnes.
trigger_avant_insertion_intervenant:Empêche de rajouter un intervenant dans une conférence.
Difficultés
La principale difficulté de ce PPE a été l’autoformation effectuée sur une technologie que l’on ne connaissait pas, ce qui a entraîné du retard sur la livraison de l’application.
Conclusion
Ce PPE était intéressant car il m’a permis de découvrir une nouvelle manière de programmer du web en VueJS, ce qui a été enrichissant pour moi. Plusieurs plugins comme vue-sessions ou vue-cookie ont été utilisés pour gérer certaines fonctionnalités spécifiques comme la connexion.
L’interface graphique a été réalisé grâce au framework de composants Vuetify qui permet d’utiliser des composants VueJS déjà réalisé pour créer une interface de qualité.
Ce projet a été réalisé à deux ce qui m’a permis d’apprendre à travailler en équipe et d’utiliser les outils de versionning de manière efficiente.