Mapping-archive

archive mapping
archives des maquettes éditées de janvier à mars 2010

draft mapping --single user
Draft no1:

une projection d'une carte d'un utilisateur.

L'utilisateur a customisé son image. Il pourrait rajouter du son également (une icone indiquant du son indiquerait qu'il y a un fichier sonore lié à l'utilisateur).

Sur sa carte, les boutons "+" signifient que l'on peut descendre dans la granularité des informations, et que des contenus sont hébergés sous ce "spot"

Draft no2:

Dans cette même carte on clique sur le bouton à coté de l'URL et on descend dans la granularité des informations. Chaque fichier de l'URL www.ior.org compte pour 1 (pour simplifier on a décidé que 1 click = 1% de visite ... mais au niveau du nombre de click total de cet utilisateur c'est sûrement moins encore ... mais pour cet utilisateur ior.org est un site de référence, il doit donc pouvoir être afficher dans la carte à ce niveau là. ça pose évidemment la question de savoir quels critères on utilise pour définir l'importance qu'à un site pour un utilisateur ? parce que ce n'est pas le nombre de click en absolu qui va pouvoir le montrer !



Draft no3:

On pourrait activer les co-fréquences à la demande par un menu alternatif (click droit). Une fois cette option activée, chaque click sur une URL affiche les co-occurences. un click en dehors, sur la carte désactivent l'affichage des co-occurances.

On a représenté l'affichage des co-occurances par un changement de couleur pour les url ciblées et par des lignes fines qui tracent les liens.

Draft n04:

un deuxième exemple d'un-e autre utilisateur-trice avec d'autres informations Draft no5:

Cet-te utilisateur-trice a plusieurs niveau de granularité sur un site: des fichiers à la racines du site et des fichiers dans le blog ou le wiki du site.

Draft no6: On descend dans la granularité du site. Draft n07:

Affiche les co-fréquences Draft no8:

L'utilisateur-trice affiche les informations sur les types de fichiers (ici: les fichiers musicaux) en cliquant sur l'icone relative Draft no9:

L'utilisateur-trice masque le type de fichier

Draft no10: Différents projections des cartes d'autres utilisateurs.

draft mapping sharing - union, intersection, differences
Draft no1:

Dans ce draft, nous avons supperposé 3 cartes de 3 utilisateur-trice-s. Sans aucun autre traitement de l'information ( pas de filtre).

Simplement pour avoir une idée visuelle lorsque l'on utilise les couleurs, les transparences pour indiquer la granularité.

Dans cette proposition, il n'y a plus d'utilisateur-trice au centre parce que c'est une carte nouvelle, composée de plusieures cartes et non la carte d'un-e utilisateur-trice qui choisit d'importer des données d'autres personnes dans sa carte (l'utilisateur-trice au centre de la carte indique qu'il s'agit de ses données, avec ou sans les données des autres qu'il-elle choisit d'ajouter /importer.

A l'inverse: des cartes partagées sont des cartes collectives contenant les informations de deux ou plus utilisateur-trices.

Par exemple: dans le cas souvent cité d'une classe qui veut faire sa carte, ça n'est pas la carte d'un des élèves à laquelle sont ajoutés les autres cartes, mais bien une nouvelle carte composée de toutes les cartes des élèves.

Nous trouvons ce résultat assez beau sur le plan visuel. Il faut ensuite se concentrer pour qu'un tel affichage soit compréhensible pour les utilisateur-trice-s Draft 1b

union de trois utilisateurs et granularité Draft no 2:

Cette carte représente la différence entre deux cartes fusionnées. Commme précédemment il s'agit d'une nouvelle carte composée de deux sources de données auxquelles on applique le filtre de tri par différence.

Au niveau des couleurs utilisées; on a essayé de garder les mêmes couleurs pour une visualisation homogène. Dans le draft suivant, on peut voir une option lorsque l'on veut voir uniquement les résultat d'un-e utilisateur-trice de cette carte collective. Draft no3:

Même option mais on sélectionne les informations par utilisateur-trice: On click sur l'un-e des utilisateur-trice -s: masque les données de l'autre ou met les données de cet-te utilisateur-trice en évidence.

Ici on utilise des transparences, mais on pourrait aussi utiliser des couleurs différentes. oudes couleurs de contour si on a des screenshots de page à la place des couleurs. Draft no4 a, 4b, 4c:

option intersection, on séléctionne les plus petites valeurs communes entre deux utilisateur-trice-s (a et b). On exclus tout le reste.

draft 4c: intersection entre 3 utilisateur-trice-s

Draft no5:

Dans ce draft, un-e utisateur-trice importe la carte d'un-e autre dans la sienne et active le filtre de l'union. La carte de l'autre utilisateur-trice s'affiche dans une couleur différente.

Draft no6:

Dans ce draft, un-e utisateur-trice importe la carte d'un-e autre dans la sienne et active le filtre des différences. La carte de l'autre utilisateur-trice s'affiche dans une couleur différente. Draft no7:

Dans ce draft l'utilisateur-trice affiche le filtre d'intersection ( les plus petites valeurs communes entre lui-elle et l'autre utilisateur-trice. Il y a deux sites qui sont commun dont un qui contient plusieurs fichiers URL qui sont communs. Les deux utilisateur-trice-s ont des valeurs à peu près identiques pour la popularité de ces sites en commun. Les sites en commun sont affichés d'une couleur et mis en évidence (utilisation des transparences) Draft n08:

Dans ce draft, l'utilisateur-trice active le filtre de l'union. tous les sites des deux cartes sont présents. Les sites convergents pour l'union sont dans une autre couleur pour qu'on puisse les signifier. l'union prend en compte la plus grande valeur dans les deux situations. Les deux utilisateur-trice-s ont des valeurs à peu près identiques pour la popularité de ces sites en commun. Lorsque l'on descend dans la granularité un de ces sites n'affiche que des sites de l'un des utilisateur et dans l'autre certains fichiers sont communs: Ils sont donc marqués d'une couleur différente.

personnalisation du mapping
les URL sont placées dans des categories Draft 1: Comme dans les catégories des logiciels de mail, des wiki etc ... les noms des catégories corespondent à un critère et un seul dans lequel on peut classer ses données (à l'inverse des étiquettes que l'ont peut utiliser par séries pour rassembler des données, cf tag clouds)

Draft 2:

personnalisation de la carte par des tags. la largeur des tranches correspond au calcul du pourcentage du total des sites taggés.



Draft 3, 4, 5, 6 :

personnalisation de la carte & grannularité: explosion d'une nébuleuse qui contient d'autres nébuleuses dans une catégorie: granularité

categories suite


Draft 1:

Comme dans les catégories des logiciels de mail, des wiki etc ... les noms des catégories corespondent à un critère et un seul dans lequel on peut classer ses données (à l'inverse des étiquettes que l'ont peut utiliser par séries pour rassembler des données, cf tag clouds)

Draft 2:

alternative: les liens sont placés dans des catégories ou labels, mais ils sont visibles !

autres possibilités - fusion, différences, intersection


Draft no1: Dans ce draft, l'utilisateur-trice active le filtre de la difference avec l'utilisateur-trice 2 et le filtre de l'intersection avec l'utilisateur-trice 3.

personnalisation - single user - archive


Draft no2, 3, 4, 5, 6 :

personnalisation de la carte: ouverture et navigation dans un tag.

personnalisation et co-occurance
co-occurences affichées 3 possiblités: toutes, in , out draft 1:

l'utilisateur-trice affiche toutes les co-occurences liées à une adresse: all - in - out les différentes couleurs symbolisent les liens entrants et sortants. Les co-occurences qui pointent sur des liens dans d'autres catégories ou dans le reste de la carte sont affichées. Si le lien occurant est dans une nébuleuse la nébuleuse est affichée .. si l'utilisateur-trice choisit de l'ouvrir, toute la catégorie sera ouverte à la place de l'actuelle catégorie.

draft 2 et 3:

les co-occurences in et out sont affichées

draft 4, 5:

L'utilisateur-trice ouvre une nébuleuse en co-occurence avec sortante avec l'un des liens, et qui se trouve dans une autre catégorie, ou à l'extérieur de la catégorie ouverte: le résultat s'affiche dans la nouvelle catégorie qui s'ouvre à la place de la précédente et le lien co-occurent, d'ou on vient est affiché en bleu.

Draft 5: la nébuleuse est ouverte, Dans les informations textuelles: toutes les données de la nébuleuse ouverte et les informations des co-occurances entrantes et sortantes ..

personnalisation et granularité
Draft 3, 4, 5, 6 :

personnalisation de la carte & grannularité: explosion d'une nébuleuse qui contient d'autres nébuleuses dans une catégorie: granularité

alt: tous les liens de la carte dans les autres catégories sont visibles

Draft 7 et 8: granularité et catégories en transparences

merging maps - archives


plusieurs cartes sont fusionnées:

draft 1: from selected: les noeuds des autres cartes sont liés au lien selectionné dans la carte locale.

les données apparaissent dans la matrice: alternative ! les noeuds des autres cartes sont liées au

Draft 2: idem: mais les données apparaissent dans la périphérie de la matrice



Draft 3, 4

3: projection dans deux autres cartes, tous les noeuds sont visibles et ajout de bruit.

4: projection dans deux autres cartes: tous les noeuds sont visibles mais chaque carte est décalée dans la matrice + ajout de bruit



draft 5 et 6

5: from selected: projection dans deux autres carte, mais les noeuds visibles sont liés au noeud selectionné

6: idem: mais les deux  autres cartes sont décalées dans la matrice

user icons


draft n01 et suivantes : differentes visualisation du centre : utilisateur-trice et nébuleuse ouverte