Analyse technique

Architecture

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

[Explication textuelle du schéma]

Backend

NodeJs

1. Justification du choix

[Nous avons choisis Node JS

• "parce qu'il se base sur JavaScript que nous avons étudié en 1ere année"

• "parce qu'il permet d'utiliser un seul langage côté Backend et Frontend"

• "parce qu'il est rapide:

  • Utilisant JS dans le Backend, l'exécution des codes est rapide.
  • Il peut fonctionner avec le moteur V8 de Google ce qui accroit encore plus sa vitesse
  • Etant un programme à thread unique, l'outil offre de nombreuse options telles que des méthodes de rappel et des boucles d'évènements pour gérer plusieurs clients simultanés; ce qui peut aider à supprimer le temps d'attente dans les processus serveur. Parlant de rapidité il faut souligner qu'il est non bloquant

• "parce qu'il est une solution idéale pour une application Simple Page Application (SPA) comme c'est le notre"

• "parce qu'il permet la mise à jour instantanée Real Time Application (RTA) pour un besoin futur de notre site web"

• "parce qu'il est flexible car il n'a pas beaucoup de fonctionnalité intégrée vu qu'il est basé sue le JavaScript"

• " parce qu'il permet de faire des services côtés serveurs (API) c'est une alternative à Java, PHP, Python"

• "Node JS n'est pas indiqué dans l'utilisation d'une plate-forme en terme de calcul lourd car il est gourmand en CPU"

• "Node JS n'est pas recommandée pour les base de données relationnelles"

source: https://www.software-developer-india.com/fr/avantages-et-inconvenients-de-node-js/ et vidéo Youtube

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

ReactJs

1. Justification du choix du framework JS

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

3. Organisation du code

[Présentation de la structure/hiérarchie des fichiers et dossiers du code source du frontend]

4. Apparence

[Quelques screenshots pour montrer le résultat + discussion sur l'évolution depuis les premières maquettes]

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]