Staf14 ex1 homepage - moo - pages travaux (rapport)

Rapport sur ma home page

• Objectifs et aspects conceptuels :
  Cette home page n'est pas la première que j'ai été amené à construire. Pourtant, celle-ci possède des caractéristiques qui se différencient des autres. En effet, les autres ne m'intéressaient pas du tout et me permettaient simplement d'être présent sur la toile. Cela était dû principalement au temps qui me manquait et au fait que d'autres projets accaparaient toute mon énergie.
  Cette nouvelle home page est totalement différente puisqu'elle a la prétention d'être utile à un public difficilement définissable ainsi qu'à moi-même. Voici les différents objectifs visés:
  
  
• respect des consignes du cours staf 14
• recréer à partir de zéro une home page
• y insérer progressivement le maximum d'informations me concernant
• proposer de télécharger la majorité de mes productions, tant universitaires que personnlles
• continuer à travailler sur le code source en me familiarisant avec le logiciel emacs
• créer une interface simple proposant une navigation explicite et intuitive, en veillant à ne pas utiliser de frames, d'animations et de fonds colorés
• rechercher une homogénéité entre toutes les pages au niveau du design
• utiliser pour la première fois des feuilles de style externes
  
  


• Démarche :
  Pour mener à bien un tel projet, j'ai commencé par définir une structure générale de navigation. Ayant décidé de bannir les frames (j'étais un fervent défenseur de ce système jusque récemment...), je me suis rabattu sur une technique en javascript. En bref, tous les éléments utilisés de manière répétée sur plusieurs pages, comme le logo, les menus principaux et secondaires sont contenus dans des fichiers "*.js". Ces fichiers sont par la suite appelés là où j'en ai besoin. L'avantage de cette technique me permet de simplifier les mises à jour et autres modifications, car il n'y a qu'un seul fichier à changer!
  J'ai ensuite opté pour un fond blanc, un font et une taille des caractères standardisés pour éviter les mauvaises surprises sur d'autres ordinateurs ou environnements et respecter le choix des utilisateurs. J'ai créé une feuille de style externe, qui est appelée par chaque fichier.
  La navigation se fait sur trois niveaux et utilise la technique "javascript" décrite plus haut. Le premier est le logo, permettant de retrouver la première page du site (home) ainsi que mon adresse email. Ensuite, le deuxième niveau propose la navigation principale: "identité" regroupe des informations sur ma personne, comme le cv, mes origines, etc.; "études" permet d'accéder aux travaux commis durant ma licence et actuellement lors du diplôme staf; "réalisations" me permet de créer une vitrine de mes productions personnelles, que ce soit au niveau de la création de sites qu'au niveau littéraire et finalement "ressources" propose une série de liens commentés. Le troisième niveau se rapporte aux menus secondaires découlant de chacun des éléments du menu principal. L'intérêt d'une telle conception est que depuis n'importe quelle page, on peut avoir accès à (presque) n'importe quelle autre page. Cela reproduit en fait la logique des frames tout en se privant des ses multiples inconvénients!
  J'ai ensuite décidé de construire chacun de mes fichiers à l'intérieur d'un tableau d'une largeur de 80% de la largeur de l'écran afin d'aérer quelque peu les informations et m'adapter aux différentes tailles d'écrans.
  
  
• Aspects techniques :
  Comme depuis mes débuts en html, j'ai utilisé le traitement de texte "simple text" sur MacOS pour taper le code. J'ai également testé à plusieurs reprises le programme Xemacs que j'ai trouvé plus performant et propre mais qui ne tourne malheureusement pas très bien sur MacOS. Ces pages, très simples, ne nécessitent pas l'utilisation de programmes semi-professionnels comme dreamweaver. Pour finir, j'ai testé le résultat sur différents browsers. Je conseille fortement l'utilisation de Netscape 4.x!
  
  

Rapport sur ma page travaux

• Objectifs et aspects conceptuels :
  La page de travaux est réalisée en xml. Elle est située à un autre endroit sur le serveur et n'est pas prévue pour faire partie de notre home page. Mes objectifs étaient alors les suivants:
  
  
• comprendre la logique xml et les caractéristiques des fichiers *.dtd et *.xsl
• respecter le design de ma home page mais en plus intégrer cette page au sein de ma homepage, en respectant la navigation et les liens, ce qui n'est pas évident, puisqu'elle est située ailleurs sur le serveur
• personnaliser par conséquent la feuille de style (fichier travaux.xsl)
• rajouter une rubrique "ressources", en plus de "exercices"
  
  


