Télécharger la présentation
La présentation est en train de télécharger. S'il vous plaît, attendez
1
Systèmes d ’Information : 6a
Michel de Rougemont Université Paris II Systèmes d ’Information : 6a L’Architecture Client/Server
2
Des clients et un serveur
Serveur HTTP Client1 Client Le serveur envoie un fichier à chaque client. Page d ’accueil index.html ou introduction.html
3
Serveur http http://www.berkeley.edu/cs/index.htm Par défaut
…../introduction.htm fichier html dans le répertoire …./cs
4
Question d ’Examen <FORM NAME="ValidForm">
Q1 : Un entier A est représenté en binaire par et un entier B par 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>
5
Boutons radio et checkbox
Q1 : Un entier A est représenté en binaire par et un entier B par Alors: A+B=127 A+B=1 A+B=255 A+B=11
6
Formes Votre nom : Commentaires:
7
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>
8
Interface CGI : Common Gateway Interface Scripts DHTML (Dynamic HTML)
9
Client-Serveur Serveur client Formulaire.html
10
CGI Programme sur le serveur Lit les valeurs des champs Interagit
11
CGI (code HTML) <FORM METHOD = =" POST "
ACTION = =" ………/cgi-bin/maforme" > ….. <INPUT TYPE =" SUBMIT " >
12
CGI (shell- niveau avancé)
#!/bin/sh echo Content-type: text/plain … ... Cgi-bin maforme Echo $FORM_nom
13
Formes et CGI Votre nom : Commentaires: jean send
14
Formes et CGI Champs lu : jean
15
Script (javascript-VBscript)
Code envoyé du serveur au client Interprété par le client
16
SCRIPT <HEAD> <SCRIPT> function test() {…….}
17
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>
Présentations similaires
