Développement des Systèmes d Information Axe ISI Camille Persson Institut Fayol / LSTI / ISCOD École Nationale Supérieure des Mines de Saint-Etienne 158 cours Fauriel, 42000 Saint-Etienne persson@emse.fr TECH / MATIS / COSY Orange Labs Network and Carrier 28 chemin du Vieux Chêne, 38 240 Meylan camille.persson@orange.com 21-28 octobre, 2011
1 Introduction au Web 2 Objectifs du cours DSI C. Persson 2 / 12
Introduction au Web 1 Introduction au Web 2 Objectifs du cours DSI C. Persson 3 / 12
Architecture Client-Serveur Clients Internet Server Figure: Architecture client-serveur Modèle de base dans les réseaux Définit le protocol de communication entre deux applications : le client envoye une requête sur un port du serveur le serveur traite la requête et renvoie une réponse au client DSI C. Persson 4 / 12
Architecture Client-Serveur Clients Internet Server Figure: Architecture client-serveur Modèle de base dans les réseaux Définit le protocol de communication entre deux applications : le client envoye une requête sur un port du serveur le serveur traite la requête et renvoie une réponse au client protocol://server:port/service DSI C. Persson 4 / 12
Architecture Client-Serveur Clients Internet Server Figure: Architecture client-serveur Modèle de base dans les réseaux Définit le protocol de communication entre deux applications : le client envoye une requête sur un port du serveur le serveur traite la requête et renvoie une réponse au client protocol://server:port/service Attention Plusieurs clients et serveurs peuvent tourner sur la même machine DSI C. Persson 4 / 12
Le protocol HTTP Hypertext Transfer Protocol principal protocol du WWW (avec FTP) sur le port 80 (443 pour HTTPS) protocol de la couche Application (modèle OSI) mode non connecté (pas de session) Principales méthodes GET Demander une ressource POST Soumettre des donner à traiter DSI C. Persson 5 / 12
Le protocol HTTP Syntaxe Commande En-tête de requête <nouvelle ligne> Corps de requête GET GET /fichier.ext HTTP/1.1 Host : www.site.com Connection : Close <nouvelle ligne> POST POST /fichier.ext HTTP/1.1 Host : www.site.com Connection : Close Content-type : application/x-www-formurlencoded Content-Length : 33 <nouvelle ligne> variable=valeur&variable2=valeur2 DSI C. Persson 6 / 12
Le protocol HTTP Syntaxe Commande En-tête de requête <nouvelle ligne> Corps de requête GET GET /fichier.ext?valeur&variable2=valeur2 HTTP/1.1 Host : www.site.com Connection : Close <nouvelle ligne> POST POST /fichier.ext HTTP/1.1 Host : www.site.com Connection : Close Content-type : application/x-www-formurlencoded Content-Length : 33 <nouvelle ligne> variable=valeur&variable2=valeur2 DSI C. Persson 6 / 12
Le client HTTP Client HTTP Rôle du client HTTP envoie des requêtes HTTP au serveur traite le résultat des requêtes HTTP exécuté côté client : plus rapide, dynamique, mais peu sûr Navigateur web Quelques langages : HTML, CSS, Javascript, Flash... DSI C. Persson 7 / 12
Le serveur HTTP Serveur HTTP Rôle du serveur HTTP écoute les requêtes HTTP reçues sur le port traite le résultat des requêtes HTTP renvoie le résultat de la requête au client exécuté côté serveur : délai de transmission mais plus de capacité de calcul, plus sécurisé Apache, Tomcat, Oracle HTTP server Quelques langages : PHP, Java Servlet, JSP, PERL,... DSI C. Persson 8 / 12
Objectifs du cours 1 Introduction au Web 2 Objectifs du cours DSI C. Persson 9 / 12
Application web dynamique Développement d un projet logiciel Basé sur les technologies Web De manière incrémentale DSI C. Persson 10 / 12
Calendrier des TPs Séance Jour Cours 1 21/10 AM Intro + Tomcat + HTML 2 24/10 AM HTML+CSS 3 25/10 AM JavaScript 4 25/10 PM JS-DOM/AJAX 5 26/10 AM Servlet 6 26/10 PM BD / JDBC 7 27/10 AM Servlet / JDBC 8 28/10 AM Fin projet DSI C. Persson 11 / 12
Rendu final et notation Réalisation d un forum mettant en œuvre les concepts introduits par ce cours Développement incréemental à chaque fin de TP (1h) prévue Une archive à rendre à chaque fois (2pts) Possibilité d amélioration jusqu au lendemain 2pts pour le rendu final *avant* le TP noté TP noté : amélioration à apporter le dernier jours (4pts) DSI C. Persson 12 / 12