RAPPORT STAF 14 période 1

 

1-A Home page personnelle

1-Objectif sur la fonction de cette page

 

Une page perso pourquoi faire ?

Il est vrai qu’ aujourd’hui de plus en plus quand quelqu’un à une présence " on-line " il a besoin d’avoir un endroit où il peut être identifié, cela peut-être très utile quand un tiers à la suite de la lecture d’un document ou autre souhaite avoir plus d’informations concernant l’auteur ou un individu précis.

 

Démarche personnelle

Je n’avais pas auparavant de page personnelle et je suis content de pouvoir me présenter sur Internet. J’ai cependant encore quelques réticences quand à placer des informations " trop " personnelles c’est pour cela que ne figureront pas mes adresses postales ou autres coordonnées téléphoniques privées.

La lutte contre les " SpamRobots " est aussi prise en compte c’est pour cela que mon mail sera un petit peu protégé. ( je hais le Spam et je passe déjà beaucoup de temps à faire des filtres dans Mozilla et à utiliser divers scripts en perl pour filtrer ! ! ! D’ailleurs à ce propos un très bon script est développé dans sourceforge, ce script utilise des filtres de Bayes, on le place entre le serveur et le client, les résultats sont impressionnants http://popfile.sourceforge.org )

Cette page perso aura également pour fonction d’utiliser le XHTML et Emacs, ainsi que de répondre au mieux à la consigne de l’exercice 1 de la période 1 de Staf 14.

J’éspère aussi que ma page perso permettra aux autres étudiants de voir quels sont mes centres d’intérêt, ainsi que mon parcours avant l’arrivée à Tecfa etc…

 

 

2-Objectif sur le design de cette page

 

Un but INFORMATIF, dans un premier temps je vais essayer de ne rien inclure de superflu, au niveau du fond comme de la forme, j’éspère qu’il ne m’en sera pas tenu rigueur et que cela ne sera pas envisagé comme une carence de travail de ma part.

Public cible : Etudiants et ensemble des personnes du DESS Staff

Catégorie d’informations : Informations factuelles

Mode de présentation : Texte et illustrations (ascii art ?)

Accès au site : Libre mais je souhaite ajouter (pendant la période ou on fera du php un système de statistique assez avancé pour avoir un bon audit). Il y aura aussi une partie privée ou je pourrai stocker quelques informations personnelles.

Option de langue : Pour l’instant tout en français il y aura obligatoirement par la suite des pages en Anglais.

Le Contenu :

-Des informations perso destinées au public cible.

-Je vais essayer d’avoir une logique de présentation des informations pour essayer de construire d’une façon ergonomique la forme et le fond du site.

-Les liens vers l’extérieur ne seront pas nombreux mais représenteront pour moi des liens de qualité ou alors ayant une forte valeur significative me concernant. (j’espère que cela permettra aux visiteurs de ma page perso d’avoir plus d’info sur moi)

-Une vigilance particulière sera apportée à la vérification de l’orthographe

-Une mise à jour fréquente sera nécessaire

-Il n’y aura des illustrations visuelles que si ces dernières son jugées pertinentes et efficaces de ma part.(subjectif mais aussi basé sur des conseils de Mme Bétrancourt dans Staf 15, multimodalité, redondance …)

 

La Navigation :

 

La facilité de déplacement sera un point clé dans la construction (aller-retour, aucune impasse etc…)

Pour une compréhension plus aisée des boutons d’orientation je souhaite utiliser des représentations type signalétique, pictogramme etc…

Je souhaite à terme intégrer un outil de recherche indexant le contenu du site

Prise en compte du point de vue utilisateur " user centered design " (cf cours de Mme Poirier Staf 12)

 

Document de ressources utilisés pour la partie 2 de ce document :

" Grille d ‘analyse des sites web " http://www .santemontreal.qc.ca/fr/documentation/integrale/grille.html

Cours de Mireille Bétrancourt dispensé en pendant l’année 2001/2002 à la FPSE gracieusement communiqué par un ancien élève.

 

Notes de travail journal de bord :

°°°°°°°°°°°

Utilisation de HTML Tidy

http://www.vbxml.com/xhtml/articles/html_to_xhtml/default6.asp#Working_with_HTML_Tidy

Une version on-line de tidy en cgi

www.webreview.com/1999/07/16/feature/xhtml.cgi. Mais ce lien ne marche pas

Heureusement :

http://perso.wanadoo.fr/ablavier/TidyGUI/ un GUI pour windows

C’est pas que la console me dérange, c’est juste une histoire de temps !

°°°°°°°°°°

Utlisation de " introduction à HTML http://tecfa.unige.ch/guides/tie/html/html-intro/html-intro.pdf

Utlisation de " WWW,HTML et style "

 

°°°°°°°°°

Utilisation de Golive 5 mac version

Photoshop pour images redimensionnement et exportation optimale pour web (imageready)(config palette etc…)

°°°°°°°°°

test de compatibilité (pb avec IE 2.0 support des balises div)

test ok pour IE (sup à 2.0 ). Ok avec Netscape Mozilla 1.1 et Opera 6.2

°°°°°°°°°°°

Découverte des facilités de validation et d’ édition grace à Mozilla (bug bb : (

 

http://validator.w3.org/file-upload.html

resultat : problème de déclaration doctype

pb avec avec title et ALT atttribute

Problème avec les balises <br></br>---à <br /> réponse trouvée sur l’archive d’une mailing list

 

La page est valide XHTML ! ! !

(insertion du code et lien vers verif du W3C)

Test CSS ok mais avec avertissements

O

 

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

En ce qui concerne l’édition pour la correction du fichier html, Xemacs reste l’outil qui me semble le mieux même si c’est un peu dur d’utilisation (je me décourage pas, ça va venir ! )

 

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

 

après beaucoup de temps perdu par ce que mes images ne s’affichaient pas la solution c’est que le HTML EST CASE SENSITIVE ahh maintenant je ne l’oublierai pas ! ! ! ! !

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

 

 

 

" Debriefing "---------[un]Blög[meta]

.+.+.+.H.O.M.E P.A.G.E +.+.+.

technique :

" Hands on " HTML et XHTML ,utilisation d’outils

outils+++ Xemacs c’est vraiment un editeur PUISSANT ! ! ! (et je n’en connais même pas 1% !)

Golive (gros potentiel code assez correct)

Photoshop ! (des connaissances auparavant sur ce soft et c’est vrai que c’est un bon outil )

Outils--- L’editeur de Mozilla (cet editeur a des bug ENORMES style il n’enregistre pas vos changements ! ! !)

Note pad (quand on a gouté à Xemacs…)

Théorique :

Cela m’a permit de concrétiser l’utilisation de XHTML bien que l’insertion de ce langage soit resté très succincte dans ma home page.

Je souhaite bien sur développer ma home page et rajouter d’autres pages avec plus d’informations et de projets.

La charte graphique mérite d’être affinée ainsi que la CSS qui reste assez sommaire (a :link a :vlink h1 h2 h3 et body font).

 

Réalisation du projet :

J’ai perdu du temps dans le choix de mes outils de travail. Au début les procédures de travail étaient loin d’êtres performantes (édition, transfert ftp, visualisation, debug…). L’utilisation d’un editeur on-line m’a permit d’augmenter grandement ma productivité (Utilisation d’un soft global au lieu de plusieurs en même temps).

Je suis un peu déçu sur l’aspect graphique j’aimerai faire beaucoup mieux que ça, mais c’est une question de gestion du temps

 

 

 

 

 

 

1-B Page " travaux "

Objectif sur la fonction de cette page

 

Je souhaite que cette page regroupe l’ensemble de mes travaux à TECFA qu’elle soit un lieu de centralisation d’information.

A terme assurer la cohérence avec ma HomePage @tecfa au niveau de la charte graphique et de la présentation de l’information.

La réalisation de cette page représentera mes premiers pas dans le monde de l’utilisation des schema XML ainsi que les rudiments de XSLT.

 

Démarche personnelle

J’ai abordé la création de cette page avec beaucoup d’appréhensions quand aux difficultés techniques.

Je me suis " documenté " avec le cours précédent et aussi un peu avec quelques ressources on-line.

 

 

Aspects techniques

Nécessité d’identifier les fonctions des fichiers ainsi que leur complémentarité !

Utilisation de Xemacs en XML mode et de DTD

J’ai rencontré pas mal de problèmes…

 

 

 

 

 

 

 

 

 

 

 

 

 

 

----BlöG

p.a.g.e t.r.a.v.a.u.x

Fonction de la page :

J’aimerai bien transformer un peu cette page pour qu’elle devienne mon point central de travail pour que puisse y faire figurer les taches à faire, les échéances ainsi que le planning de travail.

Est ce que cette démarche rentre dans le cadre de la page de travail ? ou est ce que je dois l’intégrer ailleurs ?

Nécessité de cohérence de la charte graphique avec HomePage.

 

Technique :

Xemacs c’est dur ! mais y a du potentiel énorme ! il faut que je passe plus de temps à l’utiliser, j’aimerai bien l’utiliser pour tout ce qui est code.

Je ne suis encore pas à l’aise du tout avec XML et les DTD, XSLT reste aussi à travailler pour que j’arrive à acquérir les bases !

 

Réalisation :

Le manque de temps c’est beaucoup fait ressentir, ma plus grosse erreur a été de commencer ce travail en dernier (le week end avant période 2) l’avertissement de Kaspar concernant le fait que la semaine c’est mieux pour du support technique étant bien évidemment justifié mais j’ai aussi pu l’éprouver ! Sur ce point on ne m’y reprendra plus !

La réalisation proposée est bien évidemment temporaire, je vais faire en sorte que cette page aboutisse très rapidement au cahier des charges proposé.

 

 

 

 

 

 

 

 

 

1 C Personnage et bureau MOO

 

 

Aspects conceptuels :

 

Je n’avais que très brièvement aperçu le MOO l’année dernière à l’université de Grenoble et c’est avec énormément de plaisir et de satisfaction que cette année j’ai décidé de m’immerger dans le tecfaMoo .

Malgré un certain côté austère j’ai très vite été attiré par le moo, je trouve que cet outil déjà un peu " ancien " reste plein de possibilités et qu’il pourrait bien redevenir très utilisé notamment avec les " wearable computer " et autres PDA en synergie avec des réseaux comme le 802.11b.

Sur ce point je pense que plus de réflexion peut être engagée dans le cadre de Staf18 .

 

Je me suis créé une identité qui est plutôt isomorphique avec moi même et j’essaie d’updater le plus souvent mon @mood !

Les lieux créés sont assez fantaisistes ils ressemblent plutôt à des paysages imaginaires.

La langue choisie pour communiquer mes descriptions est l’anglais ainsi que le français.

Le Français est utilisé d’une manière systématique pour les message me conernant directement c’est à dire quand il y a récurrence sur la commande (@dump me : ] ou alors message type " you’re already @ home "

Je me suis aussi promené dans divers endroits et découvert des enddroits très sympathiques.

Mes petites excursion m’ont aussi fait découvrir les mailing list du Moo qui ne sont pas " heavy traffic ".

Démarche personnelle :

Au niveau de la documentation les ressources au TECFA sont incontournables !

Sur le web les différentes mailing list sont très peu actives (en tout cas je n’en ai pas trouvé de très vigoureuses)

Le lambdamoo programmer’s manual reste un peu dur d’accès pour les débutants.

Le " Colin’s way easy intro guide to moo programming est un peu plus facile ".

Pour ce qui est de l’aide la commande HELP est très pratique et efficace, le support de Kaspar est aussi très appréciable.

J’ai souhaité paramétrer mon personnage dans le moo jusque dans les moindres détails (j’ai essayé en tout cas) en personnalisant les messages me concernant (help messages me).

Les chat bot me fascinent et j’ai aussi souhaité commencer à travailler sur un robot en utilisant des bot déjà existants ,je leur ai simplement ajouté des phrases (en français).

 

 

Aspects techniques :

J’ai choisi d’utiliser tkmoolight car il est pratique et je pense plus cohérent avec " l’esprit " du moo.

 

 

[m.e.t.a.]BlÖg

p.e.r.s.o.n.n.a.g.e e.T b.u.r.e.a.u. M.0.0

I--- .L.O.V.E ...M.O.O +++

+++ JJ @Quartz +++

 

Fonction :

Il me semble que le MOO est un outil vraiment très puissant pour la communication et les dispositifs éducatifs.

L’espace et l’avatar textuel que je me suis crée seront je le souhaite les constituants positif d’une bonne communication au sein du TECFA.

La dimension sociale du MOO me paraît très importante et je pense que cela amène une vrai point positif pour des systèmes d’enseignement à distance.

Beaucoup de spécialistes du Knowledge management sont perplexes devant la complexité pour mettre en œuvre des dispositifs de communication informelle efficaces à un niveau d’échelle " mezzo ", je pense que le moo est un outil adéquate qui possède aussi des capacités supérieures.

 

Technique :

Dans le cadre de l’élaboration de mes " chatbot " j’ai été confronté au problème de l’entrée séquentielle des commandes. Par exemple si je veux faire une page entière de commande pour ajouter des phrases je ne peux pas, je suis obligé de les rentrer une par une et c’est un peu lent ! (de toute façon peut-être qu’un bon chatbot devrait être programmé d’une manière si élégante que juste quelques phrases suffiraient ? ! plutôt que du " brute force programming ")

Une grosse utilisation du MOO pourrait être dans les dispositifs de réalité augmenté, le moo serait utilisé par les " wearable computer " en conjonction avec des WLAN ou autres ! ! ! ! ! ! ! ! ! 

 

 

 

Démarche personnelle :

Ce que j’aimerai améliorer c’est la " consistence " dans les différents éléments que j’ai intégré dans le MOO.

J’aimerai aussi créer une gallerie d’ascii art dans le moo.

 

 

Meilleures salutations

 

_ _ _ _

| | | | | | | |

_ | | | | _ | | | |

| |_| | |_| | |_| | |_|

\___/ (_) \___/ (_)