Framework Angular TypeScript

2024 semestre 2

Contexte du TD

Vous travaillez pour Air France, une compagnie aérienne qui fait voler des milliers d’avions dans le monde par an. Air France cherche à lister tous les vols qui décollent ou atterrissent dans les aéroports français. Cela dans le but d’optimiser le nombre d’avions à disponibiliser et de vérifier dans quels aéroports ils ont la plus grande concentration d’avions. Le but de cette application sera dans un premier temps de lister tous les avions qui décollent d’un aéroport donné en paramètre entre une date de début et une date de fin. Ces 3 critères de recherche seront présents dans une section « Filtre ». Nous utilisons un jeu de données en Open Data afin de récupérer le champ icao, un identifiant unique qui identifie le matricule d’un avion. Pour se faire, nous définissons un service pour venir faire une requête http sur ce jeu de données. Nous allons récupérer aussi l’aéroport de destination si celui-ci est connu pour l’afficher dans l’application. Il sera possible de sélectionner un vol dans la liste, ainsi la liste des passagers de ce vol devra s’afficher dans la partie droite de l’écran. On pourra alors visualiser les passagers, la classe de leur vol (business, premium ou standard) et le nombre de bagages qu’ils emportent en soute. Ensuite, il faudra faire la même chose mais pour l’atterrissage dans un aéroport et dans une période donnée. Le développeur en charge de ce projet est tombé malade et est en arrêt maladie. Pour que le projet ne prenne de retard, on vous demande d’avancer sur les points indiqués dans ce document. Le précédent développeur a quand même mis en place la structure du code et documenté son code pour qu’il soit moins compliqué pour vous de continuer.

Technologies

Framework angular 18

Language : typescript

Maquette

Travaux

  • Gérez les décollages
  • Les filtres
  • Interrogez l’API open data
  • Affichez la liste des vols
  • Affichez la liste des passagers pour un vol
  • Gérez les atterrissages
  • Modifiez les passagers pour 
    • Les différentes classes de vol
    • Le poids des bagages
    • L’affichage des photos
    • L’affichage de l’adresse mail

Lien applicatif et code