From Idea to Web - Creating Linked Data Apps

From Idea to Web
Creating Linked Data Apps

Benjamin Nowack
#php #javascript #semweb #kasabi

bn@kasabi.com
@bengee

SemTechBiz Berlin 06.02.2012

Linked Data Essentials

Data objects with
● properties
● links to other objects


Linked Data Essentials

HTTP identifiers for
●
objects
●
property names
●
link names


Linked Data and the Semantic Web


The Linked Data Ecosystem


New Possibilities (and Challenges)

● Distributed, re-usable data and schemas
● Schema-less, fully indexed storage systems
● Uniform interfaces (HTTP + flattened graph model)
● Open extensibility / annotations
● Free-form analytics
● Aggregation / Integration
● Inference


Typical App Scenarios for Linked Data

● Analytics & Visualisations
● Context-aware widgets and UI elements
● UGC / Annotations
● Filtered Aggregations
● Flexible Navigators
● Mashups
● KM


Before you start

● What is your objective?
● Dataset, Tool or Application?
● Charity or Business?
● Pick one app scenario at a time.
● Set a time-frame.


By Example...


1) Problem Identification

● 3 days left until SemTech Biz Berlin (ugh!)
●
1st SemTech in DE
● (Hopefully) many new faces interested in applying
the technology
● Getting started with specs and tools to build an app
can be tricky.
● Generally, finding your way around in the semantic
technology space is not necessarily obvious.


2) App Idea & Possibilities
● Show, don't tell...
● A behind-the-scenes demo could be helpful
● The SemTech conference organizers make their data
available (Thanks, Eric!)
● Build a basic graph navigator. Demonstrate lessons
learned and challenges
● Domain browser as a handy by-product.
● 3 days? Should be easy, no?!


3) Simple User Stories help to stay focused

● Get access to all (well, many) semantic tech
resources in one place (experts, topics,
companies, talks, ...)
● Allow exploration by simply “Following links”.
● Find outgoing as well as incoming relations .
● Provide statistics using the aggregated
information.


4) Create a UI Sketch and Interaction Idea


5) Design the basic UI Elements


5b) Think Widgets


6) Create your UI in code (CSS FTW!)


7) Create a Schema Sketch:


7b) Schema in simple code:


8) URL/Path Considerations

/ Welcome
/ TYPE List of items of type TYPE
/ TYPE / ID Description of item ID
/ TYPE / ID / LINK Related items of type LINK

/conferences/semtech2010/speakers


8b) Let clean URL structures enable Automation

/conferences/semtech2010/speakers;country=UK

SELECT ?speaker WHERE {
?conference rdf:type app:Conference .
?conference app:id “semtech2010” .
?conference app:speaker ?speaker .
?speaker app:country “UK” .
}


9) Code!

(... 2 days left)


10) External Data needed!

● Identification of needed data sources
● semtech data
● country identifiers
● Conversion to internal, app-specific model
● Alternative: re-use source ontology
● Clean-up and harmonisation („Reconciliation“)
● Import or use a stand-alone service

(... 1 day left)


11) Get the basic widgets in place.

(... 1 day night left)


Next Steps

● Use the app and revisit the user stories
● Now you can start having fun with
automation/abstraction
● Add more powerful widgets
● Export the augmented/curated data to support
the ecosystem. (Did I mention Kasabi?)
● Create and publish link sets


semtech360.com
(work in progress)


Trimming the Learning Curve

● Keep your existing tools (where possible)
● Specs matter. Time-to-launch matters more
● Late URI binding
● Create per-app schemas
● Don't generalise and automate right away
● (Re-)Publishing is the easy part
● Grab a SPARQL tutorial & play 2h with LOD stores.


From Idea to Web - Creating Linked Data Apps

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

Similar to From Idea to Web - Creating Linked Data Apps

Similar to From Idea to Web - Creating Linked Data Apps (20)

Recently uploaded

Recently uploaded (20)

From Idea to Web - Creating Linked Data Apps