Create JS - A new kind of web editing interface

3,895 views
3,708 views

Published on

Presentation from the first HelsinkiJS meetup

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

No Downloads
Views
Total views
3,895
On SlideShare
0
From Embeds
0
Number of Embeds
250
Actions
Shares
0
Downloads
12
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Create JS - A new kind of web editing interface

  1. 1. Create
  2. 2. “Build a CMS, no forms allowed”
  3. 3. Just Edit
  4. 4. CMS and JavaScript mustagree on the content model
  5. 5. RDFa: Your Content, Explained
  6. 6. RDFa: Your Content, Explained
  7. 7. Suddenly JavaScript can understand
  8. 8. Bonus: SEO
  9. 9. Entering editing state
  10. 10. Editing and saving
  11. 11. VIE – Bridging RDFa to JavaScript● MIT license, developed by IKS Project on GitHub● Depends on Backbone.js and jQuery● Load RDFa entities as JavaScript objects● Sync changes to server, and to DOM● References enable list manipulation● Change events● http://viejs.org
  12. 12. Monolithic approach Decoupled approach Web Editing Tool Content Management System Web Framework Database Content Repository
  13. 13. Web Editing ToolHTML+RDFa JSON-LD over REST Web Framework
  14. 14. Communicating changes to server
  15. 15. Shared JavaScript CMS API
  16. 16. Get started with VIE1. Mark up your content with RDFa2. Include vie.js to your pages3. Implement Backbone.sync
  17. 17. http://createjs.org/
  18. 18. Questions? henri.bergius@nemein.com @bergiehttp://vieJS.org http://createJS.org

×