Using interface encapsulation to listen to linked data predicates
-
Upload
bart-van-leeuwen -
Category
Software
-
view
487 -
download
0
description
Transcript of Using interface encapsulation to listen to linked data predicates
![Page 1: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/1.jpg)
@semanticfire
![Page 2: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/2.jpg)
2
![Page 3: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/3.jpg)
![Page 4: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/4.jpg)
![Page 5: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/5.jpg)
![Page 6: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/6.jpg)
The Problem
6
![Page 7: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/7.jpg)
Problem identification
7
Tree Based UI Graph Data
![Page 8: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/8.jpg)
Loss of Semantics
Select ?a ?b ?c where { ….
<Value of ?a>
Application
![Page 9: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/9.jpg)
Possible
Solution
9
![Page 10: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/10.jpg)
10
http://enyojs.com
![Page 11: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/11.jpg)
EnyoJS Encapsulation
11
Application
Entry Field
Tekst Box
Push MeCalls
Events
![Page 12: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/12.jpg)
EnyoJS Encapsulation
12
Application
Entry Field
Tekst Box
Push Me
Linked DataProperty
![Page 13: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/13.jpg)
In Code (1)
enyo.kind({name : "C1",kind : "FittableRows",components : [ {
name : "T",kind : "input"
} ],
13
![Page 14: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/14.jpg)
In Code (2)
enyo.kind({name : "C2",kind : "FittableRows",components : [ {
name : "P",kind : "netage.ldproperty",property : "http://xmlns.com/foaf/0.1/name",components : [ {
name : "T",kind : "input"} ]
} ],
14
![Page 15: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/15.jpg)
In Code (3)
enyo.kind({name : "C3",kind : "FittableRows",components : [ {
name : "P_1",kind : "netage.ldproperty",property : "http://xmlns.com/foaf/0.1/knows",components : [ {
name : "P_2",kind : "netage.ldproperty",property : "http://xmlns.com/foaf/0.1/name",components : [ {
name : "T",kind : "input"
} ]} ]
15
![Page 16: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/16.jpg)
Other features
• Filters
– Value
– Language
• Cardinality
– Auto creation of components
• Future work
– Bindings for write support
– JSON-LD syntax
– Shape Expression integration
16
![Page 17: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/17.jpg)
Does it Work?
17
![Page 18: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/18.jpg)
18
![Page 19: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/19.jpg)
In Use
19
70FIRESTATIONS
90MONITORS
4COUNTRIES
±120.000INCIDENTS PER YEAR
![Page 20: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/20.jpg)
Summary
• Advantages Encapsulation
– Keeps semantics and UI close
– Easy Prototyping and Development
• Uses:
– EnyoJS
– RDFLIB.JS
• Open Source ?
– YES Soon !
20
![Page 21: Using interface encapsulation to listen to linked data predicates](https://reader034.fdocuments.us/reader034/viewer/2022042623/547e7ae4b4af9fef158b563c/html5/thumbnails/21.jpg)
@semanticfire