« STIC:STIC I - exercice 7 (Nestor-Pixel) » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (→Livres) |
mAucun résumé des modifications |
||
Ligne 40 : | Ligne 40 : | ||
# respect de principes de design par ex. "instructional design" pour les règles d'un QCM | # respect de principes de design par ex. "instructional design" pour les règles d'un QCM | ||
# Qualité du rapport: Objectifs du dispositif, design, etc. | # Qualité du rapport: Objectifs du dispositif, design, etc. | ||
# Bonus: XHTML au lieu de HTML, récupération de donnés (sûre!) dans un fichier | |||
# Malus: Récupération de donnés pas sûre et formulaire attirant les spammers. | |||
== Activité en salle de classe == | |||
(1) Copiez [http://tecfa.unige.ch/guides/php/examples/simple-calculate/formulaire.text /guides/php/examples/simple-calculate/formulaire.text] ou le code ci-dessous | |||
<pre> | |||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | |||
<html> | |||
<head> | |||
<title>un simple test avec PHP (25-Mar-1999)</title> | |||
</head> | |||
<body> | |||
<h1>Un simple test avec PHP</h1> | |||
Remplissez le formulaire suivant SVP: <p> | |||
<form action="calcul.php" method="post"> | |||
Quelles sont vos connaissances de HTML ? | |||
<input type="radio" name="choice" value="1" checked>faibles | |||
<input type="radio" name="choice" value="2">moyennes | |||
<input type="radio" name="choice" value="3">bonnes | |||
<br> | |||
Indiquez votre expertise en programmation: | |||
<input type="radio" name="choice2" value="1" checked>absente | |||
<input type="radio" name="choice2" value="2">moyenne | |||
<input type="radio" name="choice2" value="3">bonne | |||
<P> | |||
<input type="submit" value="Voir le résultat!"> | |||
</form> | |||
<hr> | |||
</html> | |||
</pre> | |||
(2) Copiez [http://tecfa.unige.ch/guides/php/examples/simple-calculate/calcul.phps /guides/php/examples/simple-calculate/calcul.phps] ou le code ci-dessous dans un fichier *.php | |||
<pre> | |||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | |||
<HTML> | |||
<HEAD> | |||
<TITLE>Un simple test avec PHP (calcul des résultats) (29-Jun-1998)</TITLE> | |||
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" > | |||
</HEAD> | |||
<BODY> | |||
<H1>Un simple test avec PHP (calcul du résultat)</H1> | |||
<hr> | |||
<?php | |||
// Récupération des variables du formulaire | |||
$choice = $_POST['choice']; | |||
$choice2 = $_POST['choice2']; | |||
// Ensuite on calcule le score | |||
$score = $choice + $choice2; | |||
// Et on donne le résultat en fonction du score obtenu | |||
echo "<h3>Votre score est de " . $score . "</h3>"; | |||
if ($score < 3) { | |||
echo "<p>Vous êtes un débutant</p>"; | |||
} elseif ($score < 5) { | |||
echo "<p>Vous avez un niveau moyen</p>"; | |||
} else { | |||
echo "<p>Vous êtes un expert !</p>"; | |||
} | |||
?> | |||
<hr> | |||
<a href="http://validator.w3.org/check?uri=referer">Valid HTML</a> | |||
</BODY> | |||
</HTML> | |||
</pre> | |||
(3) Modifiez le formulaire '''et''' le script PHP. Ajoutez par exemple une question. | |||
== Liens == | == Liens == | ||
Ligne 71 : | Ligne 147 : | ||
* Squier, Dan et al. (2004). Beginning PHP5, Wrox, ISBN 0764557831 (ok pour débutant) | * Squier, Dan et al. (2004). Beginning PHP5, Wrox, ISBN 0764557831 (ok pour débutant) | ||
* Gilmore, Jason, Beginning PHP 5 and MySQL: From Novice to Professional (Paperback) ISBN | * Gilmore, Jason, Beginning PHP 5 and MySQL: From Novice to Professional (Paperback) ISBN 1893115518. | ||
* Borde et al., PHP 5, ISBN 2-7429-3871-0 (moyen, un peu long aussi) | * Borde et al., PHP 5, ISBN 2-7429-3871-0 (moyen, un peu long aussi) |
Version du 27 novembre 2007 à 12:39
Enoncé de l'exercice 7
Cet exercice du cours STIC I vous permet:
- d'apprendre à utiliser des formulaires HTML
- faire des traitements simples avec PHP
Tâche
- Faites un formulaire HTML (soit une page HTML, soit généré par PHP)
- Faites un script PHP qui traite les informations
Emplacement de la page d'accueil / rapport:
/etu-maltt/nestor/<login>/stic/ex7/
Contraintes
- Contenu selon vos envies et possibilités, mais en rapport avec les thématiques de MALTT
Conseil: Adaptez la complexité du formulaire à vos capacités techniques. Si elles sont plutôt basesses, faites un quiz avec des questions à choix multiple (bouton radios)
- Le rapport
- Titre, auteur et date
- Liens vers le dispositif.
- Objectifs du dispositif: Elle sert à quoi / quelle population ?
- Quelques notes sur le design
- La production: bref résumé de la démarche
- Difficultés, auto-évaluation, remarques
- Ressources utilisées, bibliographie.
Evaluation
- le script marche
- validité des pages (formulaire et résultat)
- créativité
- utilité
- ergonomie de la page
- respect de principes de design par ex. "instructional design" pour les règles d'un QCM
- Qualité du rapport: Objectifs du dispositif, design, etc.
- Bonus: XHTML au lieu de HTML, récupération de donnés (sûre!) dans un fichier
- Malus: Récupération de donnés pas sûre et formulaire attirant les spammers.
Activité en salle de classe
(1) Copiez /guides/php/examples/simple-calculate/formulaire.text ou le code ci-dessous
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>un simple test avec PHP (25-Mar-1999)</title> </head> <body> <h1>Un simple test avec PHP</h1> Remplissez le formulaire suivant SVP: <p> <form action="calcul.php" method="post"> Quelles sont vos connaissances de HTML ? <input type="radio" name="choice" value="1" checked>faibles <input type="radio" name="choice" value="2">moyennes <input type="radio" name="choice" value="3">bonnes <br> Indiquez votre expertise en programmation: <input type="radio" name="choice2" value="1" checked>absente <input type="radio" name="choice2" value="2">moyenne <input type="radio" name="choice2" value="3">bonne <P> <input type="submit" value="Voir le résultat!"> </form> <hr> </html>
(2) Copiez /guides/php/examples/simple-calculate/calcul.phps ou le code ci-dessous dans un fichier *.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>Un simple test avec PHP (calcul des résultats) (29-Jun-1998)</TITLE> <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" > </HEAD> <BODY> <H1>Un simple test avec PHP (calcul du résultat)</H1> <hr> <?php // Récupération des variables du formulaire $choice = $_POST['choice']; $choice2 = $_POST['choice2']; // Ensuite on calcule le score $score = $choice + $choice2; // Et on donne le résultat en fonction du score obtenu echo "<h3>Votre score est de " . $score . "</h3>"; if ($score < 3) { echo "<p>Vous êtes un débutant</p>"; } elseif ($score < 5) { echo "<p>Vous avez un niveau moyen</p>"; } else { echo "<p>Vous êtes un expert !</p>"; } ?> <hr> <a href="http://validator.w3.org/check?uri=referer">Valid HTML</a> </BODY> </HTML>
(3) Modifiez le formulaire et le script PHP. Ajoutez par exemple une question.
Liens
Transparents
- Les formulaires HTML: http://tecfa.unige.ch/guides/tie/html/html-forms/html-forms.html
- Pages WWW interactives et CGI: http://tecfa.unige.ch/guides/tie/html/cgi-intro/cgi-intro.html
- Introduction à PHP: http://tecfa.unige.ch/guides/tie/html/php-intro/php-intro.html
- Pages dynamiques avec PHP: http://tecfa.unige.ch/guides/tie/html/php-html/php-html.html
- Librairies PHP: http://tecfa.unige.ch/guides/tie/html/php-libs/php-libs.html
Tutoriels PHP
Voir les liens PHP dans edutechwiki (en):
Exemples
- Anciens travaux
- http://tecfa.unige.ch/guides/php/examples/ (certains seulement !)
Référence
Livres
Il existe des centaines. Pas facile de choisir
- Squier, Dan et al. (2004). Beginning PHP5, Wrox, ISBN 0764557831 (ok pour débutant)
- Gilmore, Jason, Beginning PHP 5 and MySQL: From Novice to Professional (Paperback) ISBN 1893115518.
- Borde et al., PHP 5, ISBN 2-7429-3871-0 (moyen, un peu long aussi)
- Lehrdorf, R. Programming PHP, ISBN 1565926102 (pour programmeurs plutot, par l'inventeur de PHP)
- Spainhour & Eckstein, WebMaster in a Nutshell, O'Reilly (référence pour HTTP, HTML, Javascript, PhP), ISBN-10 0596003579