La technologie du Web

1. La technologie du Web Benoît Girard Direction des inforoutes et de l’information documentaire Ministère des Relations avec les citoyens et de l’Immigration benoit.girard@gouv.qc.ca Association pour l'avancement des sciences et des techniques de la documentation 7 novembre 2001

2. Le Web, « c’est pas sorcier! » • Il n’y a pas de technologies compliquées; • Il n’y a que des technologies mal expliquées!

3. Le Web, « c’est pas sorcier! » • Il n’y a pas de technologies compliquées; • Il n’y a que des technologies mal expliquées! • Adoptons une approche « tabula rasa ».

4. Qu’est-ce qu’Internet? • On compare souvent Internet à une « autoroute »;

5. Qu’est-ce qu’Internet? • On compare souvent Internet à une « autoroute »; • Je préfère le comparer au réseau téléphonique;

6. Comme pour le téléphone… • Chaque abonné est muni d’un numéro unique permettant de le joindre. • On appelle ce numéro « l’adresse IP » : • Pour Vidéotron, par exemple, c’est 205.151.222.250

7. Comme pour le téléphone… • Chaque abonné est identifié par une adresse unique; • Dans Internet, c’est « le nom de domaine » : • Deux exemples connus : videotron.ca et sympatico.ca

8. Comme pour le téléphone… • On a senti le besoin de créer un bottin dans lequel chaque nom de domaine a une adresse IP correspondante : • Dans Internet, ce bottin s’appelle « DNS » pour Domain Name Service.

9. Contrairement au téléphone... • Internet est un réseau digital, cela permet de le partager.

10. L’architecture du Web – 1 Internet est l’assise matérielle du Web Le réseau matériel d’Internet

11. Le protocole TCP/IP • L’infrastructure matérielle n’a qu’un seul intérêt : celui de permettre le fonctionnement du protocole TCP/IP; • À bien des égards, le TCP/IP est l’Internet.

12. Le protocole TCP/IP • L’infrastructure matérielle n’a qu’un seul intérêt : celui de permettre le fonctionnement du protocole TCP/IP; • À bien des égards, le TCP/IP estl’Internet. • Mais qu’est-ce qu’un protocole?

13. La notion de protocole • Un code de conduite permettant la coordination harmonieuse des comportements (Le code de la route); ou encore • Une langue qui partagée permet de communiquer (le français ou l’anglais).

14. Le protocole TCP/IP • …est le code ou la langue qui permet aux ordinateurs du monde entier d’entrer en communication les uns avec les autres et d’échanger de l’information… • …quel que soit leur fabricant, leur modèle ou leur système d’exploitation.

15. L’architecture du Web – 2 Le protocole TCP/IP permet aux ordinateurs du réseau de communiquer TCP/IP Le réseau matériel d’Internet

16. L’architecture du Web – 3 Nous utilisons l’infrastructure pour créer un grand nombre de services distincts. ICQ @ FTP WEB Napster Usenet Etc. TCP/IP Le réseau matériel d’Internet

17. Les services Internet... • Ils apparaissent quand on définit leur protocole; • Ils s’animent quand on les adopte et qu’on s’en sert; • Le protocole estle service – Le service est le protocole; • Le reste n’est qu’affaire d’implantation spécifique.

18. L’exemple de « Napster » Napster Listes de MP3 Amateurs de musique

19. Les protocoles « Peer-to-Peer »

20. Napster est un protocole de type « client-serveur » Serveur Clients

21. Passons maintenant au Web World Wide Web ICQ @ FTP Napster Usenet Etc. TCP/IP Le réseau matériel d’Internet

22. Le protocole HTTP • Le Web repose sur le protocle HTTP; • C’est une application de type « client-serveur »; • Le client est votre fureteur préféré, Internet Explorer ou le Navigateur de Netscape; • Le serveur est le logiciel qui vous accueille quand vous naviguez : • Par exemple IIS de Microsoft ou Apache  sous Unix.

23. Sous le capot... <a href="index0928.shtml">Du 28 septembre au 5 octobre 2001</a>

24. Une requête HTTPSchéma de base Serveur Requête Client Nom du fichier, adresse IP, types MIME, modèle du fureteur, etc Date et heure Log Document HTML Réponse

25. L’architecture du Web – 4 Le protocole HTTP est le fondement du Web. Web Autres services Internet HTTP TCP/IP Le réseau matériel d’Internet

