Analyse technique

Architecture

[Schéma représentant l'architecture de l'application Web]

[Explication textuelle du schéma]

Backend

[Technologie choisie]

1. Justification du choix

[Cette justification (et toutes celles qui suivent) doit être argumentée avec indication des sources utilisées (par ex. lien vers la biblio spécifiant le n° de la ressource). Elle doit mentionner les technologies concurrentes et indiquer en quoi celle choisie se démarque des autres. Le choix effectué ne doit pas être trivial.

Exemples de ce qu'il ne faut pas faire : "Nous avons choisi Django"

• "parce que nous avons fait du Python en Q1 "
• "parce que nous avions envie d'apprendre cette technologique "
• "parce que c'est une technologie très utilisée sur Internet ]

2. Organisation du code

[Présentation La structure/hiérarchie des fichiers et dossiers du code source du backend]

3. Diagramme de classes UML

[Diagramme de classes] [Explication textuelle du diagramme de classes]

4. Fonctionnement

[Explication du fonctionnement du backend. Par exemple : Explication du "voyage" d'une requête entre la réception de la requête sur une route donnée et l'envoi d'une réponse]

API

[Explication des choix de conception de l'API : Principes de nommage, technologie utilisée, outils,...]

Lien vers la liste des endpoints documentés

Base de données : [Technologie choisie]

1. Justification du choix

2. Diagrammes

[Schémas EA / Relationnel de la DB] [Texte expliquant les diagrammes et justifiant les choix de conception]

Frontend

##1. Justification du choix du framework JS##

Nous avons choisi React comme librairie/framework car il est simple d'utilisation, permet de facilement rajouter d'autres librairies si il y a besoins d'étoffé ses fonctionnalités et le framework sur lequel l'équipe avait le plus d'expérience.

2. Justification du choix pour la mise en oeuvre du CSS (Framework?)

Pour le CSS nous avons décider d'intégrer React-Bootstrap qui nous permet d'intégrer pleins de composant stylisé Bootstrap et notamment le carrousel qui a été utilisé pour l'accueil.

3. Organisation du code

├───public
└───src
├───assets
├───components
├───pages
├───styles
└───tests Chaque dossier contient se qu'on attends de lui:

• le dossier assets contient toutes les photos utilisé
• le dossier components, tous les composants
• le dossiers pages, toutes les pages
• le dossier styles, toutes les pages css
• le dossier tests, tous les tests du frontend

Toutes les pages (à l'exception de connexion et inscription) sont constitués de composants et ont leur propre feuilles css (en plus de la feuille index.css qui est responsable du style global).

4. Apparence

L'entièreté du site est responsive et le style final est relativement proche de celui des maquettes même si plus épurer et plus claire.

5. Fonctionnement

[Explication du fonctionnement du frontend depuis une action utilisateur (clic sur un bouton, envoi de formulaire, ...) jusqu'à l'affichage du résultat. Prendre comme illustration une action qui nécessite un échange avec le backend]