Vous êtes sur la page 1sur 35

Cration de site web Rseaux et protocoles

Damien Nouvel

Rseaux et protocoles Plan

Les couches du rseau Suite de protocoles TCP/IP Protocoles applicatifs pour les sites web Requtes HTTP

Licence Math/Info - L1 Damien Nouvel

Cration de site web 2 / 35

Rseaux et protocoles Plan

Les couches du rseau Suite de protocoles TCP/IP Protocoles applicatifs pour les sites web Requtes HTTP

Licence Math/Info - L1 Damien Nouvel

Cration de site web 3 / 35

Rseaux et protocoles Les couches du rseau

Modle simple de la (tl)communication:


Tu as vu les L1 aujourd'hui ? Message Canal

metteur

Rcepteur

En ralit, videmment plus complexe:

Licence Math/Info - L1 Damien Nouvel

Cration de site web 4 / 35

Rseaux et protocoles Les couches du rseau

Ncessit de formaliser le modle

Interconnexion de systmes ouverts (canal bruit) Modle OSI (Open Systems Interconnection, 1980)

Spcification par couches (Pour Le Rseau Tout Se Passe Automatiquement) Application Prsentation Session Transport Rseau Liaison Physique Liaison Physique
Cration de site web 5 / 35

Application Prsentation Session Transport Rseau Liaison Physique

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Les couches du rseau

Modle OSI

Application (DNS, DHCP HTTP FTP SSH, POP3, IMAP , , , , VoIP): gre les donnes selon le logiciel utilis Prsentation(Videotex) : peu utilise en pratique Session (Telnet, NetBios, SSL / TLS): historique / scurisation Transport (TCP UDP RTP): type de communication , , Rseau (IPv4, IPv6, DHCP IPX): gestion des interconnexions , entre machines sur une rseau Liaison (Ethernet, PPP FDDI, IEEE 802.11): gestion lie au , mdia utilis pour transport la donne Physique (Manchester, coaxial, 100BASE-TX, RNIS, ADSL, IrDA, USB, IEEE 1394 / FireWire, Wireless USB, Bluetooth, Wi-Fi): modulation / dmodulation du signal
Cration de site web 6 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Les couches du rseau

Principe de l'encapsulation:

Les donnes de la couche suprieure sont encapsules par une couche infrieure:

Donnes application

Donnes Donnes Donnes Donnes session transport rseau liaison

Couche physique

Ainsi les couches transmettent l'information de manire transparente (cache), indpendante des autres couches Principe du tunnel (VPN, SSH)
Cration de site web 7 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Les couches du rseau

Couche physique

Passage du signal analogique au numrique (binaire):

Caractristiques selon le mdia (support):

Baud : nombre de symboles par seconde bits / seconde Dbit Avantages Toutes lignes Fiable Pas de fil Rapide Inconvnients Lent Structure du rseau Distance metteur Coteux
8 / 35

Modem analogique ADSL Wifi Fibre optique


Licence Math/Info - L1 Damien Nouvel

56 Kb 20 Mb 54 Mb 100 Mb

Cration de site web

Rseaux et protocoles Les couches du rseau

Couche liaison

Units de donnes: les trames Plusieurs stations peuvent mettre sur un mme canal (Wifi, Bluetooth, cable Token Ring): viter les collisions Contrle d'accs au support (MAC)

Adresses MAC: 6 octets, uniques par matriel (3.1011 possibles)

Contrle logique (LLC): acquittements, contrle d'erreurs

Couche rseau:

Transport / acheminement des paquets Les paquets sont transmis par des routeurs Recherche du meilleur chemin (best-effort)
Cration de site web 9 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Les couches du rseau

Couche transport:

Communications entre processus (logiciels) sur les machines Peut inclure une prise en chargepour l'application :

Accuss de rception (acquittements) Contrle / correction d'erreurs Connect: les informations sont fragmentes dans divers message qui sont numrots et dont on s'assure la bonne rception

Deux modes principaux:

Plus fiable Permet d'avoir un historique, une session

Dconnect: les informations sont de petite tailles (max. un paquet) et peuvent arriver dans un ordre dispers

Plus rapide
Cration de site web 10 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Les couches du rseau

Couche session:

Essentiellement utilise pour la scurisation des donnes, via un mcanisme de transactions Utilisation de SSL (Secure Sockets Layer) / TLS (Transport Layer Security):

