Cartographie de l'information

Making sense of content

Concevoir les interfaces d'un portail sémantique

L'apport de la “cartographie de l'information”

[email protected]

Présentation

MONDECA– Société spécialisée dans la gestion des connaissances– Rôle : concevoir des portails web permettant d'afficher les

données stockées dans une base de connaissances

Base de connaissances

?Lambda user

?

Présentation

MONDECA– Société spécialisée dans la gestion des connaissances– Rôle : concevoir des portails web permettant d'afficher les

données stockées dans une base de connaissances

« cartographie de l'information » et données numériques

=> aider l'utilisateur à se diriger, à naviguer

Peter Morville

« Cartographie de l'information » et données numériques

Cartographie et relations entre données– Représentation géographique : permet de mieux

appréhender les relations spatiales entre données => contextualisation

« Cartographie de l'information » et données numériques

Correspondance au niveau de l'interface– Quel widget (module conteneur) est le plus adapté lorsque

l'on veut faciliter la compréhension de relations temporelles, hiérarchiques, quantitatives, etc.. ?

« Cartographie de l'information » : les limites

Lambda user

Objectifs de la présentation

Limites

Principes cartographiques et design web

Améliorer la recherche documentaire– D'une base de connaissances à un système d'information

Ressources en ligne

Limites : (il)lisibilité des graphes

Représentation graphique et lisibilité– Est-ce qu'on y gagne réellement en lisibilité ? Ou est-ce

qu'on ajoute de la complexité ?

http://www.visualcomplexity.com/vc/

Limites : (il)lisibilité

Montrer des liens … parce qu'il y a des liens...

vs.


Montrer des liens … parce qu'il y a des liens...

vs.


=> la représentation dépend du type de relations et de l'usage

Extractionglutenlait d'amidon

Extraction liquidefarine de blé + eaufarinesongerme

Extraction liquidefarine de blé + eauglutenlait d'amidon

Moissongrain de blé paille

Biodégradationpaille retour au sol

VS.


=> la représentation dépend du type de relations et de l'usage

http://ariadne.cs.kuleuven.be/edmedia/


Abels

Limites : il(lisibilité)

Voir aussi : site carto,flare

http://www.mapdream.com/mediawikifr/index.php/La_cartographie

http://flare.prefuse.org/demo

http://www.visual-literacy.org/periodic_table/periodic_table.html


=> D'une représentation graphique à un conteneur de données (exemple du treemap)

La surface du rectangle est proportionnelle à la surface du pays



– Treemap utilisé pour comparer le « poids » des nouvelles

http://newsmap.jp/#/b,e,m,n,s,t,w/fr/view/



– 'Treemap' utilisé pour comparer des catégories thématiques en fonction du nombre d'éléments qu'elles contiennent

http://zoomii.com/#home

Limites : surcharge informationnelle

Vouloir TOUT montrer en même temps– Différence entre support papier et média interactif

Limites : surcharge informationnelle

Vouloir TOUT montrer en même temps– Différence entre support papier et média interactif

T1 T2 T3

Parcours/étape

Limites


Améliorer à la recherche documentaire– D'une base de connaissances à un système d'information

Ressources en ligne

Principes cartographiques : un type d'élément => un type de représentation

Pour chaque composant, on définit une représentation spécifique

– Avec un code couleur, une cohérence dans les tracés, etc.

Principes cartographiques : un type d'élément => un type de représentation

=> valable pour tous les composants, pour les critères de recherche tout autant que pour une liste de résultats

http://windowshop.com/•http://www.tenbyten.org/10x10.html•http://now.sprint.com/widget/http://www.musicovery.com/ (code couleur)http://www.cogmap.com/outline/microsoft?ver=53&vt=0

http://windowshop.com/

http://www.tenbyten.org/10x10.html

http://now.sprint.com/widget/

http://www.musicovery.com/

http://www.cogmap.com/outline/microsoft?ver=53&vt=0

http://www.cogmap.com/outline/microsoft?ver=53&vt=0

http://portal.mace-project.eu/ProjectSearch

Principes cartographiques : donner des repères

Les repères cartographiques : échelle, vue d'ensemble, directions

http://www.dexav.com/

http://www.dexav.com/


=> aider l'utilisateur à se diriger

Peter Morville


