UNIVERSITE IBN ZOHR

GI - ESTL
Ecole Supérieure de Technologie – Laâyoune

EST, Quartier 25 Mars BP 3007, Laâyoune – Maroc

Site Web: http://w2.estl.ac.ma

Rapport du Stage d’Initiation

Filière : Génie Informatique

Au sein : l’office nationales des aéroports

Stage technique
Réalisé par :

Mlle. Imane BenDaoud et Mlle. : Étudiantes en 2ème année - EST

Meriem Belgriri Laâyoune

Encadré par :

Pr. HAFDI Mohamed Ali : Enseignant-Chercheur à l’EST de Laâyoune

Période du stage :

De : 03 / 04 /2023 - Au : 31 / 05 /2023

Année Universitaire : 2022-2023

 Remerciement
Avant de commencer à écrire ce remerciement, nous prenons un temps de détente pour
apprécier la richesse des échanges tant techniques que personnels que nous avons eu la chance de
pouvoir vivre durant ce stage avec une multitude de personnes, à qui nous consacrons cette humble
page de remerciements.

Nous tenons à exprimer notre profonde gratitude à nos encadrants au sein de l’Aéroport
Laâyoune Hassan I, à savoir : M. Moustafa Doufik, le chef de service technique, à M. Mohamed Amine
et Melle Habiba pour leurs discussions qui nous ont beaucoup enrichis mais aussi leurs aides et leurs
remarques à tous les niveaux. Nous avons beaucoup apprécié le travail avec eux, leurs démarches
nous ont permis d’avancer et de mieux comprendre de nombreux phénomènes.

Nous tenons également à remercier vivement nos encadrants Dr Mohamed Ali HAFDI pour
leurs conseils, remarques et la richesse de vos propositions et vos directives quant à la rédaction de
ce rapport et l’élaboration de notre travail dans les meilleures conditions.

Bien évidemment, nous tenons à remercier les membres du Jury en reconnaissance de bien
vouloir juger et évaluer notre travail. Enfin, nous remercions tous ceux dont nous n’avons pas cité
le nom, et qui ont participé de près ou de loin à l’élaboration de ce travail. Merci à toutes et à tous.
Table des matières
REMERCIEMENT __________________________________________________________________________________________
LISTE DES ABREVIATIONS ___________________________________________________________________________________
LISTE DES FIGURES ________________________________________________________________________________________
LISTE DES TABLEAUX _______________________________________________________________________________________
CHAPITRE 1. INTRODUCTION GENERALE ______________________________________________________________________ 1
CHAPITRE 2. CONTEXTE DU PROJET __________________________________________________________________________ 2
2.1. OFFICE NATIONAL DES AEROPORTS (O.N.D.A) ___________________________________________________________________ 2
2.1.1. Présentation -------------------------------------------------------------------------------------------------------------------------------------------- 2
2.1.2. Historique de l’O.N.D.A ------------------------------------------------------------------------------------------------------------------------------- 2
2.1.3. Missions de l’O.N.D.A --------------------------------------------------------------------------------------------------------------------------------- 3
2.1.4. Organigramme de l’O.N.D.A ------------------------------------------------------------------------------------------------------------------------ 3
2.2. AEROPORT HASSAN I LAAYOUNE______________________________________________________________________________ 4
2.2.2. Infrastructures et équipements -------------------------------------------------------------------------------------------------------------------- 5
2.2.3. Organigramme ----------------------------------------------------------------------------------------------------------------------------------------- 6
2.3. LE SERVICE TECHNIQUE ____________________________________________________________________________________ 7
2.3.1. Service Radionav/Radiocomm ---------------------------------------------------------------------------------------------------------------------- 7
2.4. ETUDE GENERALE DU PROJET _______________________________________________________________________________ 10
2.4.1. Présentation du projet ------------------------------------------------------------------------------------------------------------------------------10
2.4.2. Problématique -----------------------------------------------------------------------------------------------------------------------------------------10
2.4.3. Cahier de charge --------------------------------------------------------------------------------------------------------------------------------------10

2.4.5. CONCLUSION : _____________________________________________________________________________________ 14

_____________________________________________________________________________________________________ 14
CHAPITRE 2 : ETUDE PREALABLE ____________________________________________________________________________ 15
2.1 INTRODUCTION : _____________________________________________________________________________________ 15
2.5. METHODES, LANGAGES ET OUTILS UTILISE ______________________________________________________________________ 17
CHAPITRE 3. MODELISATION CONCEPTUELLE __________________________________________________________________ 20
3.2. IDENTIFICATION DES ACTEURS : _________________________________________________________________________ 20
CHAPITRE 4. REALISATION _________________________________________________________________________________ 23
4.2. CONCLUSION : ______________________________________________________________________________________ 31
CHAPITRE 5. CONCLUSION ________________________________________________________________________________ 32
BIBLIOGRAPHIE/WEBOGRAPHIE ____________________________________________________________________________ 34
 Liste des abréviations

SYMBOLE DESIGNATION
O.N.D.A Office National Des Aéroports

OAC Office des Aéroports de Casablanca

IESCA Ingénieur en Electronique de la Sécurité de la

Circulation Aérienne

ICNA Ingénieur Contrôleur de la navigation Aérienne

OACI Organisation de l’Aviation Civile Internationale

IATA International Air Transport Association

VOR VHF Omnidirectional Radio Range

DME Distance Measuring Equipment

NDB Non-Directional radio Beacon

CNS Communication Navigation Surveillance

ATM Air Trafic Management

ILS Instrument Landing System

GPS Global Positioning System

ADI Attitude Director Indicator

EADI Electronic ADI

ADF Automatic Direction Finder

