1. Create IKS Semantic UX hackathon Zurich, Jan 2012

2. Agenda and introductions

CreateJS and Hallo internals

3. Image and link tools 4. Content refactoring 5. Stanbol integration 6. Versioning and workflows 7. Making CMS integration easier 8. Some practicalities

Ensure you have a GitHub account

9. Watch Create, VIE and Hallo on GitHub 10. Join #iks on FreeNode 11. http://createjs.org/ 12. Build a CMS,no forms allowed 13. Monolithic approach Decoupled approach ContentManagementSystem Database Content Repository Database Web Framework Web Editing Tool 14. What is CreateJS made of?

Backbone.js

Entities, Collections, Views

15. Communications with server (save, delete, ...) VIE

RDFa parsing

16. Type and namespace handling 17. Communications with Stanbol and Dbpedia jQuery UI

Widget library for web applications

jQuery

DOM manipulation library

Hallo Editor

Rich text editor for jQuery UI

18. "Everything is a plugin" philosophy CreateJS

jQuery UI widgets that connect VIE entities and Hallo Editor

19. Pluggable editors (Aloha also supported) 20. Versioning and workflows Workflows that are available for this entity Change history for entity How to implement in a CMS-neutral way? We need:

list of older versions for entity, and a way to retrieve a version

21. list of workflows applicable for entity, and a way to run them 22. CMS integration steps

Mark up your content with RDFa

23. Include CreateJS to your pages 24. Implement Backbone.sync 25. Blogsiple CreateJS integration testbed https://github.com/bergie/blogsiple (Node.js and Redis required) 26. CreateJS flow

User loads the midgardCreate widget to a DOM element

midgardCreate loads midgardStorage widget to the same element

27. midgardCreate loads midgardToolbar widget to the same element

midgardCreate adds Edit and Save buttons to toolbar

When edit button is clicked

midgardCreate loads midgardEditable widget to each entity element (element with about attribute)

midgardEditable loads entities from RDFa with VIE

28. midgardStorage gets notified of entities

checks localStorage for unsaved changes

29. begins watching for new changes