Pv-archives

pv 28.06.11
implémentation nouvel applet une première version est disponible sur le serveur, mais il y a des difficultés pour la voir Thomas doit venir apporter la dernière version qui devrait remplacer cette première version avec déjà des améliorations. Il faut pouvoir la tester jusqu'au 13 juillet pour lister les changements à faire.

le 13 juillet on doit définir les specs de l'applet pour les envoyer aux programmeurs qui vont travailler sur la finalisation du code à partir du 15 juillet.

dates: dès le 15 juillet : finalisation du code première release: 15 août deuxième release: 15 septembre coût applet + site web pris en charge par epfl

pour le site web: trouver un webmaster qui construira le site dès qu'on a un plan définitif du site (pitch, scénarios, page démo, page des galleries, textes des sous-menu de about etc ...

coût pour l'implémentation du site web: entre 2000 et 5000.-

index web

1. RAPPEL: duc doit faire des modifications sur le serveur epfl:  supprimer l'index et le remplacer par la page register  modifier les pages login et register comme suggéré par nathalie  changer l'ordre des items dans le menu du header: login | register |  webmap | about buzzaar 

2. index sur buzzaar revoir l'ordre des menus

 proposition 1   home = main index    register = va à register sur server epfl login =  va à login sur serveur epfl </li>  webmaps =  va à la page des webmaps sur buzzaar.net</li>  Gallery =  va à la page des galleries des utilisateurs 

La page gallery devrait se présenter comme une gallerie de photo standard avec un système de vote ou notification qui la rend plus dynamique</li>  demos = va à la page des démos sur buzzaar.net </li> About = menu déroulant</li> team</li> FAQ</li> charte</li> support</li> wiki</li> </ul>  contact = liste de formulaires de contacts diférenciés en fonction du type de question</li> </ul>  proposition 2 </li>  home = main index  </li>  webmaps =  va à la page des webmaps sur buzzaar.net</li>  Gallery =  va à la page des galleries des utilisateurs </li>  demos = va à la page des démos sur buzzaar.net </li>  register = va à register sur server epfl</li> <li>login =  va à login sur serveur epfl </li> <li>About = menu déroulant</li> <li>team</li> <li>FAQ</li> <li>charte</li> <li>support</li> <li>wiki</li> </ul> <li> contact = liste de formulaires de contacts diférenciés en fonction du type de question</li> </ul> </ul>

Suppression

1. tutorials = remplacé par Demos

2. Forum = devrait être implémenté si on a une communauté active derrière, sinon c'est trop de travail pour rien..

un forum non actif et peu modéré c'est pire pas de forum du tout !

site buzzaar.net: : nouvelles propositions pages web

page Gallery La page gallery devrait se présenter comme une gallerie de photo standard avec un système de vote ou notification qui la rend plus dynamique

page demos comme scénarios de démos on reprend les trois scénarios qui sont sur l'index dans un slide show et on ajoute un bouton TRY IT à chaque slide show qui pointe à la démos concernée sur le serveur epfl.

reste à construire: les tips qui guident l'utilisateur : attendre la finalisation de l'applet.

Page webmaps Avec le nouvel applet, la public webmap peut générer des cartes partagées, gérées et modérées par le webmaster. toutes ces cartes devraient être disponibles et n'importe quel visiteur peut y accéder. La public webmap non filtrée fait partie de cette gallerie: par ex: la première carte c'est la global public webmap non filtrée et des sous- cartes représentant des cartes partagées, filtrées et intéressantes potientiellement.

bouton MAPS sur l'index (home) ce bouton devrait mener à une page d'agrégation des contenus de la page webmaps et de la page gallery: parce qu'on ignore encore l'intention des visiteurs qui cliqueraient sur le bouton MAPS; veulent-ils voir des webmaps pour s'initier ou veulent-ils voir les cartes de la gallerie utilisateurs ?

pv 15.06.11
pitch mots clefs et slogans 1. SEE

2. LEARN

3.SHARE

chaque mot clef est un lien qui active le scénario lié.

slogans un slogan pour la vignette d'intro se répète à chaque vignette: <ol> <li> Intro TURN your web navigation into webmaps</li> <li>SEETURN your web navigation into buzzaar webmaps

and EXPLORE  your contents</li> <li>'LEARN TURN your web navigation into buzzaar webmaps

and GET MORE from the web</li> <li>SHARE TURN your web navigation into buzzaar webmaps

and PUT your interests in common</li> </ol>

modifications des vignettes Intro + SEE

rajouter les tags sur la carte ?

