STIC:STIC II - exercice 16 (Stella)

Cette page fait partie des cours STIC I et STIC II

Enoncé de l'exercice 16

Cet exercice du cours STIC II vous permet de vous familiariser

avec le language JavaScript
avec le DOM (Document Object Model), et notamment avec l'interface pour traiter les formulaires

Tâche

Créez une petite page (X)HTML/JavaScript de votre choix. L'utilisateur doit pouvoir rentrer des données avec un formulaire et/ou déclencher un événement. Ensuite une application écrite avec JavaScript en fait quelque chose. La solution la plus simple consiste à programmer un petit quiz avec des questions radio à choix multiple. Alternativement, vous pouvez aussi programmer un outil interactif, par exemple exemple une visualisation de fonctions mathématiques ou encore une page "multimédia" avec des animations.

Emplacement du rapport

/etu-maltt/nestor/<login>/stic-2/ex16/

Exercices alternatifs (une personne / page)

Mettre à jour la page JavaScript dans ce wiki. Y compris créer une page "liens JavaScript". La page JavaScript elle-même devrait présenter un petit survol du langage et de ses usages. C.f. la page en:DHTML et en:Javascript tutorial - basics par exemple.

Faire un article d'introduction sur l'élément Canevas de HTML5

Commencer l'article Tutoriel SVG interactif et animé avec DOM

Outils

Un éditeur HTML/JavaScript

Contraintes

Le choix du thème n'a pas beaucoup d'importance, enfin il faut un sujet pédagogique cohérent.
L'utilisation doit être ergonomique
Il faut un minimum de traitement (pas juste utiliser JS pour ouvrir un popup ou un lien)
dispositif: soit HTML, XHTML ou SVG en input
Les utilisateurs doivent recevoir un feed-back intéressant (en fonction du thème choisi). Lorsque, par exemple, il s'agit d'un test pédagogique il faut donner un bon feedback (négatif ou positif).
Le feedback peut se faire avec une fenêtre popup, une nouvelle page ou encore via une modification du contenu de la page (c.a.d vous pouvez utiliser DHTML ou SVG dynamique).

Le rapport:

Titre, auteur et date
Liens vers le résulat (fichier HTML et le code JavaScript)
Objectifs du module: Il sert à quoi / quelle population ?
La production: bref résumé de la démarche
Difficultés, auto-évaluation, remarques
Ressources utilisées, bibliographie.

Evaluation

le script marche
validité de (X)HTML (et SVG ou autres formats utilisés)
créativité
utilité
ergonomie de la page
respect de principes de design (par ex. "instructional design pour des QCM)
points bonus: tester si l'utilisateur a bien rempli le formulaire, utilisation de nouvelles fenêtres html pour le feedback, etc.