Développement des systèmes

d'information

JEE
01- Introduction à JEE

Mohamed ZAYANI

2023/2024
1
01-Introduction JEE – Mohamed ZAYANI
 Avant propos
• Application Distribuée (répartie)
▪ Développement réseaux / Architectures muti-tiers
▪ Outils ( composants / middlewares/ protocoles/ médias
de communication)
▪ Plateformes ( Dot Net / JEE /..)
▪ Solutions Java: Servlet / JSP / EJB / RMI / JDBC/..

• Application Web
▪ Distinguer entre Internet et Web
▪ Architecture client / serveur (front end / back end)
▪ Le protocole HTTP
▪ Site Web Statique / Dynamique
▪ Les langage du Web 2
01-Introduction JEE – Mohamed ZAYANI
Séparation des responsabilités
• Une application informatique est principalement conçue
en 3 couches (niveaux / tiers ):
▪ Présentation ( vue): interaction avec l’utilisateur
▪ Traitement métier (Logique applicative)
▪ Gestion des Données (accès, stockage)

Présentation Traitement Données

IHM
SGBD
Interface graphique
Serveur applicatif Fichiers Excel
Navigateur Web
XML
SmartPhone

Ces couches présentent des responsabilités qui peuvent être plus

détaillées et plus fines selon le degré de complexité de l’application
3
01-Introduction JEE – Mohamed ZAYANI
 Application distribuée
• Passer des données à travers le réseau
• Utiliser un média de communication et un protocole
(HTTP, FTP, SMTP,…)
• Définir des composants distants et leurs conteneurs
• Déployer des middlewares pour faciliter les échanges
d'informations entre des unités logicielles ou des
équipements matériels.
• Mettre en place des technologies pour exécuter des
programmes distants (RPC, RMI, CORBA, Service Web)
• Développer des applications client/serveur
4
01-Introduction JEE – Mohamed ZAYANI
 Modèle Client/Serveur
• un mode de communication (via un même protocole) à
travers un réseau entre deux programmes:
1. Client: envoie des requêtes (des demandes)
• Demander une ressource (page, image, fichier,..)
• Chaque ressource est identifiée par un URI (Uniform Ressource Identifier)
• La demande du client est éventuellement paramétrée

2. Serveur: attend les requêtes des clients et y répond

• Le serveur est caractérisé par une adresse hôte (@IP) et un port
• S’exécute en premier lieu et tourne en permanence
• Se met en écoute des requêtes provenant de plusieurs clients

1- envoyer une requête

2- Traiter
la requête

3- retourner une réponse

5
01-Introduction JEE – Mohamed ZAYANI
 Architecture Client/Serveur
• Avantages
• Centralisation de l’information: toutes les données sont stockées sur
un même serveur (Ex: Base de données)
• Meilleure sécurité : simplification des contrôles de sécurité
• Meilleure fiabilité : En cas de panne, seul le serveur fait l’objet d’une
réparation
• Facilité d’évolution et de mise à jour: Il suffit de modifier un seul
programme (celui du serveur).

• Inconvénients
• un coût élevé dû à la technicité du serveur
• En cas de panne du serveur, aucun client n’a accès aux informations
• si trop de clients veulent communiquer avec le serveur ce dernier
risque de ne pas supporter la charge 6
01-Introduction JEE – Mohamed ZAYANI
 Application web et internet
• A ne pas confondre l'internet et le web :
▪ l'internet est le réseau des réseaux: le support physique de l'information. C’est
un ensemble de machines, de câbles et d'éléments réseau éparpillés dans le
monde. Il utilise le protocole de communication IP (Internet Protocol)

▪ le web constitue une partie seulement du contenu accessible sur l'internet. Il

existe d'autres contenus comme le courrier électronique ou la messagerie
instantanée.

• Le World Wide Web (WWW) est un système

hypertexte public fonctionnant sur Internet
et qui permet de consulter, avec un navigateur,
des pages (pages web) mises en ligne dans
des sites (sites web).

• L’image de la toile vient des hyperliens

7
qui lient les pages web entre elles. 01-Introduction JEE – Mohamed ZAYANI
 Site web et page web
• Un site web est un ensemble constitué de pages web
• Une page web est un document consulté par un navigateur web
(Mozilla Firefox, Google Chrome, Microsoft Internet Explorer,.. )
• Une page web généralement constituée:
✓ d'un document en HyperText Markup Language (HTML)
pour la structure de base,
✓ d'images numériques,
✓ de feuilles de style en cascade (CSS) pour la mise en page
✓ et de JavaScript pour la programmation informatique des
fonctionnalités plus avancées. 8
01-Introduction JEE – Mohamed ZAYANI
 Types de sites web