garder une constante

1. chaque mot clef= 2 vignettes

2. dans les images entre projection et merge, même logique graphique:

deux cartes, celle de l'utilisateur principale en bas et la carte mergée ou projectée en haut

puis, deuxième vignette: montre le résultat.

co-occurence: diversifier les flèches pour montrer la diversification des liens

icone du User, toujours celle par défaut Sinon on ne comprend pas encore pourquoi il y a des icones différentes.

index web

la proposition est bonne. Les trois boutons sont mieux décalés ( plus de bruit !)

bonton TRY: renvoie à la page des démos

bouton  JOIN renvoie à la page register sur serveur epfl

bouton MAPS ??? Proposition de Martin: Avec le nouvel applet, la public webmap est gérée par le webmaster qui peut générer plusieurs versions différentes. Ces versions devraient être disponible dans une page de type gallerie .. le bton MAPS pointerait sur cette page

pv 01.06.11
information importante thomas, l'étudiant qui se charge de nettoyer le code de l'applet java, sera en vacances tout l'été, il ne pourra pas terminer son travail comme souhaité. Il faut donc rechercher une personne - si possible déjà diplomée d'une école - qui à des compétences en programmation et qui reprendrait et terminerait l'implémentation du nouveau code. Son statut serait celui d'un assistant de programmation et rémunéré par l'epfl ( budget)

Il faut également se mettre en recherche d'une personne - rémunérée également - qui sera chargée de construire l'index web sur buzzaar.net une fois que tous les éléments sont fixés et finalisés.

index web interface proposal

discussion sur la base des maquettes:

   

la proposition est intéressante, le pitch prend toute la largeur de la page avec les phrases et les cartes.

L'option pour chaque phrase il y a une carte + le mot clefs associé cliquable, semble bonne.

les éléments sont bien placés dans l'ensemble c'est plus aéré et les informations dans les boutons;adéquates, visibles et claires.

peut-être l'ensemble est un peu trop plat, il manquerait peut-être un fond avec un peu plus de «grain» -- à tester. et les boutons pourraient être un peu moins symétrique.. ça fait trop propre en ordre ..

l'ordre des boutons: join - try - maps pourraient être modifiés: alex propose d'abord try - join - maps pour créer une dysymétrie on pourrait rapprocher try et join qui sont assez similaires et laisser maps ou il est.

pitch

les trois mots clefs visualize - learn et share sont bons et sont à garder.

par contre il faut revoir les phrases qui sont associées à chacun de ces mots clefs.

garder une ou deux phrases ? on est d'avis que ça doit être partout le meme schémas:

soit une soit deux phrases. Dans la phrase on peut répéter le mot clef, c'est même mieux.

finalement on est d'accord pour n'avoir qu'une seule phrase par mot clef. Il faut trouver une phrase simple qui permet de comprendre très vite de quoi il s'agit.

Interface java - première présentation Thomas a bien avancé dans le code. on a une solution qui fonctionne. Il reste à l'adapter à toutes les fonctionnalités de l'interface ( bare des menus - bare des fonctions et shortcuts- bare des utilisateurs

Pour l'instant, la bare d'application est une fusion de la bare des menu et de la bare verticale. Mais c'est pas optimal parce que bcp d'informations perdent en lisibilité.

modifications

La carte publique est celle du webmaster c'est lui qui peut la blacklister et intervenir dessus.

on peut maintenant tagger un domain entier.

les noeuds co-fréquents peuvent clignoter

la simple manipulation par merge ou projection même non sauvegardée est considérée comme appartenant à l'utilisateur qui la manipule et donc prend toutes les apparences définies par celui-ci.

l'interface est plus fluide et plus rapide, il y a plus de bruit ce qui donne à l'ensemble un aspect moins figé et plus esthétique.

à revoir

les listes de menus et les fonctions dans la barre verticale

redéfinir l'espace de l'utilisateurs, ses cartes, les cartes partagées et la carte publique, comment se situer dans les différentes cartes.

la barre des utilisateurs - avec la nouvelle interface il y aura des modifications.

l'ensemble du design de l'interface à comparer avec la nouvelle version de l'applet

la liste des possibilités de customisations - ce qu'il faut rajouter comme par exemple: la possibilité d'ajouter les lignes pour les liens)

la customisation des couleurs de l'interface: tout est possible dès lors il faut choisir la customisation par les fonctions ( nodes, on focus, projection co-frequent liens etc ... ) ? ou par catégorisation ( les couleurs des noeuds sont en rapport avec les couleurs des tags ( proposition de thomas) .. en discutant cette deuxième proposition parait nettement moins bonne.

