La Toile ou World Wide Web ( Web)

1. La Toile ou World Wide Web ( Web) • Principe de Fonctionnement • Hypertext et Hypermédia • Utilisation du service • Aspects généraux • Les logiciels serveurs • Les logiciels clients • Langage Normalisé : HTML • Les générateurs HTML • les éditeurs • Perspectives

2. QU'EST CE QUE LE WEB ? • Une base de données et d'information mondiale universelle reliée entre elles à travers les réseaux informatiques • World-Wide Web (Web) date de mars 1989 • "Wide-area hypermedia information retrieval initiative aiming to give universal access to a large universel documents" • Hypertext étendu aux réseaux informatiques • Grande variété de documents • Interfaces clientes conviviales Réseau hypermédia réparti • Intègre les autres serveurs Information

3. Protocole HTTP • Hypertext Transmission Protocol (HTTP) • Dialogue entre un client et un serveur Web • Etablissement de la connexion • Le serveur cherche un document • Le serveur fournit ou non le document demandé • Fermeture de la connexion

4. Principede Fonctionnement • Modèle Client/serveur • Document est la plus petite unité fourni par le serveur • Réponse à une requête du client • Serveur Web • Programme qui tourne sur un ordinateur (Unix le plus souvent) • Réception des requêtes • Transmet documents à d'autres ordinateurs • Client Web (nagigateur) • Programme qui permet à un utilisateur de soumettre des requêtes • Visualise les documents

5. Les outils navigateurs • La Navigation • Logiciels • Historique MOSAIC ( NCSA-Public) Lynx • NETSCAPE (4.7 ou 7.0) Licence gratuite Université/Recherche • Mozilla (Ouvert) • Firefox (ouvert le plus utilisé Université Recherche) • Safari (Mac OS X et Windows) • Internet Explorer (IE MS) Inclus dans Office • Fonctionnalités • Hypertexte + Hypermedia • Signets (Bookmarks) • Toute application doit fonctionner avec tous les navigateurs. • Nouvelles Fonctionnalités • Interface Coopératives

6. Hypertext • Un fichier Hypertext est un fichier de texte normal • Contient des parties de texte associé à des "liens" • - soit vers d'autres parties du document • - soit vers d'autres documents • Localisés sur le même ordinateur • Ou bien vers un autre document sur un autre ordinateur sur le réseau • Point de départ d'un lien vers une ressource

7. Hypermédia • Hypermédia contient hypertexte avec : • des sons • images • Vidéo:animations • Fichier hypermédia =>Liens avec d'autres documents • peuvent référencer d'autres documents • Langage standard HTML • dérivé de SGML • Indépendant des systèmes et machines • Langage de description • Balises • Liens Hypertext • Structure fichiers XML

8. HTML • HyperText Markup Language (HTML) • Un fichier HTML est un fichier Ascii texte • HTML utilise pour identifier un document : un localisateur • Uniform Resource Locator (URL) • Une URL se décompose de la manière suivante : • Un préfixe qui indique la méthode d'accès à utiliser • Un délimiteur ":/". • La localisation du document : en général le nom de la machine et chemin d'accès : • ex: http://www.med.univ-rennes1.fr/cerf/cerf.html

9. Protocoles et services • Méthode d'accès • Plusieurs protocoles d'accès à des documents • HTTP : pour les serveurs Web • FTP : pour les serveurs FTP anonymous • News : pour accéder à un serveur News • WAIS : pour les serveurs documentaire Wais • FILE : pour spécifier directement un fichier sur la machine locale ou sur un serveur FTP anonyme. • FEED : nouvelles en temps réel (fil RSS)

10. Logiciel navigateur client • Navigateurs (Browsers) • Netscape /Mozilla/Firefox Explorer Safari Camino • Disponibles sur Unix, PC Windows et Mac • Accès direct FTP, WAIS, NEWS, GOPHER ,TELNET • Images incrustées au format GIF, JPEG ,BMP…. • Possibilité de sauvegarder un document en : HTML, texte • Annotation de document

11. Logiciel navigateur • Possibilité de marques, ou "signets", (pour mes sites favoris) • Historique de la navigation • Images indexées • Formes (masques) de saisies • Fichiers images (GIF, JPEG,PNG,BMP…) • Logiciels externes +Prises Branchements (Plug in) • Audition de fichiers sons + video • Aide en ligne

