CreateJS hackathon in Zurich

  • 908 views
Uploaded on

 

More 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

Views

Total Views
908
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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