HIS Horizontal Situation Indicator

EHSI Electronic HSI

RMI Radio Magnetic Indicator

CDI Course Direction Indicator)

EFIS Electronic Flight Instruments System

PFD Primary Flight Display

html HyperText Markup Language

sql Structured Query Language

uml Unified Modeling Language

 css Cascading Style Sheets

php Hypertext Preprocessor

Liste des figures

Figure 1: Organigramme de l'ONDA .............................................................................................................. 10

Figure 2: Aéroport Hassan I Laâyoune ........................................................................................................... 11

Figure 3: Organigramme de l'Aéroport Laâyoune Hassan I ............................................................................ 12

Figure4: ILS ................................................................................................................................................... 13

Figure 5: DME............................................................................................................................................... 14

Figure 6 : serveur d’orage…………………………………………………………………………………………………………………………….17

Figure 7 : serveur ………….……………………………………………………………………………………………………………………………….17

Figure 8 : serveur ………….……………………………………………………………………………………………………………………………….17

Figure 9 : serveur ………….……………………………………………………………………………………………………………………………….17

Figure 10 : scanner des valises……………………………………………………………………………………………………………………….18

Figure 11: des entêtes ………………….……………………………………………………………………………………………………………….18

Figure 12 : groupe électrogène…………………………………………………………………………………………………………………..….18

Figure 13 : html……………….…………………………………………………………………………………………………………………………….23

Figure14:css………………….……………………………………………………………………………………………………………………………….23
Figure15:javaScript…………………………..…………………………..……………………………………………………………………………….24

Figure 15: php ………………………………..…………………………..……………………………………………………………………………….24

Figure 17 : SQL…………………………………………………………………………………………………………………………………………..….24

Figure 18: uml……………………………………………………………………………………………………………………………………………….25

Figure 19 : xampp………………………………………………………………………………………………………………………………………….25
Figure 20 : Visual studio code…………………………………………….………………………………………………………………………….25

Figure 21 : diagramme de cas d’utilisation……………….…………………………………………….………………………………………27

Figure 22 : diagramme de classe……………………………………….…………………………………………………………………….…….28

Figure 23 : page d’accueil…………………………………………….……………………….……………………………………………………….29

Figure 24 : page login…………………………………………….……………………………………………………………………………………….30

Figure 25 : page d’affichage………………………………….……………………………………………………………………………………….31

Figure 26 : page d’accueil……………………………………………………………………………………………………………………………….32

Figure 27 : page de vols…………………….………………….……………………………………………………………………………………….33

Figure 28: page de stationnement et transport………….……….…………………………………………..…………………………….34

Figure 29 : page commerce………………………………….…………………………………………………………….………………………….35

Figure 30: page guide………………………………………….………………………………………………………………..……………………….39

Liste des tableaux

Tableau 1: Fiche technique de l'Aéroport Laâyoune Hassan I.............................................................................5
Chapitre 1. Introduction Générale
Ce stage entre dans le cadre de l'approfondissement des apprentissages théoriques et
l'amélioration des compétences techniques, professionnels afin de se préparer pour une intégration
moins difficile dans le marché de travail.

J'ai choisi de faire mon stage technique de deux mois dans Office National Des Aéroports (ONDA)-
Aéroport Laâyoune Hassan I.

L’objectif confié à ce stage, est de concevoir et créer un site internet officiel pour l'aéroport de
Laâyoune qui contient les différents services et les vols.

Le présent document envisage dans sa première partie le contexte du projet qui comporte deux
axes : la présentation de l’organisme d’accueil, et celle de notre projet. La deuxième partie est
consacrée à l’étude des besoins fonctionnels, l’analyse et la conception du projet, et finalement la
phase de la réalisation décrivant les interfaces type de notre site.

1
Chapitre 2. Contexte du projet
Ce chapitre sanctionne dans la première partie une présentation générale de l’organisme
d’accueil, l’ONDA, puis l'aéroport Laâyoune Hassan I et l'entité du déroulement de notre stage qui
est le service technique navigation aérienne .Ensuite, dans la seconde partie, il traite une étude
générale sur le projet, sa problématique, les objectifs, le contexte de réalisation, son cahier de
charges et la solution proposée.

2.1. Office National Des Aéroports (O.N.D.A)

2.1.1. Présentation

L’Office National Des Aéroports (O.N.D.A) est un établissement public à caractère industriel et
commercial, doté de la personnalité morale et de l’autonomie financière. Il est soumis à la tutelle
technique du Ministère du Transport et de la Logistique. A travers cette partie nous allons présenter
l’Office National Des Aéroports, son historique, ses missions et son organigramme.

2.1.2. Historique de l’O.N.D.A

Depuis 1980, les aéroports et les services de la navigation aérienne étaient directement gérés par
l’administration en la personne du Ministère du Transport et de la logistique. Avec la construction et
la mise en service du terminal de l’aéroport Mohammed V à cette date, le Gouvernement décida
d’opter pour l’autonomie de gestion, avec la création en 1980 du premier établissement public de
gestion aéroportuaire : l’OAC (Office des Aéroports de Casablanca), dont les attributions ont été
initialement limitées aux aéroports de Casablanca.

L’OAC a constitué la première étape du nouveau régime de gestion aéroportuaire : il a été mis en
place conformément à la haute vision Royale de Feu le Roi Hassan II : « Nous nous sommes résolus à
développer, à élargir et à moderniser le réseau des communications, à multiplier les aéroports et à
les rehausser au niveau des aéroports occidentaux les plus prestigieux » Discours du trône du 03 mars
1981.

2
 2.1.3. Missions de l’O.N.D.A

Les missions de l’ONDA sont regroupées en 4 axes :

