FRESNEL FORMS. Een Protégé plugin voor het genereren van datasysteeminterfaces van datamodellen op het Semantic Web ABI TEAM 30

Transcriptie

1 FRESNEL FORMS Een Protégé plugin voor het genereren van datasysteeminterfaces van datamodellen op het Semantic Web ABI TEAM 30 1

2 Even voorstellen Alex Mekkering Joop van de Heijning Teun Theunissen 2

3 Opzet presentatie Introductie. De afstudeer opdracht. Demonstratie. Tips. Vragen. 3

4 Introductie: afstudeer opdracht Protégé MDD Fresnel plugin van team 28 uitbreiden. 4

5 Introductie semantic web Tim Berners-Lee Betekenis HTML code <b>tim</b> Betekenis semantic web code <foaf:firstname>tim</foaf:firstname> 5

6 Introductie: Ontologieën W3C FOAF DBPedia Fresnel 6

7 Introductie: technologieën HTTP XML RDF RDFS OWL 7

8 Introductie: RDF RDF predicaten rdf:property Rdf:value rdf:plainliteral 8

9 Introductie: RDFS rdfs:domain rdfs:range rdfs:subclassof rdfs:subpropertyof 9

10 Introductie Sparqle 10

11 Introductie: Fresnel Presentatie model van de ontology Fresnel 11

12 Introductie: Fresnel # # 1.Fresnel Lenses for FOAF Person # :foafpersondefaultlens rdf:type fresnel:lens ; fresnel:purpose fresnel:defaultlens ; fresnel:classlensdomain foaf:person ; fresnel:group :foafgroup ; fresnel:showproperties ( foaf:name foaf:surname foaf:depiction ). 12

13 Introductie: Fresnel # # 2. Fresnel Formats # :depictformat rdf:type fresnel:format ; fresnel:propertyformatdomain foaf:depiction ; fresnel:label fresnel:none ; fresnel:value fresnel:image ; fresnel:valuestyle "imagewiththickborder"^^fresnel:styleclass; fresnel:group :foafgroup. 13

14 Introductie: Semantic browsers 14

15 Introductie: startpunt Protégé MDD Fresnel plug-in: Genereert default Fresnel vanuit een bron ontology Kan de default Fresnel grafisch weergeven en dit model kan aangepast worden met stijlgegevens. (labels, type hide/show, css style code) Per lens/class: hide/show, eigenschap toevoegen en css toevoegen. Fresnel kan bewaard worden in een bestand. Fresnel bestanden kunnen gelezen worden. 15

16 Introductie: hoe het was Bron Ontologie RDF Export Protégé Special:RDFExport MDD Fresnel plug-in Articles (Semantic) MediaWiki presentatiedefinitie (Fresnel) OWLwikiForms (SMW extension) Default Fresnel definitie 16

17 Introductie: Doel Protégé Fresnel Forms plugin: Attribuut eigenschappen kunnen instellen: enkelvoudig/meervoudig, verplicht/optioneel, range. Attributen kunnen sorteren per lens: alfabetisch of heuristic. Vanuit het grafische model Semantic Media Wiki code genereren die de formulieren definieren. Fresnel uitbreiden met mogelijkheden die SMW forms biedt maar Fresnel niet. Grote ontologieën (DBPedia 2Mb) kunnen inlezen en weergegeven. 17

18 Introductie: het resultaat Bron Ontologie RDF Export Protégé Special:Import Special:RDFExport Fresnel Forms plug-in MediaWiki importbestand (XML) Articles (Semantic) MediaWiki presentatiedefinitie (Fresnel) Default CSS styling 18

19 Semantic MediaWiki MediaWiki Article Category Template Semantic MediaWiki + Properties & Datatypes Semantic Forms + Forms & multi-value fields 19

20 Semantic Mediawiki: Infoboxes Eigenschappen samengevat voor gelijkaardige artikelen Links naar gerelateerde artikelen Tabel formaat Metadata voor bijv. DBPedia 20

21 Introductie: Semantic Media Wiki 21

