INSA - ASI TechnoWeb : Introduction 1/7

Technologies Web
Introduction aux Technologies Web

Alexandre Pauchet
BO.B.RC18 - pauchet@insa-rouen.fr

INSA Rouen - Département ASI

INSA - ASI TechnoWeb : Introduction 2/7

La base du Web

Requête (URL) Ressource ?

Réponse Ressource

Client Web
(navigateur) Serveur Web

Architecture Client (navigateur Web) / Serveur (Web)

Nécessité d’un protocole de communication : HTTP
INSA - ASI TechnoWeb : Introduction 3/7

Différents types de ressource

Ressources statiques
XML, HTML, images, son, vidéos
Ressources dynamiques côté client
applet (Java), Javascript/jQuery, Plugin, ActiveX, ...
Ressources dynamiques côté serveur
CGI, servlets/JSP, scripts serveur (php), ...
INSA - ASI TechnoWeb : Introduction 4/7

Exemple : serveur PHP

exemple.php
exemple.php? Salut <?php echo $prenom
getNom($prenom) ?> !
prenom=Martin

Salut Martin Tamare !

Salut Martin Tamare !

Client Web
(navigateur) Serveur Web
INSA - ASI TechnoWeb : Introduction 5/7

Exemple : script PHP

<! DOCTYPE html >

< html >
< head >
< title > Ma première page PHP </ title >
< meta http - equiv = " content - type " content = " text / html ; charset = utf -8 " / >
</ head >
< body >
<? php echo " <p > Bonjour tout le monde !!! </ p > " ; ? >
</ body >
</ html >
INSA - ASI TechnoWeb : Introduction 6/7

2 grandes familles d’architecture

Client Web Serveur Web

Apache Http
requête (LAMP)
Javascript, MySQL
jQuery PHP + SQLite PostgreSQL
Applet, ressource
(LASP) (LAPP)
...

Client Web Serveur Web

J2EE
requête
Javascript,
jQuery Servlets/JSP Oracle
Applet, ressource
+ Hibernate
...
INSA - ASI TechnoWeb : Introduction 7/7

Planning

Web statique
Séance 01 Introduction + HTML/CSS
Séance 02 XML
Web dynamique côté client
Séance 03 Javascript/jQuery
Séance 04 jQuery
Web dynamique côté serveur, LASP
Séance 05 Protocole HTTP et serveurs Web
Séances 06 et 07 PHP