✓ Garantir la sécurité de la navigation aérienne au niveau des aéroports et de l’espace aérien

sous juridiction nationale ;

✓ L’aménagement, l’exploitation, l’entretien et le développement des aéroports civils de

l’Etat. L’embarquement, le débarquement, le transit et l’acheminement à terre des
voyageurs, des marchandises et du courrier transporté par air, ainsi que tout service destiné
à la satisfaction des besoins des usagers et du public ;

✓ La liaison avec les organismes et les aéroports internationaux afin de répondre aux besoins
du trafic aérien.

✓ La formation des ingénieurs d’aviation civile (IESCA/ICNA).

2.1.4. Organigramme de l’O.N.D.A

L’organigramme de l’Office National des Aéroports est le suivant :

Figure 1: Organigramme de l'ONDA

3
 Ces missions se déclinent à un certain nombre d’exigences, à savoir :

✓ Garantir une qualité de service dans les prestations fournies aux compagnies et aux
passagers, conformément aux normes internationales ;

✓ Le développement continu des ressources nécessaires pour répondre au changement

technologique permanent du secteur ;

✓ Le développement du secteur pour répondre aux besoins de croissance du transport aérien

2.2. Aéroport Hassan I Laâyoune

2.2.1. Présentation

Figure 2: Aéroport Hassan I Laâyoune

L'aéroport Laâyoune Hassan I est un aéroport international qui dessert la ville de Laâyoune, et qu’est
situé à l’ouest, 2km de Laâyoune, sur une emprise domaniale d’environ (quinze Hectares). Sa
construction remonte à 1985.

Le terminal de l'aéroport Laâyoune Hassan I compte une superficie totale de 5 500 m² pour 500.000
passagers par an. Il dispose d'un terminal passager moderne et bien équipé, ainsi que d'une piste
d'atterrissage de 3 000 mètres de long.

Il est aujourd’hui le Hub des compagnies aériennes marocaines : Royal Air Maroc, Royal Air Maroc
Express, Binter Canarias, Royal Air Maroc Cargo. Cette plateforme aéroportuaire se place à la 8ème place
à l’échelle nationale et à la deuxième place au niveau des provinces du Sud derrière l’aéroport de Dakhla
(7ème)

4
2.2.2. Infrastructures et équipements

2.2.2.1. Fiche technique :

Autorité aéroportuaire Office National Des Aéroports (ONDA)

Code OACI GMML

Code IATA EUN

Situation géographique Laâyoune, région de Laâyoune-Sakia El

Hamra, Maroc

Adresse Aéroport Hassan de Laâyoune BP 198

Laâyoune, Maroc

Coordonnées 27° 09′ 13″ nord, 13° 13′ 06″ ouest

Commandant d’aéroport AYASSI Abdelhamid

Orientation Piste1 Piste2 02/20 - 04/22

Longueur Piste1 Piste2 2700 m - 2500 m

Largeur Piste1 Piste2 45 m - 45 m

Superficie Parking avions 3000m²

Capacité Parking avions 5 avions modèle 637

Surface Aérogare passagers 5 500 m²

Capacité Parking voiture 186 Places

Moyen de liaison entre l’aéroport et la Petits Taxis

ville de Laâyoune

Tableau 1: Fiche technique de l'Aéroport Laâyoune Hassan I

2.2.2.2. Équipements radionavigation

L'aéroport Laâyoune Hassan I est équipé de plusieurs systèmes de navigation pour aider les pilotes à
atterrir et à décoller en toute sécurité. Voici les principaux équipements de radionavigation de
l'aéroport :

ILS : Système d'atterrissage aux instruments est un système de navigation de précision qui permet
aux pilotes de suivre une trajectoire précise lors de l'approche finale de la piste.

VOR/DME : le VOR/DME est un système de navigation radio qui permet aux pilotes de déterminer
leur position et leur cap par rapport à une station VOR (Very High Frequency Omnidirectional Range) et

5
une station DME (Distance Measuring Equipment).

NDB : le NDB (Non-Directional Beacon) est un système de navigation radio qui fournit une information
directionnelle pour aider les pilotes à se repérer.

Ces équipements de radionavigation sont essentiels pour la sécurité des opérations aériennes à
l'aéroport Laâyoune-Hassan I, en particulier dans les conditions météorologiques difficiles ou de faible
visibilité.

2.2.3. Organigramme

Figure 3: Organigramme de l'Aéroport Laâyoune Hassan I

L’Aéroport Laâyoune- Hassan 1er est présidé par un commandant d’aéroport, celui-ci coopère avec
les chefs des quatre services : «Responsable SGS», « Gestion Personnel et secrétariat » « Activités
Sociales » et « Ressources et Activités Concédées », dans le but de prendre les décisions relatives à
l’aéroport et de définir les grandes lignes de la gestion et de l’exploitation aéroportuaire.

6
 Il coopère ainsi avec les différentes divisions installées au sein de l’aéroport à savoir : «Division
Technique », « Division Navigation Aérienne », « Division Exploitation » et « Service QSSE ».

2.3. Le service technique

Nous avons passé notre stage dans la division Technique précisément au sein du Service
Radionav/Radiocomm.

Cette division veille sur l’entretien et la maintenance des installations techniques :

• Les équipements de radiocommunication.

• Les équipements de radionavigation.

• Les équipements de traitement Radar.

• Les équipements électriques et balisage.

• Les équipements aérogare.

• Infrastructure et Bâtiments.

2.3.1. Service Radionav/Radiocomm

