[ PDF ]

Objectif

• Implémenter la partie côté client du projet
• Utiliser les technologies Ajax

Introduction

Lors de la partie 1 du projet, vous avez identifié un certain nombre de fonctionnalités à implémenter du côté client de l’application ; dans certains cas, j’ai aussi fait quelques suggestions. Vous devez maintenant implémenter ces fonctionnalités à l’aide de JavaScript, du DOM, ainsi que les technologies Ajax.

Utilisez les pages statiques de la partie 1 du projet, ainsi que les pages dynamiques générées par les Servlet de la partie 2. Les technologies Ajax nécessitent la création de nouveaux éléments logiciels, à la fois côté client et côté serveur.

Tâchez de corriger les problèmes soulevés lors de la correction, si nécessaire. Ajoutez toutes des pages supplémentaires afin de rendre l’application la plus complète possible.

Assurez-vous que vous utilisez les technologies et les idées présentées en classe et dans le bouquin de Jackson (JavaScript, DOM, événements intrinsèques, événements du DOM, Ajax...).

Assurez-vous que votre application tourne sous Firefox (vous n’avez pas à supporter les autres navigateurs pour ce projet). Assurez-vous que votre application est robuste (il ne devrait pas y avoir de messages d’erreur dans la console JavaScript). Le code produit doit être de qualité : déclarez les variables, ajoutez des commentaires significatifs, évitez les raccourcis qui rendent le code obscur.

L’application doit être conviviale et doit fournir de l’aide précise à l’usager. Les technologies Ajax peuvent produire des applications Web dont l’interface usage s’apparente aux applications ≪ desktop ≫. Plutôt que d’échanger des pages complètes entre le serveur et le client, ces technologies favorisent l’échange asynchrone d’information entre le client et le serveur, et la reconstruction des petites parties du DOM de la page courante.

Faites la validation des champs et présentez les messages d’erreur aussi clairement que possible. Évitez l’envoi d’informations erronées ou manquantes au serveur. L’application doit être flexible. C’est très frustrant pour l’usager de déterminer s’il doit y avoir un espace entre le code régional et le reste du numéro de téléphone, des parenthèses autour du code régional, etc. Tâchez de prévoir un grand nombre de scénarios possibles.

Consignes

Vous devez préférablement faire le travail en équipe de deux, mais vous pouvez aussi faire le travail individuellement. Vous devez soumettre, via WebCT, les éléments suivants :

1. Une version électronique de l’application comportant l’utilisation de JavaScript, la validation de champs, la modification du DOM, et l’échange d’information entre le client et le serveur à l’aide d’Ajax ;
2. Un court rapport décrivant ce que vous avez implémenté pour cette partie du projet (ajouts par rapport à la partie 2). Comment vous l’avez fait (quelle technologie) et pourquoi. Tâchez de remettre un rapport professionnel (précis, bien structuré, en bon français).

Modifié le : 14 mars 2010