Visualisation of information

Les différents types d'informations
Cette page est en progression les informations sont traitées par URL - (et non par keywords) et sont filltrées  par popularité globale: quelles sont les données les plus populaire en globalité par co-occurance: quelles sont les données qui pourraient m'intéresser - proche de ma requête facteur temporel: fluidité du réseau: comment les données se modifient au fil du temps ( en fonction de multiples paramètres  geo-localisation: quelles sont les données stockées dans le système  qu'est-ce qu'on veut montrer ? quels types d'informations on veut montrer n'est pas dissociable de comment on va le montrer: la représentation des informations par visualisation est une forme d'information en elle-même, la réflexion de comment montrer l'information renvoie forcément à quelle information montrer.  notre but est de montrer les liens générés  sur une  URL, entrée par l'utilisateur-trice. Le résultat est filtré. L'utilisateur-trice peut jouer sur les filtres, et créer ses propres cartographies pertinantes, des relations  qu'un moteur de recherche n'arrive pas à restituer; des résultats qui génèrent des topologies inédites du web.  la restitution passe par une requête URL (dans l'outil- barre de requête). l'utilisateur pourra visualiser une série de réponses pertinantes qui auront été filtrées en utilisant les 2 filtres en même temps ( filtrage optimal) c'est à dire: popularité + co-occurance. A ces filtrages sont ajoutés des facteurs dit transversaux: indice de temporalité (aujourd'hui,il y a un mois, il y a une année etc .., géo-localisation(données locales, régionnales, etc..., éventuellement par thème: mais ça implique de définir des thèmes (par tags), ça pose le problème de la langue: dans quelle langue les thèmes sont écrit, qui peut les comprendre, comment les stocker ... En terme de hierarchie, les résultats les plus pertinants, ceux qui ont les plus grandes fréquences à la fois en terme de popularité et par co-occurance seront les plus visible et les plus important en terme de visualisation ( jouer avec les différents éléments de l'image; 3D et 2D, dans la visuations 3D on peut jouer avec le terrain, le relief la taille des éléments, avec du son par ex .. dans la visualisation 2D on peut jouer avec l'elasticité,  la couleur la transparence, fade in fade out etc .. et la taille des éléments.). Nous partons de l'hypothèse que les données qui ont le taux le plus bas de fréquences en terme de pertinance sont sans doute moins intéressant. Mais nous pensons également que les résultats sont différents selon que tous les filtres sont appliqués ou selon que l'un ou l'autre des filtres sont appliqués, ou selon des filtres temporels. ( il y a un jour, une semaine un mois ...). C'est pour cela que l'utilisateur doit pouvoir desactiver les filtres de son choix, et ainsi pouvoir visualiser les différences en terme de réponses données.''

Comment mettre en scène l'information ? La première chose que visualise l'utilisateur lorsqu'il entre dans le réseau est l'interface qui comprend le nom et le logo, la barre de recherche [search box]

et par défaut: une visualisation des sites les plus populaires dans le réseaux aujourd'hui. Les informations se répartissent selon 2 grands domaines de visualisation:  Information graphique: dynamique, 2, 3 ou 4D: mouvement et profondeur et changement dans le temps, mouvement dans une temporalité. (!! la visualisation de l'information sous la forme d'environnement graphique est sans doute à mettre en avant dans la communication, c'est un point fort du projet  !! Information textuelle: statique 2D, fixe -- information disponible en rollover sur les éléments -- à voir quelle information sera disponible !   Déploiement visuel <ul>Homepage </li> Homepage/ interface simple</li> Logo et nom bien visible sur la page</li> Un outil de recherche disponible</li>;  En plus du searchbox, l'utilisateur-trice devrait pouvoir afficher les résultats des recherches les plus populaires, ou des Tags -- à vérifier'' liste à montrer ! il y a un jour, un mois etc ..  affichage des informations de type géo-localisée ; graphiquement c'est la même identité visuelle quel que soit le filtre ou l'option activée ( voir comment on fait pour l'affichage 2D ou 3D?)</li> </ul> <ul> Result Page:</li> le résultat s'affiche après la recherche</li> les premiers résultats affichés activent les deux filtres par défaut. C'est le résultat le plus exclusif par défaut. L'utilisateur-trice peut désactiver l'un des deux filtres activer les options temporelles et de géo-localisation, pour avoir des modifications dans les résultats. </li>  les résultats, c'est à dire les liens articulés autour de sa requête URL sont représenté dans une cartographie, en 2D ou 3D, montrant les différents niveaux de relations entre les liens</li> </ul> voir:Interface developpment

