Create
“Build a CMS, no forms allowed”
Just Edit
CMS and JavaScript mustagree on the content model
RDFa: Your Content, Explained
RDFa: Your Content, Explained
Suddenly JavaScript can understand
Bonus: SEO
Entering editing state
Editing and saving
VIE – Bridging RDFa to JavaScript●    MIT license, developed by IKS Project on GitHub●    Depends on Backbone.js and jQuer...
Monolithic approach   Decoupled approach                       Web Editing Tool    Content  Management    System          ...
Web Editing ToolHTML+RDFa                      JSON-LD over REST            Web Framework
Communicating changes to server
Shared JavaScript CMS API
Get started with VIE1. Mark up your content with RDFa2. Include vie.js to your pages3. Implement Backbone.sync
http://createjs.org/
Questions?                   henri.bergius@nemein.com                                @bergiehttp://vieJS.org          http...
Upcoming SlideShare
Loading in...5
×

Create JS - A new kind of web editing interface

3,398

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,398
On Slideshare
0
From Embeds
0
Number of Embeds
2
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
  1. A particular slide catching your eye?

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

×