WikiVizLa visualisation d’un réseau sémantique

Travail de diplôme 2005

Urs Richle / 31 it

Déroulement

Description du problème Les solutions proposées La solution choisie Démo Potentiel pédagogique Conclusions

HEIG-VD: COMEM+HES-SO

HEIG-VDHaute Ecole d’Ingénierie et de Gestion

Comem+ : Communication - Engineering - Management

Ingénieur MédiaOrientations:

IT Management Médias interactifs et imprimés

Autres départements

Systèmes industriels

Géoinformation

Électricité et Informatique

…

La demande de TECFA$

Université de Genève TECFA

MICROSOFT CORPORATION

FinancementVirtual Campus

$

UniSG / UniBS / USI / ETHZ ….

$

$

eTeach-net

Module 7Modules

Internet

MediaWiki

Etudiants

Visualisation

Le potentiel pédagogique

WikiViz: un outil cognitif Une carte conceptuelle pour:

explorer un espace de connaissances lier des connaissances structurer des connaissances amplifier l’activité cognitive aider à la mémorisation

Un outil de suivi Un outil de collaboration

Pourquoi une visualisation?

Le problème

Article

Article 2

Article 3

Article 1

URI 1

URI 3

Auteur

Article 1 manquant

Lien auteur

Lien interneLien interne

Lien interne

Lien mort

Lien externe

Lien externe

Catégorie manquante Lien mort ctégorie

Catégorie 1 Lien catégorie

URI 2

Lien externe

Image 1

Lien image

Qu’est-ce qui doit être visualisé?

Analyse sémantique

Article 1

Article 5

Catégorie 1

Type Article existant

Type Catégoriedemandé

Type Lien Interne

Type Lien Catégorie

URI

Auteur

Type URI

Type LienURI

Type Auteur

Type Lien Auteur

Article manquant

Type Lien mort

Image

Type Lien Image

Type Image

Type Article demandé

Catégorie manquante

Type Catégoriedemandé

Comment le contenu est-il structuré?

Les étapes du problème

Visualiser le réseau sémantique du MediaWiki

Extraction des liens Description / Diffusion du contenu Visualisation du réseau

Analyses technologiques Comment extraire les liens?

Analyse du MediaWiki Comment décrire le contenu?

Topic Maps ISO 13250 RDF OWL

Comment diffuser le contenu? Web Services

Comment visualiser le contenu? PHP-SVG Java Navigateurs existants

Le contenu et le standard XTM

Langage naturel Standard XTM Titre article / image, nom auteur <topic> Adresse URI <occurrence> Relation <association> Type de relation <roleSpec> Type d’entité <topic>

<instanceOf>

Analyse sémantique

Article 1

Article 5

Catégorie 1

Type Article existant

Type Catégoriedemandé

Type Lien Interne

Type Lien Catégorie

URI

Auteur

Type URI

Type LienURI

Type Auteur

Type Lien Auteur

Article manquant

Type Lien mort

Image

Type Lien Image

Type Image

Type Article demandé

Catégorie manquante

Type Catégoriedemandé

Comment le contenu est-il structuré?

Type article existant

Type LienIterne

Type LienExterne

Type Categorie existante

Type LinkFromType LinkTo

-Membre 1-Membre 2

LienInterne_Association

instanceOf

instanceOf

Type URL

+baseName()-occurence

Article existant

instanceOf

http://wiki_titre

resourceRef

TopicRef(membre 1)TopicRef

(membre 2)

roleSpec(membre 1)

roleSpec(membre 2)

-Membre 1-Membre 2

LienExterne_Association

instanceOf http://.......resourceRef(membre 2)

roleSpec(membre 1)

roleSpec(membre 2)

TopicRef(membre 1)

-Membre 1-Membre 2

LienCategorieExistante_Association

TopicRef(membre 2)

instanceOf

TopicRef(membre 1)

roleSpec(membre 1)

Type LienCategorieExistanteinstanceOf

roleSpec(membre 2)

+baseName()-occurence

Category existante

http://wiki_categorie

resourceRef

instanceOf+baseName()-occurence

Auteur

mailto:mail@auteur

instanceOf resourceRef

-Membre 1-Membre 2

LienAuteur_Association

TopicRef(membre 1)

TopicRef(membre 2)

roleSpec(membre 2)

roleSpec(membre 1)

Type Auteur

instanceOf

Type LienAuteurinstanceOf

-Membre 1-Membre 2

LienMort_AssociationTopicRef(membre 1)

roleSpec(membre 1)

roleSpec(membre 2)

+baseName()-occurence

Article demandé instanceOf

TopicRef(membre 2)

http://wiki_titre(création)

instanceOf

resourceRef

Type article demandé

Type Categorie demandée

+baseName()-occurence

Category demadée