• Démarche :
  J'ai commencé par imprimer les trois documents (travaux.dtd, travaux.xsl et welcome.sxml) pour comprendre leurs fonctionnements et leurs complémentarités. Puis, j'ai complété le fichier .sxml et modifié la feuille de style pour qu'y apparaissent le design et les éléments de navigation de ma home page. Je n'ai pas pu utiliser la technique "javascript" décrite plus haut, ce qui m'a forcé à entrer le code du logo et des deux menus en entier. Mauvais pour les mises à jour!
  En remplissant le fichier .sxml, je me suis vite rendu compte que cette page était trop restrictive et principalement centrée sur les cours que nous suivons. Le dtd ne proposait pas par exemple de possibilités d'introduire pour chaque cours les ressources personnelles que nous produisions ou d'autres ressources générales. Prenant mon courage à deux mains, j'ai tenté de m'attaquer au dtd pour rajouter une telle possibilité. Il m'a fallu par la suite changer également la feuille de style. C'est ainsi que ma page travaux permet d'afficher les exercices effectués pour chaque cours et des ressources personnelles.
  En proposant cette manipulation à Vivian, nous avons réfléchi sur le fait que le dtd était trop centré sur les cours du diplôme. Nous sommes arrivés à la conclusion qu'il serait plus judicieux de le centrer sur l'étudiant lui même. Les éléments pourraient alors être : personal-data (en y intégrant "campus" et "moo"), courses (en laissant l'élément exercices (avec comme sous-élément un élément de ressources personnelles portant sur l'exercice) mais en y rajoutant par exemple d'autres éléments, comme le titre du cours, le professeur, son email, son emplacement dans le campus, son évaluation), et un élément de ressources générales sur le diplôme staf.
  Vivian m'a alors poussé à réaliser tout cela. Cependant je dois avouer que je n'ai pas réussi à trouver les heures nécessaires pour réaliser cette proposition. Car contrairement au html, le xml prend beaucoup plus de temps. Néanmoins, si le dtd devait être changé dans ce sens, j'aimerais bien y participer.
  J'ai néanmoins conscience de ne pas avoir respecté une consigne qui était de ne pas modifier le fichier dtd. Cependant, cela ne dérange pas trop dans le sens où je peux revenir rapidement au dtd initial, en remplaçant le nouveau par l'ancien et en supprimant mes ressources.
  
  
• Aspects techniques :
  Comme pour la home page, j'ai utilisé le traitement de texte "simple text". La difficulté fut de travailler en restant connecté et de charger à chaque fois les pages sur le serveur pour voir les résultats. Cela rend le travail plus lent. Cependant, Cocoon est très fort pour indiquer les erreurs!
  
  

Rapport sur mon personnage et mon bureau MOO

• Objectifs et aspects conceptuels :
  Le MOO est un monde que je connaissais déjà un peu puisque j'ai suivi le cours de M. BROUZE l'année passée. Nous nous étions pourtant limités à son utilisation sans trop toucher à la construction. Cette année mes objectifs étaient plus ambitieux:
  
  
• création d'un personnage, avec description et autres artifices
• création d'un bureau avec possibilité de rencontres virtuelles
• création d'un espace pour les étudiants de la volée staf-gina
  
  


• Démarche :
  J'ai commencé par utiliser le MOO ce qui m'a été le plus utile car la majorité de mes apprentissages se sont déroulés au sein des interactions tissées avec d'autres utilisateurs. Remercions Zeitoun, Kaspar et jcb pour leur aide inconditionnelle et toujours généreuse.
  Mon personnage se nomme "winset" (#6046) pour des raisons personnelles. Disons que c'est mon surnom... Je me suis ensuite créé un bureau appelé le "winsburo" (#2575). J'ai mis du temps à comprendre l'importance de le créer à partir du parent "generic classroom" #374. Je l'ai décrit et laissé une note à l'intention des visiteurs (post-it). Il a toute les caractéristiques de la generic classroom, ainsi, il est possible d'écrire sur un tableau, de s'asseoir à une table de travail, de consulter l'heure (clock), de se reposer sur un sofa ou de se laisser glisser dans un jaccuzzi. J'y ai également créé un robot, le "winsrobo" (#5392) qui reconnaît déjà certains mots, surtout concernant le chocolat! Je l'ai trouvé dans le Mooseum... Enfin, sur les conseils avisés de jcb, j'ai désiré permettre aux visiteurs et à moi-même de visualiser dans un browser les objets présents dans la classe. Pour ce faire il m'a fallu créer un objet que j'ai appelé "moo2web" (#5362). Il faut pour cela utiliser la la NewGate.
  Mon bureau est relié à la salle Staf GINA (#5367) que j'ai créée et configurer la moindre pour permettre aux étudiants de cette volée de se rencontrer. Il contient une table pour chaque cours staf et une cafétéria. Cette salle peut également être utilisée depuis la la NewGate. Les étudiants staf-g sont invités à déposer des objets dans cette salle pouvant servir à d'autres. Je rajouterai encore que jcb m'a "prêté" la salle chopin qui possède encore plus de fonctionnalités intéressantes!
  Depuis la salle Staf GINA, j'ai créé un certain nombre de sorties vers le "TecfaMOO ARRIVAL area" et les pièces des stafiens qui se sont manifestés dans le MOO!
  J'ai également eu l'occasion d'utiliser le MooMail.
  
  
• Aspects techniques :
  La programmation s'est effectué directement dans le MOO à l'aide du client tkmoolight.