Your SlideShare is downloading. ×
  • Like
CreateJS hackathon in Zurich
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

CreateJS hackathon in Zurich



Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 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.
  • 12. “ Build a CMS, no forms allowed”
  • 13. Monolithic approach Decoupled approach Content Management System 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 (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