Authentification du serveur (autorits de certification) Envoi de certificat client et de cl par chiffrement asymtrique

Soient des nombres premiers p, q, soit e premier avec f = (p-1)*(q-1) Cl publique: (p*q, e), cl prive (n, d) t.q. e*d = 1 mod(f) Chiffrement: C = Me mod(n), dchiffrement Cd = Med = M mod(n)

Utilisation de la cl pour chiffrer les transmissions de donnes

Couche application:

Le logiciel (pages Web, tlphonie / vido, chat, jeux, fichiers)


Cration de site web 11 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Plan

Les couches du rseau Suite de protocoles TCP/IP Protocoles applicatifs pour les sites web Requtes HTTP

Licence Math/Info - L1 Damien Nouvel

Cration de site web 12 / 35

Rseaux et protocoles Suite de protocoles TCP/IP

Modle de communication pour Internet

Plus pragmatique / moins thorique Ensemble de protocoles permettant d'uniformiser les communications selon une version rduite des couches OSI: physique, liaison, rseau (IP), transport (TCP / UDP), application (HTTP) Diffrents protocoles selon les mdias et les applications:
Ethern et + IP + T C P + HT TP

PPPoA + IP

1+ 802.1
Licence Math/Info - L1 Damien Nouvel

IP

P + VoI P + UD

Cration de site web 13 / 35

Rseaux et protocoles Suite de protocoles TCP/IP

Internet Protocol (IP)

A l'origine (1977): protocole pour uniformiser le principe de routage des paquets

Adressage uniquesur Internet : adresses IPv4, sur 4 octets (0.0.0.0 255.255.255.255), 4.109 adresses disponibles

Encapsulation du message fourni par la couche suprieure (transport)avec un entte :

Message (de transport)

Licence Math/Info - L1 Damien Nouvel

Cration de site web 14 / 35

Rseaux et protocoles Suite de protocoles TCP/IP

Internet Protocol (IP) (suite)

Transport / acheminement des paquets Recherche du chemin le plus court (best-effort) Les paquets sont achemins par des routeurs, transmis:

Si disponible, la destination demande Sinon au routeur qui prfixe la destination demande

Licence Math/Info - L1 Damien Nouvel

Cration de site web 15 / 35

Rseaux et protocoles Suite de protocoles TCP/IP

Internet Protocol (IP) (suite)

Des questions se posent sur les adresses IP


Confidentialit / anonymat des adresses IP Attribution des adresses (ICANN/IANA) gographique:

Passage de IPv4 la version IPv6


Derniers lot d'adresses IPv4 attribues le 04/02/2011! Nouvelle version: 16 octets pour l'adresse (au lieu de 4) Migration... en cours!
Cration de site web 16 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Suite de protocoles TCP/IP

Spcification de ports par la couche transport

Identifiant, portes d'entres vers une machine Gnralement associs des applications

80: navigation web (HTTP) 443: navigation web scurise (HTTPS) 25, 110, 143: envoi / rception d'emails (SMTP POP IMAP) , , 1863, 194: messagerie en ligne (MSN, IRC) 53: contacter un site web (DNS) 21: transfert de fichiers (FTP) 22: excution de commandes distance (SSH) ...

Peuvent tre configurs au besoin (emails)


Cration de site web 17 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Suite de protocoles TCP/IP

User Datagram Protocol (UDP)

Mode dconnect, datagrammes Encapsulation du message fourni par la couche suprieure (application)avec un entte de quatre champs

Port source( application serveur) Port destination ( application cliente) Longueur (taille du message) Somme de contrle (correction d'erreur)

Utilisation par des applications o la rapidit est plus importante que la fiabilit:

Streaming (audio, vido) Jeux en rseau DNS


Cration de site web 18 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Suite de protocoles TCP/IP

Transmission Control Protocol (TCP)

Mode connect, segments d'un flux d'octets

Une connexion est une session qui fonctionne par phases: connexion, transfert de donnes, dconnexion

Encapsulation du message fourni par la couche suprieure (application)avec un entte comprenant les champs

Port source( application serveur) Port destination ( application cliente) Numro de message Numro d'acquittement Type de paquet (donnes, synchronisation, acquittement, fin) Longueur (taille du message) Somme de contrle (correction d'erreur)
Cration de site web 19 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Suite de protocoles TCP/IP

