ld-r presentation at eswc2016 developers hackshop
TRANSCRIPT
A F R A M E W O R K F O R B U I L D I N G R E A C T I V E L I N K E D D ATA A P P L I C AT I O N S
L I N K E D D ATA R E A C T O R ( L D - R )
Ali Khalili <http://ali1k.com>
Developers Hackshop
<http://ld-r.org>
W H Y D O W E N E E D L D - R ?
• Devs spent a lot of time (avg. > 2 days) on bootstrapping their LDAs before they could start working on the UI.
• 46% of Devs, preferred to write the code from scratch instead of reusing code from existing SemWeb projects.
• Majority of Devs (51%) had communication issues with non-Semantic Web developers to familiarize them with Semantic Web concepts before they could start contributing to the application.
• Despite the prevalence of Web Components solutions, only 19% of the Devs (mainly advanced users) were employing them in their applications.
W E B C O M P O N E N T S
<Component properties={P} events={E} states={S}> </Component>
W H AT A B O U T C O M B I N I N G S E M A N T I C W E B A N D W E B C O M P O N E N T S ?
+Linked Data-driven Web Components
H O W D O E S I T W O R K ?
Component Developer
Application Assembler End UserLinked Data
Provider
RDFcomponents
Scopes &
Config
U S E R I N T E R A C T I O N S O N L D - R
LD-RWeb Components
Scopes
Configurations
Interaction Mode
RDF Components
User-defined Components
View Edit Browse
Generic Configurations
Component-specific Configurations
SemanticMarkup
R E A C T I V E A P P : C O N F I G
R2
C8
C10
C7 C11
R4
D2
R3
P5P4P3P2P1
R1
D1
C3
C4
C2
AppC1
C5
C6
C9
https://github.com/ali1k/ld-r/blob/master/configs/reactor.sample.js
I M P L E M E N TAT I O N
MICROSERVICES / WEB APIS
[ISOMORPHIC] REACTIVE UI COMPONENTS
LINKED DATA
D ATA F L O W
Actions
StoresLD-RComponents
RESTful Services
Endpoint
communicate
CRUD
Data
update
render
action
Dispatcherdispatch
Flux unidirectional data flow
P L U G I N S
Graph 1 Graph 2 Graph 3
Super User
Property 111 Property 112 Property 211 Property 212 Property 311
Resource 11 Resource 12 Resource 21 Resource 22 Resource 31
…Graph Name
Resource ID
ResourceID +
Property ID
…
…
Example: Authentication
H O W D O E S I T L O O K L I K E ?http://datasets.risis.eu
