ld-r presentation at ux linked data challenge, rotterdam

15
Linked Data Reactor (LD-R) <http://ld-r.org> Building Adaptive Component-based Linked Data Applications UX Linked Data Challenge November 3, 2016 Rotterdam Ali Khalili, PhD Knowledge Representation & Reasoning Group Vrije Universiteit Amsterdam

Upload: ali-khalili

Post on 09-Feb-2017

100 views

Category:

Business


2 download

TRANSCRIPT

Page 1: LD-R presentation at UX Linked Data Challenge, Rotterdam

Linked Data Reactor (LD-R)

<http://ld-r.org>

Building Adaptive Component-based Linked Data Applications

UX Linked Data Challenge November 3, 2016 Rotterdam

Ali Khalili, PhDKnowledge Representation & Reasoning Group

Vrije Universiteit Amsterdam

Page 2: LD-R presentation at UX Linked Data Challenge, Rotterdam

Building Adaptive Component-based Linked Data Applications 2Ali Khalili

Linked Open Data Principles

WWW World

Page 3: LD-R presentation at UX Linked Data Challenge, Rotterdam

Building Adaptive Component-based Linked Data Applications 3Ali Khalili

Human Interactions

Linked Data on the Web WorldHumans

Linked Open Data

Page 4: LD-R presentation at UX Linked Data Challenge, Rotterdam

New and Complex

4Ali Khalili

Linked Data Applications

Building Adaptive Component-based Linked Data Applications

Big Data RDF Graph

Page 5: LD-R presentation at UX Linked Data Challenge, Rotterdam

Building Adaptive Component-based Linked Data Applications 5Ali Khalili

Skeuomorphic Design

“One way of overcoming the fear of new is to make it look like the old.”

Donald A. Norman

Fear of New

Page 6: LD-R presentation at UX Linked Data Challenge, Rotterdam

Building Adaptive Component-based Linked Data Applications 6Ali Khalili

Complexity

Law of conservation of complexity

“Every application has an inherent amount of complexity that cannot be removed or hidden. Instead, it must be dealt with, either in product development or in user interaction.”

Page 7: LD-R presentation at UX Linked Data Challenge, Rotterdam

Building Adaptive Component-based Linked Data Applications 7Ali Khalili

ComponentsComplexity

Page 8: LD-R presentation at UX Linked Data Challenge, Rotterdam

8Ali Khalili

Web Components & Microservices

<Component properties={P} events={E} states={S}> </Component>

Monolith MicroservicesBuilding Adaptive Component-based Linked Data Applications

Page 9: LD-R presentation at UX Linked Data Challenge, Rotterdam

9Ali Khalili

Linked Data Applications

ReactJSComponents

Building Adaptive Component-based Linked Data Applications

Decompose UI into reusable components

Page 10: LD-R presentation at UX Linked Data Challenge, Rotterdam

Linked Data Reactor (LD-R)

10Ali Khalili

Linked Data Applications

Building Adaptive Component-based Linked Data Applications

Components

http://ld-r.org

Page 11: LD-R presentation at UX Linked Data Challenge, Rotterdam

11Ali Khalili

Component Developer

Application Assembler End UserLinked Data

Provider

RDFcomponents

Scopes &

Config

LD-R Components Life Cycle

Building Adaptive Component-based Linked Data Applications

Page 12: LD-R presentation at UX Linked Data Challenge, Rotterdam

Example Scopes/Configurations

12Ali Khalili

LD-R

Building Adaptive Component-based Linked Data Applications

R foaf:Person use PersonPage component

R dbr:Frank_van_Harmelen use VUPersonPage component

type

URI

PURI

dc: date use Calendar component

P

D dbpedia

dbo: thumbnailuse ImageView component

URI

URI

Page 13: LD-R presentation at UX Linked Data Challenge, Rotterdam

13Ali Khalili

RISISLD-R Use Caseshttp://datasets.risis.eu

Building Adaptive Component-based Linked Data Applications

Page 14: LD-R presentation at UX Linked Data Challenge, Rotterdam

14Ali Khalili

ConfigurationLD-R Example

https://github.com/ali1k/ld-r/blob/master/configs/reactor.sample.js

Building Adaptive Component-based Linked Data Applications

Page 15: LD-R presentation at UX Linked Data Challenge, Rotterdam

15Ali Khalili

LD-R

Building Adaptive Component-based Linked Data Applications

Thanks for your attention…<http://ld-r.org>Conclusion

“Good design at the front-end suggests that everything is in order at the back-end, whether or not that is the case.”

—DMITRY FADEYEV