Rapport STAF2x Exercice 4
SVG



Page Travaux | Homepage | Exercice

Objectifs

Mes objectifs premiers étaient :

L'outil

Au début je voulais améliorer l'outil de gestion de projets que j'ai développé au sein de Ergonomis en ajoutant des informations visuelles sur l'état de chaque phase du projet. A cause du temps à disposition et du temps qu'il fallait investir pour reprendre cet outil et l'améliorer, j'ai décidé de changer d'outil pour expérimenter SVG.

J'ai focalisé mon exercice sur Programs Manager (voir aussi Exercice XSL-FO). J'ai développé une nouvelle interface pour PM (Programs Manager) qui ressemble plus à un portail. Mis à part l'amélioration graphique de cet outil, j'ai aussi ajouté de nouvelles fonctionnalités. Dans le cadre de cet exercice SVG, j'ai implémenté un module de statistiques.

Preview du graphisme de PM v2.0:

Conception

J'ai développé deux niveaux d'informations:

  1. Statistiques hebdomadaires de tous membres inscrits :
  2. Comme l'image le montre, on affiche le nombre de items ajoutés pour la semaine courante par chaque utilisateur ainsi que le nombre de fois qu'il s'est connecté à PM.

    L'image montre que le membre " pallino " a ajouté 3 items et il s'est connecté 6 fois au cours de la semaine 25.

    Si l'utilisateur a jouté au moins un item, un lien apparaît sur le nom du membre. En cliquant sur ce lien, on peut afficher le deuxième niveau de statistiques.

  3. Nombre de items ajoutés au cours de la semaine par un membre
  4. On observe par cette image que le jours 17 (juin) " pallino " a ajouté 2 items, et le 19 un autre.

    A tout moment l'utilisateur peut revenir à l'affichage global de tous les membre en cliquant sur "Retour à la semaine 25".

Dans les deux niveaux de statistiques l'utilisateur peut afficher aussi les informations pour les autres semaines comme le montre l'image ci-dessous affichant la semaine 23 :

L'utilisateur peut passer d'une semaine à une autre en cliquant sur les deux flèches rouges.

Difficultés rencontrés

J'ai pas réussi a appliques l'événement close() à un lien pour fermer la fenêtre pop up contenant les statistiques (-> problème résolu :).

Technologies utilisées

Code source des statistiques


© 2002 Roberto Ortelli