VIE - Using RDFa to make content editable
5 likes2,753 views
The document discusses the development of a content management system (CMS) that uses RDFa for content markup and integrates with JavaScript for real-time editing and server synchronization. It mentions the use of various technologies including Backbone.js, jQuery, and Node.js, while providing instructions for setting up and using the CMS. Additionally, it introduces an online meeting tool called palsu.me for enhancing collaborative meetings.
VIE - Using RDFa to make content editable
- 3. Just Edit
- 4. CMS and JavaScript must agree on the content model
- 5. RDFa: Your Content, Explained
- 6. RDFa: Your Content, Explained
- 7. Suddenly JavaScript can understand
- 8. Bonus: SEO ...assuming we get the schema.org mess sorted out
- 10. 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
- 11. Monolithic approach Decoupled approach Web Editing Tool Content Management System Web Framework Database Content Repository
- 12. Web Editing Tool HTML+RDFa JSON-LD over REST Web Framework
- 13. Communicating changes to server
- 14. Shared JavaScript CMS API
- 15. Get started with VIE 1. Mark up your content with RDFa 2. Include vie.js to your pages 3. Implement Backbone.sync
- 17. Questions? henri.bergius@nemein.com @bergie
- 18. Online Meeting Tool http://palsu.me
- 19. See how far we can push VIE and VIE^2
- 20. IKS has a lot of meetings. Make them work better
- 24. Using palsu.me 1. Log in with your Twitter account 2. Create a meeting 3. Set an agenda 4. Invite the other participants 5. Have the meeting 6. Annotate action points http://palsu.me/help
- 25. Under the hood ● Node.js and Express as the application server ● Written in CoffeeScript ● Socket.io (websockets, COMET) for real-time communications ● Redis-powered triplestore ● VIE for server and client-side templating ● VIE^2 for smart annotations ● Aloha Editor for content editing
- 26. VIE on the server
- 27. Questions? henri.bergius@nemein.com @bergie
- 28. Create
- 32. Drag-and-drop images Drop image, choose variant to use
- 33. History and workflows Workflows that are available for this content item
- 35. CMS interface should not affect the page contents
- 37. Layers of Midgard Create jQuery Aloha Backbone.js Application Server in PHP Midgard MVC for PHP Zeta Comp. Midgard2 Content Repository RDBMS
- 38. ...and in your CMS too? jQuery Aloha Backbone.js Some backend that can do JSON and REST Midgard MVC for PHP Zeta Comp. Midgard2 Content Repository RDBMS
- 39. Got Linux? $ sudo apt-get install php5-midgard2 $ sudo pear channel-discover pear.indeyets.pp.ru $ sudo pear install indeyets/midgardmvc_installer $ midgardmvc install http://bit.ly/hV05pi midgard $ ./midgard/run
- 40. Relevant technologies ● VIE https://github.com/bergie/VIE ● AppServer-in-PHP https://github.com/indeyets/appserver-in-php ● PHP Content Repository http://phpcr.github.com/ ● Aloha Editor http://aloha-editor.org/
- 41. Questions? henri.bergius@nemein.com @bergie