Sparks O3 Browser: Augmenting the Web with Semantic Overlays

970 views
894 views

Published on

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
2. RDFa: Semantic Web for Human Beings ?

* Pro:
* Everything is in one place.
* Human/Machine information correspondence.
* Consumption of semantic data by third party applications.
* Cons:
* Semantics are still“hidden” from the reader.

GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi
3. Semantic Overlays: Semantic Web for Human Beings !

* Semantic Overlays:
* Visual and interactive layers rendering semantics displayed on the top of Web documents containing semantics.
* Bookmarklet:
* 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
# Sparks

* Functionalities:
* Semantic Data management:
* Client/Server Triple Synchronization and Manipulation.
* RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery).
* Support for JSON/JSONP SPARQL Endpoints.
* Semantic Data Presentation and Interaction:
* Unobtrusive JavaScript. ✓
* Interaction Patterns.
* Graphical Libraries (SVG/VML via Raphael, YUI). ✓

GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi
4. Sparks

* Functionalities:
* Semantic Data management:
* Client/Server Triple Synchronization and Manipulation.
* RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery).
* Support for JSON/JSONP SPARQL Endpoints.
* Semantic Data Presentation and Interaction:
* Unobtrusive JavaScript.
* Interaction Patterns.
* Graphical Libraries (SVG/VML via Raphael, YUI).

GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi
5. Sparks

* Functionalities:
* Semantic Data management:
* Client/Server Triple Synchronization and Manipulation.
* RDFa Parser /SPARQL Processor / “Client-Side” Triple Store (rdfquery). ✓
* Support for JSON/JSONP SPARQL Endpoints. ✓
* Semantic Data Presentation and Interaction:
* Unobtrusive JavaScript. ✓
* Interaction Patterns.
* Graphical Libraries (SVG/VML via Raphael, YUI). ✓

GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi
6. Sparks 03 Browser
A JavaScript Framework designed for managingA JavaScript Semantics.

* Highlights:
* Bookmarklet + Semantic Overlay.
* Dynamic Visualization Plug-ins (Twitter, GeoEvents…).
* Visualization of the related concepts.
* “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
# Sparks 03 Browser
A JavaScript Framework designed for managingA JavaScript Semantics.

* Highlights:
* Bookmarklet + Semantic Overlay.
* Dynamic Visualization Plug-ins (Twitter, GeoEvents…).
* Visualization of the related concepts.
* “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
# Sparks 03 Browser
GrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi
# 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

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
970
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Welcome everybody.My name isGregoireBurel, Me and my colleague, Elizabeth Cano are going to present the Ozone Browser, a JavaScript tool based on the semantic overlay concept and the Sparks framework which are developed within the OAK group at the university of Sheffield
  • RDFa is bringing semantics inside XHTML documents. As a consequence, the management of usual RDF information is easier since they are integrated as XHTML attributes ( about = resource, typeof property , rel/rev = resource relation….).Thus,facilitates the consumption of semantic data by third party applications such as screen scrappers, or search engines (yahoo search monkey).However, semantics even if they are present in the XHTML code are not displayed to the reader: they are hidden.
  • So, how can we display the semantics to the user in an unobtrusive way without requiring complex operations ?Our approach relies on two different concept the first one, called semantic overlays and the second one calledbookmarkletThe proposed approach is to use Semantic overlays that are interactive layers that can provide contextual information and services based on the document metadata to the reader.Bookmarklet are not new but have many advantages:They are platform independent. They can be applied on the fly on any document. They are “living” in the web. (not an external application/plug-in is required).Ben adidaRDFaHiglighterbookmarklet
  • Sparks is our implementation of the semantic overlay concept. For doing that we have libraries for supporting the management of semantic data and their visualization/interaction.For managing the data we have different functionalities…For representing and interacting…Unobtrusive JavaScript => (Progressive enhancement)Interaction Patterns => (Semantic Forms/API).
  • Sparks is our implementation of the semantic overlay concept. For doing that we have libraries for supporting the management of semantic data and their visualization/interaction.For managing the data we have different functionalities…For representing and interacting…Unobtrusive JavaScript => (Progressive enhancement)Interaction Patterns => (Semantic Forms/API).
  • Unobtrusive JavaScript => (Progressive enhancement)Interaction Patterns => (Semantic Forms/API).
  • Inference example: find the interest of a person given its project, finding related people, people born the same day, other researcher…
  • Inference example: find the interest of a person given its project, finding related people, people born the same day, other researcher…
  • 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 />

    ×