From Idea to Web - Creating Linked Data Apps

1,975 views
1,891 views

Published on

Slidedeck from SemTechBiz Berlin, Feb

Published in: Education, Technology
1 Comment
3 Likes
Statistics
Notes
  • Good presentation! This is similar to what we have tried to hack live at the last ISWC conference, into the so-called Confomaton application, http://semantics.eurecom.fr/confomaton who won the best concept of the Linked Data-a-thon
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
1,975
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

From Idea to Web - Creating Linked Data Apps

  1. 1. From Idea to Web Creating Linked Data Apps Benjamin Nowack #php #javascript #semweb #kasabi bn@kasabi.com @bengeeSemTechBiz Berlin 06.02.2012
  2. 2. Linked Data Essentials Data objects with ● properties ● links to other objectsSemTechBiz Berlin 06.02.2012
  3. 3. Linked Data Essentials HTTP identifiers for ● objects ● property names ● link namesSemTechBiz Berlin 06.02.2012
  4. 4. Linked Data and the Semantic WebSemTechBiz Berlin 06.02.2012
  5. 5. The Linked Data EcosystemSemTechBiz Berlin 06.02.2012
  6. 6. 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 ● InferenceSemTechBiz Berlin 06.02.2012
  7. 7. Typical App Scenarios for Linked Data ● Analytics & Visualisations ● Context-aware widgets and UI elements ● UGC / Annotations ● Filtered Aggregations ● Flexible Navigators ● Mashups ● KMSemTechBiz Berlin 06.02.2012
  8. 8. 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.SemTechBiz Berlin 06.02.2012
  9. 9. By Example...SemTechBiz Berlin 06.02.2012
  10. 10. 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.SemTechBiz Berlin 06.02.2012
  11. 11. 2) App Idea & Possibilities ● Show, dont 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?!SemTechBiz Berlin 06.02.2012
  12. 12. 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.SemTechBiz Berlin 06.02.2012
  13. 13. 4) Create a UI Sketch and Interaction IdeaSemTechBiz Berlin 06.02.2012
  14. 14. 5) Design the basic UI ElementsSemTechBiz Berlin 06.02.2012
  15. 15. 5b) Think WidgetsSemTechBiz Berlin 06.02.2012
  16. 16. 6) Create your UI in code (CSS FTW!)SemTechBiz Berlin 06.02.2012
  17. 17. 7) Create a Schema Sketch:SemTechBiz Berlin 06.02.2012
  18. 18. 7b) Schema in simple code:SemTechBiz Berlin 06.02.2012
  19. 19. 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/speakersSemTechBiz Berlin 06.02.2012
  20. 20. 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” . }SemTechBiz Berlin 06.02.2012
  21. 21. 9) Code! (... 2 days left)SemTechBiz Berlin 06.02.2012
  22. 22. 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)SemTechBiz Berlin 06.02.2012
  23. 23. 11) Get the basic widgets in place. (... 1 day night left)SemTechBiz Berlin 06.02.2012
  24. 24. 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 setsSemTechBiz Berlin 06.02.2012
  25. 25. semtech360.com (work in progress)SemTechBiz Berlin 06.02.2012
  26. 26. Trimming the Learning Curve ● Keep your existing tools (where possible) ● Specs matter. Time-to-launch matters more ● Late URI binding ● Create per-app schemas ● Dont generalise and automate right away ● (Re-)Publishing is the easy part ● Grab a SPARQL tutorial & play 2h with LOD stores.SemTechBiz Berlin 06.02.2012

×