Systèmes d ’Information : 6a Michel de Rougemont Université Paris II Systèmes d ’Information : 6a L’Architecture Client/Server
Des clients et un serveur Serveur HTTP Client1 Client 200000 Le serveur envoie un fichier à chaque client. Page d ’accueil index.html ou introduction.html
Serveur http http://www.berkeley.edu/cs/index.htm Par défaut …../introduction.htm http://www.berkeley.edu/cs/index.htm fichier html dans le répertoire …./cs
Question d ’Examen <FORM NAME="ValidForm"> Q1 : Un entier A est représenté en binaire par 10101010 et un entier B par 01010101. Alors: <br> <INPUT NAME="Q1" TYPE="radio" onClick="q1_OnClick(1)"> A+B=127 en décimal <BR> <INPUT NAME="Q1" TYPE="radio" onClick="q1_OnClick(2)"> A=B+1 en décimal <INPUT NAME="Q1" TYPE="radio" onClick="q1_OnClick(3)"> A+B=255 en décimal <INPUT NAME="Q1" TYPE="radio" onClick="q1_OnClick(4)"> A=B+11 en décimal </FORM NAME>
Boutons radio et checkbox Q1 : Un entier A est représenté en binaire par 10101010 et un entier B par 01010101. Alors: A+B=127 A+B=1 A+B=255 A+B=11
Formes Votre nom : Commentaires:
Formes en HTML <FORM> Votre nom : <INPUT TYPE=" text " NAME= " nom " SIZE =" 15 " MAXLENGTH= " 12 " > <BR> Commentaires : <INPUT TYPE=" text " NAME= " com " ROWS =" 6 " COLS= " 70 " > </FORM>
Interface CGI : Common Gateway Interface Scripts DHTML (Dynamic HTML)
Client-Serveur Serveur client Formulaire.html
CGI Programme sur le serveur Lit les valeurs des champs Interagit
CGI (code HTML) <FORM METHOD = =" POST " ACTION = =" ………/cgi-bin/maforme" > ….. <INPUT TYPE =" SUBMIT " >
CGI (shell- niveau avancé) #!/bin/sh echo Content-type: text/plain … ... Cgi-bin maforme Echo $FORM_nom
Formes et CGI Votre nom : Commentaires: jean send
Formes et CGI Champs lu : jean
Script (javascript-VBscript) Code envoyé du serveur au client Interprété par le client
SCRIPT <HEAD> <SCRIPT> function test() {…….}
Formes et scripts <BODY> <FORM NAME=A onSubmit = " return test() " > Votre nom : <INPUT TYPE=" text " NAME= " nom " SIZE =" 15 " MAXLENGTH= " 12 " > <BR> Commentaires : <INPUT TYPE=" text " NAME= " com " ROWS =" 6 " COLS= " 70 " > </FORM> </BODY>