Introduction aux Technologies Web

INSA - ASI
TechnoWeb : Introduction
Technologies Web
Introduction aux Technologies Web
Alexandre Pauchet
B.RC18 - [email protected]
INSA Rouen - Département ASI
1/7
INSA - ASI
TechnoWeb : Introduction
2/7
La base du Web
Client Web
(navigateur)
Requête (URL)
Ressource ?
Réponse
Ressource
Serveur Web
Architecture Client (navigateur Web) / Serveur (Web)
Nécessité d’un protocole de communication : Http
INSA - ASI
TechnoWeb : Introduction
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), ...
3/7
INSA - ASI
TechnoWeb : Introduction
4/7
Exemple : serveur PHP
exemple.php
exemple.php ?
Salut <?php echo $nom ?> !
Salut Martin !
Salut Martin !
Client Web
(navigateur)
Serveur Web
INSA - ASI
TechnoWeb : Introduction
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 >
5/7
INSA - ASI
TechnoWeb : Introduction
6/7
2 grandes familles d’architecture
Client Web
Javascript,
jQuery
Applet,
...
requête
ressource
Client Web
Javascript,
jQuery
Applet,
...
requête
ressource
Serveur Web
Apache Http
PHP + SQLite
(LASP)
(LAMP)
MySQL
PostgreSQL
(LAPP)
Serveur Web
J2EE
Servlets/JSP
+ Hibernate
Oracle
INSA - ASI
TechnoWeb : Introduction
Planning
Web statique
Séance 01 Introduction + HTML/CSS
Séance 02 XML
Web dynamique côté client
Séance 03 Javascript
Séance 04 JQuery
Web dynamique côté serveur, LASP
Séance 06, 07 et 08 PHP
Web dynamique côté serveur, J2EE
Séance 09 et 11 Servlets
Séance 10 JSP
Séance 12 Framework J2EE
Technologies Web
Séance 05 Protocole HTTP et serveurs Web
Séance 13 AJAX
Séance 14 Conception de sites
7/7