Académique Documents
Professionnel Documents
Culture Documents
ET POPULAIRE
MINISTERE DE L’ENSEIGNEMENT SUPERIEUR ET DE LA RECHERCHE SCIENTIFIQUE
UNIVERSITE MOULOUD MAMMERI DE TIZI-OUZOU
FACULTE DE GENIE ELECTRIQUE ET D’INFORMATIQUE
DEPARTEMENT INFORMATIQUE
Thème :
Développement d’une plate forme web pour la réservation
des billets et la consultation des vols.
Cas : « Air Algérie».
Réalisé par :
Melle SELMANE NADIA.
Promotion : 2009-2010.
REMERCIEMENTS
D’abord nous tenons à remercier le bon dieu le tout puissant de nous avoir donner
la santé, courage et la fois pour réaliser
L’histoire nous a appris que les civilisations naissent à partir des besoins humaines, et
depuis l’antiquité l’homme -maître de soi même- a su se tracer son itinéraire à lui, un chemin
qu’il conçoit avec ses propres moyens mais surtout avec sa vision personnelle.
L’internet a été l’un des moyens conçus pour répondre à des exigences de l’être humain en
domaine de communication, mais aujourd’hui elle est plus qu’un ensemble des ordinateurs lié
assurant la communication. C’est le moyen qui a bousculé les pensées, changé les règles de
conception du monde ; et avec l’arriver du web, l’internet est devenu un moyen indispensable
de notre vie quotidienne pour les activités qu’il offre en ligne à savoir : le travail, les loisirs,
l’enseignement, et le commerce électronique qui est l’objet de notre étude.
Le commerce électronique a atteint un stade inimaginable ; on peut même dire que tout se
vent sur internet où dans les pays développés la vente sur internet est une chose ordinaire
grâce au développement des langages de programmation et des outils de sécurité et
précisément le développement de système de paiement sécurisé.
Notre travail consiste la conception et la réalisation d’un site web dynamique commercial
pour la compagnie aérienne Air Algérie dont le client peut consulter des vols, contacter la
compagnie, faire une réservation, l’annuler …à l’aide des informations qu’on a accueillie
pendant notre stage au sein de l’une des agences commercial de la compagnie aérienne Air
Algérie à Tizi Ouzou.
Pour l’organisation de notre travail on a choisi que la structure de notre projet soit comme
suit :
• Chapitre 1 : « Présentation d’Air Algérie » donne une vue général sur la
compagnie aérienne Air Algérie
• Chapitre 2 : « Généralité sur les réseaux et web » qui contient quelques notions
sur les réseaux et le web
• Chapitre 3 : « analyse et conception » qui est réservé à la conception et la
réalisation de notre application dont on a présenté les déférents diagrammes utilisés.
• Chapitre 4 : « Réalisation » qui est consacré à la réalisation et l’implémentation de
notre application.
Chapitre 1
Présentation d’Air Algérie
1.1Introduction
Le transport peut être défini comme le déplacement de personnes ou de choses, sur une
assez longue distance par des moyens spéciaux. C’est ce qu’on appelle les moyens de
transports et le développement de ce dernier a considérablement transformé les conditions de
vie et la relation aux autres. Il a contribué de façon significative à la croissance économique.
Et ce développement a connu un transport ferré au dix-neuvième siècle : maritime, routier
puis aérien au vingtième siècle.
Le trafic aérien depuis ses origines a connu une croissance sans précédent et son poids
économique et social n’a jamais cessé de croître.
Les compagnies aériennes ont un rôle dans le développement de transport aérien qui essayent
toujours de donner des meilleurs services pour les passagers durant le voyage, après et avant
par exemple la facilité de réservation c’est qu’on appelle « la réservation en ligne », et parmi
ces compagnies Air Algérie
Direction
Des
Direction Ressources
Direction
Planification Humaines
des
Transport
Contrôle de Gestion Direction
Aériens Direction
Projet
Direction
Pax
Des
Centre de De Base
Affaires
Juridiques
Formation Maintenance
Direction Et
documents
Du
Centre Direction
Catering
CATEH Direction Logistique
Promotion
Des Œuvres
Sociales
Bureau
D’Organisation
DRCA
Aéroport DLT
7
1.10 Les précautions d’Air Algérie dans les matières entrant dans son exploitation
1.10.1Le carburant
Air Algérie a signé un contrat avec l'Entreprise NAFTAL concernant
l'approvisionnement en carburant local (conventions entre entreprise étatiques), et des
contrats avec d'autres entreprises étrangères tel que TOTAL en France, et British Petroléum
en Grande-Bretagne.
1.10.2Matière alimentaire
Quant à la prise en charge en matière alimentaire concernant le Catring, elle conclue des
contrats avec des fournisseurs. En cas d'imprévu, elle fait appel à d'autres fournisseurs en
réglant de suite la facture puis renégocie si nécessaire.
1.10.3 L’hébergement
L’hébergement de son personnel navigant, Air Algérie agit de la même manière en
concluant des contrats et conventions avec des hôtels.
Conclusion
Afin d'attirer plus de clients, Air Algérie a procédé au renouvellement de sa flotte :
• de proposer une meilleure qualité à bord.
• régler ses problèmes de ponctualité.
• L’ouverture des nouvelles lignes tel que «Alger - Montréal », où elle offre à bord des
services de très bonne qualité.
• Les conditions de sécurité ont été aussi revues de manière à attirer et rassurer ses
passagers.
• Les tarifs des concurrents sont également pris en compte, pour offrir à ses clients les
meilleurs services à des prix attractifs.
Dans ce chapitre nous avons présenté quelques notions sur Air Algérie et le système de
réservation pour nous aider durant notre travail.
Chapitre 2
Généralités sur les réseaux
et le web
2.1Introduction
La fin de vingtième siècle est caractérisée par l’évolution rapide des technologies de
l’information et de la communication en général et de l’informatique en particulier.
L’informatique à connu un développement sans précédant avec la généralisation de
l’utilisation des réseaux en particulier internet. Internet est un réseau mondial de réseau
informatique, il offre une multitude de services à l’attention des internautes, dont le plus
connu est sans conteste le web.
Le www (World Wide Web) est conçu pour permettre aux utilisateurs d’accéder aux
informations d’internet, de les structurer et de les publier. Le fonctionnement du web est base
sur l’architecture client/serveur qui permet aux clients d’envoyer des requêtes au serveur à son
tour renvoie des réponses à ses clients.
Ce chapitre aura pour objectif de présenter quelques notions sur les réseaux informatiques,
l’internet et le web et sur l’architecture client /serveur.
2.2.1Définition
Un réseau informatique est un ensemble de composants matériels et /ou logiciels,
permettent d’assurer un service de communication. [1]
Les bus reliant les processeurs, les mémoires, les entrées-sorties d’un processeur ou
multiprocesseur ; distance inférieure à un mètre.
En bus
Est un réseau ou tous les nœuds sont connectés sur le même support. C’est un réseau à
diffusion.
En étoiles
Est un réseau centralisé, un seul nœud est relié directement aux autres sans que ceux-
ceux
ci aient de liens entre eux. Le nœud central support toute la charge du réseau.
Les supports de transmission sont les moyens qui permettent aux données de voyager entre
leur point d’origine et leur destination finale. On a deux types : le support de transmission
t
filaire et support de transmission sans fils
• Les supports de transmission filaire : servent à véhiculer des données entre un
émetteur et un récepteur relies physiquement et nous avons trois grands type des
câbles de transmission qui sont : Câble à paires torsadées, Câble coaxiale et Câble à
fibres optiques
• Support de transmission sans fils : où deux terminaux peuvent communiquer sans
aucune liaisons filaire nous avons plusieurs moyen : l’infrarouge ; Wifi, Bluetooth,
radio,...
2.2.3.1 Description
Le transport de données d’une extrémité à une autre d’un réseau nécessite un support
physique ou hertzien de communication. Pour que ces données arrivent correctement au
destinataire avec la qualité de service exigée, il faut une architecture réseau qui garantira
l’acheminement des l’information.
Les constructeurs informatiques ont proposé des architectures réseaux propres à leurs
équipements. Ces architectures ont toutes le même défaut ; du fait de leur caractère
propriétaire, il n'est pas facile de les interconnecter, à moins d'un accord entre constructeurs.
Pour réaliser l'interconnexion des architectures hétérogènes, l'ISO (International Standards
Organization) a développé un modèle de référence appelé modèle OSI (Open Systems
Interconnection), qui décrit les concepts utilisés et la démarche suivie pour normaliser
l'interconnexion de systèmes hétérogènes (un réseau est composé de systèmes ouverts lorsque
la modification, l'adjonction ou la suppression d'un de ces systèmes ne modifie pas le
comportement global du réseau).
Ce modèle est relativement très complexe, car il contient de nombreuses options, destinées à
couvrir l’ensemble des fonctionnalités proposées, quelque soit l’environnement d’adaptation.
En revanche, l’architecture TCP/IP répond à tous les besoins possibles, et des fonctionnalités
en dehors de tout souci de réalisation. [5]
Un protocole est un algorithme distribué qui est exécute par les processus pairs.
Il consiste en général à envoyer des données à un ou plusieurs processus pairs ainsi qu'à lire
des données reçues.
Les aspects les plus importants sont
• le protocole utilisé par les modules pairs pour communiquer,
• la spécification des interfaces inter couches. [6]
L’architecture OSI et TCP/IP est basé sur l’architecture en couche
Définition
OSI (Open System Interconnexion) est une norme élaborée par l'ISO (International
Standards Organization), garantissant l'Interconnexion en réseau de systèmes
informatiques hétérogènes. Le modèle OSI normalise la manière dont les matériels et
les logiciels coopèrent pour assurer la communication réseau.
Fonctionnement
• Chaque couche est responsable de l‘un des aspects de la communication.
• Une couche de niveau N communique avec les couches N+1 et N-1 par le biais
d‘une interface.
• Une couche inférieure transporte les données vers la couche supérieure sans en
connaître la signification.
• Les couches N de2 systèmes communiquent à l’aide de protocoles de
communication commun. [7]
Application
.
Présentation
Session
Transport
Réseau
Liaison de données
Physique
COUCHE RÔLE
1. PHYSIQUE Envoi et réception des séquences de bits
2. LIAISON Organisation des données en trames et transmission
3. RÉSEAU Acheminement des paquets de données (routage…. )
4. TRANSPORT Découpage du message en paquets (et inversement: réassemblage des
paquets en message dans le bon ordre)
-Gestion de plusieurs connexions sur la même voie de
communication (multiplexage) ou éclatement d'une connexion sur
plusieurs voies.
5. SESSION Établissement, contrôle, terminaison d'une connexion entre deux
systèmes
6. PRÉSENTATION Formatage, conversions,(+compression et cryptage)des données
7. APPLICATION Fourniture de services réseaux aux applications
Tableau2.01 : Tableau récapitulatif des rôles de couches de modèle OSI
Définition
Fonctionnement
COUCHE ROLE
1. Application Applications utilisées sur le réseau
2. Transport Assure le transfert d’un site à un autre
3. Internet Définie les datagrammes et leur routage
4. Accès réseau Ensemble de routines d’accès au média
Tableau2.02 : Tableau récapitulatif le rôle de couches de l’architecture du protocole TCP/IP
2.2.3.5 Comparaison entre le modèle OSI et Architecture TCP/IP
Les appels aux services de transport mis en jeu sont au nombre de quatre :
Send Request () : permet au client d’émettre le message décrivant la requête à une
adresse correspondante à la porte d’écoute du serveur.
Receive Request () : permet au serveur de recevoir la requête sur sa porte d’écoute.
Send Reply () : permet au serveur d’envoyer la réponse sur la porte d’écoute du
client.
Receive Reply () : permet au client de recevoir la réponse en prévenance du serveur.
• Interface utilisateur
• La logique des traitements
• La gestion des données
Le client s’exécute que l’interface utilisateur (souvent une interface graphique) ainsi que la
logique des traitements (formuler la requête), laissant au serveur de bases de données la
gestion complète des manipulations de données.
La liaison entre le client et le serveur correspond à tout en ensemble complexe de logiciels
appelé middleware qui se charge de toutes les communications entre les processus.
2.3.4.1Architecture à 2 niveaux
Dans une architecture deux tiers, encore appelé client-serveur de données, le poste client se
contente de déléguer la gestion des données à un service spéciale les cas typique de cette
architecture est une application de gestion fonctionnant sous Windows ou Linux et exploitant
un SGBD centralisée
Ce type permet de trier de la puissance des ordinateurs déployés en réseau pour fournir à
l’utilisateur une interface riche tout en garantissant la cohérence des données qui restent
gérées de façon centralisée
La gestion des données est prise en charge par un SGBD centralisée, s’exécutent le plus
souvent sur un serveur dédié, ce dernier est interrogé en utilisant un langage requête qui le
plus souvent est SQL .le dialogue entre client et serveur se résume donc à l’envoi de requêtes
et ou retour des données correspondant aux requêtes.
Cet échange de messages transite à travers le réseau reliant les deux machines. Il met en
œuvre des mécanismes relativement complexe qui sont, en générale, prise en charge par un
middleware
Remarque : on appelle middleware l’ensemble des couches réseau et services logiciels qui
permettant le dialogue entre les différents composant d’une application répartie
Traitement Données
3. Retour de la réponse
Inconvénient
• on ne peut pas soulager la charge du post client qui support la grande majorité des
traitements applicatifs
• le post client est frottement sollicité, il devient de plus en plus complexe et doit être
mis à jour régulièrement pour répondre aux besoins des utilisateurs
• ce type d’architecture est grandement rigidifié par les couts et la complexité de sa
maintenance.
Avantage
• elle permet l’utilisateur d’une interface riche
• elle a permis l’appariations par l’utilisateur
• elle a introduit la notion d’interopérabilité
Les limites de l’architecture deux tiers proviennent en grand partie de la nature du client
utilisé :
• le frontal est complexe et non standard (même il s’agit presque toujours d’un PC sous
Windows)
• le middleware entre client et serveur n’est pas standard (dépend de la plate forme du
SGBD)
La solution résiderait donc dans l’utilisateur du post client simple communicant avec le
serveur par le biais d’un protocole standard.
Dans ce but, l’architecture trois tiers applique les principes suivants :
Cette architecture trois tiers, également appelle client serveur de deuxième génération ou
client/serveur distribué sépare l’application en 3 niveau de services distincts conformes aux
principes précédents
Tous ces niveaux étant indépendant, ils peuvent être implantés sur des machines différentes
de ce fait :
• Le post client ne support plus l’ensemble des traitements, il est pas sollicité et peut
être moins évolué donc moins couteux
• Les ressources présente sur le réseau sont mieux exploitées, puisque les traitements
applicatif peuvent être partagés on regroupés (le serveur d’application peut s’exécuter
sur le même machine que le SGBD.
• Les facilités et les performances de certains traitements se trouvent améliorés par leur
centralisation
• Il est relativement simple de faire face à une forme montée en charge, en renforçant le
service applicatif.
L’architecture n-tiers a été pensée pour pallier aux limitations des architecture trois tiers et
de concevoir des applications puissantes et simples a maintenir, ce type d’architecture permet
de distribuer plus librement la logique applicative, ce qui facilite la répartition de la charge
entre tous les niveaux.
Cette évolution de l’architecture trois tiers met en œuvre une approche objet pour offrir une
plus grande souplesse d’implémentation et faciliter la réutilisation des développements.
Théoriquement, ce type d’architecture supprime tous les inconvénients des architectures
précédentes :
L’appellation ‘’n-tiers’’ pourrait faire penser que cette architecture met en ouvre un nombre
indéterminé de niveaux de services, alors que ces derniers sont au maximum trois (les trois
niveaux d’une application informatique ….). En fait, l’architecture n-tiers qualifie la
distribution d’application entre de multiples services et non la multiplication des niveaux de
services.
Ces composants rendent un service si possible générique et clairement identifie .Ils sont
capable de communiquer entre eux et peuvent donc coopère en étant implantés sur des
machines distincts.
La distribution des services applicatifs facilite aussi l’intégration de traitements existant dans
les nouvelles applications. On peut ainsi envisager de connecter un programme de prise de
commande existant sur le site centrale de l’entreprise à une application distribuée en utilisant
un middleware adapté.
2.3 .6.1Avantages
Le modèle client/serveur est particulièrement recommandé pour des réseaux nécessitant un
grand niveau de fiabilité, ses principaux atouts sont:
• des ressources centralisées: étant donné que le serveur est au centre du réseau, il peut
gérer des ressources communes à tous les utilisateurs, comme par exemple une base de
données centralisée, afin d'éviter les problèmes de redondance et de contradiction
• une meilleure sécurité: car le nombre de points d'entrée permettant l'accès aux
données est moins important
• une administration au niveau serveur: les clients ayant peu d'importance dans ce
modèle, ils ont moins besoin d'être administrés
• un réseau évolutif: grâce à cette architecture il est possible de supprimer ou rajouter
des clients sans perturber le fonctionnement du réseau et sans modifications majeures
2.3.6.2Inconvénients
L'architecture client/serveur a tout de même quelques lacunes parmi les quelles:
Internet : nom donné à un ensemble d’ordinateurs connectés les uns aux autres selon
différents modes (satellites, fibre optique,…) et référencés de manière très précise (une
adresse est donnée à chaque ordinateur). C’est un réseau physique (ordinateurs reliés par
câbles).
Web (toile d’araignée) : application multimédia qui utilise le réseau Internet et rend possible
l’échange d’informations sur ce réseau grâce à l’utilisation des navigateurs et du langage
HTML. C’est une couche logique d’Internet
Par exemple, lorsque deux personnes discutent entre elles, elles ont besoin de différents
outils :
du matériel qui permet physiquement l’échange de données : bouche, cordes vocales, oreilles
→Internet
d’un modèle de communication : un langage commun qui lui permet de comprendre et rend
possible l’échange d’idées →Le Web
2.5 Internet
2.5.1Définition
Internet est l’interconnexion de nombreux networks. Il est composé de milliers
d’ordinateurs en permanence allumés, reliés entre aux par différents types de liaison et
accessibles à tout moment. Ces ordinateurs proposent des contenus pour la plupart gratuit et
en accès libre. C’est pourquoi ils sont appelés serveurs.
2 .5.2.2 Le transfert de fichiers (FTP) : Pour profiter de toutes les ressources du Web, il est
nécessaire d'être bien équipé en logiciels. Il est possible de télécharger ces logiciels
directement sur le net en utilisant un programme de transfert de fichiers ou FTP (File
Transfert Protocol). Il est possible également de télécharger des documents (supports de cours
par exemple).
2.5.2.3 Telnet : La télé connexion sur d'autres ordinateurs n'est utilisée que pour les
bibliothèques universitaires et les BBS : (Bulletin Board System) ensemble d'ordinateurs
accessibles par modem
2.5.2.4 World Wide Web : Il permet tout ce qui précède et ajoute des liens vers d’autres
ressources et des facilités multimédias (son, graphique, vidéo). Ce service est détaillé ci-
après.
2.5.2.4 URL: Est un moyen standard pour désigner de manière universelle l’ensemble des
ressources de l’Internet.
2.5.3.1Intranet
Un Intranet est un ensemble de services de type Internet interne à un réseau local :
accessible uniquement à partir des postes d’un réseau local ou d’un ensemble de réseaux bien
définis et invisible de l’extérieur.
Il consiste à utiliser des standards client-serveur de l’Internet (utilisation de protocole TCP/IP)
comme l’utilisation de navigateurs internet et des serveurs web pour réaliser un système
d’information interne à une organisation ou une entreprise.
1. client
2. un ou plusieurs serveurs d’application
3. un serveur de base de données
De cette façon les machines clientes gèrent l’interface graphique tandis que le serveur
manipule les données. Le réseau permet de véhiculer les requêtes et les réponses.
Un Intranet possède naturellement plusieurs clients et peut aussi être compose de plusieurs
serveurs.
Un Intranet dans une entreprise permet de mettre facilement à la disposition des employés des
documents divers et variés.
Des documents de tous types peuvent être mis à disposition sur un intranet. De plus, un
intranet peut réaliser une fonction de groupware très intéressante : permettre une travail
collectif.
Ainsi un intranet favorise la communication au sein de l’entreprise et limite les erreurs dues à
la mauvaise circulation d’une information.
2.5.3.2Extranet
C’est semblable à un Intranet. Il donne la possibilité à une entreprise d’offrir un accès
limité à ses données informatiques à une entité venant de l’extérieur de l’entreprise. Ce lien
limité pourrait être offert à certains partenaires en industrie, des fournisseurs ainsi que des
sous-traitants,…
2.6 Web
2.6.1 Définition
Le web est une application multimédia qui utilise le réseau Internet et rend possible
l’échange d’informations sur ce réseau, notamment grâce à l’utilisation des navigateurs et de
langages spécifiques comme l’HTML. Le succès de celui-ci est dû à la série de propriétés qui
le caractérisent : Le multimédia, l’hypertexte, multi plate-forme, distribué, interactif,
multiservice
L’URL comprend plusieurs informations dont le protocole utilisé pour atteindre le serveur
cible, le nom du système (ou serveur) sur lequel le document réside, le chemin d’accès au
document et le nom du fichier. Ainsi l’URL
http://www.espo.ucl.ac.be/departements/default.html signifie que l’on utilise le protocole
« http » pour accéder au serveur nommé www.espo.ucl.ac.be où il existe un répertoire
« départements » qui contient un fichier HTML nommé « default.html ». Chaque fichier
disponible que le web est ainsi identifiable de façon unique par son URL.
Le protocole http : Les clients et les serveurs Web communiquent en utilisant le protocole
http (HyperText Transfert Protocole). Ce protocole est défini par une série de règles qui
spécifient les modalités de communication entre les serveurs et navigateurs Web. Les règles
http définissent ainsi la manière correcte de formuler la requête par le navigateur. Elles
définissent aussi la manière de formuler correctement une réponse par le serveur.
Comme tous les langages à balises, HTML ne se soucie pas directement de l’apparence d’un
document mais de sa structure.
-HTML (Hyper Text Mark-up Language) : C’est le langage qui décrirait la structure des
documents du monde Web. Et permet de créer des pages Web, il utilise une structure formé
avec des balises permettant la mise en forme du texte. Nécessite un navigateur web pour la
visualisation.
-Applets : Petite application, écrite généralement en langage Java, envoyée par un serveur
web et exécutée par un navigateur
- Java Script : Le Java script est un langage de script incorporé dans un document
HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage
est un langage de programmation qui permet d'apporter des améliorations au langage HTML
en permettant d'exécuter des commandes du côté client, Ainsi le langage Java script est
fortement dépendant du navigateur appelant la page web dans laquelle le script est incorporé,
mais en contrepartie de java il ne nécessite pas de compilateur.
- ASP (Active Server Page) : est un standard mis au point par Microsoft en 1996 permettant
de développer des applications Web interactives, c'est-à-dire dont le contenu est dynamique.
Ainsi une page web ASP (fichier repérable par l'extension .asp) aura un contenu pouvant être
différent selon certains paramètres (des informations stockées dans une base de données, les
préférences de l'utilisateur, ...) tandis qu'une page web « classique » (dont l'extension est .htm
ou .html) affichera continuellement la même information.
- Servlet : Les sevlets sont des applications Java car elles permettent de gérer des requêtes
http et de fournir aux clients une repense http dynamique.
- Le PHP (Personnel Home Page) : Le PHP est un langage de script côté serveur,
incorporé au document HTML normal, mais exécuté par le serveur Web et non par le
client. Conçu pour réaliser des pages dynamiques, le résultat du script est un document
HTML standard, sans trace du script exécuté préalablement et garantissant ainsi une
compatibilité avec tous les navigateurs disponibles. Il est donc possible à l’aide de PHP de
réaliser dynamiquement le contenu des documents avec des informations externes
provenant de bases de données, fichiers,…Le script est incorporé au document HTML
standard de la manière suivante
<?PHP
…instruction PHP…
?>
2.6.4.1Page web
Une page web est une ressource du World Wide Web conçue pour être consultée par des
visiteurs à l’aide d’un navigateur web. Une page web a une adresse Web. Techniquement, une
page web est souvent constituée d’un document en HyperText Markup Language (HTML) et
d’images. Cependant, tout type e ressource, textuelles, visuelles, sonores, logicielles, peuvent
constituer une page web [12]
2.6.4.5 HTTP
Protocole de communication utilisé pour l'échange de documents hypertextes ou
hypermédias entre clients et serveurs Web.
• Définition
Un site web est un ensemble de pages (parfois une seule) écrites dans un langage
normalisé de manière à être compris par tous les navigateurs. L’organisme qui décrit et décide
des évolutions de ce langage s’appelle le W3C, et préconise l’utilisation du HTML
(HyperText Markup Language) pour la création de pages web. Il existe d’autres technologies
pour décrire une page, mais elles ne sont pas forcément supportées par tous les navigateurs.
[13]
Démarche de conception
La démarche qu’on préconise est en partie dictée par des relations de dépendance
existantes entre certains modèles. On identifie cinq phases de conception.
Phase 1 : Etude préalable
L'étude préalable est une phase préliminaire dans la démarche de conception. Elle est réalisée
selon les deux étapes suivantes:
- La collecte des besoins : Au cours de cette étape il s'agit de rechercher et de spécifier les
besoins des acteurs potentiels de l'application Web.
- Définition du Modèle de Fonctionnalités : Il s'agit ici de spécifier les classes
fonctionnelles, les rôles fonctionnels et les fonctionnalités de l'application. Une fois
achevé, le modèle de fonctionnalités servira de base pour modéliser les acteurs de
l'application Web pendant la phase 2.
Phase 2 : Modélisation de l'audience
Cette phase consiste à regrouper les acteurs dans des classes d'audience distinctes. Il s'agit
en fait, d'exécuter l'algorithme de génération des acteurs, qui permet de spécifier toutes les
classes d'audience, de les représenter sous forme d'hiérarchie et de déterminer le concept
Espace Fonctionnel relatif à chaque acteur.
Phase 3 : Analyse détaillée
Au cours de cette phase, il s'agit de modéliser l'espace fonctionnel des acteurs, et ce, en se
basant sur les deux modèles de fonctionnalités et d'audience. Cette phase s'appuie sur les deux
modèles suivants :
- Modèle de spécification des besoins
- Modèle d'analyse
Phase 4 : Conception
Cette phase est un processus d'affinement du modèle d'analyse. Elle s'appuie sur les deux
modèles suivants :
-Modèle conceptuel
-Modèle navigationnel
Phase 5 : Implémentation
A ce stade de processus le problème a été analysé en profondeur et nous avons proposé une
conception appropriée à l'architecture de l'application. Nous pouvons alors entreprendre
l'implémentation, qui inclut les activités suivantes :
-Traduction de la conception en code source et en composants.
-Réalisation des tests unitaires. [14]
• Site web statique : Site web constitué de pages HTML prédéfinies, créées une fois pour
toutes à l'aide d'un éditeur HTML. Le contenu des pages est fixe
• Site web dynamique : Site web dont les pages HTML se construisent lors de sa
consultation par un internaute, en sollicitant des bases de données filtrées par des
outils logiciels de mise en forme.
Conclusion :
Dans ce chapitre nous avons illustré quelques principes sur la nouvelle technologie de
l’information et de la communication, à savoir les réseaux, les architectures OSI et TCP/IP,
l’architecture client/serveur, les protocoles de communication ainsi que l’Internet et son
principe service qui est le Web.
Chapitre 3
Analyse et Conception
3 .1 Introduction
Avant de développer un système d’information, il est nécessaire d’en choisir une bonne
méthode bien définie pour faire une bonne organisation de travail à effectuer en citant les
différentes tâches et les différentes étapes. Nous avons optés pour la méthode UML pour la
représentation qui l’offre à travers ses différents diagrammes. Dans ce chapitre nous allons
identifier les différents acteurs et leurs tâches, puis élaborer les diagrammes de cas
utilisation pour spécifier le besoin de notre système, en suite les diagrammes de séquence et
les diagrammes des activités pour l’analyse ; et enfin le diagramme des classes pour la
conception.
Identification
d’acteurs
Diagramme
des cas
d’utilisation
Diagrammes
de séquence
Diagramme
D’activités
Diagrammes
De classes
3.2 .1 Définition
UML (Unified Modeling Language) est un langage unifié pour la modélisation dans le
cadre de la conception orienté objet. Il s’agit d’un langage graphique de modélisation objet
permettant de spécifier, de construire, de visualiser et de décrire les détails d’un système
logiciel. Il est issu de la fusion de plusieurs méthodes dont « Booch » et « OMT » et adapté à
la modélisation de tous types de systèmes. Il devint aujourd’hui un standard dans le domaine
d’analyse et de conception orientée objet. Il propose plusieurs modèles qui sont des
descriptions abstraites du système étudié et qui sont :
Ces modèles sont élaborés par les utilisateurs au moyen de diagrammes. Un diagramme
spécifie un aspect précis du modèle.
En règles générale, on vision les parties statique d’un système en utilisant un des quatre
diagrammes suivant :
1. Diagramme de classes
2. Diagramme d’objets
3. Diagramme de composant
4. Diagramme de déploiement
On utilise souvent cinq diagrammes supplémentaires pour visualiser les parties dynamiques
d’un système :
1. Diagramme de séquence
2. Diagramme de cas d’utilisation
3. Diagramme de collaboration
4. Diagramme d’états –transition
5. Diagramme d’activité
3.3 Problématique
Même avec l’existence de plusieurs agences de la compagnie arienne Air Algérie(AH) à
l’échelle nationale et internationale qui effectuent la réservation mais le problème de
déplacement reste inévitable, car les différentes agences commerciales en général se situent
dans les grandes villes (par exemple dans la Wilaya de Tizi-Ouzou on trouve seulement deux
agences commerciales) ce qui n’arrange pas tout le monde, notamment ceux qui habitent les
coins isolés du pays.
En comme nous avons dit dans le premier chapitre que la compagnie aérienne fait des efforts
pour améliorer leurs services, et pour régler ce problème elle propose à ses client
« la réservation en ligne »
Et pour que l’idée soit un peu claire on fait une petite comparaison entre la réservation aux
niveaux des agences et la réservation par internet :
• La relation include
Une relation inclusion d’un cas d’utilisation A par rapport à un cas d’utilisation B, signifie
qu’une instance de A contient le comportement décrit dans B, le cas d’utilisation A ne peut
pas être utilisé seul.
• Relation extend
Une relation d’extension d’un cas d’utilisation A par rapport à un cas d’utilisation B,
signifie qu’une instance de A peut être étendue par le comportement décrit dans B.
Les diagrammes des cas d’utilisation de notre système pour chaque acteur sont :
Contacter la Envoyer un
« include » compagnie message
« Extend
Choisir
un vol
Accéder au « Extend »
site
Rechercher
visiteur Naviguer un vol
«include » dans le site « Extend »
« Extend »
« Extend »
« Extend »
S’informer sur la
disponibilité des S’informer
places dans un vol S’informer sur les tarifs
sur les prix
Authentification
Changer les
Choisir le mode
information client
« Include » de payement
Supprimer
« extend» « Extend » message
Se
déconnecter
Ajouter un
Gérer Client Authentification avion
« Extend »
« Include » Consulter
« extend « extend « Extend » un avion
» » «extend
Gérer les avions
»
« Extend »
Accéder a
l’interface « extend »
Administrate Supprimer
« Extend »
Un avion
Modifier
« extend » un avion
« extend Changer
« Extend » le mot de
passe
Changer les
coordonnées
«extend « Extend »
Gérer F.A.Q
Changer
« Uses »
login
« Extend » « Extend » Consulter
« Extend » un vol
Ajouter Gérer les vols
F.A.Q « Extend »
supprimer
F.A.Q Modifier
Gérer « Extend » « Extend » un vol
destination
« Extend »
« Extend » Supprimer
Ajouter un vol
Ajouter Supprimer un vol
destination destination
Définition du scenario
C’est une succession particulière d’enchainement, s’exécute du début à la fin du cas
d’utilisation. [15]
Chacune des tâches effectuées par un acteur est décrite par un ensemble de scénarios, ces
scénarios sont illustrés dans le tableau ci- dessous
Acteur Taches Scenario
Visiteur T0: naviguer sur le S0 : visualiser les liens et les textes da la page
site d’accueil faire des sélections
T1 : Créer un compte S1: sélectionner un lien « S’inscrire »
client. S2 : remplir le formulaire d’inscription et valider
T2: recherche un vol S3: clique sur le lien « accueil ».
S4 : remplir le formulaire de recherche.
S5 : valider le formulaire en cliquant sur le
bouton « recherche ».
T3 : contacter la S6 : cliqué sur contactez-nous pour accéder a
compagnie l’interface de messagerie
S7: remplir le formulaire
S8 : Valider
T4 :S’informer sur les S9 : Sélectionner tarifs
tarifs S10 : Visualiser les tarifs proposés
T5 :S’informer sur la S11 : sélectionner le vol
disponibilité des S12 : visualiser les places disponibles
places dans un vol
Client Les taches de T0à T5 Les scenarios de S0 à S12 peuvent être effectués
peuvent être par le client
effectuées par le client
T6 : S’authentifie S13: Sélectionner le lien « S’’autentifier »;
S14 : Saisir le login et le mot de passe et valider
T7: Voir messages S15 : Sélectionner le lien « message »;
S16 :consulter ou bien supprimer les massages que
l’administrateur à l’envoie
T8: Faire une S17 : faire le choix vol
réservation S18: compléter le formulaire d’inscription
S19 : confirmer la réservation
T9 : annuler une S20: sélectionner le lien annulé la réservation
réservation S21 : Confirmer l’annulation de la réservation
T10: payer la facture S22 : sélectionner le lien facture
S23 : sélectionner le mode de
Payement et valider
T11 : changer les S24 : sélectionner le lien changer mes coordonnées
informations client S25 : effectuer les modifications et valider
Description :
L’icône :
• Les objets entités : ce sont des objets d’écrits dans un cas d’utilisation mais qui lui
survivrons.
L’icône :
• Les objets contrôlent : ils représentent le processus, c’est à dire les activités systèmes
tel que un calcul ou une recherche, ils dirigent les objets entité et interface
L’icône :
Atteint
1 Si l’authentification est
erroné alors afficher
Affiche
2 page d’erreur
3 Saisir
Si l’authentification
Vérifier est correct alors
Construit atteindre page
administrateur
Afficher
Obtient
Construit
Afficher
5
Formulaire Recherche
Client Page de Vol Pages des vols
d’accueil
recherche
Atteindre
1
Afficher
2
Sélectionner
3
Renvoye
Sélectionner
Atteindre Chercher
4
dans la
BD
Obtenir
Construire
Renvoyer
5
Page Page de Contrôler Page d’erreur Interface Ajouter Passager Réservatio Interface
Client d’accueil recherche réservation réservation
n
1
Afficher
2
Sélectionner
Si vol non
3 Atteindre existant alors
afficher message
Afficher
Chercher
Remplir dans la BD
Si vol existant
alors passer à la
réservation
Construire
Renvoyer
4
Accéder
Renvoyer
Remplir
Atteindre
5
Ajouter
Ajouter
Afficher Atteindre
6
Figure 3.06Diagramme de séquence pour faire une réservation
Page d’accueil
Client Page de Vérifier Page d’erreur Page de Annuler Page résultat
réservation confirmation
Atteint
Affiche Si la réservation
n’existe pas alors
Sélectionner afficher page
1 d’erreur
Atteindre
Afficher Si la réservation
2 Vérifier existe alors atteindre
Rempli dans BDD page de confirmation
3
Renvoyer
Atteindr
Renvoy
Confirmer
4 Atteindre
Renvoyer Construir
5
Administrateur
Page
d’authentificatio
No Oui
Accepter
Refuser
Vérificatio
Client
Formulaire de
recherche
Soumettre
Recherche
l’existence des
vols
Non Oui
Recherche
Page de résultat
pour cette
Commende réservation
Formulaire de recherche
des vols vides
Message
d’erreur Formulaire de recherche
des vols remplie
Formulaire d’enregistrement
du passager vide
Formulaire d’enregistrement
du passager remplie
Réservation
Formulaire de
confirmation
Non
Oui
Enregistrer
Client
Enregistrer
réservation
Valider la
réservation
Client
Demande de l’annulation
Formulaire d’annulation
vide
Renvoie Renvoie
Formulaire d’annulation
rempli
Non Oui
Critère d’annulation Critère d’annulation
de réservation non de réservation
existant existant
Recherche
Page de
confirmation
Non
Oui
Annuler
réservation
Page de
résultat
Rechercher vol
1 Atteindre
2 Afficher
3 Sélectionner
Atteindre
4 Renvoyer
Construire
Interroger
la BDD
Obtenir
Consulter
Renvoyer
5
Atteindre
1
Si l’utilisateur n’est
Afficher
pas confirmé
2
Remplir
3 Atteindre Si l’utilisateur
Interroger
la BDD est confirmé
Construire
Envoyer
. Obtenir
Envoyer
4
Atteint
1
Si le vol non existant
Affiche
2 alors afficher
message d’erreur
3 Sélectionne Interroger
Atteindre
la BDD
Si le vol existant
alors passer à la
réservation
Obtenir
Renvoyer
4
Obtenir
Renvoyer
Remplir
Ajouter
5
Ajouter
Construire
6 Afficher
Formulaire
Page
de recherche Rechercher
d’accueil
dans la BDD
«Link» «Link»
« Redirect »
Redirect»
«Build»
Page Afficher
correspondant résultat
« Server page »
« Client page»
Page principale du
Page d’accueil vol
« Link »
Vol
« Redirect »
SS
Page vol « Link » Formulaire « Submit »
de Vérifier
réservation
« Link »
« Link »
Message Formulaire
d’erreur Enregistrer Réservation
inscription
« Link » « Link » réservation
« Link »
« Redirect »
« Build »
« Submit »
Enregistrer Page
client confirmation
Client
Verifier information ()
« Form » « Submit»
Formulaire inscription
« Link »
« input »nom « server page »
« input »prenom Enregistrer
« Input »e-mail réservation Réservation
« Submit »envoyé
« Build »
Enregistrer resev ()
« Client
« Submit» page »
« Link »
Page
« client page » confirmation
Message erreur « server page »
« Rederect » Enregistrer client
Enregistrer client
Client ()
Submit
Formulaire Submit Page
Message Contrôle
administrateur d’authentification d’authentification d’erreur
Build
Espace
Administrateur
Build
Administrateur
Build
«Administrateur- « Administrateur-
page » page »
Catégorie
Réservation Num_cat
Nom_cat
Num_res Red
Client Date_ reser
Num_clt 1 Cls_res
Nom_clt 1..* Etat_res Code_vol
1 1 1..* Facture
Prenom_clt
Date_nais_clt Num_fac
Adresse_clt 1 1 num_res
Tel_ clt 1
Email_clt montant_paye
Code_pas_clt 1
mode_paye
Mail_clt
pay_emi_pp
1 F .A.Q
1 Num_faq
question
1..* 1..* réponse
1..*
1..*
0..* Administrateur
Message Vol
1
Login
Num_mess Code_vol Mot_de_passe
Montant_eco Avion
civilite_exp
Montant _aff
nom_exp Mat_ avion
Montant_pre 1 1..*
etat_cls_aff Type_av
prenom_exp
etat_cls_eco Nbr_siege_caff
edr_exp etat_cls_pre Nbr_siege_ceco
H_depart 1 1..* Nbr_siege_cpre
e_mail_exp
H_prevu_arri pys_fab
objet_mess Date_dep
contenu_mess
Aéroport
etat_mess 1 1..*
Code_aerop
Nom_aerop
1 1..* Ville_aerop
Pays_aerop
Administrateur
Client
Nom du champ Type de données Description Clef
Num_clt Int(15) Numéros du client primaire
Nom_clt Varchar(30) Nom client
Prenom_clt Varchar(30) Prénom de client
Date_nais_clt Date Date de naissance
Adresse_clt Integer(20) L’adresse de client
Code_pas_clt Integer(8) Le code postal de client
Email_clt Varchar(30) L’email de client
Pys_emi_pp Varchar(30) Pays d’émission le passeport
login Varchar(30) Login de client
Num_tel_cl Integer(12) N°téléphone client
password Varchar(30) Password de client
Réservation
Catégorie
Aéroport d’arriver
Avion
Facture
Conclusion
Dans ce chapitre nous avons développés notre application en suivant une démarche de
modélisation qui est baser sur l’extension UML ,et après qu’on a cité les différents cas
d’utilisation et l’élaboration des diagrammes de séquences et d’activités en phase d’analyse ,et
les diagramme des classe en phase de conception, reste maintenant à mettre en œuvre une
plate forme qui nous permet la réalisation de notre application.
Chapitre 4
Réalisation
4.1 Introduction
Après avoir cité les différentes étapes de conception et d’analyse dans le chapitre
précédent, nous allons présenter dans ce chapitre l’environnement de développement et les
différents logiciels et langages que nous avons utilisés pour réaliser notre application, puis
nous terminerons par la présentation de ses différentes interfaces.
4.3.1.2PHP : est un langage utilisé dans des applications web pour écrire des scripts html le
but premier de ce langage est de permettre aux développeurs web de concevoir rapidement
des sites aux pages dynamiques .c’est un langage exécuté cote serveur, à la différence de
JavaScript et html, donc le code de l’utilisateur n’apparaît pas dans la source de sa page
web, seul les informations qu’il souhaite afficher seront visible par les visiteurs. [18]
4.3.1.3SQL : C’est un langage de manipulation de base de donnée mis en point dans les
annee70 par IBM il permet notamment :
Figure4.1L’interface Dreamweaver
4.3.2.2Easyphp : Easyphp est un logiciel permettant d’émuler un serveur apache sous
windows.il permet de développer des fichiers PHP et installer des bases de données MySQL
en local sur l’ordinateur .ce logiciel est principalement utiliser pour tester un site web
localement avant sa mise en production sur un véritable hébergement internet .il contient des
serveurs web très connus tel que apache, PHP, MySQL, et Phpmyadmin.
4.3.2.3.Macromedia flash :
Macromedia flash est un logiciel pour créer des animation a base des simples images,
comme il permet d’intégrer des vidéos, des sons ,et des effets spéciaux pour enrichir le site et
aboutir à un meilleur résultat .l’interface de macromedia flash est illustrée dans la figure
C’est la première page téléchargée et visualisée par le client ou visiteur dont ces derniers
peuvent naviguer dans le site tel que faire des recherches et consulter des vols, contacter la
compagnie, cette page a un formulaire où le client doit le remplir pour consulter les vols dans
les dates désirés.
Ensuite le client peut visualiser et consulter les vols comme il peut sélectionner un vol puis
cliquer sur « réserver »pour continuer la procédure de réservation ou bien faire une nouvelle
recherche, et aussi dans cette page il y a un lien pour voir les places libres et les tarifs d’un vol
bien précis.
Informa
tion
client
Voyag
e
Tarification
Pour ajouter un nouveau vol l’administrateur clique sur le bouton « ajouter » et la page
d’ajout du vol sera téléchargée.
Quand on clique sur « ajouter », une page a un formulaire d’ajout d’un vol sera affichée où
l’administrateur doit le remplir puits valider.
Conclusion
Dans ce chapitre nous avons fait une description de notre application en présentant les
différentes interfaces de notre site, après que nous avons cité l’environnement de
développement et les techniques de programmation pour implémenter les différentes pages du
site.
Conclusion générale
Conclusion générale
Aujourd’hui les entreprises sont en concurrences pour offrir au client des meilleurs services
sur le net et assurer la sécurité de paiement en ligne, ce qui permet aux entreprises d’atteindre
un marché plus vaste car un grand nombre d’utilisateur d’internet hésite d’effectuer des achats
en ligne pour des raisons des sécurités. Ainsi les moyens de sécurité se tend de jour en jour ce
qui permettra aux entreprise de gagner la confiance des clients et leurs permettre de bénéficier
des avantages du commerce électronique.
L’application sur la quelle nous avons travaillé nous a permet d’acquérir des nouvelles
connaissances et d’approfondir les nôtres, comme elle nous a permet de travailler et de se
familiariser avec un certain nombre des logiciels comme Macromedia Dreamweaver et
langages comme html pour créer des interfaces sans oublier le PHP pour la programmation et
JavaScript pour les contrôles.
Le stage pratique que nous avons effectué nous a permis d’être en contact avec le milieu
professionnel. Comme la confrontation de nos connaissances théoriques avec la réalité du
terrain nous a permis de renforcer notre conviction quant à la pertinence du choix
informatique.
Et en fin nous espérons que le site qu’on a réalisé atteint ses objectifs en permettant à
l’utilisateur d’évaluer avec plus de facilité l’exécution de ses tâches.
Certes l’application reste perfectible mais estimant qu’il constituera une bonne base pour les
promotions suivantes.
Annexe
1 .Modélisation de l’UML
C’est une méthode qui consiste à créer une représentation simplifie d’un problème : le
modèle, grâce à celui-ci il est possible de représenter d’une manière simplifie un problème, un
concept et de le simuler.
La modélisation comporte deux composantes :
-L’analyse : c’est-à-dire l’étude du problème.
-La conception : soit la mise au point d’une solution au problème
3. Extension d’UML
Une extension d’UML comporte une brève introduction, puis la liste des stéréotypes,
étiquettes et contraintes avec leur description. Une extension contient aussi un ensemble de
règles qui garantissent la cohérence sémantique du modèle
L’extension d’UML pour le Web définit un ensemble de stéréotype, d’étiquettes et de
contraintes, qui rend possible la modélisation Web.
• Un stéréotype : est une extension du vocabulaire d’UML, il permet d’associer une
nouvelle signification à un élément du modèle. On représente un stéréotype par une
chaine de caractères entre guillemet (« »).
• Une étiquette : est une extension des propriétés d’un élément, elle permet la description
d’une nouvelle propriété d’un élément du modèle, on la représente par une chaine de
caractères entre chevrons (< >).
• Une contrainte : est une extension de la sémantique d’UML, elle édicte une règle que le
modèle doit vérifier pour être qualifier <de bien forme>, elle est représentée par une
chaine de caractères accolades ({ }).
Icône :
Description : Représente une page Web possédant des scripts qui interagissent avec des
ressources serveur telles que les bases de donnée, ces scripts sont exécuté par le serveur.
Contraintes : Les pages serveur ne peuvent avoir de relation qu’avec des objets sur le
serveur.
Etiquettes : Moteur de script qui peut être un langage ou le moteur qui doit être utilisé pour
exécuter ou interpréter cette page.
• Page client (Client Page) :
Icône :
Description : Une instance d’une page client est une page Web formatée en HTML. Les
pages clients peuvent contenir des scripts interprétés par les navigateurs lorsque celles-ci sont
restituées par ces derniers. Les fonctions des pages clients correspondent aux fonctions des
scripts de la page web.
Contrainte : Aucune.
Étiquette :
Titre (Title) : Titre de la page tel qu’il est affiché par le navigateur.
Base (Base) : URL de base pour déréférencer les URL relatives.
Corps (Body) : ensemble des attributs de la balise <body>, qui définie
Des caractéristiques par défaut du texte et de l’arrière-plan.
• Formulaire :
Icône :
Description : Une classe stéréotypée « form »est un ensemble de champs de saisie faisant
partie d’une page client. A une classe formulaire correspond une balise HTML <form>, les
attributs de cette classe correspondent aux éléments de saisie d’un formulaire HTML (zone de
saisie, zone de texte, boutons d’option.).
Un formulaire n’a pas d’opérations, puisqu’il peut les encapsuler. Toute opération qui
interagit avec le formulaire appartient à la page qui la contient.
Contraintes : Aucune.
Etiquettes : GET ou POST sont deux Méthodes utilisées pour soumettre les données à
l’URL de l’attribut action de la balise HTML <form>.
• Structure de cadre (frameset) :
Icône :
Description : Une structure de cadres est un conteneur de plusieurs pages Web. La zone
d’affichage rectangulaire est devisée en cadres rectangulaires inscrits. A chaque cadre peut
être associé un nom unique de cible « Target ».
Le contenu d’un cadre peut être une page Web ou une structure de cadre.
Une classe stéréotypée « frameset » est directement associé à une structure de cadre de page
Web par la balise HTML < frameset >.
Une structure de cadre est une page client qui peut posséder des opérations et des attributs.
Contraintes : Aucune
Étiquette :
Rangées (rows) : valeur de l’attribut rows de la balise HTML <frameset>. C’est une
chaîne de pourcentages séparés par des virgules, définissant les hauteurs relatives des cadres.
Colonnes (cols) : valeur de l’attribut cols de la balise HTML <frameset>. C’est une chaîne
de pourcentages séparés par des virgules, définissant les largeurs des cadres.
• Cible « Target » :
Icône :
Description :
Une cible est une zone nommée dans la fenêtre du navigateur dans laquelle des pages Web
peuvent être affichées. Le nom de la classe stéréotypée est celui de la cible. Habituellement,
une cible est le cadre d’une structure de cadre définie dans une fenêtre ; cependant, une cible
peut être une toute nouvelle instance de navigateur : une fenêtre. Une association « targeted
Link » spécifie la cible où une page Web doit être affichée.
Contraintes : Pour chaque client du système le nom de la cible doit être unique. Par
conséquent sur un même client, il ne peut exister qu’une seule instance d’une même cible.
Etiquettes : Aucune.
• Objet Java Script « Java oscript Object »
Icône : Aucune.
Description : Sur un navigateur compatible Java Script, il est possible de simuler des objets
personnalisés à l’aide de fonctions Java Script. Les objets Java Script ne peuvent exister que
dans le contexte de pages client.
Contraintes : Aucune.
Etiquettes : Aucune.
F(){
Icône :
Description : Un Objet ScriptClient est un ensemble qui regroupe des scripts client
particuliers dans un fichier. Lequel est inclus dans une requête distincte du navigateur client.
Ces objets regroupent souvent des lots de fonctions couramment utilisées au travers d’une
application ou d’une entreprise.
Contraintes : Aucune.
Etiquettes : Aucune.
3.1.2. Association
• Lien « Link »
« Link »
Icône :
Description : Un lien est un pointeur d’une page client vers une autre page. Dans un
diagramme de classes, un lien est une association entre une page client et une autre page client
ou une page serveur. A un lien correspond une balise ancre HTML.
Contraintes : Aucune.
Etiquettes : Paramètres (paramètres) : liste de noms de paramètres qui doivent être passés
avec la demande de la page liée.
• Lien cible « targeted link »:
« Target »
Icône :
Description : Similaire à une association lien. Un lien cible est un lien dont la page associée
est affichée dans une cible. A un lien cible correspond une balise ancre HTML, dont l’attribut
Target prend la valeur de la cible.
Contraintes : Aucune.
Étiquette :
Paramètres (Paramètres) : liste de noms de paramètres qui doivent être passés avec la
demande de la page liée.
Nom de la cible (Target Name) : nom de la cible ou la page vers laquelle pointe le lien qui
doit être affichée.
• Contenu de cadre « frame content »
Icône : Aucune.
Description : Une association contenue de cadre est une association d’agrégation qui traduit
l’appartenance d’une page ou d’une cible à un cadre.
Une association contenue de cadre peut aussi pointer vers une structure de cadre,
aboutissant dans ce cas, à des cadres imbriqués.
Contraintes : Aucune.
Étiquette :
Rangée (Row) : entier qui indique la rangée du cadre dans la structure de cadre auquel
appartient la page, ou la cible associée.
Colonne (Col) : entier qui indique la colonne du cadre dans la structure de cadre auquel
appartient la page, ou la cible associée.
• Soumet « Submit »
Icône : Aucune.
Description : Submit est une association qui se trouve toujours entre un formulaire et une
page serveur. Les formulaires soumettent les valeurs de leurs champs au serveur, par
l’intermédiaire de pages serveur, pour qu’il les traite. Le serveur Web traite la page serveur,
qui accepte et utilise les informations du formulaire.
Contraintes : Aucune.
Étiquette :
Paramètres (parameters) : une liste de noms de paramètres qui doivent être passés avec
la demande de la page liée.
• Construit « Build »
Icône : Aucune.
Description : La relation « Build » est une relation particulière qui fait le pont entre les pages
client et les pages serveur. L’association « Build » identifie quelle page serveur est
responsable de la création d’une page client. C’est une relation orientée, puisque la page client
n’à pas connaissance de la page qui est à l’origine de sont existence.
Une page serveur peut construire plusieurs pages client, en revanche, une page client ne
peut être construite que par une seule page serveur.
Contraintes : Aucune.
Etiquettes : Aucune.
• Redirige « redirect »
Icône : Aucune
Description : Une relation « redirect », est une association unidirectionnelle avec une autre
page web, peut être dirigée à partir d’une page client ou serveur ou vers une page client ou
serveur.
Contraintes : Aucune.
Étiquette :
Délai (Delay) : délai que doit observer une page client avant de rediriger vers la page
destination. Cette valeur correspond à l’attribut Content de la balise <META>
• IIOP (Internet Inter-ORB Protocol)
Description : IIOP est un type spécial de relation entre objets sur le client et objets sur le
serveur. IIOP est un mécanisme de communication client/serveur différent de HTTP. On
pourra trouver ce type de relation entre des JavaBeans sur le client et des EJB (Entreprise
JavaBeans) sur le serveur.
Icône : Aucune.
Contraintes : Aucune.
Etiquettes : Aucune.
• RMI (Remote Method Invocation)
Icône : Aucune.
Description : RMI est un mécanisme qui permet à des applets Java, ou à des JavaBeans,
d’envoyer des messages à des JavaBeans situés sur d’autres machines.
On pourra trouver ce type de relation entre des JavaBeans, ou des applets, sur le client
et des EJB (Entreprise JavaBeans) sur le serveur.
Contraintes : Aucune.
Etiquettes : Aucune.
3.1.3. Attribut
• Elément de saisie « input element »
Icône : Aucune.
Description : Un élément de saisie correspond à la balise <input> d’un formulaire HTML.
Les étiquettes associées à cet attribut stéréotypé, correspondent aux attributs de la balise
<input>.
Les attributs obligatoires de la balise HTML <input> sont renseignés de la manière
suivante : l’attribut Name prend la valeur du nom de l’élément de saisie et l’attribut value
prend celle de sa valeur initiale.
Contraintes : Aucune.
Etiquettes
Type (Type) : Le type de l’élément de saisie : texte, numérique, mot de passe, case à
cocher, bouton d’option, bouton SUBMIT ou bouton RESET.
Taille (size) : définit la largeur visible allouée à l’écran en caractères.
Longueur Max (Maxlength) : nombre maximal de caractères que peut saisir
l’utilisateur.
Description : Un composant page est une page web. Il peut être requis d’après son nom par
un navigateur. Un composant page peut contenir des scripts client ou serveur.
Le plus souvent, le composant page est un fichier texte accessible au serveur Web, mais
il peut également être un module compilé, chargé et exécuté par le serveur web. Dans les deux
cas, le serveur Web produit, à partir du composant page, un document au format HTML, qui
est renvoyé en réponse à la requête du navigateur.
Contraintes : Aucune
Étiquette :
Chemin (path) : chemin requis pour spécifier la page Web sur le serveur web. Cette
valeur doit être relative au répertoire racine du site de l’application web.
• Page ASP « ASP page »
Icône
<%
%>
Description : Une page ASP est une page Web qui implémente du code ASP coté serveur. Ce
stéréotype n’est pertinent que dans un environnement d’application basé sur les ASP (Active
Server Page) de Microsoft.
Contraintes : Aucune.
Etiquettes : Identique à celles de la page web.
• Page JSP « JSP page »
Icône :
<%
Description : Une page JSP est une page Web qui implémente du code JSP coté serveur. Ce
stéréotype n’est pertinent que dans un environnement d’application basé sur les JSP (Java
Server Pages).
Contraintes : Aucune.
Etiquettes : Identique à celles de la page web.
• Servlet « Servlet »
Icône :
Description : Une servlet est un composant Java. Ce stéréotype n’est pertinent que dans un
environnement d’application compatible avec les servlets de Sun.
Contraintes : Aucune.
Etiquettes : Identique à celles de la page web.
• Bibliothèque de scripts « script Library »
Icône :
Description : Une bibliothèque de scripts est un composant qui propose un ensemble des
sous-routines. Ou de fonctions, pouvant être inclus à d’autres composants pages web.
Contraintes : Aucune.
Etiquettes : Identique à celles de la page web.
[9 ]: mémoire conception et réalisation d’une application web dynamique pour la vente des
véhicule et pièces de rechange cas : « concessionnaire Select Auto » réalisé par : Samia
Zitoun et Samia mammar Année : 2008/2009:
[10] :www.bastien.smeuh.org
[11] :www.ccim.bc/ccim328/xml/
[ 14]: fichier PDF vers une méthode centré acteur pour la conception des applications web de
Raoudha Ben Djemaa, Mouhamed Djemail, Abd El Madjid Hamdou
[15] : le guide d’utilisateur UML auteur : Grady Booch, James Runbangh, Ivar Jacobson
[16] :www.ratiatum.com
[17] : mémoire conception et réalisation d’une application web pour l’Electro-Industrie anneé
2008
[18] :www.damien.faucillon.free.fr/tutorial/phpdef.htm
[1 9] :www.ccim.be/ccim328/js