Your SlideShare is downloading. ×

CreateJS hackathon in Zurich

958

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
958
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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 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 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

×