22 Semantic Web vs -MediaWiki Beschrijving Semantic Web Semantic MediaWiki / Forms Klasse rdf:type rdfs:class Article in Category: namespace Instantie rdf:type Klasse Article met [[Category:Klasse]] Eigenschap rdf:type rdf:property Article in Property: namespace Eigenschap van instantie Eigenschap waarde Article met [[Eigenschap:waarde]] Sub-klasse rdfs:subclassof Klasse Article in Category: namespace met [[Category:Klasse]] Datatypen XML Schema compatibel Eigen definitie van basistypen Extra invoermogelijkheden owf: uitbreiding op fresnel AutoCompletion, Mandatory, Multi-value 22

23 Fresnel Forms: Architectuur Protégé Fresnel Forms view fresnel jena fresneltowiki Wiki user interface interactie verkennen bronontologie ontology gegevens presentatiedefinitie (Fresnel) invoeren (Forms) 23

24 Fresnel Forms: Fresnel Protégé Fresnel Forms view fresnel jena fresneltowiki Wiki user interface interactie verkennen bronontologie ontology gegevens presentatiedefinitie (Fresnel) invoeren (Forms) 24

25 Fresnel: Abstract Box Model <body> <div class= ib_resource > <div class= ib_property > <div class= ib_label >...</div> <div class= ib_value >...</div>... </div>... </div> </body> 25

26 Concrete UI: Bronontologie :Account :Person foaf:name foaf:title 26

27 Concrete UI: Fresnel lenses lens1 :Account :Person group1 :Person group2 properties foaf:name foaf:name format3 foaf:title foaf:title 27

28 Concrete UI: Fresnel formats lens1 :Account :Person group1 :Person group2 properties foaf:name foaf:name group1 propertystyle: color: green foaf:title format3 foaf:title group2 labelstyle: color: red format1 label: algemeen valuestyle: font-weight: bold format2 group2 label: binnen groep valuestyle: color: purple 28

29 Concrete UI: Cascading Fresnel :Account foaf:name :Person lens1 :Person group1 properties group2 foaf:name group1 propertystyle: color: green foaf:title format3 foaf:title group2 labelstyle: color: red format1 format2 format3 group2 label: algemeen valuestyle: font-weight: bold label: binnen groep valuestyle: color: purple label: expliciet propertystyle: color: yellow 29

30 Concrete UI: Algoritme :Account foaf:name foaf:title lens1 1. Ken prioriteit toe aan elk Format voor een zichtbare property :Person op een Lens. group1 :Person group2 2. Doorloop de geprioriteerde Formats in properties volgorde en verzamel formatting properties in een Map. foaf:name Een eerder verzameld gegeven wordt overschreven. CSS properties worden geconcateneerd. format3 Resultaat: Map met de meest specifieke inhoud van formatting properties voor een Property op een Lens. foaf:title group1 propertystyle: color: green group2 labelstyle: color: red format1 format2 format3 group2 label: algemeen valuestyle: font-weight: bold label: binnen groep valuestyle: color: purple label: expliciet propertystyle: color: yellow 30

31 Concrete UI: Resultaat lens1 :Account :Person group1 <div class= ib_property style= color:green > :Person group2 <div class= ib_label style= color:red >foaf:name</div> properties <div class= ib_value >waarde...</div> foaf:name </div> foaf:name <div class= ib_property style= color:green; color:yellow > <div class= ib_label style= color:red >expliciet</div> <div class= ib_value style= font-weight:bold; color:purple > waarde... format3 </div> </div> foaf:title foaf:title group1 propertystyle: color: green group2 labelstyle: color: red format1 format2 format3 group2 label: algemeen valuestyle: font-weight: bold label: binnen groep valuestyle: color: purple label: expliciet propertystyle: color: yellow 31

32 Demo: Actors and Movies ontology Van bronontologie naar Semantic Forms. 32

33 Conclusies Requirements ingevuld Goede bijdrage aan paper submission Zinvolle kennismaking academische onderzoekscontext Kwalitatief verbeterd Schaalbaar & platformonafhankelijk Inmiddels zijn er een aantal fans 33

34 Aanbevelingen Debuggen onder Protégé Versiebeheer in GitHub (done) Meertaligheid Gebruik van MediaWiki API MediaWiki extensie voor XML Schema datatypen 34

35 Vragen Referentie Fresnel Forms op het web: 35