Upload
lammert-sicard
View
113
Download
2
Embed Size (px)
Citation preview
Le Téléphone Russe
Rap
pel
Réseaux Locaux TCP / IP
Modem Model OSI
Internet
Connexiondirecte
Fournisseur d'accès
Modem
RéseauTéléphonique
Adaptateur
RéseauNumérique
Tra
nsit
ion
Réseaux Locaux
Application
Présentation
Session
Transport
Réseau
Données
Physique
Application
Présentation
Session
Transport
Réseau
Données
Physique
Emetteur Récepteur
Données Données
Données
Données
Données
Données
Données
Données
P
P
P
P
P
S
S
S
S
T
T
T
N
ND D
Internet Applications Le Web
Act
ion
Internet : principaux services Web & E-Mail
3W, WWW, World Wide Web, Web Bon démarrage Puissance d ’accès impressionnante Mais aussi participation illimitée
Connaître les techniques sous-jacentes
Action
Arc
hite
ctur
e C
lien
t-S
erve
ur
Serveur : Machine & Démon Client : Machine cliente & Logiciel Client Dialogue :
Connexion (TCP/IP) Requête (description service) Réponse (résultat / erreur) Fin de la connexion
ServeurClient
Requête
Réponse
TCP/IP
App
lica
tion
du
clie
nt-s
erve
ur a
u W
eb (
Nav
igat
.)
Application Client = NavigateurNetscape, Internet Explorer, Lynx, Opera, Mosaic...
Fonctionnalités communes & Plug-in, Langages
En local ou En réseau
Navig.
App
lica
tion
du
clie
nt-s
erve
ur a
u W
eb (
HT
TP
D)
Protocole : (HyperText Transfer Protocol) Serveur : HTTPD (Démon HTTP) Pages Web Multi-connexion
Navig.
ServeurWeb
Navig.
Requête
Réponse
Pages Web
Uni
form
Res
ourc
e L
ocat
or Repérer une page, une image… ? URL : Uniform/Universal Resource Locator Plusieurs types : forme complexe
Service Utilisateur Mot de passe Serveur Port Chemin
<Service>:[//][Nom][:Pass][@]<serveur>:<port>/<chemin>
Uni
form
Res
ourc
e L
ocat
or :
Cas
du
Web
Cas du Web
<Protocole>://<serveur>:[port]/<chemin>
http://www.u-mars.fr/Actualites/index.html
https://192.54.152.134/listing/code.html
Minuscules & chiffres Séparateurs : / . # Séparateur particulier : ?
http://fr.search.yahoo.com/search/fr?p=vin
Problème de maintenance
Hyp
erte
xte
et T
opol
ogie
du
Web
Hypertexte & Hypermédia texte, son, image, vidéo… dynamique & événementiel
Langage Utilisé : HTML Insertion de Liens utilisant URL
Topologie : Information distribuée même au sein d’une page Liens tous azimuts & Multiples chemins
Toile d ’araignée
Hyp
erte
xte
et T
opol
ogie
du
Web
(de
ssin
)
ServeurWeb
Pages Web
ServeurWeb
Pages Web
ServeurWeb
Pages Web
ServeurWeb
Pages Web
ServeurWeb
Pages Web
ServeurWeb
Pages Web
Liens bidirectionnels Physiques InternetLiens unidirectionnels Logiques hypertexte
Tec
hnol
ogie
s du
Web
: H
TT
P HyperText Transfer Protocol
Assurer le transfère des données hypermédia
Rappel le schéma de Dialogue Connexion (TCP/IP) (URL) Requête (description service) (HTTP & URL) Réponse (résultat / erreur) (HTTP) Fin de la connexion
GET cv.htmlContent-Type: text/htmlIf-Modified-Since: 31 Jul 1999 12:30:00From: Fabien Gandon <[email protected]>
Tec
hnol
ogie
s du
Web
: H
TM
L (
text
e) HyperText Markup Language (2.0/3.2) Page Web = Fichier Texte = Portabilité
Balise : mot clef/commande désignant l ’effetexemple : B pour Bold (gras)
Table pour Tableau
Balise : zone d ’influence Balise ouvrante <Mot_clef> : début de zone Balise fermante </Mot_clef> : fin de zone
Tec
hnol
ogie
s du
Web
: H
TM
L (
exem
ples
)
Exemple:
Je suis un étudiant de MASS première année
Code:
Je suis un <I>étudiant</I> de MASS première année
Attributs
Exemple:
petit <FONT SIZE+=2>grand</FONT> petit
Résultat:
petit grand petit
Balisage
Tec
hnol
ogie
s du
Web
: H
TM
L (
lien
s) En particulier : les liens
Exemple:
Je suis un étudiant de MASS première année
Code:
Je suis un étudiant de <A HREF="http://www.unice.fr/">
MASS</A> première année
Rappel : problème de maintenance URL
Tec
hnol
ogie
s du
Web
: H
TM
L (
min
imum
) Fichier Minimum
<HTML>
<HEAD>
<TITLE> Document bonjour </TITLE>
</HEAD>
<BODY>
Bonjour.
</BODY>
</HTML>
Tec
hnol
ogie
s du
Web
: H
TM
L (
conc
lusi
on)
HTML Langage programmationJava, javascript, CGI,…
HTML Langage compiléInterprétation au vol du navigateur
Editeurs HTML Moins fastidieux Plus limité
Dém
onst
rati
on
Que
stio
ns
Cia
o