Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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,943 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 />

×