Le Téléphone Russe Le Téléphone Russe
Réseaux Locaux TCP / IP Modem Model OSI Rappel Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur Numérique Rappel Réseaux Locaux TCP / IP Modem Model OSI
Réseaux Locaux Internet Applications Le Web Transition Application Présentation Session Transport Réseau Données Physique Emetteur Récepteur P S T N D Transition Réseaux Locaux Internet Applications Le Web
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 Action
Architecture Client-Serveur Réponse Client Serveur TCP/IP Requête 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 Architecture Client-Serveur
Application du client-serveur au Web (Navigat.) Application Client = Navigateur Netscape, Internet Explorer, Lynx, Opera, Mosaic... Fonctionnalités communes & Plug-in, Langages En local ou En réseau
Application du client-serveur au Web (HTTPD) Navig. Serveur Web Requête Réponse Pages Web Application du client-serveur au Web (HTTPD) Protocole : (HyperText Transfer Protocol) Serveur : HTTPD (Démon HTTP) Pages Web Multi-connexion
Uniform Resource Locator Repérer une page, une image… ? URL : Uniform/Universal Resource Locator Plusieurs types : forme complexe Service Utilisateur Mot de passe Serveur Port Chemin Uniform Resource Locator <Service>:[//][Nom][:Pass][@]<serveur>:<port>/<chemin>
Uniform Resource Locator : Cas du Web http://www.u-mars.fr/Actualites/index.html <Protocole>://<serveur>:[port]/<chemin> https://192.54.152.134/listing/code.html Uniform Resource Locator : Cas du Web Minuscules & chiffres Séparateurs : / . # Séparateur particulier : ? http://fr.search.yahoo.com/search/fr?p=vin Problème de maintenance
Hypertexte et Topologie 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 Hypertexte et Topologie du Web
Hypertexte et Topologie du Web (dessin) Serveur Web Pages Web Liens bidirectionnels Physiques Internet Liens unidirectionnels Logiques hypertexte Hypertexte et Topologie du Web (dessin)
Technologies du Web : HTTP 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 Technologies du Web : HTTP GET cv.html Content-Type: text/html If-Modified-Since: 31 Jul 1999 12:30:00 From: Fabien Gandon <Fabien.Gandon@sophia.inria.fr>
Technologies du Web : HTML (texte) HyperText Markup Language (2.0/3.2) Page Web = Fichier Texte = Portabilité Balise : mot clef/commande désignant l ’effet exemple : 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 Technologies du Web : HTML (texte)
Technologies du Web : HTML (exemples) Balisage Exemple: Je suis un étudiant de MASS première année Code: Je suis un <I>étudiant</I> de MASS première année Technologies du Web : HTML (exemples) Attributs Exemple: petit <FONT SIZE+=2>grand</FONT> petit Résultat: petit grand petit
Technologies du Web : HTML (liens) 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 Technologies du Web : HTML (liens) Rappel : problème de maintenance URL
Technologies du Web : HTML (minimum) Fichier Minimum <HTML> <HEAD> <TITLE> Document bonjour </TITLE> </HEAD> <BODY> Bonjour. </BODY> </HTML> Technologies du Web : HTML (minimum)
Technologies du Web : HTML (conclusion) HTML Langage programmation Java, javascript, CGI,… HTML Langage compilé Interprétation au vol du navigateur Editeurs HTML Moins fastidieux Plus limité Technologies du Web : HTML (conclusion)
Demo Démonstration
Questions ? Questions
Bon Week-End Ciao