1. le mode tag est une fonction à côté de celle de la visualisation par domaines.

l'utilisateur peut attriber des couleurs à ses tags lorsqu'il se retrouve dans le mode tag mélanger les deux modes par des couleurs similaires pourraient conduire à des confusions.

2. il est prouvé qu'un humain ne retient pas plus que 3 à 5 couleurs maximums sur un graphique alors qu'il pourrait avoir plusieurs tags avec des couleurs différentes.

Retrouver plusieurs couleurs dans le mode domain ajoute à la confusion et ne permet plus de faire la différence entre les nodes co-fréquents les nodes activés et les nodes co-fréquents dans la projection ... ou par fonction tags et catégorisation.

le Synch avec la liste lors le filtrage est prévue

dès la fin du mois, il est prévu d'implémenter ce nouvel applet à côté de l'ancienne interface pour pouvoir faire des comparaisons durant l'été.

dès la fin de l'été, il est prévu normalement de balancer complètement sur la deuxième version de l'applet, qui devrait être complètement opérationnelle.

pv 110511
buzzaarbar le plugin a été mis à jour pour firefox 4

index web suite aux propositions modifiées envoyées: l'index doit être simplifié: un pitch qui contient des textes et des images et deux boutons:

1. join us qui pointe sur la page register sur buzzaar.epfl.ch

2. visit us qui devrait pointer sur la page des démos.

le pitch:

il contient des phrases slogans et des images pour illustrer ces arguments:

soit: les images accompagnent les textes pour en souligner la pertinance et apporter du visuel ( nat + alex)

soit: les images suivent les textes dans une forme de dialectique ( martin)

voir la formule qui semble la meilleure, mais l'apport de visuel de carte est important.

le pitch par défaut fait défiler les images, mais des boutons peuvent permettre à l'utilisateur d'aller en avant / arrière et revoir dans le défilement des images ( interaction). Il faut se concentrer sur la manière optimale de créer ce display ce qui peut amener à abandonner le display actuel, trop figé, et trop rigide .. les sphères sont difficiles à bouger dans l'espace de la page, ce display n'est plus optimal.

les boutons disparaissent de l'index: VISUALIZE - DEVELOP (ou INCREASE) - SHARE - seront des mots clefs cliquables qui permettront d'activer les scénarios

les phrases du pitch doivent mettre en avant ce que buzzaar offre aux utilisateurs et pourquoi c'est intéressant de l'utiliser.

première phrase doit dire quelque chose du genre:

TURN YOUR WEB NAVIGATION INTO INTERACTIVE / EDITABLE / USEFULL / EXPLORATIVE /  webmap  choisir le terme qui convient ?

web navigation semble plus approprié que navigation history, plus intuitif et plus proche de l'utilisabilité du web.

DEVELOP // ou INCREASE your knowledge = discover your common interest( carte illustrant la projection de manière à comprendre de quelle manière la comparaison peut apporter quelque chose d'interessant).

SHARE YOUR INTEREST  with your friend = comment mettre en commun des intérêts, faire une carte collective, visuellement elle doit mettre en valeur les noeuds commun à tous qui deviennent de plus en plus populaire.

définir ce qu'on veut montrer, comment et au final au besoin, donner le job à faire à un étudiant ou une personne apte pour coder le html si on n'a pas le temps.. on ne veut pas perdre du temps parce qu'il faut se renseigner sur les possibilités techniques, alors que ça peut être réalisé très facilement par un professionnel.

prochaine réunion: 1.juin: une ébauche de pitch qui réponde aux réfléxions posées. [nat + Alex et éventuellement Kasia ?]'

2. textes du flyer et feedback sur le visuel du flyer [martin, Alex]

Interface java

Martin doit faire suivre les documents envoyé sur la charte graphique et les premiers commentaires (doc pdf)' [martin] 

pv 200411
interface - div

vectorisation en cours

plug-in update pour firefox 4: Duc devrait avoir fini la semaine prochaine Duc

page index: doit être enlevée .. la page index se trouvera sur buzzaar.net Duc

tous les autres points doivent être revu en fonction de la nouvelle interface.

La nouvelle interface doit respecter en principe les choix qui ont été fait préalablement, mais elle peut comporter des améliorations notoires.. Il y a des options que l'on peut rediscuter ! mais en principe pas de nouvelles fonctions inédites pour le moment !

presentation du nouveau proto En cours de développement ! en principe ne serait pas terminé pour juillet. Peut-être faudra -t- il faire les premiers tests avec l'interface actuelle ( ce point est à rediscuter) tous.

