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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

CreateJS hackathon in Zurich

966

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
966
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
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 <ul><li>CreateJS and Hallo internals
  • 3. Image and link tools
  • 4. Content refactoring
  • 5. Stanbol integration
  • 6. Versioning and workflows
  • 7. Making CMS integration easier </li></ul>
  • 8. Some practicalities <ul><li>Ensure you have a GitHub account
  • 9. Watch Create, VIE and Hallo on GitHub
  • 10. Join #iks on FreeNode </li></ul>
  • 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? <ul><li>Backbone.js </li><ul><li>Entities, Collections, Views
  • 15. Communications with server (save, delete, ...) </li></ul><li>VIE </li><ul><li>RDFa parsing
  • 16. Type and namespace handling
  • 17. Communications with Stanbol and Dbpedia </li></ul><li>jQuery UI </li><ul><li>Widget library for web applications </li></ul></ul><ul><li>jQuery </li><ul><li>DOM manipulation library </li></ul><li>Hallo Editor </li><ul><li>Rich text editor for jQuery UI
  • 18. &amp;quot;Everything is a plugin&amp;quot; philosophy </li></ul><li>CreateJS </li><ul><li>jQuery UI widgets that connect VIE entities and Hallo Editor
  • 19. Pluggable editors (Aloha also supported) </li></ul></ul>
  • 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: <ul><li>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 </li></ul>
  • 22. CMS integration steps <ul><li>Mark up your content with RDFa
  • 23. Include CreateJS to your pages
  • 24. Implement Backbone.sync </li></ul>
  • 25. Blogsiple CreateJS integration testbed https://github.com/bergie/blogsiple (Node.js and Redis required)
  • 26. CreateJS flow <ul><li>User loads the midgardCreate widget to a DOM element </li><ul><li>midgardCreate loads midgardStorage widget to the same element
  • 27. midgardCreate loads midgardToolbar widget to the same element </li><ul><li>midgardCreate adds Edit and Save buttons to toolbar </li></ul></ul><li>When edit button is clicked </li><ul><li>midgardCreate loads midgardEditable widget to each entity element (element with about attribute) </li><ul><li>midgardEditable loads entities from RDFa with VIE
  • 28. midgardStorage gets notified of entities </li><ul><li>checks localStorage for unsaved changes
  • 29. begins watching for new changes </li></ul></ul></ul></ul>

×