Sujet

Vous choisirez une des deux thématiques suivantes pour proposer une application fonctionnelle en prenant en compte l'expérience utilisateur, l'ergonomie et l'accessibilité. L’application ou le service devra obligatoirement utiliser un framework front et/ou back. L’application devra utiliser du SASS/SCSS pour toute la partie CSS.

Un back office correctement configuré, avec une interface et une expérience utilisateur de qualité devra être disponible (possible d’utiliser des outils comme EasyAdmin correctement configurés et personnalisés).

Vous veillerez à soigner l'apparence du site et la mise en pratiques de vos connaissances en Webdesign (sans y passer la plus grande partie de la SAE). Un logo simple sera proposé.

Les frameworks front pourront être utilisés. Les templates sont interdits.

Choix d'un sujet

Dans les deux sujets, réfléchissez à l'UX, aux différents process de saisie, de consultation, ... Vous pouvez mettre en place les démarches UX vues en cours avec vos camarades.

Le commanditaire est M. Annebicque, vous pouvez donc le consulter en cas de doute, pour valider un process ou une proposition.

Il n'est pas demandé explicitement de prototype Figma, mais si cela vous aide, n'hésitez pas.

Deux sujets sont possibles.

Cahier de texte

Proposer une application qui permettra aux étudiants de suivre les différentes dates de rendus (évaluations, travaux, ...). Cette application ne doit pas être l'espace de collecte des travaux, mais simplement un endroit ou inscrire les dates de rendu, le format, l'endroit où rendre, et toutes les informations qui seraient pertinentes. Dans ce sujet il convient aussi de reflechir à la manière de saisir les informations (modération ? Saisie par les étudiants ?, ...). Les enseignants pourraient contrôler une date, mais pas de manière obligatoire.

Difficulté technique/UX : Comment fiabiliser la saisie des informations : éviter les doublons saisies identiques par plusieurs étudiants, comment garantir que la donnée est fiable. Faut-il une modération ? Quel niveau de détails ?

Correcto

Proposer une application qui permettra aux étudiants de consulter les notes d'une SAE avec le détail de la grille de critère. Il faudrait qu'un enseignant puisse saisir une grille de critère, et évaluer pour chaque étudiant ou groupe (les deux modes doivent exister), les notes sur chaque critère, avec éventuellement des commentaires par critères ou généraux. Les étudiants doivent pouvoir consulter leur note, dès que l'enseignant rend visible l'évaluation.

Difficulté technique/UX : Comment faciliter la construction de la grille d'évaluation (différente pour chaque évaluation). Comment afficher les éléments aux étudiants que ce soit un travail individuel ou en groupe ? Comment saisir facilement les groupes (une synchro de la liste des étudiants par groupe serait possible via l'intranet).

Contraintes et critères imposés

• De manière générale

  • Les sites devra être hébergé sur votre VPS

  • Le site devra être sécurisé (https, ...)

  • Le produit devra être accessible (RGAA AA) et “éco-conçu”

  • Le produit utilisera un framework front et/ou back

• L'UX du site devra être particulièrement soignée. Le site devra être ergonomique et intuitif.

• Envoyer les mails nécessaires pour ce type de site

Contraintes techniques

L'utilisation d'au moins un framework (front ou back) est obligatoire. Vous avez trois possibilité :

1. Un framework back : Symfony, vous pouvez gérer tout le projet avec une solution classique en PHP et les vues en TWIG. Vous avez les connaissances pour gérer la base de données, les mails et la sécurité. Vous pouvez ajouter du JavaScript avec AssetMapper et du Scss ou CSS.

2. Un framework front : VueJs (ou autre), vous pouvez gérer toute la partie affichage, interaction. La gestion des données peut se faire avec des données json (dans les view et dans des fichiers chargés en fetch). La sécurité se fera également avec un fichier contenant des identités. Sur ce S4 cette solution est tout à fait valable.

3. Un framework front et un framework back (avec ApiPlatform par exemple). Vous pourrez ainsi gérer toute la partie sauvegarde des données depuis le front vers le back. La sécurité entre le front et le back n'a pas été vu. Vous pouvez suivre les tutos d'ApiPlatform, où continuer de gérer la sécurité avec des fichiers d'identité. Sur ce S4 cette solution est tout à fait valable.