Ce service est chargé de la maintenance et l’installation des équipements CNS selon les
recommandations de l’OACI. Son personnel fait partie d’un comité nommé CNS/ATM : Communication
Navigation Surveillance/Air Trafic Management dont la mission est l’utilisation optimale des systèmes
électroniques actuels et futurs de la navigation aérienne. Ce service qui s’occupe de tous les
équipements de radionavigation se charge aussi de ceux de la radiocommunication et de la surveillance.

Le service Radionav/Radiocomm a pour mission la gestion et la maintenance de tous les équipements

de radionavigation du bloc technique de l’Aéroport. Il s’agit de garantir la fiabilité et la disponibilité de
toutes les installations liées à la sécurité aérienne. Le service radionavigation est chargé de la
maintenance préventive et corrective, du contrôle, et de la mise en service et la calibration des
équipements radionavigation.

2.3.1.1. Les Instruments de Radionavigation

Les instruments de radionavigation sont des équipements utilisés pour aider les avions à naviguer
dans les airs. Ils sont basés sur la réception et le traitement des signaux radio émis par des stations
terrestres ou des satellites en orbite.

Les instruments de navigation

✓ VOR (VHF Omnidirectional Range) : il s'agit d'un système de navigation aérienne qui fournit

7
 des informations de direction pour aider les avions à naviguer vers une destination. Les avions
utilisent des récepteurs VOR pour recevoir des signaux radio émis par des stations au sol.

✓ ILS (Instrument Landing System) : c'est un système de navigation aérienne qui fournit des
informations de guidage précises aux pilotes pour les aider à atterrir en toute sécurité par
temps de brouillard ou de faible visibilité.

Figure4: ILS

✓ GPS (Global Positioning System) : il s'agit d'un système de navigation par satellite qui permet
aux avions de déterminer leur position exacte dans le monde entier avec une grande
précision.

✓ DME (Distance Measuring Equipment) : est un radio‐transpondeur qui permet de connaître la

distance qui sépare un avion d'une station au sol en mesurant le temps que met une impulsion
radioélectrique UHF (Ultra Haute Fréquence) pour faire un aller‐retour. Le DME est
fonctionnellement identique au composant distance du TACAN.

8
 Figure 5: DME

✓ NDB (Non-Directional Beacon) : il s'agit d'un système de navigation aérienne qui fournit des
informations de direction aux pilotes en utilisant des signaux radio émis par des stations au
sol. Cependant, contrairement au VOR, le NDB ne fournit pas d'informations de direction
précises.

Les informations de ces récepteurs de radionavigation sont affichées sur les instruments de
radionavigation qui sont pour la plupart listés en dessous :

Il sera présenté plusieurs types d'instrument dont voici leurs définitions :

• ADI (Attitude Director Indicator) & EADI (Electronic ADI).

• ADF (Automatic Direction Finder).

• HSI (Horizontal Situation Indicator) & EHSI (Electronic HSI).

• RMI (Radio Magnetic Indicator).

• CDI (Course Direction Indicator).

• EFIS (Electronic Flight Instruments System) comprenant:

o PFD (Primary Flight Display).

o ND (Navigation Display).

Nous présenterons sommairement les équipements supplémentaires qui ne sont pas dans les
appareils de base de Flight Simulator (certains sont intégrés dans des add‐ons) :

• TACAN

• LORAN

• OMEGA

• MLS
9
 2.4. Etude générale du projet

2.4.1. Présentation du projet

L’aéroport Hassan I Laâyoune accueil plusieurs visiteurs, touristes et passagers dont laquelle ils sont
besoin d’une plateforme où ils peuvent connaitre les informations nécessaires de leurs vols, pour
cela nous avons proposé un site web comme un projet de ce stage.

Ce site web officiel permettra de fournir des informations à jour sur les vols, les tarifs du parking, les
horaires, les installations et les services fournis par l'aéroport de Laâyoune.
En résumé, la création de ce dernier est un projet important qui permettra d'améliorer l'expérience
des passagers et des visiteurs de l'aéroport, ainsi que de promouvoir la ville de Laâyoune en tant que
destination touristique.

2.4.2. Problématique

Il est courant pour les aéroports, de mettre en place un site web officiel pour offrir aux passagers et
aux parties prenantes un accès facile à des informations importantes telles que les horaires de vols, les
services proposés, les règles de sécurité, les options de transport, etc. mais lors de nos recherches, nous
n'avons trouvé aucun site officiel pour l'aéroport Laâyoune Hassan I.

Il est possible que l'aéroport de Laâyoune ait rencontré des problèmes de communication avec les
voyageurs et les parties prenantes. C'est pourquoi nous avons eu l'idée de créer un site officiel pour
l'aéroport de Laâyoune. Pour résoudre ces problèmes, et améliorer sa présence en ligne pour attirer
plus de passagers.

2.4.3. Cahier de charge

✓ Objectifs du projet

Le site officiel de l'aéroport Hassan 1 Laâyoune doit offrir aux passagers, aux employés et aux visiteurs
des informations pertinentes et fiables sur l'aéroport, ainsi que sur les vols, les destinations et les
services.

✓ Contenu :
Le site web comprendra les éléments suivants :
• Informations sur les vols, y compris les horaires, les arrivées et les départs ;
• Informations sur les installations de l'aéroport, y compris les restaurants, les
magasins et les services ;
• Informations sur les transports en commun, y compris les taxis, les navettes et les
transports publics

10
 • Informations sur les procédures d'immigration et de sécurité
