Développement Web - Module 1 - Introduction

Cours développement webModule 1 - Introduction

Copyright © 2012, ESIMostefai Mohammed Amine1

Développement web Module 1 : Introduction



Objectifs du cours

• Prise de contact avec les technologies web• Avoir les connaissances de base permettant de développer ou

de maintenir un site web et aussi de gérer un projet web



Objectifs du module

• Acquérir les connaissances introductives des technologies web

• Se mettre dans le bain du développement web



Plan

• Le web en chiffres• Historique• Fonctionnement• Les outils



Section 1 – Le web en chiffres



1 – L

e w

eb

en

ch

iffre

s

• Plus d’informations ont été produites ces 30 dernières

années que durant les cinq derniers millénaires

• Une personne intellectuellement moyenne nécessiterait six

cent mille décennies de lecture non-stop pour lire internet

• Entrer dans le monde de la nouvelle technologie

d’information est un pari intéressant et risqué !

Internet : des chiffres qui donnent le tournis !



1 – L

e w

eb

en

ch

iffre

s

• Une compilation de certaines statistiques très

intéressantes peut être consultée ici :

http://royal.pingdom.com/2012/01/17/internet-2011-in-

numbers/

• Une personne intellectuellement moyenne nécessiterait

six cent mille décennies de lecture non-stop pour lire

internet

• 555 millions de sites web

• 95,5 millions de noms de domaine en .com

• 2,1 milliards d’utilisateurs

• 800 millions d’utilisateurs facebook

Des chiffres !



1 – L

e w

eb

en

ch

iffre

sEncore des chiffres !

• 2 milliards d’abonnés mobiles

• 85% des abonnés disposent d’un navigateur internet sur

leur mobile

• 1 billion de vidéos sur youtube



1 – L

e w

eb

en

ch

iffre


• 2 milliards d’abonnés mobiles

• 85% des abonnés disposent d’un navigateur internet sur

leur mobile

• 1 billion de vidéos sur youtube



1 – L

e w

eb

en

ch

iffre




Section 2 – Historique



2 – H

istoriq

ue

• 1958 : création du premier modem pouvant envoyer

des données binaires en utilisant une simple ligne

téléphonique (BELL)

• 1962 : début du projet ARPA visant à relier des

ordinateurs

• 1967 : première conférence sur ARPANet

• 1971 : connexion des premiers ordinateurs de 4

universités américaines

• 23 ordinateurs sont reliés sur ARPANET. Envoi du

premier courriel par Ray Tomlinson

Dates clé



2 – H

istoriq

ue

• 1973 : L’Angleterre et la Norvège rejoignent le réseau

avec 1 ordinateur pour chaque pays

• 1974 : Le protocole TCP / IP est créé pour être utilisé

dans ARPANet

• 1979 : Création de Newsgroup par des étudiants

américains

• 1983 : Premier serveur de noms de domaine

• 1989 : 100 000 ordinateurs connectés

• 1990 : Disparition de l’ARPAnet

• 1991 : Apparition du World Wide Web

• 1993 : Apparition du navigateur NSCA Mosaic

Dates clé



2 – H

istoriq

ue

• 1996 : 10 000 000 ordinateurs connectés

• 2000 : explosion d’internet

• 2012 : 2 milliards d’utilisateurs dans le monde

Dates clé



Section 3 – Fonctionnement



3 – F

on

ction

nem

en

tDe quoi ai-je besoin pour me

connecter ?Navigateur

+

Dispositif

+Serveur web

+

Contenu



3 – F

on

ction

nem

en

tComment ça se passe ?

1. L’utilisateur tape une URL en utilisant des termes

familiers (par exemple nomdelentreprise.com)

2. Le navigateur contacte un serveur dit de nom qui

traduit l’adresse tapée en une adresse IP

3. Le navigateur utilise l’adresse IP derrière pour

contacter le serveur et télécharger le contenu



3 – F

on

ction

nem

en

tLe protocole TCP/IP

• C’est un projet de défense nationale US destiné à

connecter des réseaux de réseaux

• TCP/IP est composée de la couche IP et de la couche

TCP

• La transition de données entre les machines se fait

par commutation de paquet

• IP (Internet Protocol) permet de faire transiter les

paquets d’un nœud vers un autre où chaque nœud est

représenté par une adresse IP

• TCP se charge de vérifier les données reçues



3 – F

on

ction

nem

en

tLe protocole HTTP

• HTTP (HyperText Transport Protocol) est le protocole

permettant d’envoyer et de recevoir des documents

sur le web

• La communication se fait en envoyant et en recevant

des messages



3 – F

on

ction

nem

en

tLe protocole HTTP

Exemple de requête HTTP

GET www.monsite.com HTTP/1.1

Accept:*/*

Accept-Language: en-gb

Accept-Encoding: gzip, deflate

User-Agent: Mozilla/4.0 (compatible; MSIE 6.0)

Host: www.httpwatch.com

Connection: Keep-Alive



3 – F

on

ction

nem

en

tLe protocole HTTP

Exemple de réponse HTTP

HTTP/1.1 200 OK

Server: Microsoft-IIS/5.1

Date: Mon, 04 Oct 2004 12:04:43 GMT

X-Powered-By: ASP.NET

X-AspNet-Version: 1.1.4322

Cache-Control: no-cache

Pragma: no-cache Expires: -1

Content-Type: text/html; charset=utf-8

Content-Length: 8307

<html>

<head>

...



Section 4 – Les outils



4 – O

utils

De quoi avons-nous besoin ?

1. Un éditeur web (par exemple notepad, Aptana, …)

2. Un serveur web (par exemple WebMatrix, apache, …)

3. Des éditeurs d’image (par exemple Photoshop

4. Un client FTP (par exemple FileZilla)



4 – O

utils

Exercice 1

1. Installer les outils : WebMatrix, Aptana

2. Héberger la première page créée avec Aptana



4 – O

utils

Exercice 2 (Optionnel)

1. Installer un serveur FTP

2. Mettre à jour le site en utilisant le client FTP



Bibliographie

• Internet 2011 in numbers : http://royal.pingdom.com/2012/01/17/internet-2011-in-numbers/

• Histoire d’internet, http://fr.wikipedia.org/wiki/Histoire_d'Internet

• Le réseau ARPANet: http://fr.wikipedia.org/wiki/ARPANET

http://royal.pingdom.com/2012/01/17/internet-2011-in-numbers/

http://royal.pingdom.com/2012/01/17/internet-2011-in-numbers/

http://fr.wikipedia.org/wiki/Histoire_d'Internet

http://fr.wikipedia.org/wiki/Histoire_d'Internet

Développement Web - Module 1 - Introduction

Documents

Transcript of Développement Web - Module 1 - Introduction