SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
Introduction aux
technologies Web
M. Abdoulaye DIENG Janvier 2021
1
Objectif général
Avoir une vue d’ensemble des technologies Web
2
Objectifs opérationnels
• Connaître le fonctionnement du modèle Client-Serveur
• Connaître le rôle des langages Web côté client
• Connaître le rôle des langages Web côté serveur
• Connaître la communication entre un client Web et les trois
serveurs (Web, application et données)
3
Sommaire
1) Modèle Client-Serveur
a) Présentation
b) Fonctionnement
c) Exemples
2) World Wide Web
a) Présentation
b) Langages côté client
c) Langages côté serveur
d) Communication client-serveurs
4
Modèle Client-Serveur
Présentation
• Le mode de fonctionnement des
principaux services d’Internet est le
modèle client-serveur
• Modèle client-serveur = un logiciel
(serveur) partage des ressources avec
d'autres logiciels (clients) consommateurs
5
• Logiciel client
– localisé dans la machine (ordinateur ou smartphone) de l’internaute
– permet d’envoyer une requête au serveur
– interprète une ressource reçue du serveur
– connecté sur Internet, au besoin
• Logiciel serveur
– localisé dans une machine distante
– possède les ressources souhaitées par les clients
– répond aux requêtes de tout client
– connecté, en permanence (24/7), sur Internet
Modèle Client-Serveur
Fonctionnement
• Dialogue client-serveur (cas où le client a besoin d’une ressource):
1) le client envoie une requête au serveur initialisant ainsi la
connexion ;
2) le serveur cherche ou génère la ressource demandée ;
3) le serveur envoie la ressource au client ;
4) le client ferme éventuellement la connexion et laisse l'utilisateur
consulter la ressource localement.
• Tout client doit expliciter sa requête avec l'adresse de la ressource ou
URL (Uniform Ressource Location) de la forme :
protocole://adresseDuServeur[:numéroDuPort]/cheminDeLaRessource
Exemples d’URL :
http:// 213.154.80.147:80/technicien.html
ftp:// ftp.adobe.com
mailto:toto@mailserver.com exception à la règle
6
Modèle Client-Serveur
Exemples
Service Clients Serveurs
E-mail Outlook, Thunderbird, … Sendmail, Cyrus,
Zimbra, …
Transfert de
fichiers
Filezilla, CuteFTP, … FileZilla Server, Titan
FTP Server, …
WWW Chrome, Internet Explorer,
Firefox, …
Apache, Nginx, IIS, …
7
Sir Tim Berner Lee
World Wide Web
Présentation
• Le Web est créé par Sir Tim Berner Lee du CERN (Centre Européen de
Recherche Nucléaire)
• Techniquement, le Web est un ensemble de serveurs proposant des
documents accessibles via un protocole appelé HTTP (HyperText
Transfer Protocol).
• Un serveur Web met à disposition des utilisateurs de clients Web (ou
navigateurs) des documents de tous types : textes, images, sons,
animations, etc.
• Le serveur Web envoie du code HTML (Hyper Text Markup language) au
client Web qui l’interprète pour l’utilisateur humain. 8
• Le WWW (World Wide Web) est né
en 1989 pour faciliter l’échange
d’informations entre chercheurs à
l’échelle mondiale
World Wide Web
Langages côté client – plat de resto
9
Contenus du plat :
• nature ?
• disposition ?
• comportement ?

Weitere ähnliche Inhalte

Ähnlich wie intro-tech-web-lp3-jan-21-slides-1-a-9.pdf

Presentation
PresentationPresentation
Presentationbois
 
Introduction aux outils_pour_le_web_-_chapitre_0_-_introduction.key
Introduction aux outils_pour_le_web_-_chapitre_0_-_introduction.keyIntroduction aux outils_pour_le_web_-_chapitre_0_-_introduction.key
Introduction aux outils_pour_le_web_-_chapitre_0_-_introduction.keyAlpha Oumar Barry
 
Res,fr,fic,080,000
Res,fr,fic,080,000Res,fr,fic,080,000
Res,fr,fic,080,000ma7a
 
S51 vos projets web services ibm i a l aide de php
S51   vos projets web services ibm i a l aide de phpS51   vos projets web services ibm i a l aide de php
S51 vos projets web services ibm i a l aide de phpGautier DUMAS
 
cours web chap1.pptx
cours web chap1.pptxcours web chap1.pptx
cours web chap1.pptxMaha Maalej
 
2 20 presentations_generales_des_web_services
2 20 presentations_generales_des_web_services2 20 presentations_generales_des_web_services
2 20 presentations_generales_des_web_servicesCamus LANMADOUCELO
 
resume-theorique-m105-0903-2-622f06c594dce.pdf
resume-theorique-m105-0903-2-622f06c594dce.pdfresume-theorique-m105-0903-2-622f06c594dce.pdf
resume-theorique-m105-0903-2-622f06c594dce.pdfFootballLovers9
 
