Co-funded by the European Union Semantic CMS Community Knowledge Interaction and Presentation Copyright IKS Consortium 1 DFKI GmbH. September, 2011.

Co-funded by the European Union

Semantic CMS Community

Knowledge Interaction and Presentation

Copyright IKS Consortium1

DFKI GmbH.

September, 2011

www.iks-project.eu

Page:

Overview Introduction

Semantic Web: Interaction with Content Standards (RDF, RDFa, JSON-LD, …)

Semantic Interaction Patterns

What are patterns? List of patterns

IKS Interaction with Knowledge

The Stack: Interaction & Presentation VIE Interaction Patterns & Widgets

www.iks-project.eu

Page:

Overview Introduction

Semantic Web: Interaction with Content Standards (RDF, RDFa, JSON-LD, …)

Semantic Interaction Patterns

What are patterns? List of patterns

IKS Interaction with Knowledge

The Stack: Interaction & Presentation VIE Interaction Patterns & Widgets

www.iks-project.eu

Page:

Semantic Web: in general. Motivation

Definition Web of Data vs WWW

www.iks-project.eu

Page:

Semantic Web: the potential. Web of Data as a CMS Web Communities as CMS

Editors

www.iks-project.eu

Page:

Data Silos: Linked Open Data

www.iks-project.eu

Page:

Integrate Data with the Web

WWW DATA Silos

Web of Data

www.iks-project.eu

Page:

The Entire Process

Exporting data (more datasets) Merging your data Conbine with different datasets Publishing Semantics

www.iks-project.eu

Page:

Standard Resourses for SW Catalogue…

Presentation Html5 Css …

Interaction Jscript libraries

Jquery Backbone js Popcorn js…

Annotation RDF/OWL RDFa Microdata Microformat XML JSON

www.iks-project.eu

Page:

Standard Resourses: Presentation

…

www.iks-project.eu

Page:

Standard Resourses: Interaction

…

www.iks-project.eu

Page:

Standard Resourses: Annotation

…

www.iks-project.eu

Page:

Standard Resources: Merging All

www.iks-project.eu

Page:

SKOS

Technologies PerspectiveOWL2

APML

iCal

EMMA

CCXML

VoiceXML

SSML

MPEG7

SMILXAML

XUL

AJAX

SOAP

WSDL

MicrodataMicroformats

RDFaHTML5

CSS3

RDFa API

FOAF

JavaScript

JQuery

SCXMLRESTful

www.iks-project.eu

Page:

Publish RDF: RDF + HTML

Plugins for HTML + RDFa HTML + Microformats HTML + Microdata …

www.iks-project.eu

Page:

Overview Introduction

Semantic Web: Interaction with Content Standards (RDF, RDFa, JSON-LD, …)

Semantic Interaction Patterns

What are patterns? List of patterns

IKS Interaction with Knowledge

The Stack: Interaction & Presentation VIE Interaction Patterns & Widgets

www.iks-project.eu

Page:

AQCI Lifecycle

www.iks-project.eu

Page:

AQCI Lifecycle Author: “A user of the system can author (create) semantically

enhanced content.” Query: “A user can query for semantically enhanced content.” Consume: “A user can consume semantically enhanced content.” Interact: “A user can interact with the content at the level of his

domain knowledge.”

www.iks-project.eu

Page:

Interaction Patterns: Definition

www.iks-project.eu

Page:

Interaction Patterns

www.iks-project.eu

Page:

Interaction Patterns Interaction Pattern:

describes recurring actions a user performs when interacting with a

computer to achieve a certain goal of a task.

Actions are Implicit: arise from the discourse context (e.g.,

the previous actions of the user) Explicit: triggered by the user (e.g., pushing a

button).

An interaction pattern consists of four parts: the problem the pattern (i.e., the solution of the problem) use cases for the pattern how the pattern applies for the use cases

www.iks-project.eu

Page:

Interaction Patterns Interaction Pattern:

describes recurring actions a user performs when interacting with a

computer to achieve a certain goal of a task.

Actions are Implicit: arise from the discourse context (e.g.,

the previous actions of the user) Explicit: triggered by the user (e.g., pushing a

button).

An interaction pattern consists of four parts: the problem the pattern (i.e., the solution of the problem) use cases for the pattern how the pattern applies for the use cases

www.iks-project.eu

Page:

Interaction Patterns Interaction Pattern:

describes recurring actions a user performs when interacting with a

computer to achieve a certain goal of a task.

Actions are Implicit: arise from the discourse context (e.g.,

the previous actions of the user) Explicit: triggered by the user (e.g., pushing a

button).

