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

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

2. Agenda SMWCon Fall 2011 Berlin

3. Motivation Semantic MediaWiki+ As A Social Semantic Web Application Development Platform SMWCon Fall 2011 Berlin

4. 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 SMWCon Fall 2011 Berlin

5. Schema Design Extension Choice Form Design Template Authoring Skin Customization Query Generation Common Work Items Expert in need SMWCon Fall 2011 Berlin

6. The Bar to be Expert SMWCon Fall 2011 Berlin

7. 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 SMWCon Fall 2011 Berlin

8. Code is essential building blocks Not everyone is good at writing code Frameworks enables “meta-data” use User: developers or admins Meta-data drive content Handle Content via meta-data Parameter configuration SMWCon Fall 2011 Berlin Users

9. 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 MediaWiki Metadata = Special Wiki Data Template, category, property, etc. Metadata as Glue SMWCon Fall 2011 Berlin

10. 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 SMWCon Fall 2011 Berlin

11. So We Build the Metadata Modeling Tool Widget Editor  Widget Designer  Page Maker SMWCon Fall 2011 Berlin

12. Helpdesk Wiki App Overview A simple workflow wiki application built on top of Widget Designer SMWCon Fall 2011 Berlin

13. Widget Designer Demo How to create and customize the pages SMWCon Fall 2011 Berlin

14. Recap of Demo Designing 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 SMWCon Fall 2011 Berlin

15. Summary Achievements Further Plan Call for Support SMWCon Fall 2011 Berlin

16. SMW and OOP Category  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 SMWCon Fall 2011 Berlin

17. Easy to Build Modeling vs. Programming Metadata vs. Code Easy-to-use user interface (mostly) Fields: Label, Text, Choices Layout: drag & drop Reuse: Inheritance Aggregation Open and Collaborative SMWCon Fall 2011 Berlin

18. Fast Prototyping SMWCon Fall 2011 Berlin

19. Next Steps Refine User Interface Layout Designer Color picker Text, font, paragraphs, table Data I/O Support Wiki Object Model Make UI for some advanced functions SMWCon Fall 2011 Berlin

20. Call for Support Need Customers / Users Requirements Testing Need Developers Help us refine Reuse our code SMWCon Fall 2011 Berlin

21. Thank You! Acknowledgement More Info Demo prototype at:http://wiking.vulcan.com/helpdesk/ Slide uploaded at http://www.slideshare.net/jiaxinwang/ Contact me at jessew @ vulcan.comor @aiwang SMWCon Fall 2011 Berlin