Embed Size (px)
DESCRIPTION
Using interface encapsulation to listen to linked data predicates Presentation given at ISWC 2014, about the use of EnyoJS for linkeddata user interfaces
Citation preview
@semanticfire
2
The Problem
6
Problem identification
7
Tree Based UI Graph Data
Loss of Semantics
Select ?a ?b ?c where { ….
<Value of ?a>
Application
Possible
Solution
9
10
http://enyojs.com
EnyoJS Encapsulation
11
Application
Entry Field
Tekst Box
Push MeCalls
Events
EnyoJS Encapsulation
12
Application
Entry Field
Tekst Box
Push Me
Linked DataProperty
In Code (1)
enyo.kind({name : "C1",kind : "FittableRows",components : [ {
name : "T",kind : "input"
} ],
13
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
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
Other features
• Filters
– Value
– Language
• Cardinality
– Auto creation of components
• Future work
– Bindings for write support
– JSON-LD syntax
– Shape Expression integration
16
Does it Work?
17
18
In Use
19
70FIRESTATIONS
90MONITORS
4COUNTRIES
±120.000INCIDENTS PER YEAR
Summary
• Advantages Encapsulation
– Keeps semantics and UI close
– Easy Prototyping and Development
• Uses:
– EnyoJS
– RDFLIB.JS
• Open Source ?
– YES Soon !
20
@semanticfire
