Internet & Web

Oussama DARDARY

ENS - MEKNES
 WORLD WIDE WEB

NAISSANCE DU WEB (1989-1991)

HISTORIQUE DU WEB

WEB 2.0

POPULARITÉ DU WEB

USAGES DU WEB (2008)

2
Comment marche internet ?

3
 Comment marche Internet ?

 Internet est la mise en réseau de ces grands réseaux

 Il n’est pas possible de se connecter directement sur

internet
 Un réseau de réseaux de réseaux de …

 Des grandes institutions possèdent leur réseau

 Les gouvernements
 Les hébergeurs de site
…

4
 Principe d’internet

 Interconnexion de réseau
 Un réseau doit pouvoir dire si il possède un site, et si
oui, où le trouver
 Un réseau doit pouvoir demander un service à un
autre réseau

 Utilisation de serveur de Nom de domaines (DNS)

 Table associant le nom du site avec une adresse IP
 Adresse IP : même principe qu’une adresse postale

5
Principe d’internet

6
 Les DNS

 Comparaison avec des hôtels

 Un réseau est représenté par un hôtel
 Chaque chambre contient un site
 Le maitre d’hôtel possède un livre qui associe le nom
d’un client à son numéro de chambre
 On souhaite dire bonjour à [Link]
 On se rend à l’hôtel .com
 On demande au maître d’hôtel dans quelle chambre se
trouve google (qui nous répond [Link])
 On va à la chambre [Link] (en demandant
notre chemin aux grooms (les routeurs))

7
 Les DNS

 Il existe des hôtels imbriqués :

 [Link]
 Hôtel .fr
 Hôtel .free
 Chambre uml

 Permet de déléguer le travail :

 On demande au DNS des .fr où se trouve free
 On demande à free où se trouve uml

8
Fonctionnement d’un serveur

Aller sur
[Link]/[Link]

Navigateur [Link] ?
Web Serveur Web

Ordinateur [Link]
Client Ordinateur
IP Serveur ([Link])
Qui est [Link]
[Link]

9
 Comment se raccorder à Internet ?

• Pour raccorder votre box et vos

différents appareils : ordinateur, télévision,
téléphone, dans votre maison, suivez ce plan :
 World Wide Web

 Principe original : accéder à des documents textuels

 situés sur des machines accessibles par Internet

 reliés entre eux par un mécanisme de lien « hypertexte »

 Actuellement : servir des ressources
 De différentes natures : texte, image, son, vidéo, contenu
applicatif…
 Hypermédia
 Interactives
 Permettant à l’utilisateur d’accéder à un service donné :
rechercher de l’information, acheter un objet, accéder à ses
mails, consulter ses comptes en banque…

1
 Genèse du Web : la notion d’hypertexte

 Principe
 S’abstraire de l’aspect linéaire du document textuel
 Mécanisme intellectuel permettant le cheminement d’une information
à une autre  navigation, butinage, transclusion
Historique
 1945 : invention de la notion d’hypertexte
 Vannevar Bush, As We may think, Atlantic Monthly, 1945
 1965 : invention du terme d’hypertexte
 Ted Nelson, projet Xanadu
 Années 1960 : premier système hypertexte fonctionnel
 NLS (oNLine System), Douglas Englebart
 1987-2004 : diffusion du logiciel HyperCard
 Programme et environnement graphique de programmation, créé par
Bill Atkinson pour Mac OS, livré avec les Mac
 1987 : première conférence HyperText
 Sponsorisée par l’ACM
1
 Naissance du Web (1989-1991)
 Mars 89 : projet de création d’un hypertexte documentaire distribué
sur le réseau du CERN
 Origine : Tim Berners-Lee, puis Robert Cailliau (1990)
 Choix des technologies TCP/IP et ouverture de la première connexion
du CERN avec Internet
 Mise au point des 3 technologies de base du Web : URL, HTML et
HTTP
 Septembre 90 : 1er site Web fonctionnel (mode texte)
 1er serveur Web : [Link]
 1er navigateur Web : WorldWideWeb (rebaptisé
plus tard Nexus), développé en Objective C
 Août 1991 : publication du projet WorldWideWeb dans un message
sur UseNet

 Décembre 91 : démonstration publique Le premier serveur Web,

un NeXT Cube
à la conférence Hypertext'91 (San Antonio) (source : Wikipédia)
1
 Historique du Web
 1993 : Mosaic : premier navigateur « grand public » Nombre de sites référencés
 Marc Andreessen, NCSA : plateformes X, puis Mac et Windows
 affichage d’images (GIF et XBM) dans les pages Web 1990 : 1 (CERN)
 prise en charge de formulaires interactifs
 01/10/1994 : création du W3C 1991 : premier site hors
 à l’initiative du CERN (Genève) et du MIT (Boston)) d’Europe (SLAC, Stanford)
 président : Tim Berners-Lee
 but : standardisation et développement du Web 1992 : 26
 1994 : Apparition des navigateurs privés Juin 1993 : 130
 M. Andreessen crée Netscape Communications Corp.
 1995 : Microsoft lance la « guerre des navigateurs » Juin 1994 : 2738
 Apparition d’Internet Explorer pour Windows 95
 1995 : Altavista : premier « gros » moteur de recherche Juin 1995 : 23 500
 1996 : Navigateur Opera
 1998 : Apparition de Google Janvier 1996 : ~ 100 000
 2003 : Apple lance Safari Avril 1997 : > 1 million
 2004 : Première version de Mozilla Firefox
 2004 : première conférence « Web 2.0 » Février 2000 : > 11 millions
 2008 : Google lance Google Chrome
 Actuellement : explosion du Web mobile Février 2007 : > 100 millions
 En cours de développement : Web sémantique, de données, des
