semantic wiki page maker
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. BTRANSCRIPT
![Page 1: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/1.jpg)
SMWCon Fall 2011 Berlin
Semantic Page Maker
A “Designer” Wiki Application Builder
![Page 2: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/2.jpg)
SMWCon Fall 2011 Berlin
Motivation
Helpdesk Wiki Overview
Widget Designer Demo
Summary, Plan, Q&A
Agenda
![Page 3: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/3.jpg)
SMWCon Fall 2011 Berlin
MotivationSemantic MediaWiki+ As A Social
Semantic Web Application Development Platform
![Page 4: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/6.jpg)
SMWCon Fall 2011 Berlin
The Bar to be Expert
![Page 7: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/11.jpg)
SMWCon Fall 2011 Berlin
So We Build the Metadata Modeling
ToolWidget Editor Widget Designer Page
Maker
![Page 12: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/13.jpg)
SMWCon Fall 2011 Berlin
Widget Designer Demo
How to create and customize the pages
![Page 14: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/15.jpg)
SMWCon Fall 2011 Berlin
SummaryAchievementsFurther Plan
Call for Support
![Page 16: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/20.jpg)
SMWCon Fall 2011 Berlin
Call for SupportNeed Customers / Users
Requirements
Testing
Need DevelopersHelp us refine
Reuse our code
![Page 21: Semantic Wiki Page Maker](https://reader034.vdocuments.us/reader034/viewer/2022051400/54bc9ce74a7959906e8b4594/html5/thumbnails/21.jpg)
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