Architecture réparties et les services web
Architecture réparties et les services webArchitecture réparties et les services web
Architecture réparties et les services webCHOUAIB EL HACHIMI
 
0570-les-services-web.pdfbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
0570-les-services-web.pdfbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb0570-les-services-web.pdfbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
0570-les-services-web.pdfbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbhindguendouz2000
 
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhvSOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhvamine17157
 
Introduction aux web services
Introduction aux web servicesIntroduction aux web services
Introduction aux web servicesmohammed addoumi
 
Apache server configuration & sécurisation -
Apache server configuration & sécurisation  -Apache server configuration & sécurisation  -
Apache server configuration & sécurisation -achraf_ing
 
Cours 1 les principes de base
Cours 1 les principes de baseCours 1 les principes de base
Cours 1 les principes de baseMariem ZAOUALI
 

Ähnlich wie intro-tech-web-lp3-jan-21-slides-1-a-9.pdf (20)

Applications_Slide.pdf
Applications_Slide.pdfApplications_Slide.pdf
Applications_Slide.pdf
 
serveur web
serveur webserveur web
serveur web
 
Presentation
PresentationPresentation
Presentation
 
Introduction aux outils_pour_le_web_-_chapitre_0_-_introduction.key
Introduction aux outils_pour_le_web_-_chapitre_0_-_introduction.keyIntroduction aux outils_pour_le_web_-_chapitre_0_-_introduction.key
Introduction aux outils_pour_le_web_-_chapitre_0_-_introduction.key
 
Res,fr,fic,080,000
Res,fr,fic,080,000Res,fr,fic,080,000
Res,fr,fic,080,000
 
S51 vos projets web services ibm i a l aide de php
S51   vos projets web services ibm i a l aide de phpS51   vos projets web services ibm i a l aide de php
S51 vos projets web services ibm i a l aide de php
 
technologie web
technologie webtechnologie web
technologie web
 
cours web chap1.pptx
cours web chap1.pptxcours web chap1.pptx
cours web chap1.pptx
 
2 20 presentations_generales_des_web_services
2 20 presentations_generales_des_web_services2 20 presentations_generales_des_web_services
2 20 presentations_generales_des_web_services
 
resume-theorique-m105-0903-2-622f06c594dce.pdf
resume-theorique-m105-0903-2-622f06c594dce.pdfresume-theorique-m105-0903-2-622f06c594dce.pdf
resume-theorique-m105-0903-2-622f06c594dce.pdf
 
Formation webmaster
Formation webmasterFormation webmaster
Formation webmaster
 
Architecture réparties et les services web
Architecture réparties et les services webArchitecture réparties et les services web
Architecture réparties et les services web
 
0570-les-services-web.pdfbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
0570-les-services-web.pdfbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb0570-les-services-web.pdfbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
0570-les-services-web.pdfbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
 
Cours 8 squid.pdf
Cours 8 squid.pdfCours 8 squid.pdf
Cours 8 squid.pdf
 
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhvSOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
 
Introduction aux web services
Introduction aux web servicesIntroduction aux web services
Introduction aux web services
 
(services)
(services)(services)
(services)
 
Apache server configuration & sécurisation -
Apache server configuration & sécurisation  -Apache server configuration & sécurisation  -
Apache server configuration & sécurisation -
 
Cours 1 les principes de base
Cours 1 les principes de baseCours 1 les principes de base
Cours 1 les principes de base
 
Java Entreprise Edition
Java Entreprise EditionJava Entreprise Edition
Java Entreprise Edition
 

Kürzlich hochgeladen

CHAPITRE 2 VARIABLE ALEATOIRE probabilité.ppt
CHAPITRE 2 VARIABLE ALEATOIRE probabilité.pptCHAPITRE 2 VARIABLE ALEATOIRE probabilité.ppt
CHAPITRE 2 VARIABLE ALEATOIRE probabilité.pptbentaha1011
 
Actions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdf
Actions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdfActions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdf
Actions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdfalainfahed961
 
Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...
Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...
Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...maach1
 
SciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdfSKennel
 
présentation sur la logistique (4).
présentation     sur la  logistique (4).présentation     sur la  logistique (4).
présentation sur la logistique (4).FatimaEzzahra753100
 
Support de cours La technologie WDM.pptx
Support de cours La technologie WDM.pptxSupport de cours La technologie WDM.pptx
Support de cours La technologie WDM.pptxdocteurgyneco1
 
Chapitre 2 : fondations et analyses de données géotechniques
Chapitre 2 : fondations et analyses de données géotechniquesChapitre 2 : fondations et analyses de données géotechniques
Chapitre 2 : fondations et analyses de données géotechniquesangevaleryn
 

Kürzlich hochgeladen (9)

