Staf 14 - Exercice 1
Rapport sur ma présence dans le cyberespace
1. Home Page
Aspects conceptuels
J'estime qu'une Home Page se doit de rester plutôt simple et que sa structure doit être clairement visible du premier coup d'oeil. A mon avis, il est également nécessaire de retrouver une continuité graphique dans les pages qui lui sont associées, à savoir le même type de structure ou la même couleur de fond, par exemple. Il est aussi tout à fait primordial que l'internaute qui se balade dans un site puisse en comprendre rapidement la structure et de ce fait savoir où il se trouve exactement, d'où l'importance de faire apparaître sur chaque page des liens vers les "pages-mères" ou les "pages-soeurs".
Il est également préférable à mon avis qu'une Home Page ne dépasse pas une page écran, afin d'éviter à l'utilisateur de devoir "scroller" sans arrêt de bas en haut et de haut en bas. Si elle dépasse de beaucoup un écran, il est alors judicieux de donner au visiteur la possibilité de naviguer à l'intérieur de cette page.
Il est également utile de faire figurer l'adresse e-mail du concepteur du site afin de permettre aux visiteurs ayant des critiques, des commentaires ou des suggestions de prendre contact avec lui.
Démarche personnelle
Au vu de ce qui figure ci-dessus, je me suis donné pour objectif de réaliser une Home Page simple et fonctionnelle, comportant cependant quelques images, afin d'égayer un peu son "look". J'ai utilisé un fond vert pâle, parce que j'aime beaucoup le vert, mais surtout parce que c'est une couleur qui permet de lire facilement les informations et qui ne fatigue pas trop les yeux, teinte que j'ai également reprise sur les "pages-enfants" directes. J'ai fait figurer sur ma page personnelle des informations qui me semblent de première importance, comme les liens vers Tecfa, Staf et les autres étudiants de la promotion Eva et évidemment le lien vers ma page travaux. En outre, j'ai créé deux liens supplémentaires, l'un qui amène vers mon CV, l'autre qui entraîne l'internaute sur la page consacrée à mes dadas, pour permettre au lecteur potentiel de me connaître un peu mieux. J'ai également indiqué où j'avais été chercher le fond de couleur qui habille ma page.
Comme j'ai réussi à faire tenir l'ensemble des informations sur une seule page, je n'ai pas dû avoir recours à des procédés de navigation interne. Pour chaque page dépendant directement de ma page personnelle, à savoir mes pages "CV" et "Travaux", je n'ai pas non plus utilisé de liens de navigation interne, car ces pages ne sont pas très longues et je pensais que ces liens n'étaient donc pas nécessaires; en outre, je trouvais que du point de vue esthétique, cela ne se justifiait pas. Quant à la page "Coups de coeur", elle ne couvre même pas un écran et ces liens internes sont donc inutiles. Par contre, sur chaque "page-enfant" de ma page personnelle, j'ai fait figurer en haut et en bas de page des liens à la fois verticaux ("Home Page") et horizontaux ("CV", "Travaux Staf" et "Coups de coeur"), ainsi que mon adresse e-mail pour faciliter la navigation sur l'entier de mon site.
Aspects techniques
En ce qui concerne l'apprentissage d'HTML, j'ai d'abord dû tâtonner un peu avant de trouver une méthode qui me convienne. J'ai commencé par créer ma Home Page dans le Web Wizard de Word, puis je me suis tournée vers WordPad, afin de "nettoyer" le code et d'éditer ce que j'avais réalisé. En effet, le résultat ne me satisfaisait guère, alors j'ai recommencé à zéro en créant la page de toutes pièces dans WordPad. Pour ce faire et pour comprendre comment fonctionnait le langage HTML, je me suis inspirée des pages des étudiants des années précédentes. En fait, je n'ai pas rencontré de difficultés particulières pour apprendre HTML. J'ai décidé de ne pas utiliser Emacs, car je n'avais pas assez de temps pour m'investir dans l'apprentissage de cet outil; cependant, dès que j'aurais une minute, je vais m'y consacrer en priorité et tenter également d'apprendre à utiliser un autre éditeur HTML.
Afin que les liens figurant sur la copie de ma Home Page soient fonctionnels, j'ai créé des adresses "complètes" sur ma Home Page principale. Ainsi la copie de la Home Page est une copie conforme et même si elle n'est pas dans le même répertoire que l'original, les liens fonctionnent quand même.
2. Page Travaux
Aspects conceptuels
Les aspects conceptuels et contraintes sont un peu les mêmes que ceux pour la Home Page et je ne vais pas y revenir plus en détail.
Démarche personnelle
J'ai décidé de réaliser une Page Travaux au "layout" sobre et d'utiliser une table simple où pourront figurer l'ensemble des travaux que je réaliserai pendant l'année universitaire. Comme je l'ai déjà mentionné, elle possède la même couleur de fond que ma page personnelle, cela dans le but de créer une unité graphique entre ces pages. Cependant, je tiens à signaler que je n'ai pas utilisé le fond vert pour les travaux dont le lien figure sur ma page travaux, car j'estimais qu'un fond blanc, donc plus neutre, ferait l'affaire. De plus, comme pour les "pages-soeurs", les liens figurant sur la page travaux permettent de naviguer aisément d'une page à l'autre.
Aspects techniques
Je n'ai rien de particulier à signaler en ce qui concerne les aspects et difficultés techniques qui sont semblables à ceux que j'ai rencontrés pour faire ma Home Page.
Aspects conceptuels
Il nous était demandé de créer un personnage Moo qui nous représente et aussi de construire un bureau qui permette des réunions.
Démarche personnelle
Afin de comprendre un peu mieux ce qu'était le Moo, je me suis baladée quelques fois dans cet univers et l'aspect "discussion" m'a fait un peu penser à la glorieuse époque du Videotex quand Internet n'avait pas encore envahi notre espace !
J'ai créé un personnage "Vero" qui me représente (c'est-à-dire de genre féminin) et qui comporte une très brève description de moi-même. Quant au bureau Moo, que j'ai appelé "Vero's Planet" en référence à mon goût immodéré pour l'astrologie, j'ai fait en sorte qu'il permette à plusieurs personnes de se réunir; j'ai donc ajouté des meubles sur lesquels on puisse s'asseoir, tels qu'une table, une chaise, un canapé, et j'y ai aussi mis un tableau noir. J'ai aussi créé une entrée "ToVero" et une sortie "Out" qui dans un proche avenir (selon le bon vouloir de D.K.S.) permettront à ma planète d'être reliée au monde du Moo.
Aspects techniques
Afin de me familiariser avec le Moo, j'ai consulté le manuel technique du TecfaMoo qui m'a permis d'y voir un peu plus clair. J'ai donc commencé par créer mon personnage, puis ai réalisé mon bureau Moo pour lequel j'ai eu un peu plus de peine. En effet, le manuel n'est pas toujours très explicite et l'aide en ligne n'est pas vraiment facile à utiliser, puisqu'il faut connaître les commandes d'aide pour en recevoir (de l'aide !). Malgré les quelques difficultés rencontrées, je suis parvenue à un résultat qui me satisfait.
Pour la description de mon personnage et la construction de mon bureau, je me suis servie du client TKmoolight, qui me semble très simple d'accès et facile à utiliser.