• Informations sur les services de l'aéroport pour les personnes à mobilité réduite ;
• Informations sur les partenaires commerciaux de l'aéroport.
✓ Fonctionnalités :
Le site web comprendra les fonctionnalités suivantes :
• Un système de recherche de vol pour trouver rapidement les informations relatives à un
vol spécifique ;
• Un système de réservation de parking pour les passagers qui souhaitent utiliser leur propre
voiture pour se rendre à l'aéroport ;
• Un système de réservation de transfert pour les passagers qui souhaitent réserver un
transport depuis ou vers l'aéroport ;
• Un espace dédié aux employés de l'aéroport pour accéder à des informations spécifiques à
leur travail.
✓ Design :
Le design du site web doit être professionnel, facile à utiliser et attrayant. Les couleurs de la
charte graphique de l'aéroport seront utilisées. Des images et des vidéos de haute qualité de l'aéroport
seront incluses pour donner aux visiteurs une idée de l'expérience de l'aéroport.

✓ Spécifications techniques :

Le site doit être développé en utilisant des langages de programmation tels que HTML, CSS, JavaScript
et PHP.

Le site Web doit être réactif pour une utilisation sur les ordinateurs, les tablettes et les téléphones
portables.

✓ Délais :

Le site doit être achevé dans un délai de stage.

✓ Exigences en matière de qualité :

Le site doit être facile à naviguer et à utiliser pour les utilisateurs.

Le site doit être esthétiquement attrayant et professionnel.

2.4.4. Planning de travail :

• Semaine 1 :

- prise de contact avec le tuteur de stage

- choisir le sujet du projet de stage

11
 • semaine 2 :

- Prise de notes sur les observations et les expériences en milieu

professionnel
- Découvrir la salle où se trouvent les serveurs de l’aéroport

Figure 6: serveur d’orange figure 7: serveur

Figure 8: serveur figure 9: serveur

- Faire le plan du site web et commencer par designer la page d’accueil.

• Semaine 3 :

- Rédaction de la partie introductive et de la présentation de l'aéroport.

- Commencer le design des autres pages du site web.
- Voire comment l’enregistrement des passagers se fait.

12
 Figure 10: scanner des valises

• Semaine 4 :
- Rédaction de la partie du cahier de charge
- Voire l’entête de l’aéroport

Figure 11 : des entêtes

• Semaine 5 :
- Réviser le design des pages du site web.
- Découvrir le centre électrique qui offre l’électricité aux groupes électrogènes

Figure 12 : groupe électrogène

13
 - Rédaction de la partie de planning de travail
- Connecter les pages du site
2.4.5. Conclusion :

Au cours de ce chapitre, une présentation brève a été faite du cadre général du projet. Le
chapitre suivant est consacré à la description du contexte du système actuel, les critiques élaborées et
enfin la solution proposée.

14
 Chapitre 2 : étude préalable
2.1 Introduction :
Cette étude préalable a été réalisée en réponse aux besoins de l'aéroport en matière
d'amélioration de son image de marque en ligne et de sa capacité à fournir des informations utiles et
pertinentes aux passagers et aux visiteurs.
2.2 Description de l’existant :
Le site web de l'office national des aéroports est un portail d'information en ligne destiné aux
passagers, aux visiteurs et aux partenaires de l'aéroport. Il permet d'accéder à un grand nombre
d'informations relatives aux vols, aux services proposés, aux parkings, aux boutiques et restaurants, ainsi
qu'à des guides de voyage et des informations sur les destinations desservies.
Le site web est structuré autour de plusieurs rubriques principales : informations vols &
Destinations, Services, Boutiques & Restaurants, Informations Pratiques, accès & facilitation et guide des
compagnies. La page d'accueil présente les informations clés sur les vols en temps réel et les services
proposés, ainsi qu'un accès rapide aux boutiques et restaurants.
2.3. Critique de l’existant :
Lors de mon audit du site web de l'office national des aéroports, j'ai pu identifier plusieurs
points de faiblesse qui nuisent à l'efficacité et à l'expérience utilisateur du site.
Tout d'abord, j'ai constaté que les temps de chargement du site étaient souvent très longs, ce qui pouvait
décourager les utilisateurs et les inciter à quitter le site avant même d'avoir accédé aux informations qu'ils
cherchaient. Il est donc essentiel d'optimiser le site pour réduire les temps de chargement et améliorer la
fluidité de navigation.
De plus, j'ai observé que le site web n'était pas entièrement responsive, c'est-à-dire qu'il n'était pas
optimisé pour les appareils mobiles. Les utilisateurs consultent de plus en plus souvent les sites web
depuis leur smartphone ou leur tablette, et il est donc crucial que le site de l'aéroport soit parfaitement
adapté à ces supports pour offrir une expérience utilisateur optimale.
En outre, j'ai remarqué que certaines informations essentielles étaient présentées de manière peu claire
ou difficilement accessible. Par exemple, il n'était pas toujours facile de trouver des informations sur les
services proposés par l'aéroport, tels que les loueurs de voiture ou les boutiques. Il est donc important de
repenser la structure du site pour rendre ces informations plus visibles et plus facilement accessibles.
Enfin, j'ai constaté que le site web manquait de personnalisation et d'interactivité. Les utilisateurs ont
15
besoin de se sentir impliqués dans leur expérience de navigation et de pouvoir personnaliser leurs
recherches en fonction de leurs préférences et de leurs besoins. Il est donc important de proposer des
fonctionnalités de personnalisation, telles que la possibilité de sauvegarder ses recherches ou de créer un
compte utilisateur, afin de fidéliser les visiteurs et de les inciter à revenir sur le site de l'aéroport.
2.4 Spécification des besoins
2.4.1 Les besoins fonctionnels :
Pour répondre aux attentes des utilisateurs et améliorer l'expérience utilisateur, le site web
de l'aéroport international d’Hassan 1 doit impérativement offrir les fonctionnalités suivantes :
✓ Un moteur de recherche performant : Les utilisateurs doivent pouvoir trouver rapidement
les informations qu'ils cherchent, telles que les horaires de vol, les offres promotionnelles ou
les informations sur les services proposés par l'aéroport. Le moteur de recherche doit être
rapide, précis et proposer des suggestions de recherche pour aider les utilisateurs à trouver
facilement ce qu'ils cherchent.
✓ Une interface responsive : Le site web doit être adapté à tous les types d'appareils, y
compris les smartphones et les tablettes, pour offrir une expérience utilisateur optimale
quel que soit le support utilisé.
✓ Une personnalisation de l'expérience utilisateur : Les utilisateurs doivent pouvoir
personnaliser leur expérience de navigation en fonction de leurs préférences et de leurs
besoins. Il peut s'agir de la possibilité de créer un compte utilisateur pour accéder à des
fonctionnalités avancées.
✓ Des informations claires et précises sur les services proposés par l'aéroport : Les utilisateurs
doivent pouvoir trouver facilement des informations sur les services proposés par l'aéroport,
tels que les parkings, les boutiques et restaurants, les salons VIP, les loueurs de voiture, etc.
Les informations doivent être claires, précises et présentées de manière visuelle pour
faciliter la compréhension.
✓ Une réservation en ligne de services : Les utilisateurs doivent pouvoir réserver en ligne
certains services proposés par l'aéroport, tels que les parkings ou les services de bagages. Le
site web doit proposer un processus de réservation simple et intuitif.
2.4.2 Les besoins non fonctionnels :
✓ Sécurité : Le site web de l'aéroport doit être sécurisé pour éviter les piratages et les
intrusions malveillantes. Les mesures de sécurité appropriées, telles que l'authentification à
deux facteurs, la surveillance des activités et la sauvegarde des données, doivent être mises
en place pour protéger les informations sensibles des utilisateurs et des employés de
l'aéroport.
16
 ✓ Performance : Le site web de l'aéroport doit être rapide et fiable pour répondre aux attentes
