SAÉ 2.03 : Mettre en place une solution informatique…

Objectifs

Cette SAÉ a pour objectif la réalisation d’un projet informatique regroupant le plus possible les compétences acquises en informatique lors de la première année du BUT. Les pré-requis vont donc comprendre les modules de programmation (R107, R208), de bases de données (R207) et les modules de web (R109, R209).

Plus précisément il faudra réaliser une application informatique du backend au frontend. Il faudra modéliser et mettre en place une base de données ; créer une API web permettant de faire des requêtes structurées à cette base de données via http et obtenir des réponses en json ; enfin, réaliser une application web qui interrogera le serveur et permettra d’explorer le contenu de la base de données dans une Single Page Application. L’environnement de travail sera en Von Neumann où le serveur de base de données (PostgreSQL) tournera dans une machine virtuelle, le serveur d’API HTTP (Tomcat) s’exécutera via netbeans, l’application Web tournera dans un navigateur sur la machine réelle.

L’objet de notre base de données seront les voiliers et skippers qui participent au Vendée Globe. L’application devra être capable d’afficher les classements des différentes éditions comme https://fr.wikipedia.org/wiki/Vend%C3%A9e_Globe_2020-2021#Classement_2020-2021, ainsi que les résultats d’un voilier particulier et d’un skipper particulier.

Première partie : base de données

La base de données devra modéliser les skippers, les voiliers et les résultats des courses. Notons qu’un voilier peut changer de nom au cours de son existence (par exemple le bateau vainqueur du Vendée Globe 2020-2021 avait pour nom Safran II lors du Vendée Globe 2016-2017, et Maître Coq IV lors du Vendée Globe 2020-2021).

Un skipper aura un prénom et un nom, une date de naissance (qui peut être inconnue) et une nationalité. Ainsi, pour https://fr.wikipedia.org/wiki/Yannick_Bestaven,

Nom	Prénom	Date de naissance	Nationalité
Bestaven	Yannick	28/12/1972	FR

Un voilier aura un architecte, une date de mise à l’eau et un ou plusieurs noms. Ainsi, pour https://fr.wikipedia.org/wiki/Hugo_Boss_(IMOCA,_Farr,_2007),

Architecte	Mise à l’eau	Nom
Farr	2007	BT
Farr	2007	Hugo Boss
Farr	2007	Spirit of Yukoh
Farr	2007	OMIA-Water Family

Les skippers vont participer à une course sur un voilier et être ou non classé :

Classement	Skipper	Voilier
3	Louis Burton	Bureau Vallée 2
Abandon	Samantha Davies	Initiatives Cœur

On pourra, dans un premier temps, obtenir les données de wikipedia. Par la suite le contenu complet de la base de données vous sera transmis.

À faire

• Installer PostgreSQL qui sera notre Serveur de Gestion de Base de Données.
• Proposer un schéma SQL pour stocker les données en minimisant les redondances (penser aux formes normales)
• Implémenter ce schéma et y inclure les données des bateaux suivants :
  • Maître Coq IV (en 2020-2021) alias Safran 2 en 2016-2017.
  • Bureau Vallée 2 alias Banque Populaire VIII en 2016-2017.
  • Initiatives Cœur (en 2020-2021), alias Maître Coq en 2016-2017, ou Banque Populaire en 2012-2013.
  • OMIA Water Family (en 2020-2021), alias Spirit of Yukoh en 2016-2017, Hugo Boss en 2012-2013, BT en 2008-2009.
  et leurs skippers Yannick Bestaven, Morgan Lagravière, Louis Burton, Armel Le Cléac’h, Samantha Davies, Jérémie Beyou, Benjamin Dutreux, Kojiro Shiraishi, Alex Thomson et Sébastien Josse.
• Écrire les requêtes SQL pour
  1. le classement du Vendée Globe 2016-2017 ;
  2. les classements du bateau Banque Populaire VIII (1er en 2017 et 3e en 2021) ;
  3. les classements d’Armel Le Cléac’h ;
  4. les classements des bateaux dessinés par Farr.
• Installer netBeans, le composant JDBC pour PostgreSQL et la bibliothèque Gson

Livrables

• Script vendeeglobe.sql qui construit la base de données et la repeuple.
• Fichier requete.txt qui liste les requêtes SQL pour les 4 cas d’utilisation ci-dessus.
• Classes métier Skipper.java et Bateau.java.

Deuxième partie : serveur REST

Netbeans Servlet Tomcat Gson

doPOST, doGET, enable CORS

À faire

• Modéliser les réponses JSON pour les requêtes suivantes :
  • Classements d’un skipper identifié
  • Identifiant d’un skipper étant donné son nom
  • Classements d’un voilier identifié
  • Classement d’une édition donnée du Vendée Globe
• Implémenter les méthodes pour répondre à ces requêtes
• Documenter l’API créée

Livrables

• Fichiers Java
• Web archive

Troisième partie : application web

À l’aide de https://getbootstrap.com/, faire une application web responsive (c’est-à-dire qui s’adapte à la taille du navigateur). Cette application Web devra faire les requêtes (fetch) auprès du serveur Tomcat et présenter les résultats à l’aide de DOM Scripting.

À faire

• Pages de l’application web pour les cas d’utilisation suivants :
  • classement d’une édition donnée du Vendée Globe ;
  • classements et informations d’un voilier identifié ;
  • informations et classements d’un skipper identifié ;
  • recherche d’un skipper en fonction de son nom.
• Liens dans chacune de ces pages pour passer d’une page à une autre (si dans le classement d’une édition je clique sur le nom d’un skipper, j’accède à la page de ce skipper)

Livrables

• Fichiers index.html, edition.html, skipper.html, bateau.html, recherche.html
• Fichiers vendeeglobe.css et vg.js.

Contenu