Rapport Exercice 2

Homepage

• Objectifs : le but de cet exercice était, à mon sens de concevoir un site web simple, sobre avec des pages s'affichant rapidement sous des OS différents (Linux, Windows, MacOS). Ma homepage sert a présenter qui je suis, ce qui m'intéresse (tant au niveau personnel que recherche passée ou future
) et à fournir des liens (ce sont mes bookmarks les plus utilisés). Je me suis également fixé quelques contraintes : temps, respect des consignes du cours (design homogène pour toutes les pages, système de navigation, peu de graphiques, informations sur "qui, quoi, quand"), pas d'utilisation de frames, de javascript, de gifs animés et autres choses qui encombrent la bande passante. J'avais aussi pour objectif de découvrir l'utilisation des feuilles de styles CSS.
• Démarche : pour remplir ces objectifs, j'ai donc créeé une feuille de style qui définit plusieurs niveaux de titres, le fond, le corps de texte ou les listes. Cette CSS est utilisée pour toute mes pages: En ce qui concerne la navigation, j'ai choisi de placer un menu en haut de chaque page avec un lien inactivé montrant le lieu où l'utilisateur se trouve. Mes pages sont volontairement courtes pour éviter à l'utilisateur de trop scroller. Le plan du site est très classique : une page d'accueil, une page pour le Curriculum Vitae, un lien vers ma page travaux STAF, une page de présentation de mon travail passé (avec mon rapport de maitrise en téléchargement) et des liens.
• Aspects techniques :par habitude, je suis assez minimaliste dans les outils que j'utilise : j'ai tapé le code html avec emacs comme éditeur de texte (sous Linux). J'exporte ensuite mes fichiers sous Windows (lorsque je travaille à l'UNI), je vérifie parfois le code avec WebExpert puis je regarde ma page sur différents browsers (Netscape, Internet Explorer) et différents OS pour voir si cela tourne. Comme j'ai utilisé des feuilles de style, le résultat varie un peu suivant que l'on utilise Netscape ou I.E.

Page travaux

• Objectifs et démarche : il s'agissait de réaliser une page pour indexer tous nos travaux en utilisant une feuille de style xsl et le contenu dans une feuille xml (sxml ici). Mon objectif plus personnel consistait à m'initier à XML. C'est pour cela que j'ai quelque peu modifié la feuille XSL.
• Aspects techniques : j'ai édité les codes sxml et xsl avec emacs. J'ai commencé par modifier quelques éléments de forme afin que ma page travaux s'inscrive dans un design proche de mon site. Ensuite, en voulant placer les éléments de l'exercice 1 dans cette page, je me suis rendu compte d'une faiblesse de la feuille de style. En effet, avec le dtd de Vivian, on ne peut placer qu'un item (renvoyant à un url) par exercice. Si on place chaque item (par exemple un exercice pour la homepage, un pour le personnage MOO, un pour le bureau...), on va avoir en fin d'année une page trés longue et il faudra scroller, ce qui est peu ergonomique. C'est pour cette raison que j'ai voulu mettre les url d'un exercice sur une seule ligne. J'ai contourné cela en créant de nouveaux tags (title2, url2...) dans le fichier xsl. Le problème est alors que ce n'est plus conforme au dtd d'origine (qui n'autorise qu'un url par exercice). Cette méthode est plutôt bancale (du bricolage), mais je ne suis pas parvenu a modifier le fichier dtd pour faire quelque chose de valable. En effet, j'ai rajouté quatre url (et quatre titres) donc cela signifie que pour tous les exercices, il faudrait quatre items; d'où l'apparition de trois virgules pour l'exercice de staf13 où je ne voulais mettre qu'un seul item. J'ai fait part de ce problème à Vivian en attendant une modification du dtd pour tout le monde, je ne l'ai pas touché. Nouveau (11/12/2000) : pour être en conformité avec le dtd (et que le servlet puisse reconnaitre les exercices que je place), j'ai repris la formule un exercice par ligne (seule l'ancienne version utilise la feuille xsl décrite précédemment).

MOO : personnage et bureau