0
Create IKS Semantic UX hackathon Zurich, Jan 2012
Agenda and introductions <ul><li>CreateJS and Hallo internals
Image and link tools
Content refactoring
Stanbol integration
Versioning and workflows
Making CMS integration easier </li></ul>
Some practicalities <ul><li>Ensure you have a GitHub account
Watch Create, VIE and Hallo on GitHub
Join #iks on FreeNode </li></ul>
http://createjs.org/
Upcoming SlideShare
Loading in...5
×

CreateJS hackathon in Zurich

981

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
981
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "CreateJS hackathon in Zurich"

  1. 1. Create IKS Semantic UX hackathon Zurich, Jan 2012
  2. 2. Agenda and introductions <ul><li>CreateJS and Hallo internals
  3. 3. Image and link tools
  4. 4. Content refactoring
  5. 5. Stanbol integration
  6. 6. Versioning and workflows
  7. 7. Making CMS integration easier </li></ul>
  8. 8. Some practicalities <ul><li>Ensure you have a GitHub account
  9. 9. Watch Create, VIE and Hallo on GitHub
  10. 10. Join #iks on FreeNode </li></ul>
  11. 11. http://createjs.org/
  12. 12. “ Build a CMS, no forms allowed”
  13. 13. Monolithic approach Decoupled approach Content Management System Database Content Repository Database Web Framework Web Editing Tool
  14. 14. What is CreateJS made of? <ul><li>Backbone.js </li><ul><li>Entities, Collections, Views
  15. 15. Communications with server (save, delete, ...) </li></ul><li>VIE </li><ul><li>RDFa parsing
  16. 16. Type and namespace handling
  17. 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. 18. &quot;Everything is a plugin&quot; philosophy </li></ul><li>CreateJS </li><ul><li>jQuery UI widgets that connect VIE entities and Hallo Editor
  19. 19. Pluggable editors (Aloha also supported) </li></ul></ul>
  20. 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. 21. list of workflows applicable for entity, and a way to run them </li></ul>
  22. 22. CMS integration steps <ul><li>Mark up your content with RDFa
  23. 23. Include CreateJS to your pages
  24. 24. Implement Backbone.sync </li></ul>
  25. 25. Blogsiple CreateJS integration testbed https://github.com/bergie/blogsiple (Node.js and Redis required)
  26. 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. 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. 28. midgardStorage gets notified of entities </li><ul><li>checks localStorage for unsaved changes
  29. 29. begins watching for new changes </li></ul></ul></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×