Pour le moment: l'interface est bcp plus rapide, plus intuitive, et plus élégante en terme de design. Les noeuds sont plus bruyant qu'avant. ça donne une meilleure impression.

toutes les fonctions ne sont pas implémentée et elles sont toutes réunies dans une barre horizontale en haut de l'applet. ça peut être changé.

tous les éléments sont vectorisés, l'utilisateur aura plus de choix pour la customisation de sa carte (couleurs, nbre de nœuds ...)

nouveautés une échelle de valeur permet d'afficher les nœuds en sélectionnant leur fréquences ( du plus fréquents au moins fréquent). à discuter: dans la toolbar de droite, il y aurait deux échelles une pour le zoom (si on garde cette option), et une pour la valeur à montrer ... ce n'est pas bon... réfléchir à une autre option soit pour le zoom soit pour l'échelle de valeur.  tous.

les co-fréquences peuvent être affichées par couleur sans les lignes et fleches... on pourrait rajouter les lignes en option pour l'utilisateur... vérifier la faisabilité martin avec l'étudiant

les couleurs des co-fréquences, par défaut, pourraient être améliorées, sur le mode de la charte graphique actuelle nat envoyer la charte à martin

les co-fréquences clignotent légèrement mais ce n'est pas assez visilble: il faut pouvoir soit augmenter la fréquence du clignotement soit le faire plus prononcé: augmenter les valeurs de transparence en fade out et 100% opacité en fade in martin avec l'étudiant

la carte est jolie aussi parce qu'elle montre une situation fictive avec des résultats très différenciés.. elle n'est peut-être pas représentative d'une carte réelle... tester l'appli avec les cartes réelles nat envois de cartes perso à martin, pour les nouveau tests

pour ouvrir et fermer un tag / domain: double click dans les deux sens ( c'est une amélioration par rapport à l'ancienne interface.) Il manque encore le menu en right-click, il sera rajouté.

Tag mode: En principe la carte ne devrait pas être fermée, et on devrait avoir seulement les étiquettes des tags et non des bordures extérieures.

On a l'applet java en test, il faut le tester et lister les commentaires. nat + Kasia'

erreurs lors de l'ouverture d'un tag, la zone qui devient vide doit disparaitre et seuls les noeuds co-fréquents dans les autres autres tags apparaissent. Ils clignotent et change de couleur seulement lorsque le noeud avec lequel ils sont co-fréquent est activé ! 'martin avec l'étudiant

lors de l'ouverture d'un domaine: le domaine doit disparaitre de la zone par défaut puisqu'il est ouvert. et seuls les domaines co-fréquent avec l'un ou l'autre des noeuds du domaine ouvert sont affichés. Tous les autres disparaissent. même chose que lors de tag mode: les domaines co-fréquents clignotent et changent de couleurs lors que le noeud avec lequel ils sont cofréquents est activé ! 'martin avec l'étudiant

sélection multiple ? (actuellement pas possible, un seul noeud à la fois !)

website Pour le 4 mai, l'index doit être modifié selon les suggestions de mercredi dernier. nat et kasia

textes et slogan: sur la page index synchronisation avec les textes sur le flyer: voir les 3 slogans des scénarios, du pitch et des flyers:

visualize your navigation history

share your interest (dans le scénario: décrit la situation du merge)

improve your knowledge (dans le scénario: décrit la situation de la projection)

changer ? alex voir les propositions et en faire des meilleures

la page des démos sera prête pour la fin du mois de mai ( réunion du 1er juin)

flyers quelques propositions sont disponibles à l'impression sur le serveur de buzzaar. | repertoire des propositions en pdf

la mise en page des textes à l'intérieur doit être un peu modifié pour aider le lecteur à comprendre le sens de la lecture .. le texte about est trop long, il faudrait: 1. epurer 2. mettre en exerge des mots clefs .. par ex: dans une autre couleur: ex: orange puisque c'est la couleur qui est utilisée pour le focus, sur le recto ...

pour mardi 4 mai: diffuser les copies autour de soi, revoir les textes du flyer, envoyer les commentaires et propositions tous

pv 130411
infos div Duc absent durant tout le mois de mai, après il sera à nouveau là mais moins disponible relais: des étudiants de l'epfl a. jusqu'à la fin du semestre (fin juin) et pendant l'été. Il y a un trou durant le mois de mai - période d'examen: aucune modif possible sur l'appli durant ce mois.

buzzaar toolbar MAJ pour firefox 4 Duc: fin avril

