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.

1. Sparks O3 BrowserAugmenting the Web with Semantic Overlays Grégoire Burel1, Amparo E. Cano1 and VitaveskaLanfranchi1 1OAK Group, Department of Computer Science, University of Sheffield {G.Burel, A.Cano,V.Lanfranchi}@dcs.shef.ac.uk ESWC09, 5th Workshop on Scripting and Development for the Semantic Web – 31st May 2009

3. Everything is in one place.

4. Human/Machine information correspondence.

5. Consumption of semantic data by third party applications.

6. Cons:

7. Semantics are still“hidden” from the reader.GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

9. Visual and interactive layers rendering semantics displayed on the top of Web documents containing semantics.

10. Bookmarklet:

11. Script provided as a browser bookmark that can be applied on the fly on any web content for modifying its content and behavior.GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

13. Semantic Data management:

14. Client/Server Triple Synchronization and Manipulation.

15. RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery).

16. Support for JSON/JSONP SPARQL Endpoints.

17. Semantic Data Presentation and Interaction:

18. Unobtrusive JavaScript. ✓

19. Interaction Patterns.

20. Graphical Libraries (SVG/VML via Raphael, YUI). ✓GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

22. Semantic Data management:

23. Client/Server Triple Synchronization and Manipulation.

24. RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery).

25. Support for JSON/JSONP SPARQL Endpoints.

26. Semantic Data Presentation and Interaction:

27. Unobtrusive JavaScript.

28. Interaction Patterns.

29. Graphical Libraries (SVG/VML via Raphael, YUI). GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

31. Semantic Data management:

32. Client/Server Triple Synchronization and Manipulation.

33. RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery). ✓

34. Support for JSON/JSONP SPARQL Endpoints. ✓

35. Semantic Data Presentation and Interaction:

36. Unobtrusive JavaScript. ✓

37. Interaction Patterns.

38. Graphical Libraries (SVG/VML via Raphael, YUI). ✓GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

40. Bookmarklet + Semantic Overlay.

41. Dynamic Visualization Plug-ins (Twitter, GeoEvents…).

42. Visualization of the related concepts.

43. “Developer view” (triples view, SPARQL queries).Bringing the contextual knowledge into a document and improving its perception/understanding. GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

45. Bookmarklet + Semantic Overlay.

46. Dynamic Visualization Plug-ins (Twitter, GeoEvents…).

47. Visualization of the related concepts.

48. “Developer view” (triples view, SPARQL queries).Bringing the contextual knowledge into a document and improving its perception/understanding. GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

49. Sparks 03 Browser GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

50. Demo / Questions Sparks O3 BrowserAugmenting the Web with Semantic Overlays Grégoire Burel1, Amparo E. Cano1 and Vitaveska Lanfranchi1 1OAK Group, Department of Computer Science, University of Sheffield {G.Burel, A.Cano,V.Lanfranchi}@dcs.shef.ac.uk Web Page / Code to be released soon: http://oak.dcs.shef.ac.uk/sparks/ GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi