Vous êtes sur la page 1sur 67

La technologie du Web

Benot Girard
Direction des affaires publiques et des communications
Ministre des Services gouvernementaux

benoit.girard@msg.gouv.qc.ca

Version 3 21 septembre 2007


Le Web, cest pas sorcier !
Nous nentrerons pas dans les dtails
techniques.
La technologie du Web est facile
comprendre.
Le Web, cest pas sorcier !
Nous nentrerons pas dans les dtails
techniques.
La technologie du Web est facile
comprendre.
Adoptons une approche tabula rasa.
Quest-ce quInternet ?
On compare souvent Internet une
autoroute.
Quest-ce quInternet ?
On compare souvent Internet une
autoroute.
Par certains cts, il ressemble
davantage au rseau tlphonique.
Comme pour le tlphone
Chaque abonn dispose dun numro
unique permettant de le joindre.
Dans Internet, on appelle ce numro
ladresse IP :
pour Vidotron, par exemple, cest le
205.151.222.250
Comme pour le tlphone
Chaque abonn est identifi par un
nom qui lui est propre.
Dans Internet, on lappelle le nom de
domaine :
deux exemples connus sont videotron.ca
et sympatico.ca
Comme pour le tlphone
On a senti le besoin de crer un bottin
dans lequel chaque nom de domaine a
une adresse IP correspondante :

dans Internet, ce bottin sappelle Domain


Name Service, communment dsign
par son acronyme DNS.
Contrairement au tlphone...
Internet est un rseau numrique.
Cela permet plusieurs de partager le
rseau.
Larchitecture du Web 1

Internet est lassise


matrielle du Web

Le rseau matriel dInternet


Le protocole TCP/IP
Linfrastructure matrielle na quun seul
intrt : permettre le fonctionnement du
protocole TCP/IP.
bien des gards, le TCP/IP est
lInternet.
Le protocole TCP/IP
Linfrastructure matrielle na quun seul
intrt : permettre le fonctionnement du
protocole TCP/IP.
bien des gards, le TCP/IP est
lInternet.
Mais quest-ce quun protocole ?
La notion de protocole
Un code de conduite favorisant la
coordination harmonieuse des
comportements (Le code de la route) ;
ou encore
Une langue qui, partage, permet de
communiquer (le franais ou langlais).
Le protocole TCP/IP
est le code ou la langue qui permet
aux ordinateurs du monde entier
dentrer en communication les uns avec
les autres et dchanger de
linformation

quel que soit leur fabricant, leur modle


ou leur systme dexploitation.
Larchitecture du Web 2

Le protocole TCP/IP permet aux


ordinateurs du rseau de communiquer

TCP/IP
Le rseau matriel dInternet
Larchitecture du Web 3
Nous utilisons linfrastructure pour crer
un grand nombre de services distincts.

ICQ @ FTP WEB Napster Usenet etc.

TCP/IP

Le rseau matriel dInternet


Les services Internet...
Ils apparaissent quand on dfinit leur
protocole ;
Ils saniment quand on les adopte et
quon sen sert ;
Le protocole est le service Le service
est le protocole ;
Le reste nest quaffaire dimplantation
spcifique.
Lexemple de Napster
Napster

Listes
de MP3

Amateurs de musique
Les protocoles de pair--pair
ou peer-to-peer
Napster est un protocole
de type client-serveur
Serveur

Clients
Passons maintenant au Web

World Wide Web

ICQ @ FTP Napster Usenet etc.

TCP/IP

Le rseau matriel dInternet


Le protocole HTTP
Le Web repose sur le protocle HTTP ;
Cest une application de type client-
serveur ;
Le client est votre fureteur prfr,
Firefox ou Internet Explorer ;
Le serveur est le logiciel qui vous
accueille quand vous naviguez :
Par exemple, Apache.
Sous le capot...

<a href="http://www.mri.gouv.qc.ca/">Ministre des Relations internationales</a>


Une requte HTTP
Schma de base

Serveur

Client Requte
Nom du fichier, adresse IP, types MIME,
modle du fureteur, etc.
Date et heure

Document HTML Log


Rponse
Larchitecture du Web 4
Le protocole HTTP est
le fondement du Web.

Web
Autres
services
Internet

HTTP

TCP/IP

Le rseau matriel dInternet


Les caractristiques
fondamentales du Web
Adressage universel,
Systme dhyperliens,
Langage commun.
Le fureteur interprte
le code HTML
Serveur

Client
Nom du fichier, adresse IP, types MIME,
modle du fureteur, etc.
Date et heure

Document HTML Log


Une page de code HTML
La mme page, interprte
par le fureteur
Un fragment de code
HTML (dpass)
et son interprtation

<font size=+3> Bienvenue <u>chacun</u> et

<u>chacune</u> dentre vous! </font>

Bienvenue chacun et chacune


dentre vous !
Linterprtation du
fureteur sert lobjectif
duniversalit
Serveur
PC

MAC HTML
identique
Date et heure

Linux Log
Larchitecture du Web 5

Web Le HTML est le langage


des documents du Web

HTML

HTTP

TCP/IP
Le rseau matriel dInternet
Le Web a volu
trs rapidement
Le matriel dordinateur sest
standardis.
Le Web a volu
trs rapidement
Le matriel dordinateur sest
standardis.
Les pressions se sont faites
nombreuses pour :

matriser lapparence des pages Web.


La feuille de style
ou CSS cascading style sheet

Feuille de style
Page html
Page html
Pages
(contenu html
pur)
(contenu
Dfinitions (contenupur)
pur)
de lapparence

