Vous êtes sur la page 1sur 13

PhP-MySQL

Pagora 2012/2013
CTD 1

Consignes
Il s'agit de raliser un site Web contenant une page d'acueil et un formulaire
spars pour que les visiteurs puissent enregistrer les donnes les concernant
imprimer dans une carte de visite gnre en format pdf

Les donnes entres doivent tre enregistres dans une base de donnes
mySQL.

Le code squenant les actions en fonction des boutons actionns par le


visiteur doit tre contenu dans 1 fichier faisant office de programme
principal.

Toutes les actions spcifiques doivent tre ralises par des sousprogrammes contenus dans des fichiers de code ddis.

L'ensemble des fichiers du site doit tre structurellement organis : ce qui


est utile au graphisme, dans un dossier ddi, ce qui est utile la ralisation
des actions associes au formulaire, et plus gnralement tous les sousprogrammes, doivent tre situs dans un dossier ddi.

Les cartes de visites doivent tre prvisualises en html, puis gnres par
les fonctions php d'une bibliothque ddie selon l'tat d'avancement des
sances.

Organisation pratique
http://tiprof.fr/PHP-mySQL /(1)/org-prat.html
http://iihm.imag.fr/delamare/pagora /
William.Delamare@imag.fr
Evaluation:
La note sera calcule partir des travaux rendus qui sont constitus des compte-rendus
des sances et de l'accs en ligne au rsultat du travail produit.
Au fur et mesure des sances, certains des travaux raliss en sance doivent tre rendus
pour la sance suivante sous forme imprime (recto/verso et ventuellement en noir&blanc
2 par page).
Le dernier travail doit tre rendu sous forme imprime comme pour les 3 autres travaux,
mais aussi sous forme lectronique : il vous est expressment demand de constituer une
archive avec un dossier contenant l'ensemble de vos fichiers, et de l'envoyer l'enseignant
par courrier lectronique au plus tard pendant le WE suivant la dernire sance.
Attention : le non respect de ces consignes est sanctionn dans la note. De mme, toute
relance parce que les travaux n'ont pas t rendus dans les temps est aussi sanctionn.

Ce cours s'appuie sur 2 pr-requis :


Connaissance et pratique des langages HTML et CSS
Bases de programmation (types entiers et chanes, conditions et boucles, parcours d'un
tableau, dfinition et utilisation de fonctions)

Client / serveur

Page web statique

Page web dynamique:


Gnration du contenu via
un langage de script

Client / Serveur

Client = html/css (+js)


Serveur
doit donc gnrer html/css
Outils: php/mySQL (Dans ce cours: pas de RIA Flex/As3,
pas de PERL, ni applet Java, ni WebService, etc)

Langage de scripts
Principes:
"calculer" les pages Web qu'un serveur doit renvoyer
un client pour une URL demande.
URL = adresse dun serveur + dsignation dun fichier
Logiciel client demande (click de souris sur des liens,
etc) : envoie dune requte

Serveur envoie le fichier demand


Au dpart: envoie du fichier tel quenregistr en mmoire
(donc duplication, etc)

Maintenant: possibilit de crer la vole le fichier


renvoyer

2 types de scripts:
Ct serveur(avec environnement adapt)
Ct client (JavaScript, demande de permission)

Interface
CGI = interface de passerelle commune, entre:
Le serveur
Autre application (SGBD par exemple)

Langage: peu importe du moment quil peut


lire le flux de donnes d'entre
traiter des chanes de caractres
crire sur le flux standard de sortie
tre excuter ou interprter par le serveur

Communication CGI/navigateur
1 = requte du client (html, php, exe)
2 = rponse du serveur avec le bon en-tte
content-type : text/html
content-type : image/gif
content-type : text/quicktime

Local / Distant
En local:
- Edition des sources
- Visualisation
- Base de test
Donc
- Editeur de fichiers
file:///on/se/fiche/du/chemin (statique)
- Navigateur (ff, opera)
http://localhost/chemin/du/rep/www
+ serveur local* (Apache, ) (dynamique)
- Base de donne
Ensuite:
- Envoie des fichiers sources sur le serveur
Donc:
- logiciel FTP

http://adresse/sur/le/net

*: si les fichiers contiennent un langage script

Rappels html

Quelques balises utiles pour le cours


<p></p>: paragraphe
<hi></hi>: titre (important i = 1, moins important i = 6)
<center></center>: centrer
<i></i> : en italique (gras si <b>)
<a href= ></a>
Et encore mieux: http://www.codeshttp.com/baliseh.htm
Quelques rgles (les miennes)
Pas de style dans les fichiers html (<td style=)
<A completer au fur et a mesure>

Rappels html: tableaux

- Le CSS vous permettra de rendre


le tableau plus prsentable
- Bordures
- Couleurs
- Centrer/justifier le texte
- Etc

Rappels html: tableaux

Rappels html: formulaires


- Balise <form></form>
- Attributs:
- method
- post
- get
- Diffrences
- Des valeurs passes par GET se voient dans lURL
ex: http://maPage.php?val1=huhu&val2=hehe
- GET limit en taille (255 caractres)
- Action:
- Ce quil se passe aprs la validation
- Script php, perl,
- envoie dun mail
- Etc
Exemple complet: (source et rsultat)
file:///Users/admin/Documents/Vacations/pagora/cours/ex_form.html
http://iihm.imag.fr/delamare/pagora/exemples/ex_form.html

TD1
Cration dune page index.html
La visualiser en http://localhost/
Cration dun formulaire
(On pourra directement mettre lextension .php)
Champs ?