1

Internet

Dessine moi Internet

- Février 2005 -

2

Naissance d’Internet

Dans un contexte historique de guerre froide le ministère américain de la Défense met en place l’ARPA dont l’objectif est de renforcer les développements scientifiques susceptibles d'être utilisés à des fins militaires

Un réseau distribué d'ordinateurs : APRANET est mis en place dans les années 60

3

Le réseau ARPANET

ARPANET: un réseau pour connecter différents sites informatiques

Un objectif: rendre ce réseau insensible à la destruction de l’un de ses nœuds

4

Le réseau ARPANET - suite

Quelques caractéristiques d’ARPANET: Permet à des ordinateurs de types différents de communiquer Les données sont échangées par paquets Les données allant d’un ordinateur A à un ordinateur B peuvent

prendre plusieurs chemins Une seule norme de communication: IP

Une autre utilisation de la technologie ARPANET: NSFNET Utilisée par les universités pour échanger des données dans les

années 80

5

Interconnexion: Internet

La connexion des différents réseaux donne naissance à Internet "Interconnected Networks"

Internet va connaître un succès fulgurant

Un trafic important… Des millions de machines sont connectées Des tera-octets de données sont échangés chaque jour

…Et des écarts importants 45% du trafic mondial provient des Etats-Unis 5% du trafic provient d’Allemagne

6

Protocole Internet (IP)

Comment échanger des données entre un ordinateur A et un ordinateur B?

aussi simple qu’une lettre à la poste! Une adresse unique pour A et pour B

Numérique (exemple: 134.206.11.15) Nom associé (exemple: chimay.lifl.fr) Le lien adresse IP/nom est conservé dans des serveurs DNS

« poster » des petits paquets de données Contient l’adresse de l’expéditeur et du destinataire Chaque paquet peut emprunter un chemin différent Un paquet peut même se perdre

7

Adressage IP (v4) On nomme adresse IP l’adresse codée sur 4 octets

Exemple 134.206.11.15

Certaines adresses sont réservées Pour les réseaux privés Pour les masques réseaux …

Il existe des classes d’adresses Classe C: choix sur le dernier octet

194.206.13.* Classe B: choix sur les deux derniers octets

134.206.*.*

8

Adressage IP: nom d’hôte

Il est plus facile pour les êtres humains que nous sommes de retenir des noms ayant une signification plutôt qu’une suite de nombres!

On associe à une adresse IP un nom de machine 134.206.11.15 = chimay.lifl.fr

Il existe une hiérarchie de domaine pour les noms frliflchimay

La résolution de nom se fait grâce à des serveurs de résolution de nom: les serveurs DNS Ces serveurs conservent des tables d’association nom/IP

9

Contrôle des échanges: Protocole TCP

Comment communiquer normalement si des paquets peuvent se perdre? Contrôler que chaque paquet est arrivé à son destinataire En cas de perte d’un paquet: réexpédier

TCP = Transfert Control Protocole Couche au dessus de IP Analogie: correspondance écrite

As tu reçu ma lettre du 12 décembre? Non, j’attends une nouvelle copie de cette lettre

Il existe d’autres protocoles (UDP…)

10

Une couche de plus au-dessus de TCP/IP? Chaque application a des besoins différents en termes d’échanges de

données Echange de mail Consultation de page Web Téléchargement de fichiers

Il existe différents protocoles qui standardisent les échanges pour ces différentes applications: POP, IMAP, STMP pour les mails HTTP pour le Web,… FTP pour l’échange des fichiers

Ils utilisent des canaux TCP différents: les ports HTTP: port 80

11

Les e-mails

Les e-mails (electronic mail) ou mél en français sont les équivalents électroniques des courriers postaux

C’est un des services les plus utilisés sur Internet

Il permet d’envoyer des messages sous format texte

Les adresses mail ont la forme suivante: Login@serveur Exemple: defrance@lifl.fr

12

Les e-mails (2)

Un e-mail est constitué:

d’une enveloppe

et d’un contenu (en-tête et corps du message) L’en-tête contient entre autre les champs suivants:

From: expéditeur To: destinataire(s) Cc: destinataires secondaires Bcc: destinataires secondaires cachés

13

Echange de mails

Différents protocoles sont utilisés pour envoyer/recevoir les mails

Le protocole SMTP (Simple Mail Transfert Protocole) permet l’envoi de mails Entre serveurs Du client au serveur

Le protocole POP (Post Office Protocol) permet à un client de recevoir des mails d’un serveur

Le protocole SMTP (Internet Message Access Protocol) permet de consulter les mails à distance (sans avoir à les télécharger)

14

Le World Wide Web

15

Le World Wide Web Quelques définitions:

« A system of Internet servers that support specially formatted documents » « The complete set of documents residing on all Internet servers that use the

HTTP (Hyper Text Transfert Protocol) protocol, accessible to users via a simple point-and-click system »

Les pages Web comportent des liens vers d’autres documents: les hyperliens

On utilise des navigateurs pour visionner ces pages Microsoft Internet Explorer mozilla.org Firefox Apple Safari

16

Une page Web? Une page Web telle que celle affichée par un navigateur

nécessite différents fichiers: De l’hypertexte:

Fichiers HTML (Hyper Text Markup Language) Fichiers XML

Des images: Fichiers JPEG Fichiers GIF Fichiers PNG

Une feuille de style Fichiers CSS

17

HTML: intérêts et limites

HTML est un langage permettant de formater des documents hypertextes

HTML mélange le contenu et sa mise en forme

Mais progressivement (au fil des normes) la mise en forme est déportée vers des feuilles de styles…

La dernière norme XHTML 1.1 se rapproche du langage de structuration de données: XML

18

HTML: Le langage

Un document HTML est un document texte structuré par des éléments

Un élément est délimité par une balise ouvrante et une balise fermante

Une balise possède un nom encadré par des chevrons Balise ouvrante: <p> Balise fermante: </p>

Une balise peut posséder des attributs: Dans la balise ouvrante: nom_attribut = « valeur » Exemple: <ol start=« 1 »>

19

HTML: Le langage (2)

Un document possède une structure hiérarchique Les éléments se suivent (frères):

<p>paragraphe1</p><p>paragraphe2</p> Ou sont imbriqués (fils) <p> <b>texte</b> </p>

On peut représenter la structure d’une page sous forme d’arbre dont les éléments sont des noeuds:

<p>

<b> et

pomme

<b>

orange

<p>

<b>pomme</b>

et

<b>orange</b>

</p>

20

HTML: Le langage (3)

Il existe un grand nombre de balises permettant de: structurer le contenu

<h1> <p> <a>

Et de le mettre en forme <b> <i>

21

HTML: un exemple<html>

<head>

<title>titre de ma page</title>

</head>

<body>

<h1>Première section</h1>

<p>

Un paragraphe

</p>

</body>

</html>

22

Exemple visionné dans un navigateur

23

HTML: structure d’une page

Une page possède une racine : balise <html>

Une page doit posséder: Un en-tête: <head> Et un corps: <body>

<html>

<head> <body>

<html>

<head>

</head>

<body>

</body>

</html>

24

En-tête d’une page HTML

L’en-tête d’un document HTML contient son titre, des informations sur son style, des informations pour les moteurs de recherche,…

Eléments de l’en-tête: Le titre de la page : <title> Une feuille de style: <style>

<html>

<head>

<title>titre de ma page</title>

</head>

</html>

25

Corps d’une page HTML

Le corps du document contient le contenu et sa mise en forme

Les données sont structurées en: Sections <h1> Sous-sections <h2>, <h3>, … Paragraphes <p> Listes <ul> Tableaux <table>

26

HTML: Les listes Liste non ordonnée

Création d’une liste: élément <ul> (unordered list)

Un objet de la liste est défini par <il> (list item)