12. Les Générateurs Editeurs HTML • Pour obtenir des Documents au format HTML • Logiciels publics soit • Pour convertir des documents existants • traducteurs • Pour éditer des documents HTML • PageSpinner • Dreamweaver • FrontPage • NVU • Plateformes • *Mac • *Windows • *Unix /linux

13. Les filtres et traducteurs • Plusieurs plus ou moins élaborés • Convertisseurs très puissants • Document Latex -> HTML • FrameMaker -> HTML • Fichiers simples ou Hypertextes ->HTML • Diaporamas • PPT->HTML Statique • Traitements de textes -> HTML • RTF (Rich Text Format)-> HTML • PDF -> HTML

14. Images réactives • Document visuel avec zones réactives • Schéma ou images, photo • Hypermédia • Zone réactive :Cercle, polygone, rectangle… • Le clic de souris dans zone envoie une requête document

15. Applications Multimédia • Multimédia • Logiciel Macromédia (Mac/PC) • DreamWeaver • Flash (animations) • Système Auteur Multimedia • acteurs + scénarios • Sons + video • Final Cut pro • Premiere • Animations • Classe Virtuelle (Adobe Connect) • Rich Media • Smile • Producer

16. Connection d'applications (plug-in) • Séquences Images • Quicktime : Produit Apple pour séquences vidéos • Sur Mac et PC • Plug in Quicktime sur navigateurs (Mozilla,Safari ..) • Real (Mac et PC) • Serveurs PC/linux et clients • Television …. • Windows Media player • Sur Pc et Mac

17. Virtual Reality Markup Language (VRML) • Permet de décrire des scènes 3-D • Indépendant des machines (PC, Mac ...) • Fonctionne sur tout serveur HTTP • VRML 3 D stocke coordonnées des objets + instructions de connexion des scènes • Graphe de scènes : collection de noeuds • Noeuds : objet typé cube, sphère ...

18. La Connexion Individuelle • Nécessité d'avoir au moins un modem a norme V34, de 28000 bit/s jusqu'à 56000 bit/s) …aujourdhui 3G • Logiciel navigateur client • Haut débit : ADSL (512,1 M,4, 8M.) • Coût • - Abonnement (variable suivant opérateurs) • - Une fois sur Internet c'est "gratuit"

19. Les Fournisseurs d'Accès Internet • En France • France Télecom Orange • Free,AOL,SFR,Tiscali ,… • Universités/Recherche en France • Renater • Infrastructures très hauts débits (Gigas) • Réseaux régionaux(Megalis en Bretagne) • Développement ENT (Environnement Numérique de Travail)

20. INTRANET • Technologies et outils Internet sur des réseaux internes (privés) ==> Intranet • En particulier, utilise les différents types de serveurs/clients d'Internet. • Similitude avec le téléphone : réseau interne et externe. • Mêmes lignes et outils • Peut utiliser des réseaux locaux (LAN) à haut débit en interne. • => maîtrise temps réponse • S'est développé avec le Web • Coût de développement minime • Interface Homme/Machine homogène

21. Problèmes de sécurité • Défaillance • Réseaux, serveurs, routeurs …. • Fraudes : • écoute, falsification document, "bombardement", • "pirates" : récupération info illicites • Attaques logicielles : "bombe" à retardement, virus qui se propagent • En fait, le plus grand nombre d'atteintes est souvent en interne: • mauvaise manipulation, panique, vengeance • Protections • Sécuriser les dossiers sensibles : mot de passe (changement), verrouillage • Audits réguliers • Encryptage des documents

22. Les Sécurités Intranet-Internet • Les murs pare-feux (fire wall) • Machine qui assure point de contrôle unique de tous les messages Intra-Inter • A l'extérieur du pare-feux : • Messagerie (SNMP), serveurs Web, News • Serveurs FTP, serveurs Telnet

23. La sécurité par le cryptage • Transformation contenu par un algorithme avec clé de cryptage (40 bits et plus) • Différents types de cryptage • Clé privée : • La même clé est utilisée pour crypter et décrypter. • Echangée en secret entre émetteur et destinataire. • Clé publique: • Sécurité distribuée (même clé pour encrypter) • On peut envoyer clés publiques à ses correspondants

24. La sécurité par le cryptage • Plusieurs algorithmes • IDEA (Inter Data Encryption Algorithm) • RSA (Rivest Shaw Adler) • DSS (Digital Signature Standard) • En France • cryptage autorisé sur réseau public (Opérateurs tiers de confiance ) • Cartes CPS (signature électronique):professionnels de Santé