appli prototype nouvelle interface du proto vectorisée, certaines modifications doivent être discutées par ex: liens pour les co-occurences. On peut apporter des modifications. disponible fin avril + version jar du proto envoyée à tout le monde, + test en local. Réunions de mise à jour des modifications à apporter

20 avril, 4 mai, 1 juin (14h00, INR 212)

phases de test il faut pouvoir tester la nouvelle version du proto, donc deux tests en avril avec deux groupes de env 4 à 5 personnes

1. une soirée entre le 4 et 15 juillet

2. une soirée entre le 1er et 14 août

déroulement d'une séance type:

15 min: présentation et explication

45 min: phase de test

30 min: discussion dirigée, on pose des questions précises pour avoir des feedback utiles.

30 min: pause collation

préparation de la séance (entrainement) 15 juin de 14h00 -17h00

rémunération: penser à une clefs usb + logo de buzzaar, contient les doc utiles pour un utilisateur + toolbar à installer, event. aussi un Tshirt avec le logo buzzaar /pas de rémunération financière, ce n'est pas un projet commercial/

website suite clarifications:

1. le site web d'information: buzzaar.net

2. le site du serveur et de l'appli buzzaar.epfl.ch

Implique 

1. aucune information ne parasite le site buzzaar.epfl.ch, les informations sont sur buzzaar.net

2. la page d'index de buzzaar.epfl.ch est supprimée. La première page est celle du login. Duc

3.demo page: sur buzzaar.net: des images cliquables des démos envoient sur l'application avec la démo ad-hoc. système de fenêtrage popup comme des tips qui explique de quelles démos il s'agit, avec possibilité de naviguer dans les tips: précédent - suivant nat + kasia: maj de la page demo + préparer les images des tips + envoyer fichiers xml des démos à Duc

4.accès aux démos depuis l'appli: menu help et memu déroulant demo

index page

Dans l'ensemble les éléments sont bien positionnés, ça respire mieux.

suggestions -- modifications

1. memu trop perdu dans le fond sombre, devrait être soit plus bold ou plus grand et blanc ''nat modif css'

2. pitch et titre : supprimer à la place on utilise les bulles des scénarios qui feraient partie de l'image du pitch, les trois phrases sont visibles ensemble, la phrase qui correspond à l'image qui défile est surlignée par sa couleur (comme en rollover). Les trois bulles sont cliquables à tout moment, elles sont liées au pitch: implique nécessaire synchronisation entre les textes des bulles scénarios et le pitch ... + rajouter éventuellement une bulle have fun pour les questions liées à l'interface nat + kasia modification du scénario have fun et rajout du scénario visualize your history

3. header = référent visuel : élément de référence pour les deux sites. le séparer du reste de la page par une ligne blanche. nat modif css

bg color  noir et gris = trop sombre voire trop triste

suggestion avoir un ou deux autre exemples de layout avec d'autres couleurs pour pouvoir faire un choix.

éventuellement faire d'autre essais de couleur pour le bg du body de la page. adla

4. bulle visitor try it ? devrait renvoyer à la page des démos

5. bulle member qu'est-ce qu'on dit qu'on ne dit pas dans join? registration is free doit être en blanc sinon on croit que c'est un lien.

6. créer un  bouton indépendant qui invitent les gens à aller sur la public webmap: c'est pas try it parce que try it invite à tester donc aux démos. ce bouton s'adressent à ceux qui sont curieux et veulent aller voir l'appli même si ils n'y comprennent rien. + rajouter le lien de la public webmap dans le menu ? (accessibilité par le menu lorsqu'on est plus sur l'index?) nat + kasia: création d'un bouton «go to the public webmap» 

flyer on peut avoir plusieurs version différentes.

tout le monde aime bien quelques variantes:

a. recto: type flyer c ou flyer f ou certaines proposition de Kasia, avec la citation de deleuze et guattari  plus petite et plus discrète (voir la couleur !) et choisir une police qui est la même pour la phrase de la première page et pour la citation .. .ces deux phrases dialoguent entre elles. tout le monde aime bien que la citation reste là.

b. verso: texte: on préfère le texte qui entoure la carte il semble plus lisible et n'est pas coupé par le pliage. on peut différencier les infos entre about et support ou team par des différences de tailles et de police.

c. rajouter des titres pour aider le lecteur ?

d. séparer les contenus par des lignes ?

nat + kasia: continuer d'améliorer les essais et envoyer les pdf pour l'impression aux autres qu'ils puissent prendre le temps de regarder