des utilisateurs et éviter les pertes de revenus liées aux temps d'arrêt. Le temps de
chargement des pages doit être rapide, les serveurs doivent être performants et la capacité
du site web doit être extensible pour gérer les périodes de pointe.
✓ Accessibilité : Le site web de l'aéroport doit être accessible à tous les utilisateurs, y compris
les personnes en situation de handicap. Les normes d'accessibilité web doivent être
respectées pour garantir que tous les utilisateurs peuvent accéder aux informations et utiliser
les fonctionnalités du site web.
✓ Convivialité : Le site web de l'aéroport doit être facile à utiliser pour les utilisateurs de tous
niveaux de compétences techniques. La navigation doit être intuitive, les menus doivent être
clairement étiquetés et les boutons doivent être facilement repérables. Le design du site web
doit être esthétique et agréable à l'œil pour offrir une expérience utilisateur de qualité.
✓ Évolutivité : Le site web de l'aéroport doit être conçu pour être facilement évolutif pour
répondre aux besoins futurs. Il doit être capable de s'adapter aux changements de la
technologie et des besoins des utilisateurs de manière flexible et efficace.
✓ Maintenance : Le site web de l'aéroport doit être facile à maintenir pour garantir sa fiabilité
et sa performance. Les outils de gestion de contenu doivent être simples à utiliser pour
permettre aux administrateurs du site web de mettre à jour les informations régulièrement
et d'ajouter de nouvelles fonctionnalités facilement

2.5. Méthodes, langages et outils utilisé

Figure 13: html

HTML (HyperText Markup Language) est le langage de balisage standard utilisé pour créer des pages
web. Il est utilisé pour structurer et afficher le contenu des pages web, en utilisant des balises et des
attributs pour définir différents éléments tels que le texte, les images, les liens, les formulaires, etc.

17
 Figure 14 : css
CSS est un langage de feuille de style utilisé pour définir l'apparence et la mise en page des pages
crées avec HTML.Il permet de séparer le contenu de la présentation des pages Web, offrant ainsi plus
de flexibilité et en termes d'apparence des pages Web.

Figure 15 : javascript
JavaScript est un langage dynamiquement typé, ce qui signifie que les types de données sont
déterminés au moment de l'exécution plutôt qu'au moment de la compilation. Cela facilite la tâche des
développeurs pour écrire du code rapidement et pour le modifier selon les besoins. JavaScript peut être
utilisé en conjonction avec HTML et CSS pour créer du contenu web dynamique.

Figure 16: php

Le PHP est un langage de programmation côté serveur principalement utilisé pour le développement
web. Il s'agit d'un langage open-source qui peut être intégré dans le code HTML, et qui permet aux
développeurs de créer des pages web dynamiques et des applications web.

18
 Figure 17 : sql

SQL (Structured Query Language), en français langage de requête structurée est un langage
informatique normalisé servant à exploiter des bases de données relationnelles. La partie langage de
manipulation des données de SQL permet de rechercher, ajouter, de
modifier ou de supprimer des
données dans les bases de données relationnelles

Figure 18 : uml

Langage de Modélisation Unifié, est un langage de modélisation graphique à base de

pictogrammes conçu pour fournir une méthode normalisée pour visualiser la conception d’un système. Il
est couramment utilisé en développement logiciel et en conception orientée objet

Figure 19 :xampp

Est un ensemble de logiciels permettant de mettre en place facilement un serveur Web local, un serveur FTP
et un électronique. Il s’agit d’une distribution de logiciels libres offrant une bonne souplesse d’utilisation,
réputée pour son installation simple et rapide. Ainsi, il est à la portée d’un grand nombre de personnes
puisqu’il ne requiert pas de connaissances particulières et fonctionne, de plus, sur les systèmes d’exploitation
les plus répandus.