26. Les caractéristiques fondamentales du Web • Adressage universel; • Système d’hyperliens; • Langage commun.

27. Le fureteur « interprète » le code HTML Serveur Client Nom du fichier, adresse IP, types MIME, modèle du fureteur, etc. Date et heure Log Document HTML

28. Une page de code HTML

29. La page, telle qu’interprétée par le fureteur

30. Un fragment de code HTML et son interprétation<font size=+3> Bienvenue à <u>chacun</u> et à <u>chacune</u> d’entre vous! </font>Bienvenue à chacun et à chacune d’entre vous!

31. L’« interprétation » sert l’objectif d’universalité Serveur PC HTML identique MAC Date et heure Log Linux

32. L’architecture du Web – 5 Le HTML est le langage des documents du Web Web HTML HTTP TCP/IP Le réseau matériel d’Internet

33. Le Web a évolué très rapidement • Le matériel d’ordinateur s’est standardisé;

34. Le Web a évolué très rapidement • Le matériel d’ordinateur s’est standardisé; • Les pressions se sont faites nombreuses pour : • contrôler l’apparence des pages Web.

35. La feuille de styleou CSS – Cascading Style Sheet Page html (contenu pur) Page html (contenu pur) Pages html (contenu pur) Feuille de style Définitions de l’apparence Application

36. L’utilité des feuilles de style • Elles améliorent la précision des commandes au fureteur ayant trait au : • contrôle de l’apparence des éléments; • contrôle du positionnement des éléments d’une page; • contrôle de la superposition des éléments; • Elles facilitent l’entretien des sites; • Elles permettent l’adaptation aux médias de diffusion les plus différents.

37. Les feuilles de style peuvent être développées pour plusieurs médias • L’écran; • Le braille; • La synthèse vocale; • L’ordinateur de poche; • L’imprimante; • L’écran de télévision; • Etc.

38. L’architecture du Web – 6 Web CSS – Feuilles de style HTML HTTP TCP/IP Le réseau matériel d’Internet

39. Le Web a évoluétrès rapidement • Le matériel d’ordinateur s’est standardisé; • Les pressions se sont faites nombreuses pour : • contrôler l’apparence des pages Web; • ajouter des possibilités au Web : • le son, l’animation et le vidéo : le multimédia.

40. Le multimédia créedes problèmes • Il surcharge le réseau; • Il rend précaire un protocole qui n’a jamais été conçu pour ce genre de prestation.

41. Le Web a évolué très rapidement • Le matériel d’ordinateur s’est standardisé; • Les pressions se sont faites nombreuses pour : • contrôler l’apparence des pages Web; • ajouter des possibilités au Web : • le son, l’animation et le vidéo : le multimédia • la programmation des pages Web.

42. L’animation intelligente : le javascript HTML Javascript

43. Grâce au DOM,le javascript est très flexible • De l’affichage d’un sous-menu quand la souris passe devant la zone du menu principal; • À la validation d’un questionnaire avant son expédition; • Le javascript permet, à peu de frais, l’animation des pages Web en plus de rendre de nombreux autres services.

44. L’architecture du Web – 7 Web Javascript DOM CSS –Feuilles de style HTML HTTP TCP/IP Le réseau matériel d’Internet

45. L’architecture du Web – 8 Web Java Javascript JScript VBScript DOM CSS – Feuilles de style HTML HTTP TCP/IP Le réseau matériel d’Internet

46. Le Web a évolué très rapidement • Le matériel d’ordinateur s’est standardisé; • Les pressions se sont faites nombreuses pour : • contrôler l’apparence des pages Web; • ajouter des possibilités au Web : • le son, l’animation et le vidéo : le multimédia; • la programmation des pages Web; • l’interactivité.

47. L’interactivité : la plus belle promesse du Web • L ’interactivité rend possible le commerce électronique; • ...et, en milieu gouvernemental, la prestation électronique de services.

48. Sites web « statiques » et « dynamiques » • L’interactivité du Web repose sur la capacité « dynamique » du protocole HTTP; • Commençons donc par établir la distinction entre sites Web « statiques » et sites Web « dynamiques ».

49. Le site Web « statique » Serveur Tous les documents sont dans le serveur Requête pour un fichier html Document réclamé .html

50. Le site « dynamique » Le programme utilise l’information brute d’une base de données, pour composer une page HTML ad hoc qui sera envoyée au requérant Requête pour un fichier .asp ou. php Document réclamé .html