Les topologies des informations; réticularité et profondeur, dynamique et temporalité des informations. Les informations sont contextualisées et liées entre elles par des filtres ( les données sont changeantes).Les informations sont en réseau. Navigation par mapping

traitement des informations par critères de localisation: ou se trouvent les données stockées dans le réseau? Navigation par géo-localisation

Les différentes vues sont activées par des filtres Les filtres Les informations sont affichées selon plusieurs méthodes de filtrage. Nous postulons que les résultats peuvent être différents selon le filtre. Ainsi est-il possible de naviguer dans différents niveaux d'informations donnant à voir des topologies de connaissances différentes. L'utilisateur-trice active un filtre à la fois // pour éviter de superposer différents niveaux d'informations qui rendraient la compréhension et l'analyse  et donc l'utilisation difficile. <ul> Filtre par popularité (URL frequencies // quels sont les sites les plus visites par les utilisateurs-trices du réseau </li> filtre par co-occurrence, (URL;URL frequencies) // quels sont les sites que l'on peut montrer / proposer comme proches et similaires si on tient compte des fréquences de visite d'un même utilisateur dans un temps n</li> filtre de geo-localisation des données //  ou sont localisées les données stockées sur le réseau.</li> </ul>

Navigation
Mapping

Pour le filtre 1 et 2 une navigation en 2, 3 ou 4D (un environnement en profondeur) en 3D : un espace dans lequel l'utilisateur-trice navigue, un cyberespace; on zoom dedans et dehors, les éléments apparaissent: la pertinence des résultats est dégressive, plus on descend dans les profondeurs de l'environnement moins les résultats sont pertinents. Les plus populaires ou ceux relevant de la meilleure occurrence apparaissent en premier (ce sont les premiers visibles):On n'est plus dans un niveau de grandeur mais de profondeur;

Dans un environnement en 2D, on est dans une dimension de la taille pour figurer l'ordre d'importance ou de l'espace entre les éléments. La question à ce poser est de savoir quel type d'environnement est le plus simple à manipuler si l'utilisateur -trice peut intervenir dans la cartographie pour annoter, éliminer modifier re combiner certains éléments.

question à travailler encore: la granulartié des informations -- voir avec Duc !

Geolocalisation

Pour le filtre de géo-localisation, pour l'instant on n'a pas chercher à faire mieux que ce qui a été montré par Bao lors de sa soutenance .. à réfléchir. Ce type d'information nous paraît important; il donne des éléments d'où proviennent les sources des utilisateurs du réseau.

Navigation en mode texte

Les informations qui sont sur le mapping sont aussi données en mode textuel dans un panel indépendant «search/infos»: (voir panel search/infos); ä déterminer: quels type d'info dans ce panel; un historique des navigation ?, des clics, des recherches etc !? si ce sont des informations sur les liens de la cartographie, elles sont en lien avec les éléments sur la carte -- par des lignes et des couleurs.

Comportements

comportement de la souris

