Sitemap interactive pour une navigation sémantique Christophe Vuilleumier 14.05.2004 09.07.2004 Développement d'une cartographie sémantique interactive pour la navigation. Le but de ce projet est de développer une cartographie (sorte de "carte conceptuelle") interactive. Ce dispositif permettra une navigation sémantique, "relationnelle" au sein d'un site web ; le dispositif mettra en évidence certaines relations existant entre les différents éléments. Ce dispositif sera développé en SVG, obtenu par transformation XSLT à partir d'un fichier XML. Ce dispositif permettra à quiquonque de se créer un dispositif adapté à ses données personnelles, en remplissant le fichier XML de manière aqdéquate.

But social
Le but social général poursuivi par ce projet est d'une part d'apprendre une technique nouvelle (SVG), d'autre part de contribuer à me constituer un "portefeuille" de réalisations "présentables" ... Webographie (évolutive)

En français
En anglais :
 Quels types de relations entre les éléments est-il intéressant / utile de faire apparaître ? Définir les types de relations entre les différents éléments qu'il est intéressant / utile de montrer et que je désire que ce dispositif mette en évidence. Quels sont les besoins pour ce projet, au niveau technique. Déterminer quelles seront les "techniques", langages, etc. nécessaires au développement du dispositif. Quel type de représentation graphique est le mieux adapté ? Définir quel graphisme choisir, tant du point de vue ergonomique qu'esthétique. 17.05.04 06.06.04 100 Choix du site "cible" Choisir pour quel site je vais développer ce système de navigation. Site cible J'ai décidé de développer ce dispositif pour représenter ma homepage à tecfa.
Je désire mettre en avant l'aspect collaboratif de la formation que nous avons suivie et montrer les relations entre certains travaux que nous avons effectués durant l'année. Je désire également faire apparaître les relations existant entre les différents cours (professeur, assistant, ...). 17.05.04 06.06.04 100 Choix des types de relations entre les différents éléments Déterminer / choisir quelles sont les relations existantes entre les éléments qu'il est utile / intéressant que le dispositif mette en avant. Relations retenues Afin de représenter l'aspect collaboratif de certains travaux Staf, je compte mettre en avant les relations suivantes :

Pour un exercice [lien vers la ressource]
  • Effectué avec [lien vers la home page correspondante]
    - (éventuellement) Egalement effectué [liens vers les ressources correspondantes]

Pour un cours [
  • Enseigné par [lien vers la home page correspondante]
  • (éventuellement) Enseignant également [lien vers la page correspondante au cours]
  • Assistant [lien vers la home page correspondante]
  • (éventuellement) Assistant également [lien vers la homeage correspondante]
 17.05.04 ? 100 Choix de la métaphore de navigation / des aspects graphiques. Choisir quelle sera la représentation graphique du système de navigation. Métaphore de navigation / graphisme Pour l'instant le design est une préoccupation secondaire. Je dois d'abord terminer la feuille de style de transformation xslt. Alors il sera temps d'affiner le graphisme. J'ai cependant déjà certaines idées. 06.06.04 ? 100 Définition des besoins techniques. Cette première étape me permettra de déterminer quelles seront les techniques utilisées pour implémenter ce projet. Besoins techniques Pour obtenir le résultat désiré (le dispositif en SVG) j'utilise une feuille de style xslt qui transforme un fichier XML. La transformation se fait en "batch" à l'aide de Saxon. Le fichier XML contient diverses informations concernant l'ensemble des éléments constituant ma homepage à tecfa. Il est "accompagné" d'un fichier DTD. Pour interagir avec les graphismes, je me sers de SMIL, et javascript. 06.06.04 10.06.04 100 Recherche de tutoriels - documentation - théorie Trouver des références pour les techniques qui auront été identifliées par le WP4 Webographie Cf. Paper 10.06.04 15.06.04 100 Apprentissage des techniques nécessaires au développement du dispositif. Cette étape me permettra d'apprendre les bases des différents langages identifiés par le WP4. Apprentissage des techniques En réalité, cet apprentissage se fait en parallèle avec le développement du dispositif. On a beau lire des tutoriels et regarder la source de 12'000 exemples, dès qu'on met la main à la pâte, il faut bien y retourner ! C'est en fait le meilleur apprentissage ! :D 15.06.04 25.06.04 70 Développement du dispositif proprement dit. Programation du dispositif.
Ce dispositif est composé de 4 fichiers : la DTD permettant de remplir un fichier XML, la feuille XSL permettant la transformation à l'aide de Saxon et le produit : le fichier SVG. Les voici en l'état de développement (Cf Paper) http://tecfa.unige.ch/staf/staf-j/vuilleum/staf18/p6/paperMedia/HP.dtd DTD Le fichier DTD http://tecfa.unige.ch/staf/staf-j/vuilleum/staf18/p6/paperMedia/HP.xml XML Le fichier XML http://tecfa.unige.ch/staf/staf-j/vuilleum/staf18/p6/paperMedia/HP.xsl XSLT Le fichier XSL en l'état de développement. http://tecfa.unige.ch/staf/staf-j/vuilleum/staf18/p6/paperMedia/HP.svg SVG Le fichier SVG en l'état. 25.06.04 27.06.04 100 Usability du dispositif Effectuer quelques petits tests d'utilisabilité du dispositif, sur un échantillon réduit d'utilisateurs finaux potentiels. ATTENTION il n'est pas question ici de comparer ce type de dispositif à un quelconque système de navigation "classique", simplement de s'assurer de la fonctionnalité de celui-ci. 25.06.04 30.06.04 100 Rapport final Rédiger un rapport retraçant les différentes étapes du déroulement du projet, ainsi que ses tenants et aboutissants. http://tecfaseed.unige.ch/staf18/modules/ePBL/uploads/proj10/paper%20(et%20dispositif)8.xml