DÉVELOPPEMENT

D’APPLICATIONS WEB

FORMATION AIDE
INGÉNIEUR-INFO
DÉVELOPPEMENT WEB

Objectif : l’ultime objectif est d’apprendre à

mettre en œuvre une application Web

Connaissances  préalables  : notions de base

d’internet, initiation en HTML

DAWeb -Aide Ingénieur Dept Info USTO-MB /

DAWEB : CONTENU DE LA MATIÈRE  

Chapitre 1 : Introduction au World Wide Web

1.Définition et historique
2.Architecture Client/serveur
3.Protocole HTTP

Chapitre  2 : Langages de programmation pour le

Web
1.Généralités : page statique page dynamique et
applications Web
2.Langage de balise : définition et historique

DAWeb -Aide Ingénieur Dept Info USTO-MB /

DAWEB : CONTENU DE LA MATIÈRE  

3.Langage de balisage HTML (HTML 5.0)

4.Feuilles de style CSS
5.Javascript
6.Contrôle de formulaires HTML en javascript
7.XML
Structure d’un document XML
Validation d’un document XML (DTD,XSD)

DAWeb -Aide Ingénieur Dept Info USTO-MB /

DAWEB : CONTENU DE LA MATIÈRE  

Chapitre  3 : Langages de programmation côté

serveur : PHP
1.Introduction
2.Syntaxe de base
3.Types, variables et opérateurs
4.Structures de contrôles
5.Application web 3-tier en PHP

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 INTRODUCTION AU
WORLD WIDE WEB
01 Le World Wide Web (WWW) 
Le Web est une application internet qui
permet le partage des documents liés entre
eux appelés « pages Web »

Une page  Web peut contenir du texte, des

images, des liens vers d’autres pages Web...

Le Web fonctionne en mode client/serveur

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le World Wide Web (WWW) 

Le Web
HTTP

Client application  Server

L’application est répartie sur le client et le serveur

qui dialoguent selon un protocole applicatif
spécifique (HTTP)

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le World Wide Web (WWW) 
Clients : des navigateurs qui font l’interface avec
l’humain (Firefox, Internet Explorer, Chrome,
Safari, …)
Serveurs : applications (Apache, IIS, ..) qui
hébergent les pages web et répondent aux
demandes des clients (requêtes HTTP)

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le World Wide Web (WWW) 
Le Web est apparu en 1994 avec la création du
W3C (www Consortium) par le CERN (Conseil
Européen pour la Recherche Nucléaire) et le MIT
(Massachusetts Institute of Technology) qui
s’occupe de la normalisation et des
développements du Web

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le World Wide Web (WWW) 
URL WEB HTTP
HTML
URL
URL (Uniform Resource Locator) 
Adresse d'une ressource donnée, unique sur le Web.

HTTP (Hypertext Transfer Protocol) : protocole niveau

applicatif servant à transmettre des documents hypermédia,
comme HTML.
HTML (HyperText Markup Language)  Langage de balisage
conçu pour représenter les pages web.

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le World Wide Web (WWW) 
L’URL : permet au client de désigner la page
demandée.

protocol://server-name:port/path?queryString

https://www.univ-usto.dz/index.html

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le World Wide Web (WWW) 
HTTP
Un protocole de communication client-serveur niveau
applicatif.
Permet de définir le format d’échange des messages
échangés entre le client et le serveur

Requête  HTTP : du client vers le serveur pour demander
une page web

Réponse  HTTP : du serveur vers le client, pour répondre
au navigateur

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le World Wide Web (WWW) 

HTTP
Les clients HTTP les plus connus sont les navigateurs Web
permettant à un utilisateur d'accéder à un serveur contenant
les données.
Un serveur HTTP utilise par défaut le port 80.
Il existe de nombreuses méthodes, les plus courantes étant
GET, POST.

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le World Wide Web (WWW) 

HTML
Un langage de balisage permettant de décrire le contenu
d’une page Web, interprété par le navigateur pour afficher la
page et demander les objets incorporés.
Ce n’est en aucun cas un langage de programmation.

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le WWW : web statique
Serveur web

Client

HTTP request
http://www.univ-usto.dz/index.html

HTTP response

Page html
Images
CSS
JS

DAWeb -Aide Ingénieur Dept Info USTO-MB /

01 Le WWW : web dynamique
Web Server

HTTP
Server

1 http://../auth/user?user=AA&pwd=BB PHP
program
AA

BB Rep.html
4

HTTP Client 3
2
database
Server

DAWeb -Aide Ingénieur Dept Info USTO-MB /

 01
FIN CHAPITRE1