Algorithmique et développement web S2 (M2202) – TP #4

Dans cette séance de TP vous allez faire un exercice sur la validation de formulaires et ensuite vous travaillerez sur le projet de M2202/M2206.

Liens utiles : CM #2 · TD #2 · TD #3

Dans le répertoire m2202 que vous avez déjà créé, ajoutez un répertoire nommé m2202-tp4 pour sauvegarder les exercices de cette séance (TP #4).

Dans ce répertoire m2202-tp4, créez un répertoire appelé exo1 pour le premier exercice, exo2 pour le deuxième, etc. Vos exercices ne seront pas corrigés si vous ne respectez pas ces instructions.

À la fin de la séance, vous devez compresser (en format ZIP ou RAR) le répertoire m2202-tp4 avec tous vos exercices et le soumettre sur AMeTICE.

Seuls les exercices marqués avec une étoile (*) seront évalués. La date limite pour rendre vos exercices est visible sur AMeTICE, et aucun travail ne sera accepté après. Le corrigé sera affiché après l'évaluation des exercices.

Exercices

Exercice 1*

Dans cet exercice vous allez faire un formulaire simple, le valider, et afficher les données entrées de façon sécurisée.

Dans un fichier appelé index.html, faites un formulaire avec trois champs : un nom (3—20 caractères), une adresse e-mail (valide) et un message (1—400 caractères).

Dans un fichier appelé affichage.php, validez les données et affichez-les. Si un des champs n'est pas valide, affichez un message d'erreur et un lien vers le formulaire.


Pour sécuriser votre page web, utilisez la fonction htmlspecialchars() [doc] avant d'afficher les données du formulaire. Vérifiez que ça marche en rentrant le message suivant dans le formulaire : <script>for(let i=0;;i++) alert("Error ("+i+")");</script>.

Le code HTML des deux pages web doit être valide pour W3C Markup Validation Service.

Notez que si vous avez bien sécurisé votre formulaire, le script précédent ne devrait avoir aucun effet sur votre page web. Essayez de voir ce qui se passe sinon.

Le projet

Réservez au moins une heure pour travailler sur le projet.

Quelques pistes sur comment commencer :

  1. Faites la structure du code HTML pour la page d'accueil et la page d'une séance de cours. Factorisez les parties communes (entête, pied de page) avec la fonction include().
  2. Faites les formulaires (et leur validation) pour s'inscrire et pour se connecter dans le site web.

N'hésitez pas à poser vos questions aux enseignants de ce module et à nous faire relire votre code PHP.