An interaction pattern consists of four parts: the problem the pattern (i.e., the solution of the problem) use cases for the pattern how the pattern applies for the use cases

www.iks-project.eu

Page:

Interaction Patterns Interaction Pattern:

describes recurring actions a user performs when interacting with a

computer to achieve a certain goal of a task.

Actions are Implicit: arise from the discourse context (e.g.,

the previous actions of the user) Explicit: triggered by the user (e.g., pushing a

button).

An interaction pattern consists of four parts: the problem the pattern (i.e., the solution of the problem) use cases for the pattern how the pattern applies for the use cases

www.iks-project.eu

Page:

Interaction Patterns Interaction Pattern:

describes recurring actions a user performs when interacting with a

computer to achieve a certain goal of a task.

Actions are Implicit: arise from the discourse context (e.g.,

the previous actions of the user) Explicit: triggered by the user (e.g., pushing a

button).

An interaction pattern consists of four parts: the problem the pattern (i.e., the solution of the problem) use cases for the pattern how the pattern applies for the use cases

www.iks-project.eu

Page:

Interaction Patterns Interaction Pattern:

describes recurring actions a user performs when interacting with a

computer to achieve a certain goal of a task.

Actions are Implicit: arise from the discourse context (e.g.,

the previous actions of the user) Explicit: triggered by the user (e.g., pushing a

button).

An interaction pattern consists of four parts: the problem the pattern (i.e., the solution of the problem) use cases for the pattern how the pattern applies for the use cases

www.iks-project.eu

Page:

Interaction Patterns: Example

www.iks-project.eu

Page:

Interaction Patterns: IKS List

www.iks-project.eu

Page:

Overview Introduction

Semantic Web: Interaction with Content Standards (RDF, RDFa, JSON-LD, …)

Semantic Interaction Patterns

What are patterns? List of patterns

IKS Interaction with Knowledge

The Stack: Interaction & Presentation VIE Interaction Patterns & Widgets

www.iks-project.eu

Page:

The Stack: Interaction & Presentation

www.iks-project.eu

Page:

VIE

www.iks-project.eu

Page:

It‘s about abstraction

VIE - UI Widgets „VIE-W“

VIE - UI Widgets „VIE-W“

VIE„Edit your content w.

Semantics“

VIE„Edit your content w.

Semantics“

VIE-2„Edit your Semantics“

VIE-2„Edit your Semantics“

(Semantic) Services(e.g., Stanbol Enhancer, - EntityHub,

Zemanta, ...)

(Semantic) Services(e.g., Stanbol Enhancer, - EntityHub,

Zemanta, ...)

(Semantic) Databases(e.g., DBPedia, Geonames, ...)

(Semantic) Databases(e.g., DBPedia, Geonames, ...)

www.iks-project.eu

Page:

Interaction Patterns & Widgets

www.iks-project.eu

Page:

UI Widget Example

var myWidget = new VIE2.Widget.Factory(

‘auto-tag‘, // id { ... }, // options { ... }, // css { ... }, // events { ... } // methods

});

myWidget.registerOn(‘.content > p‘);

www.iks-project.eu

Page:

Copyright IKS Consortium

35

W3C: Interaction and Semantics

Interaction HTML5 JavaScript

JQuery

Semantic Web OWL RDF RDFa JSON

July 5, 2011

www.iks-project.eu

Page:

Copyright IKS Consortium

36

W3C: Interaction and Semantics

Interaction HTML5 JavaScript

JQuery

Semantic Web OWL RDF RDFa JSON

VIE

July 5, 2011

www.iks-project.eu

Page:

Copyright IKS Consortium

37

IKS: Coordinates Stanbol VIE VIE2

Interaction Patterns WIDGETS

W3C

|

Technology and Society Domain

|

Semantic Web Activity

|

RDF Web Applications Working Group (RDFWA)

July 5, 2011

www.iks-project.eu

Page:

Interaction Patterns & VIE Widgets

www.iks-project.eu

Page:

VIE UI Widgets Examples

www.iks-project.eu

Page:

References http://www.w3.org/TR/rdf-sparql-query http://jena.sourceforge.net/tutorial/RDF_API/index.html http://www.slideshare.net/shamod/a-hands-on-overview-of-the-semantic-web?src=related_normal&rel=

1702851 http://www.cambridgesemantics.com/2008/09/sparql-by-example http://linkeddata-specs.info/ http://www.w3.org/wiki/SweoIG/TaskForces/CommunityProjects/LinkingOpenData

http://www.w3.org/TR/rdfa-syntax http://www.w3.org/TR/xhtml-rdfa-primer/ http://www.w3.org/TR/rdfa-api/ http://json-ld.org/ http://documentcloud.github.com/backbone/