=> naviguer/contextualiser, suggérer des directions

http://songza.fm/Pouilly http://www.nikon.com/about/feelnikon/universcale/index_f.htmhttp://www.walk2web.com/surf/http%3A//www.bnf.fr/

http://songza.fm/

http://itis1.antisearch.net/afs/cgi-bin/findall?X=25&C=144&CAT=ITIS&UNIQUE=user1&geoFILTER=244-265-275-287-290-294-299-304-308-311-315&KEYWORDS=hotel

http://www.nikon.com/about/feelnikon/universcale/index_f.htm



http://www.walk2web.com/surf/http://www.bnf.fr/



http://www.bbc.co.uk/history/interactive/timelines/british/index.shtml

Principes cartographiques : penser aux calques et aux filtres

Carte : un ensemble de calques superposés, et sur lesquels on vient disposer différents types d'éléments

http://fr.mappy.com/map#d=Paris,+France

Principes cartographiques : penser aux calques et aux filtres

=> plutôt que tout afficher en même temps, on regroupe, on ordonne, on hiérarchise

Principes cartographiques : adapter le contenant au contenu

On peut jouer sur la plasticité du contenant pour mieux faire comprendre un contenu

mappy carte/liste

http://fr.mappy.com/map#d=Paris,+France&puid=5004&px=2.351037&py=48.856618&pr=20000

http://www.personalworldmap.org/

Principes cartographiques : adapter le contenant au contenu

=> adaptation du contenant/contenu à l'utilisateur, prise en compte des effets de transition

Home bbcEOL

http://www.bbc.co.uk/

http://www.eol.org/pages/2871031?vetted=true&category_id=290

http://www.apple.com/fr/mac/

Parcours/étape

Limites



Ressources en ligne

Améliorer la recherche documentaire

Pour améliorer la lisibilité et l'utilisabilité d'un système d'information, il faut tout d'abord que les contenus soient :

– Caractérisés : sans attribution de propriétés, pas de représentation spécifique

– Reliés entre eux : sans relations explicites, pas de navigation polyarchique (on peut avoir une arborescence simple, mais pas de parcours croisés)

La pile du Web sémantique

Inférence

Ontologies

Bases de connaissance

Métadonnées

Entités Descripteurs

Types Propriétés

Contraintes Règles

Attributs

Documents Données Services

RDF

SKOS

OWL

RIF

RDFS

XML URI

SPARQL

Améliorer la recherche documentaire : la base de connaissances




http://itis1.antisearch.net/saoneloire/Center.action?id=166148

Améliorer la recherche documentaire : les besoins de l'utilisateur

1. Pouvoir zoomer/dézoomer au sein de l'espace informationnel

- recherche facettée (cf dbpedia), recherche multicritère, autocomplétion (cwi), historique de navigation

2. Pouvoir visualiser facilement l'ensemble des éléments qui correspondent à la requête - multipes modes de visualisation, critères de tri, etc.

3. Pouvoir naviguer à partir des relations entre éléments - suggestions, recherche par connexions

( Freebase parallax )

http://dbpedia.neofonie.de/browse/

http://e-culture.multimedian.nl/demo/session/search

http://www.freebase.com/labs/parallax/browse.html?type=/government/us_president

Parcours/étape

Limites



Ressources en ligne

Ressources en ligne

Des facettes en un quart d'heure à partir d'un doc excel– exple, babel simile et exhibit

Représentations graphiques– manyeyes, lastgraph, omniscope

Processus, concept et diagrammes– appli diagrammes, edrawsoft, diagramme et design,

cogmap

Collections et entrepôts de données– archives images, géosciences, ...

http://simile.mit.edu/babel/

http://simile.mit.edu/wiki/Exhibit

http://manyeyes.alphaworks.ibm.com/manyeyes/

http://lastgraph.aeracode.org/

http://www.visokio.com/getomniscope

http://www.visual-blast.com/online-tools/7-free-online-tools-for-creating-flow-charts-diagrams-floor-plans-and-more/

http://www.edrawsoft.com/flow-chart-design.php

http://www.enginegroup.co.uk/service_design/methods/

http://www.cogmap.com/

http://www.readwriteweb.com/archives/digital_image_resources_on_the_deep_web.php

http://edg.rncan.gc.ca/index_f.php

Business

Cartographie de l'information