Application
Lutilit des feuilles de style
Elles amliorent la prcision des
commandes faites au fureteur en ce qui
concerne :
lapparence des lments ;
le positionnement des lments dune
page ;
la superposition des lments.
Elles facilitent lentretien des sites.
Elles permettent ladaptation aux
diffrents mdias de diffusion.
Les feuilles de style
peuvent tre dveloppes
pour plusieurs supports
Lcran ;
Le braille ;
La synthse vocale ;
Lordinateur de poche ;
Limprimante ;
Lcran de tlvision ;
Etc.
Larchitecture du Web 6

Web

CSS Feuilles de style

HTML

HTTP

TCP/IP

Le rseau matriel dInternet


Le Web a volu
trs rapidement
Le matriel dordinateur sest
standardis ;
Les pressions se sont faites
nombreuses pour :

matriser lapparence des pages Web ;


ajouter des possibilits au Web :
le son, lanimation et le vido : le multimdia.
Le multimdia cre
des problmes
Il surcharge le rseau ;
Il rend prcaire un protocole qui na
jamais t conu pour ce genre de
prestation.
Le Web a volu
trs rapidement
Le matriel dordinateur sest
standardis ;
Les pressions se sont faites
nombreuses pour :

matriser lapparence des pages Web ;


ajouter des possibilits au Web :
le son, lanimation et le vido : le multimdia,
la programmation des pages Web.
Lanimation intelligente :
le javascript

HTML

Javascript
Grce au DOM,
le javascript est trs flexible
De laffichage dun sous-menu quand la
souris passe devant la zone du menu
principal
la validation dun questionnaire avant
son expdition,
Le javascript permet, peu de frais,
lanimation des pages Web, en plus de
rendre de nombreux autres services.
Larchitecture du Web 7
Web
Javascript
DOM
CSS Feuilles de style

HTML

HTTP

TCP/IP
Le rseau matriel dInternet
Larchitecture du Web 8
Web
Java Javascript JScript VBScript
DOM
CSS Feuilles de style

HTML

HTTP

TCP/IP
Le rseau matriel dInternet
Le Web a volu
trs rapidement
Le matriel dordinateur sest
standardis ;
Les pressions se sont faites
nombreuses pour :

matriser lapparence des pages Web;


ajouter des possibilits au Web :
le son, lanimation et le vido : le multimdia,
la programmation des pages Web,
linteractivit.
Linteractivit : la plus belle
promesse du Web
Linteractivit rend possible le
commerce lectronique
et, en milieu gouvernemental, la
prestation lectronique de services.
Sites web statiques
et dynamiques
Linteractivit du Web repose sur la
capacit dynamique du protocole
HTTP ;
Commenons donc par tablir la
distinction entre sites Web statiques
et sites Web dynamiques .
Le site Web statique

Serveur

Tous les documents


sont dans le serveur

Requte pour un fichier html

Document rclam .html


Le site dynamique
Le programme utilise
linformation brute dune base de donnes,

pour composer
une page HTML ad hoc

qui sera envoye au requrant

Requte pour un fichier .asp ou. php

Document rclam .html


Le site dynamique
Le programme sexcute sur le serveur,
laide de langages comme :
le ASP de Microsoft (active server pages),
associ la base de donnes Access ;
le PHP, trs populaire, surtout en milieu
UNIX et Linux, associ la base de
donnes open source (code source libre)
MySQL.
Larchitecture du Web 9
Langages de programmation des serveurs Web

Web
Javascript ASP PHP
DOM
CSS Feuilles de style

HTML

HTTP

TCP/IP
Le rseau matriel dInternet
Le commerce lectronique 1

Ordinateur de
lentreprise
XYZ inc.
Le commerce lectronique 2

Comptes clients ;
Inventaire ;
Comptabilit ;
Commandes ; Base de
Suivi de production ; donnes
Etc. .
Le commerce lectronique - 3

Serveur HTTP
Base de
donnes
.
Le commerce lectronique 4
Le serveur hberge le site Web
de la compagnie, ouvert sur Internet.

Base de
donnes
Serveur .

Internet
Site Web
Le commerce lectronique 5
Le site tant dynamique,
il est reli la base de donnes
de lentreprise.

Base de
donnes
Serveur .

Internet
Le commerce lectronique 6
Le commerce lectronique 7
change
scuris
par SSL

Explorer

Netscape
Les problmes du Web
Les standards sont incomplets ;
Les standards ne sont pas entirement
respects ;
Les bases sont fragiles.
Larchitecture du Web 10
Une refonte
Javascript ASP PHP majeure :
le XML
DOM
CSS Feuilles de style

HTML
XML
HTTP

TCP/IP
Le rseau matriel dInternet
Comment fonctionne le XML ?
<livre>
<titre>L'Ingnieux Hidalgo Don Quichotte de la Manche
</titre>
<auteur>
<nom>Cervants</nom> <prnom>Miguel</prnom>
</auteur>
<chapitre no=8>
<titre>Du beau succs que le valeureux Don Quichotte eut
en</titre>
</chapitre>
</livre>
Comment fonctionne le XML ?
Contenu Matrice de mise en page

Documents
XML XSL

Rsultat

Documents
formats
Comment fonctionne le XML ?
Apparence
Contenu Coordination
Documents CSS
XML XSL

Rsultat

Documents
formats
Lintrt rel du XML
Entrepts de donnes XML

Internet

<XML>
<XML>

<XML>

<XML>
Un nouveau dpart
Entrepts de donnes XML

Internet

<XML>
<XML>

<XML>

<XML>
La technologie du Web
Nous navons queffleur le sujet ;
Malgr la simplification, ce qui a t dit
reprsente fidlement la ralit ;
Je vous invite macheminer toute
remarque susceptible damliorer cette
prsentation. (benoit.girard@msg.gouv.qc.ca)

Merci de votre attention