Using interface encapsulation to listen to linked data predicates Presentation given at ISWC 2014, about the use of EnyoJS for linkeddata user interfaces

1. @semanticfire

2. 2

6. The Problem
6

7. Problem identification
7
Tree Based UI Graph Data

8. Loss of Semantics
Select ?a ?b ?c where { ….
Application
<Value of ?a>

9. Possible
Solution
9

10. 10
http://enyojs.com

11. EnyoJS Encapsulation
11
Application
Entry Field
Tekst Box
Push Me
Calls
Events

12. EnyoJS Encapsulation
12
Application
Entry Field
Tekst Box
Push Me
Linked Data
Property

13. In Code (1)
enyo.kind({
name : "C1",
kind : "FittableRows",
components : [ {
name : "T",
kind : "input"
} ],
13

14. 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

15. 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

16. Other features
• Filters
– Value
– Language
• Cardinality
– Auto creation of components
• Future work
– Bindings for write support
– JSON-LD syntax
– Shape Expression integration
16

17. Does it Work?
17

18. 18

19. In Use
19
70
FIRESTATIONS
90
MONITORS
4
COUNTRIES
±120.000
INCIDENTS PER YEAR

20. Summary
• Advantages Encapsulation
– Keeps semantics and UI close
– Easy Prototyping and Development
• Uses:
– EnyoJS
– RDFLIB.JS
• Open Source ?
– YES Soon !
20

21. @semanticfire