19
 Figure 20 : visual studio code

Visual Studio Code est un éditeur de code extensible développé par Microsoft pour Windows, Linux
et macOS2.Les fonctionnalités incluent la prise en charge du débogage, la mise en évidence de la
syntaxe, la complétion intelligente du code, les snippers, la réfactorisation du code et Git intégré. Les
utilisateurs peuvent modifier le thème, les raccourcis clavier, les préférences et installer des extensions
qui ajoutent des fonctionnalités supplémentaires.

2.5 Conclusion :
L’étude préalable nous a permis de spécifier les besoins qui répondent le mieux aux attentes des
utilisateurs.

Chapitre 3. Modélisation conceptuelle

3.1. Introduction :
Dans ce chapitre, nous abordons la modélisation conceptuelle du site web de l'aéroport, qui est
une étape clé dans la conception et le développement d'une plateforme en ligne pour un aéroport
moderne. Cette modélisation nous permet de définir de manière systématique et précise les différentes
fonctionnalités, les interactions et les relations entre les acteurs impliqués dans l'utilisation du site.
L'objectif principal de ce chapitre est de décrire le processus de modélisation conceptuelle utilisé pour
représenter les différents aspects du site web de l'aéroport. Nous explorerons les techniques et les
méthodologies de modélisation couramment utilisées, telles que les diagrammes de cas d'utilisation, les
diagrammes de classes, pour capturer les besoins fonctionnels et les interactions entre les utilisateurs et
le système.

3.2. Identification des acteurs :

Après avoir spécifié les besoins, et pour bien définir l’interaction des différents acteurs avec le
Système, l’élaboration du diagramme des cas d’utilisation s’avère nécessaire. Cette partie présente les
différents acteurs du système futur ainsi que le diagramme des cas d’utilisation.
• Passagers : Les passagers sont les utilisateurs principaux du site web de l'aéroport. Ils utilisent le
site pour rechercher des informations sur les vols, les horaires, les réservations et les services aux

20
 passagers
• Administrateurs du site : Les administrateurs du site web de l'aéroport sont responsables de la
gestion. Ils veillent à ce que les informations soient précises, à jour et sécurisées. Ils peuvent
également les bases de données des passagers, les réservations, etc.
3.3. Identification des cas d’utilisations :
L’identification exhaustive des acteurs en interaction avec le système simplifie largement la
collecte des besoins fonctionnels. En effet, il suffit alors d’analyser acteur par acteur et de vérifier pour
chacun qu’il dispose de toutes les fonctionnalités qui lui seront utiles au regard de sa mission et du
périmètre du projet.
3.4. Diagramme cas d’utilisations :

Figure 21 :diagramme de cas d’utilisation

3.5.Diagramme des Classes :

21
 Le diagramme de classes est généralement considéré comme le plus important dans un développement
orienté objet. Il représente l’architecture conceptuelle du système. Il permet de fournir une représentation
abstraite des objets du système qui vont interagir ensemble pour réaliser les cas d’utilisation. Il s’agit d’une vue
statique car on ne tient pas compte du facteur temporel dans le comportement du système. Une classe représente
la structure d’un objet, c’est-à-dire la déclaration de l’ensemble des entités qui le composent. Elle est constituée
d’attributs dont les valeurs représentent l’état de l’objet et des méthodes qui sont les opérations applicables aux
objets. Notre diagramme de classes UML décrit les structures des objets et des informations utilisés par notre
application, à la fois en interne et en communication avec ses utilisateurs. Le diagramme ci-dessous représente
notre diagramme des classes :

Figure 22 : diagramme de classe

3.6 Conclusion :
Marquant ainsi la fin de notre phase de conception, ce troisième chapitre nous a permis de
modéliser les besoins exprimés par tous les utilisateurs. Toutes les informations nécessaires à la
réalisation de l’application sont à présent disponibles
22
 Chapitre 4. Réalisation
4.1. Introduction
IMAR est un site dynamique qui contient plusieurs pages, chacune a sa propre fonction. Dans ce
chapitre on va expliquer le fonctionnement, le rôle et le contenu de chaque page.

• La figure suivante montre les différentes composantes visibles de la page d’accueil de notre site
web ,qui divise l’accès du passager et de l’admin. Il est réalisé a l’aide de l’html et css pour le design

23
 Figure 23 : page d’accueil

• Après la clique sur la Botton de l’admin on accède une autre page de login pour avoir l’accès au
base de données.

• Cette page est réalisé par l’html, css pour le coté client et php pour coder le coté serveur.

• La page de connexion comporte un formulaire où les responsables peuvent entré leurs

informations d'identification, telles que leur email et leur mot de passe. Ces informations sont
nécessaires pour vérifier l'identité de l'utilisateur et lui accorder l'accès à la base de données.

• Une fois que l'utilisateur soumet ses informations d'identification via le formulaire de connexion,
un processus de vérification est effectué. Les informations saisies sont comparées avec celles
enregistrées dans la base de données pour déterminer si elles sont valides. Cela peut impliquer
une comparaison de l'identifiant et du mot de passe avec ceux stockés dans la base de données.
• Une fois que l'utilisateur est authentifié, il est redirigé vers la page contenant les tableaux affichant
les données de la base de données. Ces tableaux peut être une représentation structurée des
données stockées dans la base de données, avec des colonnes représentant les différents attributs
ou champs, et des lignes représentant les enregistrements individuels.

24
 Figure 24 : page de login

• La page d’affichage est divisée en deux par un header, une page est réservée au tableau

d’inscription et l’autre au tableau de réservation de parking .

