STIC:STIC I - exercice 7 (Nestor-Pixel)

De EduTech Wiki
Aller à la navigation Aller à la recherche

Cette page fait partie des cours STIC I et STIC II

Enoncé de l'exercice 7

Cet exercice du cours STIC I vous permet:

  • d'apprendre à créer/utiliser des formulaires HTML ou XHTML
  • faire des traitements simples avec PHP

Tâche

(1) Faites un formulaire HTML (soit une page HTML, soit généré par PHP)

(2) Faites un script PHP qui traite les informations

Emplacement de la page d'accueil / rapport:

/etu-maltt/nestor/<login>/stic/ex7/

(3) Créer un rapport

(4) Contribuez au wiki (vous apprenez plus si vous contribuez à un article sur HTML, les formulaires ou encore PHP)

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.
  • Liste de contributions wiki.

Evaluation

  1. le script marche
  2. validité des pages (formulaire et résultat)
  3. créativité
  4. utilité
  5. ergonomie de la page
  6. respect de principes de design par ex. "instructional design" pour les règles d'un QCM
  7. Contribution au wiki (par ex: 1/2 point pour un petit article, 1/4 pour un apport intéressant à un article)
  8. Qualité du rapport: Objectifs du dispositif, design, etc.
  9. Bonus: XHTML au lieu de HTML, récupération de donnés (sûre!) dans un fichier
  10. Malus: Récupération de donnés pas sûre et formulaire attirant les spammers.

Activité en salle de classe

Démo:

(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>
</body>
</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

Tutoriel HTML forms

Tutoriels PHP

Voir les liens PHP dans edutechwiki (en):

Tutoriel PHP : développez.com

(vous y trouverez plein d'autres tutoriels sur d'autres langages)

Exemples

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