Ecole Supérieure de Technologie – Université IBN ZOHR
Développement
WEB
Aïcha Bakki
[Link]@uiz .[Link]
Année Universitaire : 2024 - 2025 1ère année - Ingénierie des
A. données
BAKKI
Organisation du module
48 h CM, TD et TP
20h Cours | 28h TD & TP
Evaluation
Devoir surveillé + Contrôles Continus
Mini-projet
A réaliser lors des séances de TP
A. BAKKI
00 Intro au
Développement
Web
A. BAKKI
Historique et évolution
1967 ARPANET
L'ARPANET (Advanced Research Projects Agency Network) est souvent considéré comme le précurseur de
l'Internet. Développé par le Département de la Défense des États-Unis, il permettait la communication entre
différents ordinateurs de recherche.
1973 Apparition de TCP/IP
Les protocoles TCP/IP (Transmission Control Protocol/Internet Protocol) ont été développés par Vinton Cerf
et Robert Kahn. Ils sont devenus les protocoles standards pour la communication sur Internet.
1983 Adoption officielle de TCP/IP et naissance d'Internet
ARPANET adopte officiellement TCP/IP comme standard de communication, marquant la transition vers ce
que nous connaissons aujourd'hui comme Internet.
A. BAKKI
1989 Invention du World Wide Web
1990
Tim Berners-Lee, au CERN, invente le World Wide Web, créant le premier navigateur web et les standards HTML,
HTTP et URL.
1993 Premier navigateur web graphique (Mosaic)
Mosaic, développé par Marc Andreessen et Eric Bina, est le premier navigateur web graphique, rendant le
web plus accessible au grand public.
1994 Création du W3C
Le World Wide Web Consortium (W3C) est fondé par Tim Berners-Lee pour développer des standards web.
2004 Émergence du Web 2.0
Le terme "Web 2.0" décrit une nouvelle phase du web caractérisée par des sites interactifs et collaboratifs
comme les réseaux sociaux et les blogs.
A. BAKKI
2010 Expansion du Web mobile et des technologies modernes
et
au-delà L'essor des smartphones et des tablettes transforme l'accès au web. Technologies comme HTML5, CSS3 et
JavaScript (ES6+) permettent des applications web riches et réactives.
2020 IA et Machine Learning dans le Web
et
au-delà L'intégration croissante de l'intelligence artificielle (IA) et du machine learning dans les applications web,
avec des outils comme [Link], permet de créer des fonctionnalités avancées comme la
reconnaissance d'images, le traitement du langage naturel et les recommandations personnalisées.
A. BAKKI
Architechture Client
Serveur Serveur Comment ce fait
cette
communication ??
Réponse
Requête
A. BAKKI
Protocole HTTP/HTTPS
HTTP (HyperText Transfer Protocol) est le protocole utilisé pour transférer des pages web
sur Internet. HTTPS est la version sécurisée de HTTP, utilisant SSL/TLS pour chiffrer les
communications entre le client et le serveur.
• Communication : HTTP est le fondement de toute communication de données sur le
World Wide Web, permettant le transfert de ressources comme des fichiers HTML, CSS,
et JavaScript
• Sécurité : HTTPS assure que les données échangées entre le client et le serveur sont
cryptées, protégeant ainsi la confidentialité et l'intégrité des informations
A. BAKKI
Protocole HTTP/HTTPS
Fonctionnement de HTTP
1. Requête HTTP : Le client envoie une requête HTTP au serveur pour une ressource
spécifique (par exemple, une page HTML).
2. Réponse HTTP : Le serveur traite la requête et renvoie une réponse HTTP contenant la
ressource demandée ou un code d'état HTTP (par exemple, 200 OK, 404 Not Found).
Fonctionnement de HTTPS
1. Établissement de la connexion sécurisée : Le client et le serveur établissent une
connexion sécurisée via le protocole SSL/TLS.
2. Requête et réponse HTTPS : Une fois la connexion sécurisée établie, les requêtes et
réponses HTTP sont échangées de manière chiffrée, assurant la sécurité des données.
A. BAKKI
Demande de ressources :
URL
Origin
Protocol Host Pathname Search
Https://[Link]/path/page?p1=v1&p2=v2…
A. BAKKI
Demande de ressources :
URL [Link]/[Link]
Client
[Link]
[Link] [Link]
Serveur
(exemple) [Link] [Link]
A. BAKKI
Demande de ressources :
URL [Link]/[Link]
Client
ERROR 404
[Link] [Link]
Serveur
(exemple) [Link] [Link]
A. BAKKI
Côté Technologies …?
Serveur
Client
Languages & Framworks SGBD
FRONT-END BACK-END
A. BAKKI
Côté Technologies …?
Serveur
Client
Languages & Framworks SGBD
FRONT-END BACK-END
A. BAKKI
Articulation générale
du cours
A. BAKKI