Liste ordonnée Création d’une liste: élément <ol>

(ordered list) Un objet de la liste est défini par

<il> (list item)

<ul>

<li>un élément</li>

<li>un autre élément</li>

</ul>

<ol>

<li>premier élément</li>

<li>deuxième élément</li>

</ol>

27

HTML: Les tableaux

Un tableau est défini par l’élément <table>

Il est structuré en lignes: <tr> (table row)

Puis chaque ligne est divisée en cellules: <td> (table data)

<table>

<tr>

<td>case 1</td>

<td>case 2</td>

<tr>

</table>

Case 1 Case 2

28

HTML: Les tableaux (2)

Il est possible de fusionner des cellules en utilisant les attributs colspan et rowspan de la balise <td> Colspan=« 2 » étendre sur 2 colonnes Rowspan=« 2 » étendre sur 2 lignes

<table>

<tr>

<td colspan=« 2 »>case 1</td>

</tr>

<tr>

<td>case 2</td>

<td>case 3</td>

<tr>

</table>

Case1

Case2 case3

29

HTML: Les liens

Pour faire référence à d’autres pages ou documents on utilise les liens Balise <a> Attribut href: adresse du lien Exemple: <a href=« page2.html »>mon lien</a>

30

Recherche d’informations

Utilisation des moteurs de recherche

31

Recherche d’informations sur Internet

Une première étape indispensable: la définition du sujet Il faut définir les mots clés qui qualifient le sujet Pour cela on répondra aux questions: qui, quoi, comment…

Deuxième étape: choisir des outils adaptés pour effectuer sa recherche Moteur général de type Google Moteur spécialisé …

32

Moteurs de recherche et annuaires

Pour rechercher des informations sur Internet il est possible d’utiliser: Moteurs de recherche qui indexent de manière automatique les

documents Alltheweb www.alltheweb.com Google www.google.fr

Des annuaires résultant souvent de l’indexation par des humains Yahoo www.yahoo.fr

33

Utilisation des moteurs de recherche

Afin d’effectuer des recherches précises ou complexes il est possible d’utiliser des requêtes structurées

Pour cela les opérateurs booléens suivants sont disponibles NOT pour exclure certains termes AND pour associer plusieurs termes OR lorsque différents termes sont synonymes

On pourra également utiliser les parenthèses pour modifier les priorités de l’évaluation de la requête

En utilisant la liste de mots clés établie précédemment on construit alors sa requête (DNA OR ADN) AND regulation

34

Moteur de recherche: le cas Google

Google est le moteur de recherche actuellement (2005) le plus utilisé

65% des recherches effectuées sur Internet (en France) utilisent Google

Une grande part des visiteurs d’un site sont passés par Google pour le trouver

35

Utilisation de Google: quelques chiffres www.revue-referencement.com/ Utilisation des principaux sites

Google en France

Les recherches précisant un pays pour les contenus

36

Utilisation de Google: quelques chiffres (2) Classement en fonction du nombre de

mots utilisés par recherche

Classement en fonction de la page contenant la réponse choisie par l'internaute

37

Effectuer une recherche sur Google: opérateurs booléens

Google utilise l’inclusion automatique de l’opérateur AND « dna regulation » est équivalent à dna AND regulation

L’operateur OU se note OR (en majuscule)

Pas de négation d’un terme (pas de NOT) Mais négation d’un mot possible: utiliser un - devant le mot Le - doit être collé au mot et précédé d’un espace Adn -dna

38

Recherche sur Google: un peu plus

La casse des mots (majuscule/minuscule) n’est pas prise en compte

Les accents ne sont pas pris en compte par défaut Mais on peut utiliser le signe + pour forcer la prise en compte des

accents

Les mots courts et le bruit (le, les, …) sont ignorés Mais on peut utiliser le signe + pour forcer la prise en compte de ces

mots

Il est possible de rechercher des expressions en utilisant les guillemets Par exemple en utilisant le titre d’un livre « adn mots et modèles »