• Les pages sont codees par l’html et css pour dessiner les tableau et la bottom de retour en
page de login

25
 Figure 25 : page d’affichage
• La page d'accueil d'un site web d'aéroport est la première page que les visiteurs voient
lorsqu'ils accèdent au site ,il commence généralement par afficher le logo de l'aéroport et
son nom. Cela permet aux visiteurs de savoir immédiatement sur quel site ils se trouvent
et nous avons choisi IMAR pour son nom
• Un menu de navigation clair et bien organisé. Ce menu permet aux utilisateurs de trouver
facilement les informations qu'ils recherchent, telles que les horaires des vols, les services
disponibles, etc.
• Un formulaire de recherche de vols est souvent présent sur la page d'accueil. Les visiteurs
peuvent y entrer leurs informations de voyage, telles que la ville de départ ou d'arrivée et
la date, afin de vérifier les disponibilités et les horaires des vols.

• La page d'accueil peut également inclure des informations de contact pour l'aéroport,
telles que le numéro de téléphone, l'adresse e-mail et éventuellement un formulaire de
contact en ligne.

• Cette page est réalisée par l’html , css pour designer et javascript pour créer un slider ou
s’affiche les photos de l’aéroport.

26
 Figure 26 : page d’accueil
• La page de vol d'un site web d'aéroport est une section spécifique où les utilisateurs
peuvent obtenir des informations détaillées sur les vols programmés au départ et à
l'arrivée de l'aéroport
• La page de vol affiche généralement une liste des vols programmés au départ et l’arrivée
de l'aéroport. Les informations fournies peuvent inclure le numéro de vol, la destination,
l'heure de départ prévue et la compagnie aérienne
• Il est fréquent de trouver un formulaire de recherche de vols où les utilisateurs peuvent
entrer des critères spécifiques pour obtenir des informations plus ciblées sur les vols
correspondant à leurs besoins.

27
 Figure 27 : page de vol
• La page de stationnement et de transport sur un site web d'aéroport est une section qui
fournit aux utilisateurs des informations sur les options de stationnement disponibles à
l'aéroport ainsi que sur les moyens de transport pour se rendre à l'aéroport ou en partir
• La première section de cette page fournit des informations sur les transports en commun
disponibles pour se rendre à l'aéroport ou en partir tels que les taxis location de voitures et

28
 les bus
• La section suivante fournir un formulaire de réservation où les utilisateurs peuvent
sélectionner leurs dates de stationnement et effectuer une réservation sécurisée
• La dernière section fournit les taxes de la réservation de parking avec l’horaire.

Figure 28 : page de stationnement et transport

• La page de commerce affiche généralement une liste des magasins, restaurants et les
services commerciaux tels que les banques le salon VIP et les agences disponibles à
l’aéroport.

29
 Figure 29 : page de commerce
• La page de guide sur un site web d'aéroport est une section spécifique qui fournit aux
voyageurs des informations pratiques et utiles pour faciliter leur passage à travers
l'aéroport et leur offrir une expérience agréable.
• La première section de la page fournit également des informations détaillées sur les
éléments nécessaires à porter, telles que les cartes, passeport, la carte d'embarquement,
etc.
• Une autre section fournit aux conseils de sécurité
• Une section dédiée aux bagages, elle fournit des informations sur les restrictions de taille
et de poids des bagages, les objets interdits en cabine, les options de stockage des
30
 bagages, les services de bagagerie. Et au dernier on trouve multiples conseils tels que le
voyage avec au enfant ou animal, etc.

Figure 30 : page de guide

4.2. Conclusion :

Nous sommes confiants que ce site web contribuera à améliorer l'expérience des passagers, en

31
leur fournissant des informations précieuses et des fonctionnalités pratiques pour faciliter leurs
déplacements. Nous restons disponibles pour assurer un suivi et des ajustements ultérieurs, afin de
maintenir le site web à jour et en adéquation avec les évolutions technologiques et les besoins
changeants des utilisateurs

Chapitre 5. Conclusion
En conclusion, ce stage à l'aéroport Hassan 1 a été une expérience très enrichissante en termes de
planification et de personnalisation. Nous avons eu l'opportunité d'explorer le fonctionnement d'un
aéroport, de travailler avec une équipe dynamique et de participer à des projets stimulants et concrets.
Nous avons notamment pu développer mes compétences en gestion de projet, en communication, en
32
résolution de problèmes et en travail d'équipe.

Durant ce stage, nous avons effectué diverses tâches, telles que la mise en place d'un nouveau site
web, la participation à la rédaction de rapport d'activité. Nous avons également pu explorer différents
métiers liés à l'aéroport, comme la sûreté, la gestion des opérations aériennes, la maintenance et
l'exploitation.

Enfin, nous tenons à remercier toutes les personnes qui m'ont encadré et accompagné tout au long
de ce stage, notamment mon tuteur, les membres de mon équipe et les différents services de l'aéroport
avec lesquels nous avons pu collaborer. Cette expérience nous a permis de consolider nos connaissances
et nos compétences, et de nous projeter vers de nouveaux horizons professionnels.

33
 Bibliographie/Webographie
• Rapports (Présenter par l’aéroport)

• Chat GPT

• Paraphraz.it :

Paraphraz.it | Reformulateur pour réécrire, reformuler, et paraphraser un texte

• Site de l’ONDA :

Office National des aéroports -Nos Aéroports - Aéroport Laâyoune Hassan 1er (onda.ma)

• Site YUL :

https://www.admtl.com/fr

• Canva: pour créer le logo

https://www.canva.com/

• YouTube: aider à les décorations du site

https://youtu.be/niiu3-f9Cf4

https://youtu.be/34MBVXsDOtA

34