On rollover affiche des éléments ou des informations sur des éléments (par: menu, sous-menu, information sur les contenus affiché dans différents panels, etc .. : simultanément sur plusieurs panels de l'interface; par ex: infos sur le panel info,

on unfocus (ou onfocus sur un nouvel élément) les informations affichées en rollover disparaissent // attention: définir quel comportement: click en dehors de la zone cliquable, mais click sur le lien actif ne devrait pas faire disparaitre les informations typiquement: les informations sur les liens entre les éléments

On click sur le lien active des liens URL ou des informations

bouton click droit affiche des sousmenu ou des informations contextuelles quand il y en a ! ( cf panel de L'utilisateur-trice) comportement du clavier touche tab navigue entre les liens; tab + flèche droite, flèche gauche permet de se déplacer dans l'environnement en passant sur les éléments pour afficher les informations

flèches gauche et droite [panel environnement] sans tab permet de naviguer

flèches haut et bas [panel environnement] zoom in et zoom out

tab [panel search/history] : sélectionne les éléments dans la liste

enter = click visitedLink (après avoir été activé: /click ou enter) Dans le panel environnent:, les liens sont marqué d'un symbole "visited" (symbole à trouver) les segments entre les éléments( liens) qui sont affichés en couleur en rollover, sont marqués d'une couleur en transparence comme une trace laissée. Symboles et couleurs en rollover ou en visitedLink des couleurs et des symboles sont activés pour illustrer les informations liées entre elles, leur granularité ou les informations qui ont été activées par L'utilisateur-trice.

Les panels de l'interface
Il y a plusieurs couches qui composent l'interface: Chacune a un statut définit et affiche certaines informations. Certaines de ces couches interagissent entre elles, et sont inter-dépendantes. Toutes les couches peuvent se déplacer par une action de type «drag layer». Certaines d'entre elles peuvent être fermées, à l'exeption de la barre de recherche, la barre de menus de l'utilisateur-trice et le panel d'environnement Le panel d'environnement C'est la couche qui affiche le display graphique, les mappings ou la géo-localisation.(selon le filtre activé), par défaut elle a une certaine taille, mais elle peut être redimentionnée (poignées de fenêtre adhoc)

Ce panel est en relation étroite avec le panel search/history (interactions entre les éléments, par des comportements qui modifient les éléments sur les autres panels), et le panel navigator Comportements et actions de la souris  Action rollover

sur un lien: les segments (lignes) qui lient ce lien à d'autres se colorent, et montrent un réseau de liens. les éléments de ce réseau sont colorés différemment (focus); le titre du lien sur lequel pointe la souris (son adresse ou son adresse abrégée ?) est surligné ou s'affiche différemment.

affichage d'autres types d'informations dans d'autres panels ( voir panel infos ou panel search/history) D'autre part, le comportement en rollover sur les éléments affiche des informations ciblées dans le panel info

on rollout les segments entre les liens disparaissent les infos dans le panel info disparaissent

Action Onclick active le lien url dans une fenêtre blanche (blank page)

VisitedLink Les liens qui ont été activés sont marqué par un symbole qui permet à L'utilisateur-trice de reconnaître les actions qu'il a faite (symbole à trouver) les segments sont coloré par une couleur en transparence pour laisser une trace. Granularité des informations Dans les requêtes des utilisateurs certains liens font partie du même domaine, sont liés entre eux par leur appartenance au domaine, et sont organisées de manière hiérarchique en fonction de l'organisation des pages dans le domaine. Il faut trouver une manière de symboliser les liens par domaine qui ne sont pas forcément les liens par occurrence ou par popularité. (symbole pour la granularité à définir différemment des segments) A définir sur ce panel; Les traces - les couleurs sur les lignes/ les segments entre les liens, quand ils ont été visités (couleur en transparence ), les symboles, la navigation dans l'environnement en 4D de manière simple panel navigator Dans un environnement 3D on navigue à l'intérieur, par zoom in zoom out on n'a pas besoin d'avoir plusieurs pages les niveaux sont traités par la profondeur. Un petit panel de navigation du type de ceux qu'on trouve dans certaines plateformes de jeux ou dans Google Earth permet d'utiliser les flèches haut bas et gauche droite. Avec la souris, un simulateur de console permet de naviguer dans le panel d'environnement directement depuis le navigateur. Questions:

comment on fait pour revenir en arrière, comment l'utilisateur-trice peut garder ses repères dans la recherche ? (dans le cas d'une navigation en 2D, plus statique, comment naviguer dans les contenus si ils ne tiennent pas sur une page ? Organisation en 4D sur le mode de google earth ou des navigateurs de jeux en ligne avec une petite console zoom in zoom out se déplacer / sur le clavier à l'aide des flèches.  panel search / history  Un panel comprenant deux onglets un onglet pour l'affichage des résultats de la recherche, un onglet pour l'affichage de l'historique de la navigation onglet search affiche les résultat du search en mode texte -- du type des infos qu'on trouve sur un search engine  Action onclick

a un action sur le panel d'environnement:

dans l'onglet search affiche le correspondant dans l'environnement (alors que dans le panel environnement c'est en rollover); surligne le texte en couleur et trace une ligne subtile entre le symbole du lien sur le mapping et l'info sur le texte;

Dans l'onglet historique permet de revenir aux recherches qui ont été faites il pourrait comporté le même type d'info que le fichier sql du distrinetbar. à propos de l'historique: est-ce l'historique de la session ( s'efface à chaque logout de L'utilisateur-trice ? ou l'historique de L'utilisateur-trice – implique que des données supplémentaires sont traitées et stockées par les pairs institutionnels. - voir avec les développeurs)

panel info affiche des informations sur le lien pointé par la souris depuis le panel environnement (on rollover) une image de la page ou un logo du site en question

l'adresse complète de la page

nombre de visite

date d'enregistrement dans le réseau

etc .. panel de l'utilisateur-trice Dans ce panel qui est une suite de menu et sous menus, différents settings de l'utilisateur-trice sont disponible comme les possibilités de partager une image du mapping, de l'exporter, de l'envoyer par mail etc .. barre de recherche