semantic wiki page maker

21
Semantic Page Maker A “Designer” Wiki Application Builder SMWCon Fall 2011 Berlin

Upload: jesse-wang

Post on 19-Jan-2015

2.173 views

Category:

Technology


1 download

DESCRIPTION

A SMWCon Fall 2011 presentation on a prototype of Semantic Page Maker - Widget Designer to create, edit, customize wiki pages (application components) via semantic meta data modeling.The vision is to dramatically lower the bar to enable more users to use SMW++ to make their own social semantic web applications. B

TRANSCRIPT

Page 1: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Semantic Page Maker

A “Designer” Wiki Application Builder

Page 2: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Motivation

Helpdesk Wiki Overview

Widget Designer Demo

Summary, Plan, Q&A

Agenda

Page 3: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

MotivationSemantic MediaWiki+ As A Social

Semantic Web Application Development Platform

Page 4: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Collaboration

Collecting structured data

Sharing information

Management of heterogeneous data

Simple workflow management

User-generated arbitrary queries

Data analysis and information discovery

Usage of SMW

Page 5: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Schema Design

Extension Choice

Form Design

Template Authoring

Skin Customization

Query Generation

Common Work Items

Expert in need

Page 6: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

The Bar to be Expert

Page 7: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Most users just like to share or collect contents

CMS: Drupal, WordPress, MW/SMW, …

SNS: MySpace, Ning, WetPaint, LinkedIn, …

Frameworks or applications allow users to focus on content or data

Modeling = YesCoding = No

Page 8: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Code is essential building blocksNot everyone is good at writing code

Frameworks enables “meta-data” useUser: developers or admins

Meta-data drive content

Handle Content via meta-data Parameter configuration

Data (Content)

Metadata (Configuration)

Functions (Code)

Users

Page 9: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Metadata to glue hard code and soft content

It brings power and flexibility in this paradigm:

More metadata Higher customizability

More linkage Higher flexibility

In Semantic MediaWikiMetadata = Special Wiki Data

Template, category, property, etc.

Metadata as Glue

Page 10: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Existing examples: “Allowed values” Auto-completion in SF

“has default form” Map form to data (category)

We want to enhance the experience“has range” auto-completion in Semantic Forms

“has domain” auto-construct form for the domain

“has label/description” metadata to use in forms

“has style” the visual part of customization

Metadata Programming= Modeling

Page 11: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

So We Build the Metadata Modeling

ToolWidget Editor Widget Designer Page

Maker

Page 12: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Helpdesk Wiki App Overview

A simple workflow wiki application built on top of Widget Designer

Page 13: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Widget Designer Demo

How to create and customize the pages

Page 14: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Recap of DemoDesigning via metadata modeling

Metadata configured by UI

UI uses data (content)

Metadata, data and UI are linked Action Connector

Above all, a wiki application in only a day

Page 15: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

SummaryAchievementsFurther Plan

Call for Support

Page 16: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

SMW and OOPCategory

Property

Page in a category

Data in a page

Class

Attributes

Instance of a class

Attribute values of an instance

Simple Object Oriented Programming with SMW

Page 17: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Easy to BuildModeling vs. Programming

Metadata vs. Code

Easy-to-use user interface (mostly)Fields: Label, Text, Choices

Layout: drag & drop

Reuse:Inheritance

Aggregation

Open and Collaborative

Page 18: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Fast Prototyping

~ 1 month

Java/Ruby/.Net…

~ 1 week

SMW(SMW+ ~3 days)

< 1 day

Widget Designer

Page 19: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Next StepsRefine User Interface

Layout Designer

Color picker

Text, font, paragraphs, table

Data I/OSupport Wiki Object Model

Make UI for some advanced functions

Page 20: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Call for SupportNeed Customers / Users

Requirements

Testing

Need DevelopersHelp us refine

Reuse our code

Page 21: Semantic Wiki Page Maker

SMWCon Fall 2011 Berlin

Thank You!Acknowledgement

Paul Allen

Mark Greaves

Project Halo

Daniel Hansch

Denny & Markus @ K.I.T.

Ontoprise GmbH

William Smith

Ning Hu

TeamMersion LLC

More Info

Demo prototype at:http://wiking.vulcan.com/helpdesk/

Slide uploaded at http://www.slideshare.net/jiaxinwang/

Contact me at jessew @ vulcan.com or @aiwang