![5
Ontology Templating
e.g.:
<http://www.georss.org/georss/point> "48.573 13.456“
<http://dbpedia.org/property/janHighC> “22.8012“
...
<http://dbpedia.org/property/decHighC> “22.8012“
Google Maps Template:
fn: function(plugin, nodes, config) {
$.each(nodes, function(i, node) {
if(node.predicates[0].value === 'http://www.georss.org/georss/point') {
node.lat = node.value.split(" ")[0];
node.long = node.value.split(" ")[1];
}
});},
template: '<iframe src="https://maps.google.com/?ll={{node.lat}},{{node.long}}”/>'](https://image.slidesharecdn.com/balloonsynopsiskeynote-141020043306-conversion-gate02/85/balloon-Synopsis-at-ISWC-2014-Developer-Worksop-5-320.jpg)
balloon Synopsis at ISWC 2014 Developer Worksop
- 1. ISWC 2014 Developer Workshop, Trentino, Italy, October 19 balloon Synopsis A jQuery plugin to easily integrate the Semantic Web in a website Kai Schlegel (kai.schlegel@googlemail.com) Thomas Weißgerber, Florian Stegmaier, Michael Granitzer, Harald Kosch
- 2. 2 Public services and tools to consume Linked Data with less effort Overflight Fusion Commonalities Synopsis Index Query Analyze View
- 3. 3 Motivation • RDF data is online - most RDF visualizations are not • Allow web developer to simply access interlinked data • Modern node-centric layout • Node-link graph layouts are too complex • Guess which OS was in mind • Start with one ressource and browse Linked Data
- 4. 4 Semantic Colors ▪ Uniform colors for similar information ▪ rdf:type Relations result in color ▪ Colors are blended in CIE-Lab space Automatic Information Enrichment ▪ Information and context for a resource ▪ In/Out Edges ▪ Search & Filter Ontology Templating ▪ Linked Open Data SPARQL endpoints ▪ Automatic Query Federation (balloon Fusion) ▪ Cross-Domain using CORS & YQL Node Centric ▪ Plain JavaScript ▪ HandlebarsJS for templates
- 5. 5 Ontology Templating e.g.: <http://www.georss.org/georss/point> "48.573 13.456“ <http://dbpedia.org/property/janHighC> “22.8012“ ... <http://dbpedia.org/property/decHighC> “22.8012“ Google Maps Template: fn: function(plugin, nodes, config) { $.each(nodes, function(i, node) { if(node.predicates[0].value === 'http://www.georss.org/georss/point') { node.lat = node.value.split(" ")[0]; node.long = node.value.split(" ")[1]; } });}, template: '<iframe src="https://maps.google.com/?ll={{node.lat}},{{node.long}}”/>'
- 6. 6 DEMO
- 8. Contribute or Use • Open Source • Demo, information and sources available (MIT License) • Future Work • Performance and speed • Aggregation of information 8 http://schlegel.github.io/balloon balloon Synopsis