Transmission Control Protocol (TCP) (suite)

Connexion:

SYN ACK

SYN ACK

Message 1 : Salut,

Transfert:

Message 2 : comment Message 3 : a va ? ACK 1/2/3 FIN

Dconnexion:

ACK FIN FIN ACK FIN

Licence Math/Info - L1 Damien Nouvel

Cration de site web 20 / 35

Rseaux et protocoles Plan

Les couches du rseau Suite de protocoles TCP/IP Protocoles applicatifs pour les sites web Requtes HTTP

Licence Math/Info - L1 Damien Nouvel

Cration de site web 21 / 35

Rseaux et protocoles Protocoles applicatifs pour les sites web

Architectures rseau pour les sites web

Client / serveur (requtes / rponses)


TCP / UDP TCP / UDP Serveur Client
UD P

Client

Diffusion (multicast)
DP U

UDP

Client UDP UDP

Client

DP U

Client

UDP

Serveur
Licence Math/Info - L1 Damien Nouvel Cration de site web

Client
22 / 35

Rseaux et protocoles Protocoles applicatifs pour les sites web

Lors de la cration d'un site web, divers protocoles sont en jeu(dont applicatifs) :
P TC + T HT + P

IP + TCP + FTP IP + TCP + SSH IP + TCP + HTTP Dveloppement


IP P TC + P TT +H

Serveur

IP IP + UDP + DNS IP +T CP +H TT P

Utilisateurs Serveur
Licence Math/Info - L1 Damien Nouvel Cration de site web 23 / 35

Rseaux et protocoles Protocoles applicatifs pour les sites web

Protocole DNS

Domain Name System (Paul Mockapetris, 1983) Permet de connatre partir d'une URL une IP:

L'utilisateur entre une URL (http://www.monsite.net) Le navigateur demande au serveur DNS quelle est l'IP associe Le serveur DNS renvoie l'IP (25.183.53.7) Le navigateur contacte l'IP pour demander la page web ICANN (US): tout le systme, 13 serveur racines

Systme d'adresses gr par:

Problmatique divers point de vue (scurit, politique, scientifique)

Verisign (US, par dlgation): .com, .net AFNIC (FR, par dlgation): .fr
Cration de site web 24 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Protocoles applicatifs pour les sites web

Protocole HTTP (par dfaut, port 80)

HyperText Transfert Protocol (non crypt) Protocole pendant du HTML pour demander des pages:

HTTP: transfert des pages (client serveur) HTML: affichage des pages (par le navigateur) Invents conjointement (T. Berners-Lee, R. Cailliau, 1989)

Interrogation de serveurs web par les navigateurs Protocole base decommandes :


Mthode: ce que l'on souhaite faire sur le serveur URL: ressource affecte par la commande

HTTPS : version scurise, HTTP + SSL/TLS galement utilis par les robots d'indexation, aspirateurs
Cration de site web 25 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Protocoles applicatifs pour les sites web

Le rle de l'quipe de dveloppement:

tant donn des spcifications (client, designers, chef de projets, etc.), l'quipe de dveloppement dtermine conjointement:

Les outils ditoriaux adapts au site envisag Le mode d'implmentation de l'arborescence L'architecture technique du site Le mode d'hbergement du site

Gnralement, l'hbergement est ralis sur un serveur distant qui rpondra aux requtes des clients, il faut :

Configurer le serveur pour qu'il hberge le site Mettre en ligne le site sur le serveur Pouvoir mettre jour le site la demande
Cration de site web 26 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Protocoles applicatifs pour les sites web

Hbergement du site

Architecture logicielle

Apache / IIS

Fiabilit Disponibilit L / W: Linux / Windows A : Apache, serveur HTTP (70%) M : MySQL, base de donnes P : PhP, langage serveur IIS(Internet Information Services), serveur HTTP (20%) SQL Server, base de donnes / C#, langage serveur
Cration de site web 27 / 35

LAMP / WAMP

MySQL / SQL Server

PHP / ASP .Net / C#

Microsoft SharePoint / Exchange


ASP .Net Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Protocoles applicatifs pour les sites web

L'quipe de dveloppement intervient sur le serveur

Modifications locales sur le serveur (fichiers, interfaces) Modifications distantes:


Transfert de fichiers (FTP) Interfaces graphiques web (HTTP) Interfaces graphiques distantes
IP +T HT T P

Apache