http://wiki_titreCateégorie(création)

instanceOf

resourceRef

instanceOf

-Membre 1-Membre 2

LienCategorieDemandée_Association

Type LienCategorieDemandée

instanceOf

TopicRef(membre 2)

TopicRef(membre 1)

roleSpec(membre 1)

roleSpec(membre 2)

Modélisation

Propositions d’architecture du SI

BDWiki

MediaWiki

ClassesMediaWiki

Extension:LinkExtractor.php

XTMConstructor.php

Interface Wiki

VisualisationPage SpécialeTouchgraph ou

PHP-SVG

Interface textuelle

Extraction

XSL

XML XTM

Extension:Webservice

Classes: Nusoap

(RDF)

Webservice

WSDLDescription

des méthodes

WebserviceSOAP Server:

Méthodes proposées

Visualisation

WebserviceSOAP Client

Topic MapXTM

LinksTopic

PHP-SVGVisualisation

Topic ouTopic Map

Messages SOAP

ServeurApache

Utilisateurs

BrowserInternet

ServeurApache

ServeurTomcat

Diffusion

VisualisationProposition 1

Workstation

Visualisation

OmnigatorVisualisationTopic Map

WebserviceSOAP Client

Topic MapXTM

VsiualisationProposition 2 Visualisation

Proposition 3

Implémentation de test

Implémentation de test

réalisation de test

Arguments de décision «The Topic Map experience» Liste des priorités

MUST: Une visualisation qui tourne L’extraction des liens d’une page par le titre Un paramétrage pour l’affichage des différentes sortes de liens

NICE TO HAVE: Baser la description sur un standard Extraire les liens à la volée Proposer un paramétrage évolué: nombre de nœuds, niveau

d’affichage, interactivité Rendre le navigateur compatible avec un standard

La solution choisie

BDWiki

MediaWiki

ClassesMediaWiki

Extension:LinkExtractor.php

XTMConstructor.php

Interface Wiki

VisualisationPage Spéciale

Touchgraph Applet

Interface textuelle

Extraction

XSL

XML

TGConstructorServeurApache

Utilisateurs

BrowserInternet

VisualisationProposition 1

Workstation

CRON DaemonUpdate 1* /jour

La solution réalisée

Java Applet de TouchGraph Implémentation Adaptation: menus supplémentaires

Démo: http://tecfax.unige.ch/portails/mediawiki/index.php/Special:WikiViz

Autocritique

Compromis du « non-standard » manque d’interopérabilité

Descriptions multiples Carte conceptuelle statique

Remarques tests utilisateurs

Conclusion

Expérience avec le standard ISO 13250 Réflexions sur la représentation du

savoir par différentes approches Réalisation d’un outil cognitif pour la

formation

Perspectifs

Description standardisé Visualisation dynamique

Utiliser le WebService Visualisation à la volée en PHP-SVG

Création de la carte conceptuelle de manière dynamique

Liste des fonctionnalités: MUST 1 Extraction des liens d'une page par le titre 2 Extraction de l'ensemble des catégories 3 Extraction des liens d'une catégorie 4 Création d'un fichier XTM (Topic Map) du réseau sémantique 5 Proposition des liens d'une manière standardisée 6 Proposition des catégories d'une manière standardisée 7 Proposition du fichier XTM d'une manière standardisée 8 Visualisation du réseau sémantique d'une page 9 Interface avec paramétrage basic de la visualisation 10 Menu pour le choix des catégories 11 Visualisation du réseau d'une catégorie 12 Interactivité entre la visualisation et le MediaWiki

Suite fonctionnalités: Nice to have

13 Visualisation de l'ensemble du réseau sémantique (Should) 14 Paramétrage évolué de la visualisation 15 Extraction des paramètres de pertinence pour un lien 16 Proposition des paramètres de pertinence pour un lien d'une

manière standardisée 17 Visualisation des paramètres de pertinence pour un lien

DEMO

http://tecfax.unige.ch/portails/mediawiki/index.php/Special:WikiViz

Définition du paramètre: « modifications »

Mode: internal - size

Mode: internal - counter

Omnigator

TMNav

MediaWiki - Web Service

Trois méthodes proposées:

getTopicMap() getTopics() getLinkage($term)

Exemple

ApplicationPHPASPJSPServlet…

SOAP-client

ApplicationVisualisation

Serveur ou PC

Browser / Interface

Client

HTTP

SOAP-requête

SOAP-réponse

WSDL

MediaWiki

ExtensionExtraction des lines

NuSOAP

SOAP-serveur

ServeurApache

Tecfa MediaWiki-Web Service avec NuSOAP:http://tecfax.unige.ch/portails/mediawiki/extensions/WebService/

La librairie PHP NuSOAP: http://sourceforge.net/projects/nusoap/