• On distingue deux types de sites web :
1. les sites web statiques : ce sont des sites dont le contenu est fixe,
il n'est modifiable que par le propriétaire du site. Ils sont réalisés à
l'aide des technologies HTML, CSS et Javascript uniquement.

1. les sites web dynamiques : ce sont des sites dont le contenu est
dynamique. En plus des langages précédemment cités, ils font
intervenir d'autres technologies : Java EE est l'une d'entre elles.
(il existe aussi la technologie PHP et Dot Net)
9
01-Introduction JEE – Mohamed ZAYANI
 Architecture web
Client HTTP Requête HTTP Serveur Web Données

HTML PHP
+ Réponse HTTP JEE SGBD
CSS
Dot Net
+ HTML , CSS , Java Script
Node JS
Java script

Front end Backend

• Le client HTTP ( web) est un navigateur web qui communique avec le serveur web ( ex: Apache
Tomcat).
• Une application web présente principalement deux parties:

1.La partie Backend: s’occupe des traitements effectués côté serveur

• Technologies utilisées: PHP , JEE, Dot Net, Node JS

2.La partie Front end: s’occupe de la présentation des Interfaces Homme Machine (IHM)
• Langages utilisés: HTML , CSS , Java Script

• Les deux parties « Backend » et « Front end » se communiquent à travers le protocole HTTP
10
01-Introduction JEE – Mohamed ZAYANI
 Protocole HTTP
✓ HTTP : HyperText Tranfert Protocol:
• Protocole qui permet au client de récupérer des documents du serveur
• Ces documents peuvent être:
• statiques (contenu qui ne change pas : HTML, PDF, Image, etc..)
• ou dynamiques (Contenu généré dynamiquement au moment de la requête : PHP, JSP, ASP…)
• Ce protocole permet également de soumissionner les formulaires

✓ Une requête HTTP peut être envoyée en utilisant les méthodes suivantes:
• GET : Pour récupérer le contenu d’un document
• POST : Pour soumissionner des formulaires (Envoyer, dans la requête, des données saisies par
l’utilisateur )
• PUT pour envoyer un fichier du client vers le serveur
• DELETE permet de demander au serveur de supprimer un document.
• HEAD permet de récupérer les informations sur un document (Type, Capacité, Date de dernière
11
modification etc…) 01-Introduction JEE – Mohamed ZAYANI
 Java EE (JEE)
• JEE est l’abréviation de JAVA Entreprise Edition

• JEE est une extension de la plate-forme standard

JSE (JAVA Standard Edition), principalement
destinée au développement d'applications web.

• JEE est une plate-forme fortement orientée serveur

pour le développement et l'exécution
d'applications distribuées
12
01-Introduction JEE – Mohamed ZAYANI
 Architecture web JEE
Client HTTP Serveur Web
Couche Web Couche Métier

1- Requête
request 2- Réaliser des traitements
Vue R
au Controller Traitements
3- Stocker
format Model R Logique
HTML Servlet applicative
4- appeler 5- récupérer
7- Réponse
response Vue JSP
6- HTML
HTML

1. Le client envoie une requête HTTP de type GET ou POST vers le contrôleur représenté par un composant Web JEE
(Servlet) qui lit les données de la requête à partir de l’objet « request » de type HttpServletRequest.

2. Le contrôleur fait appel à la couche métier pour effectuer les traitements et récupère les résultats R.

3. Le contrôleur Stocke le résultat R dans le modèle . Le modèle est généralement une objet qui permet de stocker toutes les
données qui seront affichées dans la vue. Généralement, le contrôleur stocke le modèle dans l’objet « request » ou
« session ».

4. Le contrôleur fait appel à la vue JSP (Java Server Pages) en lui transmettant les mêmes objets « request » et
« response ». Cette opération s’appel Forwarding.
5. La vue JSP récupère le résultat à partir du modèle (passé à l’objet « request » ou « session »).

6. Le vue JSP génère dynamiquement une page HTML qui contient les résultats du modèle en utilisant l’objet « response »
La page HTML générée est envoyée dans le corps de la réponse01-Introduction
13
7. JEE – Mohamed
HTTP pour être affichée ZAYANI
dans le navigateur du client