Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@semanticfire
2
The Problem 
6
Problem identification 
7 
Tree Based UI Graph Data
Loss of Semantics 
Select ?a ?b ?c where { …. 
Application 
<Value of ?a>
Possible 
Solution 
9
10 
http://enyojs.com
EnyoJS Encapsulation 
11 
Application 
Entry Field 
Tekst Box 
Push Me 
Calls 
Events
EnyoJS Encapsulation 
12 
Application 
Entry Field 
Tekst Box 
Push Me 
Linked Data 
Property
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",...
In Code (3) 
enyo.kind({ 
name : "C3", 
kind : "FittableRows", 
components : [ { 
name : "P_1", 
kind : "netage.ldproperty...
Other features 
• Filters 
– Value 
– Language 
• Cardinality 
– Auto creation of components 
• Future work 
– Bindings fo...
Does it Work? 
17
18
In Use 
19 
70 
FIRESTATIONS 
90 
MONITORS 
4 
COUNTRIES 
±120.000 
INCIDENTS PER YEAR
Summary 
• Advantages Encapsulation 
– Keeps semantics and UI close 
– Easy Prototyping and Development 
• Uses: 
– EnyoJS...
@semanticfire
Using interface encapsulation to listen to linked data predicates
Using interface encapsulation to listen to linked data predicates
Using interface encapsulation to listen to linked data predicates
Upcoming SlideShare
Loading in …5
×

Using interface encapsulation to listen to linked data predicates

1,707 views

Published on

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

Published in: Software

Using interface encapsulation to listen to linked data predicates

  1. 1. @semanticfire
  2. 2. 2
  3. 3. The Problem 6
  4. 4. Problem identification 7 Tree Based UI Graph Data
  5. 5. Loss of Semantics Select ?a ?b ?c where { …. Application <Value of ?a>
  6. 6. Possible Solution 9
  7. 7. 10 http://enyojs.com
  8. 8. EnyoJS Encapsulation 11 Application Entry Field Tekst Box Push Me Calls Events
  9. 9. EnyoJS Encapsulation 12 Application Entry Field Tekst Box Push Me Linked Data Property
  10. 10. In Code (1) enyo.kind({ name : "C1", kind : "FittableRows", components : [ { name : "T", kind : "input" } ], 13
  11. 11. 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
  12. 12. 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
  13. 13. Other features • Filters – Value – Language • Cardinality – Auto creation of components • Future work – Bindings for write support – JSON-LD syntax – Shape Expression integration 16
  14. 14. Does it Work? 17
  15. 15. 18
  16. 16. In Use 19 70 FIRESTATIONS 90 MONITORS 4 COUNTRIES ±120.000 INCIDENTS PER YEAR
  17. 17. Summary • Advantages Encapsulation – Keeps semantics and UI close – Easy Prototyping and Development • Uses: – EnyoJS – RDFLIB.JS • Open Source ? – YES Soon ! 20
  18. 18. @semanticfire

×