Sparks O3 Browser: Augmenting the Web with Semantic Overlays

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

more share options
Embed For WordPress.com

Without related presentations

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

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…

Favorites, Groups & Events

Sparks O3 Browser: Augmenting the Web with Semantic Overlays - Presentation Transcript

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

+ Elizabeth Cano, 4 months ago

Embed custom

291 views, 0 favs, 0 embeds more stats

1. Sparks O3 BrowserAugmenting the Web with Semanti more

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 less