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
