Sparks O3 Browser: Augmenting the Web with Semantic Overlays

1,928 views
1,844 views

Published on

This presentation presents Ozone Browser (OB), a JavaScript tool that uses the semantics embedded in Web documents for improving the user interaction experience.

Ozone won the second prize at sfsw2009.

This work as been done by:
Grégoire Burel,
Amparo E. Cano,
Vitaveska Lanfranchi.

Published in: Technology, Education
2 Comments
3 Likes
Statistics
Notes
  • Excelent presentation, but I'd like to use it, if you can help me, it doesn't matter if it's a beta, because I need to test it. I'm working on semantic metadata, rdfa and microformats, and i found it very interesting and useful.

    Thank you.

    Martin
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Great work. I am working on different alternatives to retrieve and use semantic metadata.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
1,928
On SlideShare
0
From Embeds
0
Number of Embeds
547
Actions
Shares
0
Downloads
19
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Sparks O3 Browser: Augmenting the Web with Semantic Overlays

  1. 1. Sparks O3 BrowserAugmenting the Web with Semantic Overlays<br />Grégoire Burel1, Amparo E. Cano1 and VitaveskaLanfranchi1<br />1OAK Group, Department of Computer Science,<br />University of Sheffield<br />{G.Burel, A.Cano,V.Lanfranchi}@dcs.shef.ac.uk<br /> ESWC09, 5th Workshop on Scripting and Development for the Semantic Web – 31st May 2009<br />
  2. 2. RDFa: Semantic Web for Human Beings ?<br /><ul><li>Pro:
  3. 3. Everything is in one place.
  4. 4. Human/Machine information correspondence.
  5. 5. Consumption of semantic data by third party applications.
  6. 6. Cons:
  7. 7. Semantics are still“hidden” from the reader.</li></ul>GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />
  8. 8. Semantic Overlays: Semantic Web for Human Beings !<br /><ul><li>Semantic Overlays:
  9. 9. Visual and interactive layers rendering semantics displayed on the top of Web documents containing semantics.
  10. 10. Bookmarklet:
  11. 11. Script provided as a browser bookmark that can be applied on the fly on any web content for modifying its content and behavior.</li></ul>GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />
  12. 12. Sparks<br /><ul><li>Functionalities:
  13. 13. Semantic Data management:
  14. 14. Client/Server Triple Synchronization and Manipulation.
  15. 15. RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery).
  16. 16. Support for JSON/JSONP SPARQL Endpoints.
  17. 17. Semantic Data Presentation and Interaction:
  18. 18. Unobtrusive JavaScript. ✓
  19. 19. Interaction Patterns.
  20. 20. Graphical Libraries (SVG/VML via Raphael, YUI). ✓</li></ul>GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />
  21. 21. Sparks<br /><ul><li>Functionalities:
  22. 22. Semantic Data management:
  23. 23. Client/Server Triple Synchronization and Manipulation.
  24. 24. RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery).
  25. 25. Support for JSON/JSONP SPARQL Endpoints.
  26. 26. Semantic Data Presentation and Interaction:
  27. 27. Unobtrusive JavaScript.
  28. 28. Interaction Patterns.
  29. 29. Graphical Libraries (SVG/VML via Raphael, YUI). </li></ul>GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />
  30. 30. Sparks<br /><ul><li>Functionalities:
  31. 31. Semantic Data management:
  32. 32. Client/Server Triple Synchronization and Manipulation.
  33. 33. RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery). ✓
  34. 34. Support for JSON/JSONP SPARQL Endpoints. ✓
  35. 35. Semantic Data Presentation and Interaction:
  36. 36. Unobtrusive JavaScript. ✓
  37. 37. Interaction Patterns.
  38. 38. Graphical Libraries (SVG/VML via Raphael, YUI). ✓</li></ul>GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />
  39. 39. Sparks 03 Browser<br />A JavaScript Framework designed for managingA JavaScript Semantics.<br /><ul><li>Highlights:
  40. 40. Bookmarklet + Semantic Overlay.
  41. 41. Dynamic Visualization Plug-ins (Twitter, GeoEvents…).
  42. 42. Visualization of the related concepts.
  43. 43. “Developer view” (triples view, SPARQL queries).</li></ul>Bringing the contextual knowledge into a document and improving its perception/understanding.<br />GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />
  44. 44. Sparks 03 Browser<br />A JavaScript Framework designed for managingA JavaScript Semantics.<br /><ul><li>Highlights:
  45. 45. Bookmarklet + Semantic Overlay.
  46. 46. Dynamic Visualization Plug-ins (Twitter, GeoEvents…).
  47. 47. Visualization of the related concepts.
  48. 48. “Developer view” (triples view, SPARQL queries).</li></ul>Bringing the contextual knowledge into a document and improving its perception/understanding.<br />GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />
  49. 49. Sparks 03 Browser<br />GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />
  50. 50. Demo / Questions<br />Sparks O3 BrowserAugmenting the Web with Semantic Overlays<br />Grégoire Burel1, Amparo E. Cano1 and Vitaveska Lanfranchi1<br />1OAK Group, Department of Computer Science, <br />University of Sheffield<br /> {G.Burel, A.Cano,V.Lanfranchi}@dcs.shef.ac.uk<br />Web Page / Code to be released soon:<br />http://oak.dcs.shef.ac.uk/sparks/<br />GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi<br />

×