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.

Vous devez rendre ces exercices. Pour cela, compressez (en format ZIP ou RAR) le répertoire m2202-tp4 et soumettez-le sur AMeTICE dans TP #4 - exercices à rendre. Les exercices marqués avec une étoile (*) sont obligatoires, mais essayez de les faire tous.

Si vous soumettez vos exercices en retard (après la date de remise), la correction sera plus exigeante. Il est impossible de rendre les exercices après la date limite.

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'un film. Factorisez les parties communes (entête, pied de page) avec la fonction include().
  2. Concevez la base de données pour enregistrer les films, les commentaires et les utilisateurs.
  3. Faites les formulaires (et leur validation) pour s'inscrire et pour s'identifier dans le site web.

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