Excution de commandes (SSH)


CP +

Test du site (HTTP)

Dans ce cours, simplifi :

IP

CP T

SH S

IP + TCP + FTP Programmeur


Licence Math/Info - L1 Damien Nouvel

Dveloppement
Cration de site web

HTML CSS Images ...

28 / 35

Rseaux et protocoles Protocoles applicatifs pour les sites web

Protocole FTP (par dfaut, port 21)

File Transfert Protocol


Nom d'utilisateur / mot de passe Dposer / retirer des fichiers Deux vues: dossier local, dossier distant (serveur) Transfert (copie) de fichiers de l'un vers l'autre Naviguer dans les dossiers: ls, pwd, cd, Modifier les dossiers: mkdir, rmdir Transfrer des fichiers: put, get

Interface graphique, comme les dossiers de Windows


Ligne de commande, mme principe


Non crypt: les fichiers peuvent tre intercepts (ou FPTS)


Cration de site web 29 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Protocoles applicatifs pour les sites web

Protocole FTP (par dfaut, port 21) (suite)

Quelques logicielsgratuits : FileZilla, Core FTP LE, FTP Commander, FTP Upload, Ftp-it (...) Interface graphique(gnralement) :
Menu logiciel

Vue locale des dossiers et fichiers : - naviguer dans les dossiers, - crer, effacer, supprimer des dossiers et fichiers.

Commandes de transfert

Vue distante (serveur) des dossiers et fichiers : - naviguer dans les dossiers, - effacer, supprimer des dossiers et fichiers.

Licence Math/Info - L1 Damien Nouvel

Cration de site web 30 / 35

Rseaux et protocoles Protocoles applicatifs pour les sites web

Protocole SSH (par dfaut, port 22)

Secure SHell

Nom d'utilisateur / mot de passe Shell: interprteur de commandes, console


Mode texte (mais peut-tre utilis par un logiciel graphique) Commandesde base : ls, pwd, cd, mkdir, rmdir, cp, mv, rm (...)

Sous Unix (Linux / POSIX / Mac OS X / Android / ...) Dmarrer, arrter un programme (par ex.: Apache, MySL) diter des fichiers distance (mode texte) Crer des fichiers / dossiers Transfert des fichiers (SCP Secure CoPy) ,
Cration de site web 31 / 35

Excution de commandes, donc utilisations multiples


Crypt: les fichiers ne peuvent tre (facilement) intercepts

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Plan

Les couches du rseau Suite de protocoles TCP/IP Protocoles applicatifs pour les sites web Requtes HTTP

Licence Math/Info - L1 Damien Nouvel

Cration de site web 32 / 35

Rseaux et protocoles Requtes HTTP

Le navigateur effectue les requtes indpendamment pour chaque fichier ncessaire:


Requte : fichie r HTML

r HTML Transfert : fichie CSS Requte : fichie r image Requte : fichie r image r CSS Transfert : fichie r image Transfert : fichie r image Transfert : fichie
Licence Math/Info - L1 Damien Nouvel Cration de site web 33 / 35

Requte : fichie r

Client

Serveur

Rseaux et protocoles Requtes HTTP

Protocole HTTP (application) utilise TCP/IP (transport) Diffrentes mthodes possibles

GET: transfert d'une ressource (HTML, CSS, image) POST: ajouter une nouvelle ressource (formulaires) PUT: remplacer ou crer une nouvelle ressource (formulaires) DELETE: effacer une ressource HEAD: entte, informations sur une ressource

En pratique

En majorit, les mthodes appeles sur les sites web sont des GET (demande de fichier) ou POST (soumission de formulaire) Possibilit d'appliquer une mthode dpend de l'URL
Cration de site web 34 / 35

Licence Math/Info - L1 Damien Nouvel

Rseaux et protocoles Requtes HTTP

Pour une page web, de nombreuses requtes

Code HTML de la page Fichiers CSS Fichiers d'images Contenu tiers (publicit, vidos, photos, news...)

Le Web 2.0

HTML, CSS, images, Javascript etc.: page initiale Javascriptpour la modification de la page (sans la recharger) selon les interactions possibles avec l'utilisateur:

Modification du contenu existant Chargement de contenus supplmentaires (HTTP GET) Soumission de formulaires (HTTP POST)
Cration de site web 35 / 35

Licence Math/Info - L1 Damien Nouvel