Successfully reported this slideshow.

Sparks O3 Browser: Augmenting the Web with Semantic Overlays

2

Share

Loading in …3
×
1 of 10
1 of 10

Sparks O3 Browser: Augmenting the Web with Semantic Overlays

2

Share

Download to read offline

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.

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.

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

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 />

×