TP 2

Yves MARCOUX - EBSI - Université de Montréal

Quoi faire

Vous devez créer une page HTML scriptée qui fait un certain type de dépouillement d’un texte. Le dépouillement effectué est de recenser les caractères alphanumériques distincts utilisés dans le texte. Les formes majuscules, minuscules et/ou avec signes diacritiques sont toutes considérées distinctes. Le résultat du dépouillement est affiché dans la fenêtre de navigation par contenu dynamique d’un élément de la page.

Visuellement, ça doit donner quelque chose comme :

Les caractères sont présentés dans leur ordre d’apparition dans le texte.

Conseils : Le texte devrait être accepté dans un contrôle "textarea". L’affichage du résultat devrait apparaître à l’écran par assignation du innerHTML d’un élément <div> initialement vide dans la page. Il s’agit donc, après avoir recensé les caractères distincts, de générer le code HTML qui produit l’affichage voulu. Les deux phrases peuvent être placées chacune dans un <p>, alors que les caractères individuels sont placés chacun dans un <span> avec les propriétés CSS (border, padding, line-height) adéquates pour produire la présentation désirée.

Pour tester sur un texte conséquent, copier-coller à partir de l’Après-Midi d’un Faune, de Stéphane Mallarmé.

Il sera possible de discuter vendredi de l’approche algorithmique à adopter.

Exigences particulières

Si rien n’est saisi, ou si le texte ne contient aucun caractère alphanumérique, afficher plutôt une message à cet effet, par exemple :

N’utilisez que les outils que nous avons vus dans le cours jusqu’ici, pour les raisons discutées aussi dans le cours.

À remettre

Vous devez remettre tous les fichiers requis pour faire fonctionner votre « application ». Si vous utilisez plusieurs fichiers, assurez-vous que les liens entre eux sont relatifs et fonctionnels.
Aucun caractère spécial, espace ou caractère accentué ne doit être utilisé dans les noms des fichiers remis.

Essayez quand même de donner un nom significatif à votre fichier HTML principal, en lien avec la fonctionnalité de l’application (n’utilisez pas "TP1"). Soyez inventif (même si ne n’est pas facile avec une fonctionnalité aussi… frivole !). Une URL significative est une belle façon d’entamer un dialogue fructueux avec l’utilisatrice.
Si vous travaillez en équipe, un seul des coéquipier doit déposer le(s) fichier(s) dans StudiUM.

Critères d’évaluation

Vous serez évalués non seulement sur la fonctionnalité de votre page scriptée selon les spécifications ci-dessus (le fait qu’elle fait bien ce qui est demandé), mais également sur son utilisabilité, en particulier, sur un minimum de souci de l’expérience utilisatrice, comme on a vu et fait en classe.

Dans le(s) fichier(s) source(s) :

Vers le début du fichier principal, un commentaire doit donner le nom et le matricule UdeM de chaque coéquipier.
Le code doit être clairement disposé et suffisamment aéré pour être facile à lire.
Les blocs d’instructions imbriqués sont bien indentés.