Successfully reported this slideshow.
Semantic Page Maker<br />A “Designer” Wiki Application Builder <br />SMWCon Fall 2011 Berlin<br />
Agenda<br />SMWCon Fall 2011 Berlin<br />
Motivation<br />Semantic MediaWiki+ As A Social Semantic Web Application Development Platform<br />SMWCon Fall 2011 Berlin...
Collaboration<br />Collecting structured data<br />Sharing information<br />Management of heterogeneous data<br />Simple w...
Schema Design<br />Extension Choice<br />Form Design<br />Template Authoring<br />Skin Customization<br />Query Generation...
The Bar to be Expert<br />SMWCon Fall 2011 Berlin<br />
Most users just like to share or collect contents<br />CMS: Drupal, WordPress, MW/SMW, …<br />SNS: MySpace, Ning, WetPaint...
Code is essential building blocks<br />Not everyone is good at writing code<br />Frameworks enables “meta-data” use<br />U...
Metadata to glue hard code and soft content<br />It brings power and flexibility in this paradigm:<br />More metadata  Hi...
Existing examples: <br />“Allowed values”  Auto-completion in SF<br />“has default form”  Map form to data (category)<br...
So We Build the Metadata Modeling Tool<br />Widget Editor  Widget Designer  Page Maker<br />SMWCon Fall 2011 Berlin<br />
Helpdesk Wiki App Overview<br />A simple workflow wiki application built on top of Widget Designer<br />SMWCon Fall 2011 B...
Widget Designer Demo<br />How to create and customize the pages<br />SMWCon Fall 2011 Berlin<br />
Recap of Demo<br />Designing via metadata modeling<br />Metadata configured by UI<br />UI uses data (content)<br />Metadat...
Summary<br />Achievements<br />Further Plan<br />Call for Support<br />SMWCon Fall 2011 Berlin<br />
 SMW and OOP<br />Category  <br />Property  <br />Page in a category  <br />Data in a page  <br />Class<br />Attribute...
Easy to Build<br />Modeling vs. Programming<br />Metadata vs. Code<br />Easy-to-use user interface (mostly)<br />Fields: L...
Fast Prototyping<br />SMWCon Fall 2011 Berlin<br />
Next Steps<br />Refine User Interface<br />Layout Designer<br />Color picker<br />Text, font, paragraphs, table<br />Data ...
Call for Support<br />Need Customers / Users <br />Requirements<br />Testing<br />Need Developers<br />Help us refine<br /...
Thank You!<br />Acknowledgement<br />More Info<br />Demo prototype at:http://wiking.vulcan.com/helpdesk/<br />Slide upload...
Upcoming SlideShare
Loading in …5
×

Semantic Wiki Page Maker

2,827 views

Published on

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

Published in: Technology, Travel
  • Be the first to comment

Semantic Wiki Page Maker

  1. 1. Semantic Page Maker<br />A “Designer” Wiki Application Builder <br />SMWCon Fall 2011 Berlin<br />
  2. 2. Agenda<br />SMWCon Fall 2011 Berlin<br />
  3. 3. Motivation<br />Semantic MediaWiki+ As A Social Semantic Web Application Development Platform<br />SMWCon Fall 2011 Berlin<br />
  4. 4. Collaboration<br />Collecting structured data<br />Sharing information<br />Management of heterogeneous data<br />Simple workflow management<br />User-generated arbitrary queries<br />Data analysis and information discovery<br />Usage of SMW<br />SMWCon Fall 2011 Berlin<br />
  5. 5. Schema Design<br />Extension Choice<br />Form Design<br />Template Authoring<br />Skin Customization<br />Query Generation<br />Common Work Items<br />Expert in need<br />SMWCon Fall 2011 Berlin<br />
  6. 6. The Bar to be Expert<br />SMWCon Fall 2011 Berlin<br />
  7. 7. Most users just like to share or collect contents<br />CMS: Drupal, WordPress, MW/SMW, …<br />SNS: MySpace, Ning, WetPaint, LinkedIn, …<br />Frameworks or applications allow users to focus on content or data<br />Modeling = YesCoding = No<br />SMWCon Fall 2011 Berlin<br />
  8. 8. Code is essential building blocks<br />Not everyone is good at writing code<br />Frameworks enables “meta-data” use<br />User: developers or admins<br />Meta-data drive content<br />Handle Content via meta-data <br />Parameter configuration<br />SMWCon Fall 2011 Berlin<br />Users<br />
  9. 9. Metadata to glue hard code and soft content<br />It brings power and flexibility in this paradigm:<br />More metadata  Higher customizability<br />More linkage Higher flexibility<br />In Semantic MediaWiki<br />Metadata = Special Wiki Data<br />Template, category, property, etc.<br />Metadata as Glue<br />SMWCon Fall 2011 Berlin<br />
  10. 10. Existing examples: <br />“Allowed values”  Auto-completion in SF<br />“has default form”  Map form to data (category)<br />We want to enhance the experience<br />“has range”  auto-completion in Semantic Forms<br />“has domain”  auto-construct form for the domain<br />“has label/description”  metadata to use in forms<br />“has style”  the visual part of customization<br />Metadata Programming= Modeling<br />SMWCon Fall 2011 Berlin<br />
  11. 11. So We Build the Metadata Modeling Tool<br />Widget Editor  Widget Designer  Page Maker<br />SMWCon Fall 2011 Berlin<br />
  12. 12. Helpdesk Wiki App Overview<br />A simple workflow wiki application built on top of Widget Designer<br />SMWCon Fall 2011 Berlin<br />
  13. 13. Widget Designer Demo<br />How to create and customize the pages<br />SMWCon Fall 2011 Berlin<br />
  14. 14. Recap of Demo<br />Designing via metadata modeling<br />Metadata configured by UI<br />UI uses data (content)<br />Metadata, data and UI are linked <br />Action Connector<br />Above all, a wiki application in only a day<br />SMWCon Fall 2011 Berlin<br />
  15. 15. Summary<br />Achievements<br />Further Plan<br />Call for Support<br />SMWCon Fall 2011 Berlin<br />
  16. 16. SMW and OOP<br />Category  <br />Property  <br />Page in a category  <br />Data in a page  <br />Class<br />Attributes<br />Instance of a class<br /> Attribute values of an instance<br />Simple Object Oriented <br />Programming with SMW<br />SMWCon Fall 2011 Berlin<br />
  17. 17. Easy to Build<br />Modeling vs. Programming<br />Metadata vs. Code<br />Easy-to-use user interface (mostly)<br />Fields: Label, Text, Choices<br />Layout: drag & drop<br />Reuse:<br />Inheritance<br />Aggregation<br />Open and Collaborative<br />SMWCon Fall 2011 Berlin<br />
  18. 18. Fast Prototyping<br />SMWCon Fall 2011 Berlin<br />
  19. 19. Next Steps<br />Refine User Interface<br />Layout Designer<br />Color picker<br />Text, font, paragraphs, table<br />Data I/O<br />Support Wiki Object Model <br />Make UI for some advanced functions<br />SMWCon Fall 2011 Berlin<br />
  20. 20. Call for Support<br />Need Customers / Users <br />Requirements<br />Testing<br />Need Developers<br />Help us refine<br />Reuse our code<br />SMWCon Fall 2011 Berlin<br />
  21. 21. Thank You!<br />Acknowledgement<br />More Info<br />Demo prototype at:http://wiking.vulcan.com/helpdesk/<br />Slide uploaded at http://www.slideshare.net/jiaxinwang/<br />Contact me at jessew @ vulcan.comor @aiwang<br />SMWCon Fall 2011 Berlin<br />

×