Sparks O3 BrowserAugmenting the Web with Semantic OverlaysGrégoire Burel1, Amparo E. Cano1 and VitaveskaLanfranchi11OAK 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

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

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.

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

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.

SparksFunctionalities: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

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). ✓

SparksFunctionalities: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

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).

SparksFunctionalities: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

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). ✓

Sparks 03 BrowserA 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

Highlights:

Bookmarklet + Semantic Overlay.

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

Visualization of the related concepts.

“Developer view” (triples view, SPARQL queries).

Sparks 03 BrowserA 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

Highlights:

Bookmarklet + Semantic Overlay.

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

Visualization of the related concepts.

“Developer view” (triples view, SPARQL queries).

Sparks 03 BrowserGrégoireBurel, Amparo E. Cano and VitaveskaLanfranchi

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