Académique Documents
Professionnel Documents
Culture Documents
2013/2014
Remerciements
Avant tout, nous remercions Dieu qui nous a donné la foi, la santé, le
courage et la volonté pour terminer ce modeste travail.
Un grand Merci aux membres du jury pour l’honneur qu’ils nous ont
fait d’évaluer et de juger notre travail.
Nos sincères sentiments s’adressent à nos familles et amis (es) pour leurs
soutiens et leurs encouragements.
Enfin, nos remerciements à tous ceux qui, de près ou de loin, nous ont
aidés à l’aboutissement de cette quête.
Dédicaces
Je dédie ce travail à :
Ma Famille
&
Sabrina
Je dédie ce travail :
A mon père
Et
A mes amis ;
Samira
Sommaire
Introduction générale ...................................................................................................01
Introduction...................................................................................................................02
Conclusion ...................................................................................................................11
Introduction ..................................................................................................................12
I. Internet ..................................................................................................................... 12
II. Le web......................................................................................................................19
Conclusion ...................................................................................................................36
Introduction...................................................................................................................37
Conclusion ...............................................................................................................................….81
Chapitre IV : Réalisation
Introduction .................................................................................................................................82
II.1.2. JavaScript.......................................................................................................................….83
Sommaire
II.1.3. CSS ...............................................................................................................................….83
Conclusion .............................................................................................................................….93
Annexe .....................................................................................................................................….95
Bibliographie
Liste des figures
La communication
Figure II.1:Architecture client/serveur .....................................................................................16
Figure II.2 : l’architecture à 2 niveaux. ....................................................................................17
Figure II.3: l’architecture à 3 niveaux.......................................................................................18
Figure III. 15. Diagramme de séquence du cas d’utilisation « inscription utilisateur .............63
Il ne fait désormais plus aucun doute que l’informatique représente la révolution la plus
importante qui a marqué la vie de l’humanité en ce siècle passé, jusqu’à nos jours.
En effet, l’informatique vient nous apporter de multiples conforts à notre mode de vie. Cette
technologie touche tous les domaines d’activités et apporte tant de services aussi bien pour
l’entreprise ou l’administration que pour le personnel.
Au cours de ces dernières années, les nouvelles technologies de l’information et de
La communication ont connu un bouleversement marqué par l’apparition de l’Internet et par
sa croissance exponentielle.
Ces années ont aussi été marquées par l’entrée en scène de World Wide Web (WWW), l’une
des applications qui a popularisé Internet, et qui a fait exploser le nombre de ses utilisateurs.
Par conséquent, le web suscite l’intérêt de la majorité des organisations qui se doivent
d’enrichir leur présentation via des sites web.
L’université est un lieu catalyseur d’interactions sociales, d’échange d’informations et
de coproduction du savoir, or ce sont précisément les activités qui caractérisent les réseaux
sociaux. Les travaux exposés dans notre mémoire consistent à la conception et la réalisation
d’un site web social et collaboratif pour le département informatique de l’UMMTO. Outre un
rôle de présentation du département, ce site offrira un ensemble de services à la communauté
universitaire dont :
Page 1
Chapitre I L’organisme d’accueil
Introduction
L’une des missions principales de l’université est de contribuer au développement du capital
humain et de diffuser le savoir. Pour y arriver, elle doit se prévaloir de la diversité de son offre de
formation en équilibre avec les besoins des divers secteurs de la vie économique et du
développement technologique.
I. Définition de l’université
Une université est un établissement qui fédère en son sein la production, la conservation et la
transmission de différents domaines de la connaissance. Le mot université vient du latin, il désigne
à l'origine la corporation des enseignants et des étudiants d'une même ville. [1] Les universités
sont aujourd'hui divisées en départements académiques, écoles ou facultés, qui sont centrées sur la
seule transmission d'un domaine bien défini de la connaissance. L'université est sans doute le lieu
où l'étudiant se spécialise dans un champ du savoir.
L'université de Tizi-Ouzou est créée en 1977 sous forme de Centre universitaire rattaché à
l'université d'Alger. En 1989 le C.U.T.O devient une université à part entière .Quelques 490
étudiants y firent leur entrée en 1977 mais ce nombre ne cesse de croitre année après année pour
atteindre en 2009 quelques 42 000 étudiants.
Page 2
Chapitre I L’organisme d’accueil
Département d'Architecture
Département d'Électronique
Département des Langues Étrangères
Département des Sciences Exactes
Département de Génie Mécanique
En 1991, les quatre premiers départements cités deviennent des instituts. Quant au cinquième, il
n'est érigé en institut qu'en 1995.
En 1990, le département des Langues et Culture Amazigh a vu le jour par arrêté ministériel.
L'université compte actuellement 9 facultés réparties sur plusieurs sites notamment Boukhalfa
(faculté de Droit et Résidences), Hasnaoua, Bastos (Technologie + Résidences), Tamda (Sciences
Humaines et Résidences)...
L’université est dotée d’organes centralisés et d’organes décentralisés prévus par le statut type
de l’université.
Page 3
Chapitre I L’organisme d’accueil
Le conseil d’orientation
Est composé de tous les représentants des ministères, des doyens de facultés, du secrétaire
général de l’université, du responsable de la bibliothèque universitaire et des représentants des
trois composantes de l’université « les enseignants, les travailleurs et les étudiants ».
Est composé du recteur de l’université, des vices recteur, des doyens de facultés, des
présidents des conseils scientifiques des facultés ; un représentant élu des enseignants par faculté,
le secrétaire général de l’université et le responsable de la bibliothèque universitaire.
Le rectorat
Il est placé sous l’autorité du recteur, il comprend quatre vices rectorats et le secrétariat général.
*Le doyen est responsable du fonctionnement de la faculté et assure la gestion de ses moyens
humains, financiers et matériels.
*Il est assisté dans ses tâches par le vice-doyen chargé des études et des questions liées aux
étudiants, le vice-doyen chargé de la post graduation, de la recherche scientifique et des relations
extérieures, le secrétaire général de la faculté, les chefs de départements et le responsable de la
bibliothèque de faculté.
Remarque :
La structure organisationnelle des différentes facultés est la même, pour tout les facultés
Page 4
Chapitre I L’organisme d’accueil
Page 5
Chapitre I L’organisme d’accueil
Chef
département
Le département d’informatique est l’un des départements géré par la faculté de génie
électrique et informatique de l’UMMTO sous la direction d’un doyen, et par un chef de
département, assisté par d’autres responsables chacun d’eux avec ses propres fonctions par rapport
à son service.
*Le département est chargé d’assurer la programmation, la réalisation, l’évaluation et le contrôle
des activités d’enseignement et de recherche dans son domaine de formation.
*Il est assisté par le chef de département adjoint chargé de la scolarité et des enseignements de
graduation et le chef de département adjoint chargé de la post-graduation et de la recherche
scientifique.
Page 6
Chapitre I L’organisme d’accueil
* de préparer le planning des activités pédagogiques et d’assurer leur répartition entre les
enseignants.
- les emplois du temps des différents enseignements dispensés et l’utilisation des locaux
d’enseignement,
- les activités pédagogiques du personnel enseignant et l’élaboration des documents et
supports pédagogiques,
- la mise en place des comités pédagogiques et le suivi de leurs activités : déroulement des
études et programmes pédagogiques, assiduité des étudiants et des enseignants,…
- l’organisation et le bon déroulement des différentes épreuves d’évaluation des étudiants,
- la préparation des procès-verbaux de délibérations, la tenue et le fonctionnement des jurys
de délibérations.
III.2.les services :
Page 7
Chapitre I L’organisme d’accueil
1. Un cursus
Est un programme universitaire débouchant sur un diplôme. Il montre l’ensemble des
enseignements suivis par un étudiant de sa première inscription administrative à la délivrance du
diplôme.
2. Formations
Le département reçoit des étudiants, ayant passé avec succès les deux semestres du domaine
mathématique et informatique et après étude des fiches de vœux et sur la base des places
pédagogiques disponibles, dans les licences et Masters.
Page 8
Chapitre I L’organisme d’accueil
a) Licence
La formation de licence s’étale sur trois années : Licence 1ère année, Licence 2ème année
et Licence 3ème année (L1, L2 et L3).
Chaque année universitaire pédagogique est composé de deux semestres S1 et S2. Chacun est
composé d’un certain nombre de modules.
Le département assure deux spécialités en licence :
Licence Informatique
Licence Informatique et Multimédia
b) Master
La poursuite des études au cycle de master n’est autorisée que pour les étudiants ayant eu un
bon classement au premier cycle. Cette seconde formation est composée de trois semestres
d’études théoriques clôturée par un projet de mémoire de fin de cycle.
Chaque année est composé de 2 semestres :
Pour les années de la licence l’évaluation est annuelle, pour le master l’évaluation est semestrielle.
Le département assure plusieurs spécialités en Master :
Master Conduite de Projets Informatiques
Master Réseaux Mobilités et Systèmes Embarqués
Master Systèmes Informatiques
Master Ingénierie des Systèmes d’Information (Professionnelle)
c) Doctorat
En fin le diplôme de doctorat est assuré pour les candidats de master ayant subit un concours au niveau
national.
Page 9
Chapitre I L’organisme d’accueil
5. Matières enseignées
Une matière (module) est dotée d’un crédit matière et lui est affecté un coefficient matière. À
chaque matière correspond un examen final et/ou contrôle continu. Ce dernier peut être évalué par
des notes de TD, TP, exposé, séminaire, projet ou toute autre forme arrêtée par l’équipe
pédagogique. L’examen final et le contrôle continu sont pondérés par des coefficients
Généralement, en cas de résultat insuffisant, l’étudiant est admis à une deuxième session organisée
en fin de semestre ou en fin d’année universitaire.
En fonction du mode de calcul du rattrapage avec ou sans le contrôle continu, la moyenne de la
matière est recalculée, le résultat le plus favorable est retenu pour l’étudiant.
Ces informations seront utiles pour la réalisation de notre projet. Le chapitre suivant fait l’objet
d’une étude générale sur l’internet et le web.
Page 10
Chapitre II Les nouvelles technologies de l’information et de la communication
Introduction
Une véritable révolution s'est produite dans le monde de l'informatique; c’est l'explosion
d'Internet plus particulièrement la fondation sur laquelle elle est construite : le Web, considéré
comme outil de communication, de recherche/publication d'information, et de création de
nouveaux services.
Ce chapitre présente d’abord une introduction à Internet en général et au web en particulier, il
définit aussi les sites web et leurs caractéristiques, puis présente des généralités sur les réseaux
sociaux.
I. Internet
I.2.Histoire de l’internet
Internet remonte au développement du réseau Arpanet (de l'Advanced Research Projects
Agency, liée à la défense américaine), créé en 1968 par le département américain de la Défense,
dans un but stratégique, pour relier ses centres de recherche.
L'objectif était de faire fonctionner un réseau censé résister à une attaque nucléaire et à des
sabotages, en palliant à la centralisation excessive des infrastructures existantes.
Le réseau initialement ne permettait que l'échange de textes, ce qu'on appelle le courrier
électronique. Ce réseau a été développé et étendu par des universitaires à la fin des années 70.
En 1977, Internet devient réalité car le TCP/IP est effectivement utilisé pour relier divers réseaux à
Arpanet.
Page 11
Chapitre II Les nouvelles technologies de l’information et de la communication
Dans les années 1990 sa popularisation passa par l'apparition du World Wide Web. L'Internet tel
que nous le connaissons était né ! Il est maintenant le plus grand réseau du monde, regroupant des
gens de tous les pays.
L’internet offre de nombreux services à ses usagers. Parmi ces services nous citons :
FTP (File Transfert Protocol) permet de transférer un ou des fichiers d'une machine à une
autre. FTP est donc un utilitaire permettant de consulter sur un autre ordinateur son ensemble de
fichiers et de pouvoir aller copier ou chercher certains fichiers.
Alors que FTP ne permet que la récupération brute de fichiers, Archie est l'outil permettant de
trouver les fichiers intéressants sur tous les sites FTP du domaine public en utilisant une recherche
par mots-clés sur les noms de fichiers.
Page 12
Chapitre II Les nouvelles technologies de l’information et de la communication
diverses que texte, image, son, connexion sur un autre site, ou bien encore la consultation par mot-
clé de bases indexées.
Wais peut être considéré comme l’ancêtre des moteurs de recherche. Il permet de naviguer à
travers les bases de données disponibles sur le réseau internet en posant des questions en langage
naturel (il s’agit en fait d’une recherche sur les mots clés que représente la question). En retour il
obtiendra les descriptions des documents susceptibles de répondre à sa question.
Pour créer un serveur Wais, il suffit de regrouper les fichiers d’information dont on souhaite
autoriser l’accès et de créer un index sur ces fichiers.
Messagerie électronique
C'est un outil très puissant qui permet d’envoyer du texte, auquel peuvent être attachés des
fichiers quelconques (images, sons, vidéo…), à toute personne ayant accès au réseau, par le biais
de son adresse électronique.
Cette application fonctionne, par définition en mode non connecté : le courrier est déposé dans une
« boite aux lettres » que le destinataire viendra consulter à loisir.
Un forum ou groupe de discussion est une technique d’échange de messages entre groupes
d’individus. Les membres d’un forum sont en général regroupés par thématique. Quand on adresse
un message à un forum, celui-ci est lisible par tous ses membres contrairement au mail où la
discussion est réalisée de 1 à 1, de l'émetteur vers le destinataire.
IRC, abréviation de Internet Relay Chat (en français, « discussion relayée par Internet »), est
un protocole de communication textuelle sur Internet. Il sert à la communication instantanée
principalement sous la forme de discussions en groupe par l’intermédiaire des canaux de
discussion, mais peut aussi être utilisé pour de la communication de un à un. Il peut par ailleurs
Page 13
Chapitre II Les nouvelles technologies de l’information et de la communication
être utilisé pour faire du transfert de fichier. IRC est différent de la messagerie instantanée, celle-ci
étant plus dédiée aux communications de un à un.
La messagerie instantanée
La messagerie instantanée est une forme de chat particulière ou l'on discute à deux.
Liste de diffusion
C’est une utilisation spécifique du courrier électronique qui permet l’échange des e-mails entre
un groupe d'utilisateurs possédant une adresse courriel et inscrits à cette liste.
Tout message envoyé à la liste par un abonné est automatiquement reçu par chacun des autres
abonnés. On s'abonne à une liste de diffusion pour se tenir au courant d'un sujet en particulier et
pour participer à des échanges sur ce sujet.
C’est le service de consultation de documents sur Internet, le plus connu, le plus récent et
aujourd’hui le plus utilisé. C'est Le service d'Internet qui a contribué le plus à sa popularité.
Les services internet sont conçus selon une architecture client/serveur. L’architecture
client/serveur définit un style de fonctionnement coopératif entre un serveur et un client.
Un serveur est un ordinateur ou un programme informatique connecté en permanence, qui met
à disposition des services pouvant être utilisés simultanément par plusieurs utilisateurs (i.e.
plusieurs ordinateurs connectés en réseau).
Le client est l'ordinateur ou le programme qui utilise des services fournis par le serveur.
Chaque application client/serveur fonctionne suivant le même processus:
Le client commence la transaction en envoyant une requête au serveur, contenant son adresse
et un port, qui désigne un service particulier du serveur. Le serveur accepte les requêtes, les traite
soit en utilisant ses propres ressources (architecture 1tiers –figure II.1), soit en faisant des
requêtes vers d'autres serveurs additionnels (architecture n-tiers – figure II. 2 ; figure II.3).
Le serveur renvoie le résultat au demandeur et lorsque la requête est accomplie, la transaction se
termine.
Page 14
Chapitre II Les nouvelles technologies de l’information et de la communication
Page 15
Chapitre II Les nouvelles technologies de l’information et de la communication
CLIENT SERVEUR
PRÉSENTATION MOTEUR
SGBD
2. envoi de la requête
1 .requête
Select Nom, Adresse From
utilisateur
Client where Numclient=2541
DONNÉES
TRAITEMENT
L’architecture 3-tiers différencie les couches présentation, métier et accès aux données.
Chaque couche peut être implémentée sur un ou des serveurs indépendants, ou se trouver sur un
même serveur. La couche présentation (IHM : Interface Homme Machine) gère les interactions
entre l’utilisateur et l’application. La couche métier contient les traitements représentant les règles
métier à effectuer sur les données. La couche d’accès aux données permet de gérer les données
d’une application à l’aide de systèmes de gestion de bases de données.
Page 16
Chapitre II Les nouvelles technologies de l’information et de la communication
Page 17
Chapitre II Les nouvelles technologies de l’information et de la communication
L’architecture à deux niveaux est donc une architecture client/serveur dans laquelle le serveur
est polyvalent, c’est-à-dire qu’il est capable de fournir directement l’ensemble des ressources
demandées par le client
Dans l’architecture à trois niveaux par contre, les applications au niveau du serveur sont
délocalisées, c’est-à-dire que chaque serveur est spécialisé dans une tâche (serveur web / serveur
de base de données par exemple). L’architecture à trois niveaux permet :
- Une plus grande flexibilité/souplesse.
- Une sécurité accrue car la sécurité peut être définie indépendamment pour chaque service, et à
chaque niveau.
- De meilleures performances, étant données le partage des tâches entre les différents serveurs.
II. Le web
Le Web a été inventé plusieurs années après Internet, mais c’est lui qui a contribué à
l'explosion de l'utilisation d'Internet par le grand public, grâce à sa facilité d'emploi. Depuis, le
Web est fréquemment confondu avec Internet alors qu’il n'est en réalité qu'un de ses services.
Page 18
Chapitre II Les nouvelles technologies de l’information et de la communication
Le concept du World Wide Web a été créé à partir de 1989 au CERN (Centre Européen de
Recherches Nucléaires) par Tim Berners-Lee, puis développé par lui même et Robert Cailliau en
1990 dans le but de concevoir un système permettant de naviguer simplement d’un espace à un
autre d’Internet à l’aide de liens hypertextes et grâce à un navigateur.
En 1993, un navigateur Web graphique, nommé Mosaic, reposant sur les principes de la Toile tels
qu’ils ont été formulés par l’équipe du CERN de Tim Berners-Lee, notamment le http est
développé par Eric Bina et Marc Andrsen au NCSA.
NCSA Mosaic jette les bases de l’interface graphique des navigateurs modernes et cause un
accroissement exponentiel de la popularité du Web.
Le Web est caractérisé par une évolution constante du fond et de la forme des pages Web.
Dans sa conception initiale, le web dit web 1.0 comprenait des pages statiques au contenu codé en
HTML qui était rarement mises à jour, voire jamais. Ces pages sont non-interactives et ne
disposent que de peu d'informations.
Une première évolution fut réalisée par des solutions se basant sur un web dynamique appelé
Web 1.5. Ce Web dynamique est généralement basé sur l'association du langage de
programmation PHP et des bases de données MySQL.
Lorsque l'internaute accède au site dynamisé, il fait exécuter sur le serveur le langage PHP qui va
chercher l'information dans la base de données pour la retranscrire dans la page HTML sur le
poste utilisateur.
Le web subi une nouvelle évolution avec l'apparition de nouvelles technologies comme le
langage AJAX qui rend les pages interactives et fluides et le Flux RSS, qui permet de rester
informé des actualités d'une interface Web. C’est l'avènement du Web collaboratif, interactif et
participatif. Ce Web, dit web 2.0, rend l’internaute acteur. Ainsi, il lui est possible sur certains
sites web de modifier, de rajouter ou d'effacer du contenu et d’échanger des informations par des
techniques synchrones comme les messageries instantanées, la téléphonie sur internet, ... ou des
méthodes asynchrones comme les forums, les wikis, les blogs...
Le Web qui est présentement en cours de développement est le Web 3.0. Ce sera l’arrivée du
Web sémantique où les informations ne seraient plus stockées mais “comprises” par les
Page 19
Chapitre II Les nouvelles technologies de l’information et de la communication
ordinateurs afin d’apporter à l’utilisateur ce qu’il cherche vraiment. Le Web sémantique est ce que
l’on pourrait appeler l’avènement d’outils permettant de transformer automatiquement les données
en informations, et les informations en savoir. L’enjeu du web sémantique est donc de réussir à
étiqueter de manière pertinente le contenu disponible sur la toile, pour permettre un accès
intelligent. Le principe repose sur l’intelligence collective des utilisateurs.
Le principe du web repose sur l’exploration d’une myriade de pages web (fichiers HTML)
contenant du texte mis en forme, des images, du son des vidéos…L’exploration est rendue
possible grâce à un logiciel appelé navigateur (Firefox, Internet Explorer, ...) qui offre une
interface d’accès aux différentes informations disponibles sur le web.
Sont liées les unes aux autres par des liens hypertextes (ou hyperliens). En pratique un lien
hypertexte est un simple mot affiché sur un document permettant de passer à un autre
document lorsqu'on clique dessus. Le document lié peut être un fichier à transférer, un son,
une animation ou une page web.
Est ainsi un ensemble logiquement structuré de pages web reliées entre elles et formant un
tout (le site) dédié à une organisation donnée. La création et la mise à jour d'un site peut être
confiée soit à une personne, le webmaster, ou à une entreprise spécialisée, l’agence Web. Pour être
accessible sur internet, un site web doit être hébergé sur un serveur web.
Le site web est habituellement architecturé autour d'une page centrale, appelée «Page
d'accueil» et proposant des liens vers les autres pages du site, et parfois des liens dits externes,
vers des pages étrangères au site Pour rechercher une information sans connaître a priori le site
susceptible de la fournir, il est nécessaire d'utiliser des outils de recherche. Il existe deux types de
système de recherche sur Internet :
Les moteurs de recherche
Les annuaires web
Page 20
Chapitre II Les nouvelles technologies de l’information et de la communication
Un moteur de recherche
Un Annuaire Web
Est un site Internet dont l'objet est le référencement et la classification de sites Web, en
différentes catégories (ou rubriques). L’utilisateur peut alors parcourir l’annuaire rapidement
grâce à un système de sélection de catégories et de sous catégories qui permet d’affiner la
recherche. Bien qu’étant de plus en plus performants, les moteurs et annuaires de recherche
n'indexent pas la totalité des documents présents sur internet. Il existe en effet, une grande masse
d'informations inaccessibles pour les outils de recherche "traditionnels" : c’est le Web Invisible.
Le web invisible comprend des bases, banques de données et bibliothèques en ligne gratuites ou
payantes...
Un système hypertexte est un système contenant des nœuds liés entre eux par des hyperliens
permettant de passer automatiquement d'un nœud à un autre. Un document hypertexte est un
document qui contient des hyperliens et des nœuds. Un nœud est une "unité minimale
d'information", qui signifie simplement que l'information d'un nœud sera toujours présentée
entière. Les liens entre les parties du texte sont gérés par ordinateur et permettent d'accéder à
l’information.
Page 21
Chapitre II Les nouvelles technologies de l’information et de la communication
Une des fonctions les plus puissantes des explorateurs du WEB est leur capacité d’agir
comme interface avec des systèmes de base de données reliée à Internet.
Dans le web les documents peuvent être stockés dans toutes les mémoires reliées au réseau,
cela signifie que les documents qui y sont mémorisés peuvent être distribués dans tout le réseau.
Le langage HTML pour écrire des pages web contenant des hyperliens.
Le protocole de communication HTTP utilisé entre les navigateurs et les serveurs web.
Un document sur le web possède des liens vers d’autres documents et peut lui-même être lié
depuis un autre document. De la même manière qu’une station de travail possède une adresse
unique, un identificateur doit être associé à chaque document.
L’identificateur d’un document sur le web s’appelle une adresse URL (Uniform Ressource
Locator) et possède la structure suivante :
Page 22
Chapitre II Les nouvelles technologies de l’information et de la communication
Le HTML (Hyper Text Markup Language) est un langage permettant de décrire la mise en
page et la forme du contenu d’un document web et d’y inclure des hyperliens.
Une page HTML est ainsi un simple fichier texte doté d'une extension .htm ou html, et dont
l'ensemble des données figurent entre des balises (encore appelés marqueurs ou tags).
L’Hypertexte est un système utilisant le langage HTML, qui autorise la création de liens
hypertextes. Un document hypertexte est donc un document qui contient des hyperliens. Lorsque
les documents ne sont pas uniquement textuels, mais aussi audiovisuels, on peut parler de système
et de documents hypermédias.
II.6.3. HTTP
Web et le serveur sera alors géré avec des contraintes de sécurité. En particulier, les échanges
de données seront cryptés et l'internaute sera généralement identifié. Parmi les protocoles
supportant ces fonctions, on peut citer SSL de Netscape, SHTTP de NCSA, et PCT de Microsoft.
Page 23
Chapitre II Les nouvelles technologies de l’information et de la communication
Le protocole HTTPS est généralement utilisé pour les transactions financières en ligne :
commerce électronique, banque en ligne, courtage en ligne, etc.
Il s’agit de l’ensemble des outils pris en charge par le navigateur. Les technologies côté client
permettent de gérer l'interface utilisateur de chaque page. Lorsqu’une page Web est consultée par
un visiteur, le serveur HTTP se contente de transmettre au client le code source de celle-ci.
C'est ensuite au navigateur du client d'interpréter le code reçu. Parmi les technologies coté client
on cite :
Est un langage de mise en forme qui permet de décrire la présentation d'un document
(positionnement des éléments, l'alignement, les polices de caractères, les couleurs, les marges et
espacements, les bordures, les images de fond, etc.) écrit en HTML ou XML indépendamment de
sa structure.
Est considéré comme l’équivalent du CSS pour XML. C’est un langage qui permet de décrire
la manière dont des documents XML doivent être présentés. Ainsi, là où XML structure le fond
d'un document (i.e. son contenu), XSL structure sa forme.
JavaScript
Page 24
Chapitre II Les nouvelles technologies de l’information et de la communication
Applets java
Une applet est un petit programme java pouvant être intégré dans une page Web et qui réside
sur le serveur. Les applets servent à défiler du texte, présenter des menus, créer des animations,
des formulaires capables de réagir à des informations entrées par l'utilisateur, ou tout autre type
d'effets interactifs sur une même page Web.
Il s’agit de l’ensemble des outils exécutés sur le serveur web. Ces technologies permettent de
générer des pages en langage client : le serveur HTTP fait interpréter le code puis encapsule le
Résultat dans une page HTML qui va être envoyée par Internet au navigateur, qui va pouvoir la
lire. La génération de cette page peut se faire en fonction de paramètres connus du serveur
uniquement. Parmi les technologies coté serveur on cite :
Est une technologie Web initiée par Microsoft en 1996 permettant d'exécuter des scripts côté
serveur et développer des applications Web dynamiques en fournissant un accès simple à des
bases de données. Une page ASP est en fait une page HTML à laquelle une partie de code de
programmation a été ajoutée. Ce code peut être programmé en divers langages de script, tel VB
Script, JScript, Perl Script ou Python.
Est un programme exécuté du côté serveur, permettant de cette façon l'affichage de données
traitées par le serveur (provenant d'une autre application, comme un système de gestion de base de
données, d'où le nom de passerelle). C'est l'usage le plus courant des programmes CGI.
Est une technologie basée sur JAVA permettant la génération de pages web dynamiques.
JSP consiste en une page HTML incluant du code Java (appelées scriptlets Java) qui s'exécutera
sur le serveur.
Page 25
Chapitre II Les nouvelles technologies de l’information et de la communication
Servlet
Cette technologie serveur permet de générer des pages Web dynamiques, dont le contenu, issu
de programmes d'applications sur le serveur, est adapté aux spécifications et aux requêtes
d'utilisateurs particuliers. Tout comme pour les scripts CGI, les servlets Java réalisent la liaison
entre des requêtes clientes et des données ou applications liées à un serveur.
III.1. Définition
Un site web (aussi appelé site internet) est un ensemble cohérent de pages web hyper-liées
entre elles, conçues pour être consultées avec un navigateur Web, publiées par un propriétaire (une
entreprise, une administration, une association, un particulier, etc.) et hébergées sur un ou
plusieurs serveurs Web.
Les sites web peuvent être distingués selon différents critères comme suit :
Page 26
Chapitre II Les nouvelles technologies de l’information et de la communication
Sites publics : ce sont des sites dont les pages peuvent être visitées par tous.
Sites privés : ce sont des sites qui ne donnent accès à aucune page autre que la page
d'accueil, sans une inscription préalable. L’accès à ce type de sites peut être libre
(accessible par tous) ou restreint (accessible par un groupe de personnes spécifique).
Sites gratuits : ce sont des sites qui offrent des services et outils gratuits.
Les Sites catalogues : permettent de présenter les produits d’une entreprise et de les
mettre en valeur.
Les Sites d'information : sont des sites fournissant des informations particulières à des
internautes.
Les Sites institutionnels : sont des sites destinés à décrire l'activité d’une organisation, et
à donner les informations nécessaires aux clients ou aux bénéficiaires.
Les Sites personnels (parfois pages perso) : sont des sites réalisés par des particuliers à
titre de loisir, le plus souvent par passion pour un sujet ou une discipline.
Les Sites communautaires : sont des sites réunissant des internautes autour d'un intérêt
commun.
Les Sites intranet : sont des sites accessibles de l'intérieur d'une entreprise ou d'une
direction, ayant pour objet la mise à disposition et le partage d'informations
professionnelles.
Les Sites vitrine (sites plaquette ou sites identité) : sont des sites dont l'objectif est de
mettre en avant l'image de marque de la société, en présentant par exemple ses produits ou
ses services.
Page 27
Chapitre II Les nouvelles technologies de l’information et de la communication
Sites statiques :
On entend par page statique, non pas une page sans mouvements ou sans animations, mais
une page visible telle qu'elle a été conçue.
Ces pages peuvent présenter toute forme de contenu, animations flash, images, musique,
vidéo…etc. Mais elles sont toujours présentées de la même façon. Elles ne changent pas et c'est en
ce sens qu'elles sont statiques.
Dans un site statique, l’administrateur du site compose les pages Web avec un éditeur
HTML puis ces pages sont stockées sur le serveur web. Celui-ci renvoie ces pages à la demande
au visiteur (client), par la suite ces pages ne pourront être modifiées, par l’administrateur, que via
un éditeur HTML. Le contenu de ces pages est fixe comme un fichier Word, et n’est pas modifié
par le serveur. Le site est donc dit « statique » car son contenu ne change que par intervention
humaine et non pas par des fonctions automatiques opérées par le serveur.
Sites dynamiques
Ce sont des Sites web dont les pages HTML se construisent dynamiquement lors de leur
consultation par un internaute. Les informations sont changeantes car extraites à partir de bases de
données régulièrement mises à jour. La construction de sites dynamiques repose sur des
technologies de scripts telles que PHP, ASP …
L’administrateur du site et le visiteur utilisent le même outil : le navigateur web. Mais les pages
avec les quelles travaille l’administrateur ne sont pas les mêmes que celles que le visiteur voit. De
son coté, le visiteur visualise des pages qui font appel au contenu de la base de données.
Page 28
Chapitre II Les nouvelles technologies de l’information et de la communication
C’est le serveur web qui s’occupe de récupérer le contenu des formulaires que remplit
l’administrateur, et de renvoyer cette information dans les pages vues par le visiteur.
Sites collaboratifs
Un site collaboratif est un site dynamique dont le contenu est librement modifiable en ligne
par tout visiteur, ce qui rend l’utilisateur contributeur.
Le développement de sites collaboratifs repose sur la gestion des forums, des news, des flux
RSS, contenus collaboratif, échanges etc.
La création d'un site web est un projet à part entière comprenant un grand nombre de phases dont :
- La conception
- La réalisation
- L’association d’un nom de domaine
- L’hébergement et la mise en ligne
- Le référencement et la promotion
Dans ce qui suit les principales étapes de la création d’un site web sont définies:
III.3.1. La Conception
La conception d’un site permet de mettre en place un modèle sur lequel on va s'appuyer lors de
l’implémentation. Cette étape doit donner lieu à l'élaboration d'un cahier des charges décrivant
l'ensemble des fonctionnalités prévues pour la réalisation du site web. La conception d'un site
Internet découle ainsi directement de la définition des besoins. L’analyse des besoins du site
concerne alors les points suivants :
Le choix du type de site à réaliser (vitrine, marchand, etc.) : Cela dépend du but du
site.
Le type de contenu qu’il faut intégrer dans le site : Un site web se construit en fonction
de son contenu. Il faut savoir de quels types de documents le concepteur dispose-t-il pour
Page 29
Chapitre II Les nouvelles technologies de l’information et de la communication
alimenter le site. Cela peut être du texte, des images, des animations, de la vidéo ou du
son…
La forme des données : CD-ROM, disquette, papier, photos, etc. Ce qui permet d’estimer
le temps éventuel de numérisation des données.
Déterminer le public du site : Savoir à qui le concepteur s’adresse est primordial pour
définir un certain nombre d’éléments liés à l’aspect graphique et au ton rédactionnel qu’il
convient d’employer.
Une page d’accueil : c’est la première page du site. Cette page renvoie sur les différentes
rubriques contenues dans le site.
La page présentation : servant à présenter le site et son contenu.
La page contact :
Définissant les approches de contact, soit par mail soit par voie postale classique, offertes aux
internautes.
A cette structure du site, est associée une présentation adéquate. La présentation la plus
classique est un bandeau de titre en haut, un menu de navigation à gauche, et un menu de
navigation en bas comprenant le lien de contact.
Page 30
Chapitre II Les nouvelles technologies de l’information et de la communication
est un élément important pour la fréquentation du site et la compréhension de son contenu. Quand
on recherche une Information sur Internet, on obtient une multitude de réponses. Le graphisme
peut être un élément décisif dans le choix de l’internaute.
Le contenu à disposer sur le site doit être complet et prêt à être exploité dans la phase de
Réalisation.
III.3.2. La Réalisation
Après la conception Web vient la réalisation qui est l’étape de concrétisation technique du
projet client. C’est la phase de développement pur, celle où il faut produire le code nécessaire aux
besoins du site. C’est à ce moment que les maquettes graphiques sont transformées en pages
HTML.
Un site web est identifié sur Internet grâce à une adresse web. L’adresse web est généralement
composée de trois parties :
Le service.
La racine c'est-à-dire le nom correspondant au nom de domaine proprement dit.
Le suffixe communément appelé extension (ou nom de domaine).
Les domaines sont répartis en deux grandes catégories : Les domaines de premier niveau
(TLDs pour Top Level Domains) caractérisant une zone géographique (.fr : France, .eu : Europe,
.dz : Algérie, …)
Les domaines de second niveau (sLDs) caractérisant la nature de l'organisation (.com :
commercial, .gov : gouvernementale, .edu : éducation …).
Avant d’attribuer un nom de domaine à un site donné, il est conseillé de vérifier si ce dernier
est réellement disponible. Pour cela, il existe des organismes à même de fournir des informations
sur les noms de domaines disponibles ou non, par exemple :
Page 31
Chapitre II Les nouvelles technologies de l’information et de la communication
Internic : moteur de recherche mondial des noms de domaine. Très utile, notamment pour
les noms de domaines génériques.
Networksolutions: permet de vérifier les noms en .com, .org et .net, dépôt possible mais il
faut posséder une IP primaire et secondaire.
Namedroppers: très bon moteur de noms de domaine. A partir d’un terme donné,
Namedroppets propose tous les noms de domaine contenant ce mot.
Whois.net:
Le plus pratique, il permet de vérifier la disponibilité d'un nom de domaine, voire d'en connaître
le propriétaire. Une fois le nom de domaine choisi, il s’agit de l’enregistrer auprès d’un organisme
compétent, à l’issue de quoi ce nom de domaine peut ensuite être utilisé.
III.3.4. Hébergement
Afin de rendre un site web disponible sur Internet, il est nécessaire de le faire héberger sur un
serveur web. L’hébergement est un service assuré par un fournisseur spécialisé appelé hébergeur
Internet qui met à disposition du site, un espace disque dédié sur un serveur web connecté en
permanence à Internet.
Le référencement est l'ensemble des activités qui permettent à un site web d'apparaître dans les
premières pages des moteurs de recherche lorsqu'un internaute effectue une recherche à partir de
quelques mots clés. Ce service a l'avantage de faire connaître le site aux internautes, d'en accroître
la visibilité et d'en augmenter ainsi le nombre de prospects.
Page 32
Chapitre II Les nouvelles technologies de l’information et de la communication
IV.1 Définition
Le terme désigne un site internet permettant à l’internaute de s’inscrire et d’y créer une carte
d’identité virtuelle appelée le plus souvent « profil ». Le réseau est dit social en ce qu’il permet
d’échanger avec les autres membres inscrits sur le même réseau. On peu partager des messages
publics ou privés, des liens hypertexte, des vidéos, des photos, des jeux.
Dans le cadre d’enseignement supérieur, Un Réseau social est un espace d'échanges sur des
thèmes touchant de près ou de loin aux disciplines enseignées dans l'établissement
Les réseaux sociaux grand public (Facebook, Twitter, …) qui permettent de gérer la
relation de l’institution au grand nombre, en particulier aux étudiants (futurs, actuels et
passés).
Les réseaux sociaux internes qui permettent des collaborations accrues entre acteurs
fédérés par un projet commun.
twitter : il permet d'envoyer de petits messages pour renseigner les autres internautes
de se qui se passe la ou l'on vit (manifestation, grand événement)
Page 33
Chapitre II Les nouvelles technologies de l’information et de la communication
Youtube : Permet de diffuser des vidéos qui seront accessibles à tous ou uniquement à
ses amis
Les forums : ils permettent aux internautes inscrits de discuter de différents sujets aillant
un thème commun sur le net, les sujet sont souvent appelés topics (sujets en anglais).
Les boîtes mail : elles permettent d'envoyer des messages des photos et d'autres
fonctions Qui varient avec les différentes boîtes mail.
Les jeux en lignes : Leurs possibilités sont très variées mais l'objectif habituel est de
faire évoluer un avatar (personnage virtuelle) en combattant d'autre joueurs ou monstres
(ces derniers sont contrôlés par IA, intelligence artificielle)
Les Avantages
Un avantage des réseaux sociaux, c’est qu’ils sont un moyen gratuit et facile de
communiquer avec les autres. On peut communiquer avec des amis ou des membres de la
famille de partout dans le monde presque tout de suite.
En outre, les réseaux sociaux, comme Facebook, sont un bon moyen de rester en contact avec
vos amis anciens et nouveaux. On peut partager ses pensées, photos, vidéos, etc., avec tous leurs
amis avec le clic d’un bouton.
Les réseaux sociaux sont un outil utile pour les entreprises ainsi que les jeunes. Ils
permettent aux entreprises d’avoir un contact direct avec leurs clients. La plupart des
entreprises ont leur propre page facebook ou compte twitter où ils peuvent informer les
clients des nouveaux produits ou des offres spéciales ainsi que de recevoir les
commentaires des clients .Les réseaux sociaux offrent aux entreprises une grande publicité.
Les Inconvénients
Il ya des gens qui ont besoin d’être sur ces sites toutes les heures ou toutes les minutes! Cela
peut créer de graves problèmes pour eux. Beaucoup d’étudiants trouvent qu’il est difficile à
Page 34
Chapitre II Les nouvelles technologies de l’information et de la communication
étudier car ils sont trop distraits par leur Facebook. Souvent, les résultats des examens sont
pauvres à cause de cela. D’autres personnes peuvent prendre du retard au travail parce qu’ils sont
trop occupés avec les réseaux sociaux.
Conclusion
Dans ce chapitre nous avons donné un aperçu de ce qu’est l’Internet, des services qu’il offre
parmi lesquels le web. Nous avons alors détaillé les concepts du web et les technologies associées,
ainsi que la programmation des projets de développement des sites web et puis définit les réseaux
sociaux.
Notre travail dans le cadre de ce mémoire concerne la conception et l’implémentation d’une
application web pour la vie social au sein de département informatique de l’UMMTO.
Le chapitre suivant est dédié à l’analyse et à la conception de ce site.
Page 35
Chapitre III Analyse et conception
Introduction :
Dans notre application, nous procèderons à une modélisation avec l’UML étendu pour le
web, en décrivant les cas d’utilisations qui servent d’outil d’analyse et de la conception du
système, ainsi on élabore les diagrammes de séquence et les diagrammes de classes.
Pour analyser les besoins du système, nous somme poser deux questions : A qui notre
application est elle destinée ? Quel est son objectif ?
L’expression des besoins doit donc proposer ce que le système devrait accomplir, non pas
comment mais quoi. Ce sont l’analyse et la conception qui répondront à la question « comment ?».
UML est un langage de modélisation fondé sur le concept objet. L’objectif d’UML est de
fournir une notation standard utilisable dans le développement des systèmes informatiques basés
sur l’objet.
UML (Unified Modeling Language ou Langage de modélisation unifié) est la notation
standard qui s’est imposée pour la modélisation des systèmes informatiques. Elle est née de la
fusion de trois méthodes qui ont le plus influencé la modélisation objet au milieu des années 90
:l’OMT (Object Modeling Technique) de James Rumbaugh, Booch de Grady Booch, et OOSE
(Object Orient Software Engineering) d’Ivar Jacobson.
Page 36
Chapitre III Analyse et conception
Les diagrammes UML supportent l'abstraction. Leur niveau de détail caractérise le niveau
d'abstraction du modèle. La structure des diagrammes UML et la notation graphique des éléments
de modélisation sont normalisées.
UML propose de décrire un système à l’aide des diagrammes suivant:
Ces diagrammes, d’une utilité variable selon les cas, ne sont pas nécessairement tous produits à
chaque modélisation. Pour le cas de notre application les diagrammes utilisés sont les diagrammes
de cas d’utilisation, de séquence, et de classes.
Diagrammes d'objets : les diagrammes objets représentent les objets et leurs relations
Page 37
Chapitre III Analyse et conception
Ces diagrammes sont utilisés pour modéliser les aspects dynamiques du système.
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 chaîne de caractères
entre guillemets (<< >>).
Page 38
Chapitre III Analyse et conception
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. On la représente par une chaîne 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 qualifié de « bien formé ».Elle est représentée par une chaîne de
caractères entre accolade ({ }).
Le principal élément spécifique des applications Web étant les pages Web : plusieurs
stéréotypes, qui lui sont destinés sont conçus pour des éléments tels que les cadres, les cibles et les
formulaires qui représentent eux aussi des composants architecturalement significatifs dans un
modèle.
Stéréotype :
1. Classe :
Description :
Une page serveur représente une page qui possède des scripts exécutés par le serveur.
Ces scripts interagissent avec des ressources serveur, telles que les bases de données.
Les opérations de l’objet représentent les fonctions dans le script et ses attributs, représentent les
variables qui sont visibles dans la portée de la page (c-à-d accessible par toutes les fonctions de la
page).
Page
Icône :
Serveur
Contraintes : la page serveur ne peut avoir de relation qu’avec les objets sur le serveur.
Enquêtes : moteur de script pouvant être un langage ou le moteur qui doit être utilisé pour
exécuter ou interpréter cette page.
Description :
Une instance d’une page client est une page web formatée en HTML, un mélange de
données, de représentation et même de logique. Les fonctions d’une page client correspondent aux
fonctions des scripts de la page web, quant à ses attributs, ils correspondent aux variables
Page 39
Chapitre III Analyse et conception
déclarées dans les scripts et qui sont accessibles à toutes les fonctions de la page. Les pages clients
peuvent avoir des associations avec d’autres pages client ou serveur.
Icône :
Page
client
Contraintes : aucune
Étiquette :
Titre : titre de la page tel qu’il est affiché dans le navigateur.
Corps : ensemble des attributs de la balise <body> qui définit les caractéristiques par
défaut du texte et de l’arrière plan
Formulaire « form » :
Description :
Une classe stéréotypée « form » est un ensemble de champ de saisie faisant partie d’une
page client. A une classe formulaire correspond une balise HTML « form », ses attributs sont les
éléments de saisie d’un formulaire HTML telles une zone de saisie, une zone de texte, bouton
d’option…..
Un formulaire n’a pas d’opérations : toutes les opérations qui interagissent avec le formulaire
appartiennent à la page qui contient.
Formulaire
Icône :
Contraintes : aucune.
Etiquettes : les méthodes Post et Get pour soumettre les données à L’URL de l’attribut action de
la balise HTML<form>.
Page 40
Chapitre III Analyse et conception
Cible « target » :
Description :
Une cible est une zone nommée dans la fenêtre dans laquelle les pages web peuvent s’afficher.
Le nom de la classe stéréotypée est celui de la cible. Souvent une cible est le cadre défini dans une
fenêtre, mais elle peut être une toute nouvelle instance du navigateur : une nouvelle fenêtre. Une
association « targeted link » spécifie la cible ou une page web doit être affichée.
Contraintes : un nom de cible doit être unique pour chaque client du système. Par conséquent une
seule instance d’une même cible peut exister sur un même client.
2. Association :
Lien « link » :
Description :
Un lien est un pointeur d’une page client vers une autre page. Dans un diagramme de
classe, un lien est une association entre une page client et une page serveur. A un lien correspond
une balise HTML ancre.
Icône :
<<Link>>
Contraintes : aucune.
Etiquettes : paramètres : c’est la liste de noms de paramètres qui doivent être passes avec la
demande de la page liée.
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 correspond une balise HTML ancre, dont l’attribut Target prend
la valeur de la cible.
Icône :
<<Target Link >>
Contraintes : aucune
Etiquettes : en plus de la liste des paramètres, le nom de la cible ou la page vers laquelle point le
lien ne doit être affiché.
Page 41
Chapitre III Analyse et conception
Soumet « submit » :
Description :
Une association de soumission se trouve toujours entre un formulaire et une page serveur :
les formulaires soumettent les valeurs de leurs champs au serveur pour qu’il les traite. Le serveur
web traite la page serveur, qui accepte les informations de formulaire et les utilise.
Icône :
<<Submit >>
Contraintes : aucune.
Etiquettes : paramètres : la liste de nom de paramètres qui doivent être passées avec la demande
de la page liée.
Description :
Une association « contenu 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.
Icône : aucune
Contraintes : aucune
Étiquette :
Rangée : entier qui indique la rangée du cadre dans la structure de cadres auquel
appartient la page ou la cible associée
Colonne : entier qui indique la colonne du cadre dans la structure des cadres auquel appartient la
page, ou la cible associée.
Construit « build » :
Description :
La relation « build » est une relation particulière faisant le pont entre les pages clients et les
pages serveur. L’association « build » indique quelle page serveur est responsable de la création
d’une page client. C’est une relation orientée, puis que la page client n’a pas connaissance de la
Page 42
Chapitre III Analyse et conception
page serveur qui la construite. Une page serveur peut construire plusieurs pages clients, en
revanche une page client n’est construite que par une seule page serveur.
Icône : aucune.
Contraintes : aucune.
Etiquettes : aucune.
Redirigé « redirect » :
Description :
Une relation de ce type est une association unidirectionnelle avec une autre page web,
pouvant être dirigée à partir d’une page client ou serveur vers une autre page client ou serveur. Si
la relation part d’une page serveur, le traitement de la requête de la page peut se poursuivre par
l’autre page, cela ne veut pas dire que la page de destination participe toujours à la construction de
la page client, simplement qu’elle le pourrait, et le déclenchement d’une redirection doit être
programmé dans le code de la page d’origine.
Icône : aucune
Contraintes : aucune
Etiquettes : délai : délai que doit observer la page client avant de se diriger vers la page de
destination. Cette valeur correspond à l’attribut content de la balise <META>.
II. Objectifs
Le principal objectif de notre application est de concevoir un site web social pour le
département informatique de la faculté Génie Electrique et Informatique Mouloud MAMMRI
Tizi Ouzou .Notre application permettra :
Au visiteur de :
Naviguer dans l’application
Télécharger des cours
Consulter les affichages
Consulter les événements
Consulter le forum
A l’administrateur de :
Page 43
Chapitre III Analyse et conception
Page 44
Chapitre III Analyse et conception
III. Analyse :
Cette activité commence par l’étude de cas d’utilisation et leurs scénarios ainsi que les besoins
fonctionnels du système (ce que le système doit faire en réponse à une requête d’un utilisateur),
qui aboutira à un ensemble de diagrammes de séquences.
Les objets d’analyse sont des instances de classe d’analyse qui représentent des éléments
majeurs ayant des comportements et des responsabilités dans le système. Ce sont les diagrammes
de classe qui illustrent les classes d’analyse et des relations qu’elles entretiennent.
Acteur : Un acteur est un ensemble cohérent de rôles joués par des entités externes
(utilisateurs humains, dispositif matériel ou autre système) qui interagissent directement
avec le système étudié.
Cas d’utilisation : Un cas d’utilisation représente un ensemble de séquences d’actions qui
sont réalisées par le système et qui produisent un résultat observable intéressant pour un
acteur particulier. Chaque cas d’utilisation signifie un comportement attendu du système,
considéré comme un tout sans imposer le mode de réalisation de ce comportement. Il
permet de décrire ce que le système devra faire sans spécifier comment le faire.
Scénario : Chaque résultat possible de l’exécution d’un cas d’utilisation est appelé
scénario. Un scénario est une instance de cas d’utilisation. Un ensemble de scénarios pour
Page 45
Chapitre III Analyse et conception
un cas d’utilisation identifie tout ce qu’il peut arriver lorsque ce cas d’utilisation est mis en
œuvre.
Acteurs Taches
Visiteur T0: Se connecter
T1: Naviguer sur le site
T2: Télécharger des cours
T3: Consulter les affichages
T4 : Consulter les événements
T5 : Consulter le Forum
T0…T5
Etudiant T6 :S’inscrire
T7: S’authentifier
T8: Accéder aux forums
T9 : Accéder à la messagerie
T10 : Partager des fichiers, des images et des
Page 46
Chapitre III Analyse et conception
vidéos.
T11 : Gérer un groupe de discutions
T12 : Gérer un événement
T13 : Accéder à l’historique personnel
T14 : Changer le mot de passe
T15 : Se déconnecter
T0…T15
enseignant T16 : Déposer des cours
T17 : Déposer un affichage
Page 47
Chapitre III Analyse et conception
Page 48
Chapitre III Analyse et conception
T7
S’14 : Accéder à l’espace enseignant
S’15 : Saisir le login et le mot de passe.
S’16 : Cliquer sur le bouton login
T8…T15 [S17…S43]
T16 S44 : Sélectionner le lien « cours ».
S45 : Déposer un cours et valider
Page 49
Chapitre III Analyse et conception
T21
S56 : Sélectionner le lien « affichage».
S57 : Déposer un affichage et valider
Page 50
Chapitre III Analyse et conception
Un cas d’utilisation représente un ensemble de séquences d’actions qui sont réalisées par le
système et qui produit un résultat observable intéressant pour un acteur particulier.
Il permet de décrire ce que le système devra faire, sans spécifier comment le faire.
Les cas d’utilisation qu’on peut recenser sont :
Visiteur :
Scenarios: S3, S4
Rôle: Visiteur.
Description :
Etudiant :
Rôle: Etudiant.
Description:
Page 51
Chapitre III Analyse et conception
Rôle: Etudiant.
Description:
Rôle: Etudiant.
Description:
Page 52
Chapitre III Analyse et conception
Enseignant :
Rôle : Enseignant.
Description:
Les ATS
Rôle : ATS
Description:
Page 53
Chapitre III Analyse et conception
Administrateur
Rôle: Administrateur.
Description:
Rôle: Administrateur.
Description:
Page 54
Chapitre III Analyse et conception
Visiteur
Naviguer sur le
« extend » Site
« extend »
Se connecter Télécharger
au site les cours
« extend »
visiteur
Consulter les
« extend » affichages
« extend »
Consulter les
événements
Consulter les
Forums
Page 55
Chapitre III Analyse et conception
Etudiant
Accéder à la
S’authentifier Ecrire un nouveau
messagerie
message
Consulter un
événement
Commenter
un événement
Page 56
Chapitre III Analyse et conception
Enseignant
Accéder à la
S’authentifier Ecrire un nouveau
messagerie
message
Déposer un
Ajouter des affichage
informations Créer un
événement
personnelles
Consulter un
événement
Commenter
un événement
Page 57
Chapitre III Analyse et conception
ATS
Consulter les
messages
Accéder
à « extend »
l’interfac S’inscrire au
formulaire
« extend »
Les ATS
« extend » Gérer un groupe
« extend »
de discutions
« extend »
« extend »
Créer un
Se Partage des groupe
déconnecter « extend »
fichiers
Consulter les
groupes
Changer le mot
S’inscrire dans
de passe un groupe
Déposer un
affichage
Page 58
Chapitre III Analyse et conception
Administrateur
Gérer la base
Supprimer une
« extend » de données table
Se Ajouter un
déconnecter
utilisateur
Page 59
Chapitre III Analyse et conception
La conception des applications web se distingue des autres systèmes par deux activités
essentielles, la répartition des objets sur le client ou le serveur et la définition de l’interface
utilisateur sous forme de page web.
L’extension UML pour le web nous fourni une notation pour exprimer les composant de
technologie Web du Système pour le modèle.
Le navigateur client.
Le serveur web.
Le serveur d’application.
Il est en outre, fort probable que l’application web utilise un serveur de base de données,
donc une application web est définit comme un système logiciel Client Serveur qui possède aux
moins, les deux composants architecturaux significatifs suivants :
Page 60
Chapitre III Analyse et conception
Visiteur et Etudiant.
Atteint
Afficher
Choisir
Télécharger
Page 61
Chapitre III Analyse et conception
Atteint
Attient
Atteint
Contrôle
Erreur
Si Numéro juste
«Num non valide»
Sinon
Atteint Atteint
Affiche
Atteint
Saisir login
Atteint
Contrôle
Confirmation
d’inscription
Page 62
Chapitre III Analyse et conception
Attient
Atteint
Atteint
Contrôle
Atteint
Sinon
Atteint
Afficher forums
Page 63
Chapitre III Analyse et conception
Accède
Attient
Atteint
Atteint
Contrôle
Atteint
Sinon
Atteint
Afficher
Page 64
Chapitre III Analyse et conception
Accède
Attient
Atteint
Atteint
Contrôle
Atteint
Sinon
Atteint
Afficher
Page 65
Chapitre III Analyse et conception
Attient
Atteint
Atteint
Contrôle
Atteint
Sinon
Atteint
Afficher f
Page 66
Chapitre III Analyse et conception
Accède
Attient
Atteint
Atteint
Contrôle
Atteint
Sinon
Atteint
Afficher
Page 67
Chapitre III Analyse et conception
Accède
Attient
Atteint
Atteint
Contrôle
Atteint
Sinon
Atteint
Afficher
Page 68
Chapitre III Analyse et conception
« Form »
« client page » « Link » « Methode Java »
« Link » Formulaire: authentification
Interface Verifier la saisie
authentification «text » login
Login : String
« text » passwd
Passwd : String
« Bouton »connexion
Verifie_saisie()
Valider ()
« submit »
« Link »
« client page » « Server page »
Passwd
Contrôle()
« Build»
« client page » Return_result ()
Interface Acteur
Figure III.20:Diagramme de classe de cas d’utilisation « authentification de l'acteur ».
Page 69
Chapitre III Analyse et conception
«text » message
message
onglet : String
Message: String
« Build»
Vide (message) « Client page »
Page de confirmation de
création de message
Affiche(Message)
« client page »
« Link »
Message d’erreur
msg-erreur : String
Affiche (msg-
Page 70
Chapitre III Analyse et conception
«text » onglet
«text » message
« Server d’application »
« submit » «Button » ajouter
Ajouter forums
onglet : String
message : String
« Build»
Vide(message) « client page »
Page de confirmation de
création de forums
Affiche(Message)
« client page »
« Link »
Message d’erreur
msg-erreur : String
Affiche (msg-
Page 71
Chapitre III Analyse et conception
Page 72
Chapitre III Analyse et conception
III. Le modèle relationnel : Le modèle relationnel présente l’univers des données décrits
dans le modèle conceptuel (diagramme de classe), en tenant compte le type de base de donné
choisie ; en d’autre terme le modèle relationnel traduit le modèle conceptuel en un formalisme
compréhensible par la machine.
Pour obtenir un schéma relationnel à partir d’un diagramme de classe, il faut commencer par
Page 73
Chapitre III Analyse et conception
Remarque :
Attribut : représente la clé primaire
Attribut* : représente la clé étrangère
1. Table Etudiant :
Page 74
Chapitre III Analyse et conception
2. Table Enseignant:
3. Table niveau
4. Table spécialité
5. Table semestre
Page 75
Chapitre III Analyse et conception
6. Table section
7. Table module
8. Table Message
9. Table cours
Page 76
Chapitre III Analyse et conception
Page 77
Chapitre III Analyse et conception
Page 78
Chapitre III Analyse et conception
Page 79
Chapitre III Analyse et conception
Conclusion
A l’issue de ce chapitre, nous avons introduit les objectifs de notre application. Pour les
atteindre, nous avons proposé une solution fondée sur une analyse et une conception modélisées à
l’aide du langage de modélisation unifié UML. Pour cela nous avons :
Spécifié les divers cas d’utilisations de notre application ; Conçu les diagrammes des cas
d’utilisations, de séquence et de classe.
Le chapitre suivant sera consacré à la réalisation de notre application, en présentant les outils de
Développement utilisés et les différentes fonctionnalités de notre application à travers ses
différentes interfaces.
Page 80
Chapitre III Analyse et conception
1..1 1..1
commentaire Possède Forums
Possède Enseigne 0* 1..1
Id_commt Id_forum Possède
Enseignant Contenu_comt Cont_forums
mat_ensg Date_comt
1* Nom_ensg Participe
1*
module Pre_ensg
1* 1*
Date_nais_ensg
Statut_ensg 1..1 Participe
0* 0*
1..1
Etudiant
Id_mod
Lib_mod 1..1 Crée Mat_etud
0* Evenemnt 0* Crée 1..1
Nom_etud
Id_evnt 1..1
1..1 Sujet_event
1..1 Con_event 1..1
Possède 1..1 1..1
Crée Crée
0*
1* 0* 1..1
Perdu trouver
COURS S’inscrit > Id_lost
Id_cours Sujet
Titre_cours
Conteneu_los
URL_cours
Date_cours
Envoie
1*
Possède
groupes Envoie
affichage
Id_affich 1* < S’inscrit
Id_group
0* 1..1 Nom_group
Contenu_affich
Date _creat
Date_affich
contenu
1*
< S’inscrit
1..1
Possède ATS
0*
1..1
Id_admin
message partager Nom_admin
Prenom_admin
Id_partage Statut_admin
Id_msg Contenu
Cont_msg url fichier
Figure.III.25 0* réponse
1..1
1..1 Id_rep
Diagramme de 0* 0* Avoir 0* Auteur_rep
classe globale Envoie
Chapitre IV Réalisation
Introduction
Après avoir présenté dans le chapitre précédent les différentes étapes d’analyse et de
conception, nous allons présenter dans ce dernier chapitre la technologie utilisé, l’environnement
et les outils de développement de notre application Web ainsi que des exemples d’interfaces
développées pour illustrer ses principales fonctionnalités.
I. Technologie utilisé
I.1. java
Java est un langage de programmation informatique orienté objet moderne développé par Sun
Microsystems (aujourd'hui racheté par Oracle) mais également à une plate-forme : son nom
complet est « Java SE » pour Java Standard Edition, et était anciennement raccourci « J2SE ».
Celle-ci est constituée de nombreuses bibliothèques, ou API. Une de ses plus grandes forces est
son excellente portabilité : une fois votre programme créé, il fonctionnera automatiquement sous
Windows, Mac, Linux, etc.
La technologie java est aujourd’hui incontournable, tant pour le développement d’applications
autonomes que pour l’utilisation des outils orientes web. Elle permet l’intégration de l’ensemble
des fonctionnalités de java Enterprise Edition (XML, base de donnes service web, système
distribués CORBA,…etc).
Page 82
Chapitre IV Réalisation
II.1.2. JavaScript
JavaScript (initialement appelé Live script) a été développé par Netscape puis a été repris par
la firme Sun. Les scripts sont des instructions (des lignes de code) interprétées par les navigateurs
Netscape et Internet explorer. Le JavaScript n’a cessé d’évaluer avec les versions des navigateurs.
JavaScript est un langage de Script qui s’incorpore au langage HTML de présentation des pages
web. Les scripts vont permettre de rendre une page web plus dynamique.
II.1.3. CSS
CSS signifie en anglais « Cascading Style Sheets » et se traduit « feuilles de style en
cascade». On utilise le langage CSS pour décrire la présentation d'un document écrit en HTML
ou XML. Le CSS décrit les couleurs, la police...
Le CSS permet de rendre un document plus agréable à lire, mieux présenté... Le CSS a donc
pour rôle d'améliorer la mise en page, de séparer la structure de sa présentation et d'améliorer
l'accessibilité des pages web. Le langage CSS n'est autre que des feuilles de style en cascade.
II.1.4. JSF
Framework destiné à la plate-forme Java, permettant de développer des interfaces
graphiques améliorées pour des applications web exécutées côté serveur. JSF se compose d'un
ensemble d'API servant notamment à représenter les composants graphiques, à gérer les états et à
supporter les événements. Il dispose également d'un ensemble de balises conçues pour exprimer
les interfaces JSF à l'intérieur d'une page JSP.
II.1.5. Primefaces
Le framework utilisé est JSF (« Java Server Faces »). JSF dispose de nombreux composants variés
favorisant la réalisation d’applications Web avec une interface efficace et agréable pour les
utilisateurs. En revanche, le JSF est très lourd.
Page 83
Chapitre IV Réalisation
Pourquoi Primefaces ?
- Associé à la bibliothèque de composants graphiques PrimeFaces, JSF gagne en productivité et
en efficacité.
-Les composants Primefaces proposent des fonctionnalités prêtes à l’emploi, nombreux, divers et
de qualité.
- Il y a beaucoup de Widgets pour la gestion.
- Il y a une bonne documentation.
Page 84
Chapitre IV Réalisation
Page 85
Chapitre IV Réalisation
PostgreSQL est un SGBD relationnel objet Open source implémenté par l’université de
Berkeley. Les fonctions clés du modèle objet de postgreSQL sont les classes,
l’héritage et la surcharge.
PostgreSQL est un logiciel « modulaire » possédant un langage d’écriture de
procédures similaire a celui d’oracle mais également d’autres interfaces de
programmation.
Page 86
Chapitre IV Réalisation
C’est la première page téléchargée et visualisée par les visiteurs, les enseignants, les étudiants et
les ATS c’est la page principale du site car elle donne une idée générale sur les fonctionnalités de
notre application.
Page 87
Chapitre IV Réalisation
Page 88
Chapitre IV Réalisation
Page 89
Chapitre IV Réalisation
Page 90
Chapitre IV Réalisation
Page 91
Conclusion générale
L’objectif de notre projet est de créer un site web social et collaboratif pour le
département informatique, offrant un ensemble de services tels que l’accès à la
documentation, la consultation des messages et la consultation des affichages. L’application
offre aussi un service collaboratif, le forum, permettant une interactivité entre les différents
acteurs du département et ainsi une activité social ou les étudiants et les enseignants peuvent
partager des fichiers (images, vidéo), et participer aux événements de département
informatique.
Plusieurs technologies ont été nécessaires pour la réalisation de notre projet, on citera
donc les langages Xhtml, JavaScript, JavaEE (le Framework JSF) et le Css pour la
réalisation des pages web, postgreSQL (pgAdmin III) pour l’élaboration des requêtes
d’interrogation de la base de donnée, et enfin le logiciel NetBeans IDE 7.4 pour l’écriture du
code.
Page 94
Bibliographie
[1] : http://fr.wikipedia.org/wiki/Université
[2] : http://fr.wikipedia.org/wiki/Universit%C3%A9_Mouloud_Mammeri_de_Tizi_Ouzou
[6] : Mémoire de fin d’études Diplôme d’ingénieur ; Hadj-akli Djamila : thème Conception et
réalisation d’une application web pour Le suivi de la vente en ligne au niveau de district GPL
Naftal de Tizi –Ouzou ; 2009 / 2010
[7] http://fr.wikipedia.org/wiki/Web_2.0
URL: http://www.ac-grenoble.fr/ugine/joomla/documents/isn/reseaux_sociaux.pdf.
[10] : Jim Conallen, « concevoir des application web avec UML », Editon Eyrolle,2000.
[11] : Richard GRIN, " Introduction aux bases de données, modèle relationnel".
Bibliographie annexe
I. Présentation de J2EE:
I.1. Un bref historique de J2EE [1]
L’environnement Java pour l’entreprise a commencé à émerger assez rapidement après les
débuts de Java au milieu des années 90. A son origine, Java était destiné aux environnements
contraints (par exemple des petits équipements électroniques). Il a en fait percé dans
l’environnement du Web, notamment dans les navigateurs pour les supports d’interfaces
graphiques riches la notion d’appliquette Java (en anglais applet). Les premières déclinations
de Java dans l’environnement des serveurs sont apparues en 1997 avec les servlets, dont
l’objectif est la construction programmatique de pages Web, puis avec les Entreprise Java
Bean (EJB) dont l’objectif est le support de code métier (API) nécessitant un contexte
d’exécution transactionnel.
Après ces premiers pas et un relatif succès de ces technologies, Sun a structuré l’offre
technique autour des serveurs d’applications Java à travers le standard J2EE. L’objectif de ce
dernier est de fédérer dans un cadre cohérent toutes les technologies nécessaires à la mise en
œuvre des applications de l’entreprise (applications orientées <serveur>). Sun à décidé de
rebaptiser son langage « Java 2 » est introduire la première version 1.2 des spécifications de
J2EE en 1999. Cette version est suivie alors la version 1.3 de J2EE en 2001, puis la version
1.4 en 2003 incluant un support complet des standards XML et le support des services Web.
Mais pour des raisons de marketing, Sun a décidé de rebaptiser cette plateforme « Java
Entreprise Edition » (en suppriment le 2) à compter de la version 1.5, qui elle-même été
changée en « 5 » et elle est devenu JEE5.
J2EE (Java 2 Enterprise Edition) est une norme proposée par la société Sun, portée par un
consortium de sociétés internationales, visant à définir un standard de développement
d'applications d'entreprises multi-niveaux, basées sur des composants.
95
Annexe Des généralités sur JEE
• Des services, au travers d'API, c'est-à-dire des extensions Java indépendantes permettant
d'offrir en standard un certain nombre de fonctionnalités. Sun fournit une implémentation
minimale de ces API appelée J2EE SDK (J2EE Software Development Kit).
Dans la mesure où J2EE s'appuie entièrement sur le Java, il bénéficie des avantages et
inconvénients de ce langage, en particulier une bonne portabilité du code.
96
Annexe Des généralités sur JEE
JEE comporte des spécifications qu’on peut les regroupées en deux grands parties :
Les APIs ;
Les serveurs d'applications.
Les APIs sont des extensions Java, forment une collection d’outils logiciels permettant
d'offrir en standard un certain nombre de fonctionnalités, Sun fournit une implémentation
minimale de ces APIs nommée J2EE SDK (JEE SOFTWARE DEVELOPMENT KIT). On
peut regrouper ces APIs en trois groupes principales :
Composants
Services d'infrastructures
Services de communications.
97
Annexe Des généralités sur JEE
On peut faire une séparation entre les composants existants selon leur exécution :
Client JEE
Un client JEE peut être client web ou application client.
o Client web
Un client web est appelé client léger qui n'a généralement pas de requête de BDD.
L'utilisation de client web permet de charger les opérations lourds au niveau de l’entreprise
beans et sont exécutées sur le serveur JEE où ils peuvent exploitées les avantages des
technologies JEE (sécurité, la vitesse, les services …) sur le serveur. Un client web a besoin
de deux fonctionnalités principales :
- Les pages web dynamiques avec les différents langages à balisage (HTML,
XML …..), ces pages sont générés par les composants web au niveau du client web.
- Le navigateur web qui affiche les pages reçus par le serveur.
o Application client
L'application client fonctionne au niveau de la couche métier, et peut accéder directement
à l’entreprise Bean. Généralement les utilisateurs possède une interface graphique (GUI) pour
exécuter l’application client (on utilisant l'API Swing ou Abstract windwos toolkit).
98
Annexe Des généralités sur JEE
Applet
Une applet est une petite application java qui a les caractéristiques de pouvoir
s’exécuter via un navigateur .en effet, la plupart des navigateurs aujourd’hui, dispose
d’une machine virtuelle capable d’interpréter les bytes code inclus dans une page
HTML.
Il existe plusieurs différences entre application et applets. En effet, les applets fournissent
un certain nombre de fonctionnalités supplémentaires propres à leur contexte d’utilisation,
comme la possibilité de communiquer avec le navigateur ou même entre applets. Mais la plus
notable, réside dans la sécurité qui leur est associée.
Une servlet est un composant du coté serveur, considérée comme une classe qui permet une
communication avec un protocole « requête / réponse ». Autrement dit, une servlet est un
programme qui s'exécute coté serveur en tant qu'une extension du serveur. Elle reçoit une
requête du client, elle effectue des traitements et renvoie le résultat.
L'utilisation des servlets permet la génération de pages web dynamiques qui utilisent le
protocole HTTP, ou aussi n'importe quel autre protocole reposant sur le principe de servlet.
Une servlet est une classe java qui implémente les méthodes dopost et/ou doget .
99
Annexe Des généralités sur JEE
100
Annexe Des généralités sur JEE
Les JSPs (pour Java Server Pages) est une technologie qui permet d’écrire très facilement
des pages dynamiques en insérant des portions de code java dans une page html. Destiné à
l’origine à la présentation des données, une page JSP permet de définir le design d’une page
(en HTML) et d’y intégrer les données (grâce aux portions de code java).cette technologie
favorise donc la séparation de la présentation et du contenu.
D’un point de vu plus technique, une page java est donc constitue de code HTML dans
lequel sont insérées des code java délimitées par des balises particulières .l’intégralité du code
est portable puisque tout comme un code java, il sera compilé et exécuté comme Servlet .
A la différence d’une Servlet, il sera par contre compilé au vol (lors de chaque invocation
par un moteur de JSP. Enfin, les pages JSP offrent les possibilités d’importer des classes java
et d’accéder à des objets java.
JSF
(Java Server Faces) Un cadre standard de composants pour construire des interfaces
utilisateur riches pour les applications Java. Java Server Faces exécuté sur le serveur, mais
sans affichés sur le client.
La technologie JSF représente un Framework basé sur les composants utilisateurs utilisés
pour construire des applications web. L’API de JSF permet de représenter les composants,
de gérer leur état et leur comportement. Elle facilite l’écriture d’interfaces utilisateurs en
fournissant une bibliothèque de contrôles
- Simples : zones de saisie classiques, boutons, liens hypertextes.
- Complexes : tableaux de données …
- Elle permet même de créer ses propres composants, ou d’enrichir les composants
existants.
JSF permet principalement de:
- Faciliter le développement de pages web grâce à un Framework basé sur les
composants. représenter les composantes UI et gérer leurs états.
- Gestion d’événements.
- Validation coté serveur.
- Conversion de données.
- Définition de la navigation des pages.
101
Annexe Des généralités sur JEE
102
Annexe Des généralités sur JEE
Enterprise JavaBeans (EJB) est une architecture de composants logiciels côté serveur
pour la plateforme de développement JEE.
Cette architecture propose un cadre pour créer des composants distribués (c’est-à-dire
déployés sur des serveurs distants) écrit en langage de programmation Java hébergés au sein
d'un serveur applicatif permettant de représenter des données (EJB dit entité), de proposer des
services avec ou sans conservation d'état entre les appels (EJB dit session), ou encore
d'accomplir des tâches de manière asynchrone (EJB dit message). Tous les EJB peuvent
évoluer dans un contexte transactionnel.
103
Annexe Des généralités sur JEE
3. Services de communication
Web Services
Les web services permettent de partager un ensemble de méthodes qui pourront être
appelées à distance. Cette technologie utilise XML ce qui permet d'être utilisé par n'importe
quel langage et n'importe quelle plate forme.
104
Annexe Des généralités sur JEE
XML
N'est pas vraiment une API de JEE mais son utilisation dans cette plate forme est de plus en
plus importante comme son utilisation pour les fichiers de configurations. XML est la base
d'un nouveau mode de communication entre les applications.
Un serveur d’application est une couche software résident sur une machine serveur qui
fournit les services que la technologie J2EE nécessite. Il y a plusieurs applications serveurs.
Parmi les produits commerciaux on rappel Bea WebLogic, IBM Websphere, Sun Application
Serveur, Pramati, etc… Parmi les produits libres le plus connu est JBOSS. Les différences
principales entre les différents serveurs d’applications sont relatives aux opérations de deploy,
clustering, etc… Par contre toutes les fonctionnalités qui concernent strictement le
fonctionnement des applications J2EE adhérent aux spécifications proposées par la Sun.
• Open Source : évolue grâce à la communauté par exemples Tomcat : Apache, Jonas :
ObjectWeb, JBoss : JBoss …
• Propriétaire : évolue selon l’éditeur par exemples WebSphere : IBM, WebLogic : BEA,
WebObject : Apple, Oracle Application Server : Oracle …
Le modèle MVC est un patron de conception (design pattern) qui consiste en trois types
d’objets:
le Modèle procure le logique métier de l’application,
la Vue est la présentation de l’application,
le Contrôleur est un objet qui gère les interactions entre l’utilisateur et la Vue.
105
Annexe Des généralités sur JEE
Un patron de conception décrit un problème récurrent et ses solutions, les solutions ne sont
jamais exactement les mêmes pour chaque occurrence du problème mais le patron de
conception donne une solution générale au problème qu’il suffit d’adapter.
I.7. JPA :
La couche JPA (Java Persistence Annotation) est une couche d’abstraction de la couche
JDBC. Elle permet notamment de faire du Mapping Relationnel-Objet (ORM, Object
Relationnal Mapping en anglais) qui consiste à modéliser la base de données sous forme
d’objets pour une manipulation plus simple à travers le code Java (requêtes pré-écrites,
gestion des liens entre les tables,…). Généralement la couche JPA contient une classe (entité)
par table, des contrôleurs (fonctions de base implémentées) et des gestionnaires d’exceptions.
106
Annexe Des généralités sur JEE
Une architecture d’application basée sur les composants qui permet un découpage de
l’application et donc une séparation des rôles lors du développement.
La possibilité de s’interfacer avec le système d’information existant grâce à de
nombreuses API : JDBC, JNDI, JMS, JCA…
La possibilité de choisir les outils de développement et le ou les serveurs
d’applications utilisés qu’ils soient commerciaux ou libres.
107