objets… Février 2009 : ~ 216 millions

1
 Le Web : première définition

 World Wide Web (WWW, Toile)

 Définition
 ensemble de données disponibles sur les serveurs accessibles
par Internet
 pouvant être visualisées et/ou utilisées avec un navigateur Web
 regroupées sous forme de pages et de sites
 Rappel : Web  Internet
 Internet = support de communication

 Web = une partie des contenus circulant sur l’Internet

1
 Page Web

 Une page Web, c’est

 un document multimédia
 textes, images, vidéo…
 possibilité d’interaction
 liens hypertextes
 décrit élément par élément
 titre, morceaux de texte, images...
 avec un langage de description
 HTML (1992) ou XHTML (2002)
 stocké dans un fichier
 .html (ou .htm, .xhtml)
 Une page Web
 est calculée et affichée par un navigateur
 est localisée sur Internet à l’aide d’une adresse (URL)
 permet d’accéder à d’autres pages en suivant des liens
1
 Le « Web 2.0 »
 Principe du Web « classique »
 ce sont les organisations qui détiennent des sites qui décident de l’information
qui y figure
 Communication de type « one-to-many » (= diffusion)
 Principe du « Web 2.0 »
 donner le contrôle de l’information aux utilisateurs
 faire émerger des « réseaux sociaux »
 chacun peut déposer des contenus
 pour donner son avis sur un sujet donné (blogs)
 pour partager ses documents (images, vidéos…)
 pour étiqueter (« tagger ») des contenus existants
 Aspects techniques
outils (protocoles, clients, serveurs) identiques à ceux du Web classique
 nécessite plus de puissance de calcul (pages dynamiques)
 nécessite plus d’espace de stockage (contenus envoyés par les utilisateurs)
 Exemples de sites « Web 2.0 »
 Wikipédia, [Link], Technorati, Flickr, Picasa Web album, Dailymotion,
YouTube, Kartoo…
17
 Popularité du Web

 Pour l’internaute
 Accessibilité « world-wide »

 Interfaces graphiques conviviales

 Interactivité et richesse des services
 Grande quantité d'informations disponibles (Web « 1.0 »)
 Possibilité de contribuer en tant qu’utilisateur (Web « 2.0 »)
 Pour le développeur
 Simplicité des développements (technologies de base…)
 Liens avec les outils applicatifs installés sur le serveur (shell,
Perl, Java…)
 Indépendance par rapport aux plateformes des clients
18
 Usages du Web (2008)

 Consultation simple (Web 1.0)

 Navigation
 Recherche d’informations
 Divertissement
 TV, radio, musique, vidéo en ligne
 Information
 Jeux
 Communication
 Asynchrone (Webmail)
 Synchrone (Web chat, Webconférence)
 Web 2.0
 Travail collaboratif : partage / édition de documents sur des intranets
 Autres sites participatif (blogs…)
 Réseaux sociaux
 Consommation de services
 Sites marchands, enchères
 Autres services en ligne : banque, administration…

Sources : Journal du Net ([Link]

Ipsos ([Link] Carrefour Numérique ([Link]
19
 Répartition des clients (2011)
Internet
Source Firefox Chrome Safari Opera * Mobile Unknown
Explorer

 Fixes Net Applications

52.7% 21.5% 13.5% 8.1% 2.9% 5.5%

StatCounter 42.5% 28.0% 22.1% 5.2% 1.7% 7.0%

W3Counter 35.6% 27.7% 19.6% 6.4% 2.3% 8.4%
Wikimedia * 36.8% 25.0% 16.8% 10.8% 4.2% 9.8%

(*) certaines sources comptent deux fois les navigateurs mobiles

Source : [Link]

20
 Source : [Link]
 Évolution des clients (2012)

 Google Chrome rattrape

Microsoft IE et double
Mozilla Firefox

Source :
[Link]
browser

21
 Répartition des clients (2012)

 Mobiles

22
 Source : [Link]
 Les 3 mécanismes de base du Web

 URL
 Le Web permet d’accéder à un ensemble de ressources
 Le mécanisme de localisation peut faire appel au protocole DNS
 HTTP
 Protocole de niveau applicatif
 Paradigme client-serveur
 Protocole sans état (pas de « mémoire » des transactions
précédentes)
 HTML
 Langage de description de « pages Web »
 Texte, images et autres objets
 Liens hypermédias entre les pages
 Programmation déclarative
23