La Toile ou World Wide Web ( Web)

Preview:

DESCRIPTION

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. QU'EST CE QUE LE WEB ?. - PowerPoint PPT Presentation

Citation preview

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

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

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

Principe de 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

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

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

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

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

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)

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

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

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

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

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

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

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

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 ...

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"

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)

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

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

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

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

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é

Recommended