CHAPITRE 2 VARIABLE ALEATOIRE probabilité.ppt
CHAPITRE 2 VARIABLE ALEATOIRE probabilité.pptCHAPITRE 2 VARIABLE ALEATOIRE probabilité.ppt
CHAPITRE 2 VARIABLE ALEATOIRE probabilité.ppt
 
Note agro-climatique n°2 - 17 Avril 2024
Note agro-climatique n°2 - 17 Avril 2024Note agro-climatique n°2 - 17 Avril 2024
Note agro-climatique n°2 - 17 Avril 2024
 
Actions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdf
Actions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdfActions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdf
Actions du vent sur les bâtiments selon lEurocode 1 – Partie 1-4.pdf
 
Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...
Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...
Cours-de-Ponts Cours de Ponts Principes généraux - Conception Méthodes de con...
 
SciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_APC.pdf
 
présentation sur la logistique (4).
présentation     sur la  logistique (4).présentation     sur la  logistique (4).
présentation sur la logistique (4).
 
CAP2ER_GC_Presentation_Outil_20240422.pptx
CAP2ER_GC_Presentation_Outil_20240422.pptxCAP2ER_GC_Presentation_Outil_20240422.pptx
CAP2ER_GC_Presentation_Outil_20240422.pptx
 
Support de cours La technologie WDM.pptx
Support de cours La technologie WDM.pptxSupport de cours La technologie WDM.pptx
Support de cours La technologie WDM.pptx
 
Chapitre 2 : fondations et analyses de données géotechniques
Chapitre 2 : fondations et analyses de données géotechniquesChapitre 2 : fondations et analyses de données géotechniques
Chapitre 2 : fondations et analyses de données géotechniques
 

intro-tech-web-lp3-jan-21-slides-1-a-9.pdf

  • 1. Introduction aux technologies Web M. Abdoulaye DIENG Janvier 2021 1
  • 2. Objectif général Avoir une vue d’ensemble des technologies Web 2
  • 3. Objectifs opérationnels • Connaître le fonctionnement du modèle Client-Serveur • Connaître le rôle des langages Web côté client • Connaître le rôle des langages Web côté serveur • Connaître la communication entre un client Web et les trois serveurs (Web, application et données) 3
  • 4. Sommaire 1) Modèle Client-Serveur a) Présentation b) Fonctionnement c) Exemples 2) World Wide Web a) Présentation b) Langages côté client c) Langages côté serveur d) Communication client-serveurs 4
  • 5. Modèle Client-Serveur Présentation • Le mode de fonctionnement des principaux services d’Internet est le modèle client-serveur • Modèle client-serveur = un logiciel (serveur) partage des ressources avec d'autres logiciels (clients) consommateurs 5 • Logiciel client – localisé dans la machine (ordinateur ou smartphone) de l’internaute – permet d’envoyer une requête au serveur – interprète une ressource reçue du serveur – connecté sur Internet, au besoin • Logiciel serveur – localisé dans une machine distante – possède les ressources souhaitées par les clients – répond aux requêtes de tout client – connecté, en permanence (24/7), sur Internet
  • 6. Modèle Client-Serveur Fonctionnement • Dialogue client-serveur (cas où le client a besoin d’une ressource): 1) le client envoie une requête au serveur initialisant ainsi la connexion ; 2) le serveur cherche ou génère la ressource demandée ; 3) le serveur envoie la ressource au client ; 4) le client ferme éventuellement la connexion et laisse l'utilisateur consulter la ressource localement. • Tout client doit expliciter sa requête avec l'adresse de la ressource ou URL (Uniform Ressource Location) de la forme : protocole://adresseDuServeur[:numéroDuPort]/cheminDeLaRessource Exemples d’URL : http:// 213.154.80.147:80/technicien.html ftp:// ftp.adobe.com mailto:toto@mailserver.com exception à la règle 6
  • 7. Modèle Client-Serveur Exemples Service Clients Serveurs E-mail Outlook, Thunderbird, … Sendmail, Cyrus, Zimbra, … Transfert de fichiers Filezilla, CuteFTP, … FileZilla Server, Titan FTP Server, … WWW Chrome, Internet Explorer, Firefox, … Apache, Nginx, IIS, … 7
  • 8. Sir Tim Berner Lee World Wide Web Présentation • Le Web est créé par Sir Tim Berner Lee du CERN (Centre Européen de Recherche Nucléaire) • Techniquement, le Web est un ensemble de serveurs proposant des documents accessibles via un protocole appelé HTTP (HyperText Transfer Protocol). • Un serveur Web met à disposition des utilisateurs de clients Web (ou navigateurs) des documents de tous types : textes, images, sons, animations, etc. • Le serveur Web envoie du code HTML (Hyper Text Markup language) au client Web qui l’interprète pour l’utilisateur humain. 8 • Le WWW (World Wide Web) est né en 1989 pour faciliter l’échange d’informations entre chercheurs à l’échelle mondiale
  • 9. World Wide Web Langages côté client – plat de resto 9 Contenus du plat : • nature ? • disposition ? • comportement ?