SAÉ 5.Real.01 - Développement avancé

Cette SAÉ est prévue sur 6 semaines à temps plein (39, 40, 43, 44, 47 et 48) pour un total de 150 heures de travail individuel supervisé auxquelles viennent s'ajouter 30 heures de travail encadré. Vous devrez donc vous organiser pour travailler en moyenne 30 heures par semaine, en équipe et en autonomie. Le projet est conséquent (750 à 900 heures de travail en tout) et vous devez le mener à bien. Afin de refléter parfaitement les conditions professionnelles, le client pourra être amené à réviser ses besoins en cours de projet.

Vous mettrez en pratique la méthode agile pour la gestion de votre projet. Vous effectuerez la planification dans Microsoft Planner avec une suggestion forte pour cette organisation :

• Un à deux sprints par semaine
• Une à deux réunions de sprint par semaine (une heure) pour définir les objectifs et éventuellement faire un bilan du sprint précédent
• Daily (une réunion par jour comme son nom l'indique) pendant laquelle chaque membre présente :
  • Travail effectué
  • Travail à faire
  • Problèmes rencontrés
  Cette réunion se fera obligatoirement en présence de l'intervenant de SAÉ lorsqu'une heure encadrée est prévue dans l'emploi du temps
• Proposition de découpage des états du Kanban :
  • « Backlog »
  • À faire
  • En cours
  • « Merge request »
  • Revue de code en cours
  • Fait

Afin de leur permettre de suivre votre avancement, vous ajouterez les enseignants de la SAÉ dans votre planification Microsoft Planner dès le début du projet.

L'application que vous devez réaliser part d'un besoin exprimé par un client de manière imprécise et incomplète. Vous devez donc traduire ce besoin en fonctionnalités et en contraintes techniques. Vous devez également vous projeter dans la réalisation de l'application en vous appuyant sur les nouvelles ressources vues ce semestre. Vous partirez des éléments ci-après et vous aurez le loisir de questionner le client pour obtenir des précisions. L’objectif est de clarifier ou compléter, collecter et formaliser le besoin puis de développer une application communicante intégrant la manipulation des données et respectant les paradigmes de qualité.

Le département informatique de l'IUT de Reims souhaite pouvoir organiser des chasses au trésor pour les étudiants. Chaque chasse au trésor est constituée d'un ensemble d'énigmes. Chaque énigme est associée à un lieu géographique (un bâtiment, une salle, un monument, etc.) décrit par un texte ou présenté par une image. Le lieu peut être géolocalisé. Les énigmes peuvent être de différents types :

• texte libre
• QCM
• scan d'un QR Code
• passage à proximité d'un lieu selon le GPS
• tout autre type d'énigme pertinent que vous pourrez imaginer

Les étudiants doivent s'inscrire à une chasse au trésor pour la réaliser individuellement. Lorsqu'ils trouvent la solution d'une énigme, ils la soumettent via l'application. Si la solution est correcte, le temps de résolution de l'énigme est mémorisé et ils peuvent passer à l'énigme suivante. Si la solution est incorrecte, un malus de temps est appliqué. S'ils ne passent pas à l'épreuve suivante, la chasse au trésor est mise en pause. L'application doit également permettre aux organisateurs de créer et gérer les chasses au trésor, les énigmes et les utilisateurs.

Vous traduirez l'ensemble de ces besoins en documents d’analyse et de conception : use cases, détails des actions possibles, maquettes de toutes les pages, MCD compatible avec Doctrine, jeu d'essai, etc.

Vous respecterez les règles de style de codage de Symfony et de React, vous vous appuierez sur les outils de vérification de code étudiés et automatiserez leur exécution dans le cadre de l'intégration continue. Vous veillerez à la qualité de votre code, à sa lisibilité et à sa maintenabilité.

Vous coderez intégralement en anglais :

• classes CSS
• classes, méthodes, propriétés, variables, … en PHP
• routes, paramètres de routes, contrôleurs, actions, entités, propriétés, … en Symfony
• fichiers, dossiers, fonctions, variables … en JavaScript
• composants, props, states, contextes, … en React
• « fixtures », « Cest », classes de test, méthodes de test, … pour les tests
• images, volumes, … en Docker

Les interfaces utilisateur seront en français.

Cette SAÉ permet de mettre en pratique les technologies apprises tout au long du B.U.T. mais également les nouvelles compétences acquises ce semestre. Vous devrez donc utiliser les technologies suivantes :

• HTML, CSS
• Symfony, PHP
• API Platform, EasyAdmin
• React, JavaScript
• Docker
• Symfony avancé
• React avancé
• Intégration continue

Certaines technologies seront imposées pour certaines parties de la SAÉ afin d'évaluer l'ensemble des compétences à acquérir ce semestre.

ssh-keygen -t rsa -f ~/.ssh/id_rsa_sae501

Vous présenterez votre réalisation par écrit en français. Vous effectuerez un résumé du sujet, présenterez brièvement ce que votre application apporte à l'utilisateur puis détaillerez votre réalisation avec les contributions de chacun dans un compte-rendu de groupe.

En annexe, vous ajouterez des copies de votre Microsoft Planner, ainsi que le CV (de chacun des membres du groupe) à jour dans lequel cette SAÉ sera valorisée.

Vous respecterez les règles de présentation d'un dossier tant au niveau du fond (synthèse et analyse, style informatif, précis et dense, maîtrise de la syntaxe et de l'orthographe notamment) que de la forme (organisation claire en parties et sous-parties, table des matières, police sans serif de taille 12, interlignes simples, pagination en haut à droite, pied-de-page mentionnant sur une première ligne le Prénom et le NOM de chaque membre du groupe et sur une deuxième ligne | B.U.T. Informatique | SAÉ 5.01|, titres et numérotation des annexes, soin de la page de couverture incluant notamment les logos de l'IUT RCC et des départements Info).

Des heures seront prévues dans l'emploi pour vous guider dans la rédaction du rapport.

Vous présenterez votre réalisation en anglais comme si vous la livriez à un client ou la présentiez à des collègues de travail. Vous effectuerez un résumé du sujet et vous présenterez ce que votre application apporte à l'utilisateur. Les aspects techniques seront donc limités et vous mettrez l'accent sur les fonctionnalités proposées, les efforts d'ergonomie et d'accessibilité, les aspects environnementaux ainsi que les évolutions possibles de votre produit.

• La présentation sera agrémentée d'un support
• Chaque membre du groupe devra intervenir à l'oral
• Le temps de parole sera équitablement partagé
• Une démonstration sera réalisée sous forme de vidéo (ou en temps réel à condition qu'elle suive un script prévu dans le détail)
• Vous analyserez les améliorations et les évolutions possibles de votre application
• Votre intervention durera 15-20 minutes
• Le jury vous posera des questions pendant 10-15 minutes

Des heures seront prévues dans l'emploi du temps pour vous guider dans la préparation de cette présentation.

Vous devrez collecter les besoins et documents fournis pour constituer le dossier d'analyse et de conception. Vous déciderez ensuite des fonctionnalités à réaliser et de leur ordre de priorité. Vous construirez la base de données et le jeu d'essai issu des données factices. Vous pourrez alors commencer à mettre en place l'API Web, le back-office en Symfony et l'interface utilisateur en React. Vous pourrez également commencer à réfléchir à la mise en place des conteneurs.

La présentation orale en anglais aura lieu la dernière semaine. Vous remettrez votre rapport de projet au moment de la présentation.

Antoine Jonquet et Jérôme Cutrona seront vos intervenants de SAÉ ainsi que vos référents techniques pour les aspects front et back. Vous pourrez solliciter les autres intervenants des matières informatiques et non informatiques pour des conseils ponctuels.

Vous ajouterez vos référents dans la planification Microsoft Planner dès le début du projet.

La réunion quotidienne se fera obligatoirement en présence de l'intervenant de SAÉ lorsqu'une heure encadrée est prévue dans l'emploi du temps

La réalisation générale conduira à une note qui sera évidemment individualisée en fonction des contributions de chacun. La qualité du travail et le respect des consignes de réalisation sont tout aussi importants que la réalisation en elle-même.

Votre travail d'équipe sera évalué à travers la mise en œuvre de la méthode agile. Vous serez jugés sur la qualité de votre planification, l'adaptation des objectifs au fil des sprints, la régularité de vos réunions de sprint, la qualité de vos « daily » et la pertinence de votre découpage en tâches. Vous devrez consigner, au moins brièvement, tous ces éléments dans le projet Microsoft Planner.

L'analyse du projet sera évaluée à hauteur de 20% de la note finale. Vous serez jugés sur la pertinence de vos choix concernant :

• cas d'utilisation
• base de données
• qualité de votre jeu d'essai
• zoning, maquettes, prototypes
• interface utilisateur

Vous serez évalués sur chacun des deux dépôts Git de votre application, conduisant à deux notes individuelles de réalisation. La mise en place des conteneurs capables de faire fonctionner l'application sera prise en compte. L'organisation du groupe de projet et la régularité du travail, retracées en partie dans la planification Microsoft Planner, seront également évaluées. L'ensemble de ces critères représentera 40% de la note finale.

Le rapport en français que vous remettrez sera évalué à hauteur de 20% de la note finale.

Vous terminerez votre SAÉ par une soutenance en anglais qui constituera les 20% restants de la note.