VIE is a library making RDFa -annotated content editable in a browser. Also showcased are Palsu, an online meeting tool built on VIE and Node.js, and Midgard Create, the CMS VIE was originally built for.

1. Vienna IKS Editables

2. “Build a CMS,
no forms allowed”

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

29. “Build a CMS,
no forms allowed”

30. Entering editing state

31. Editing and saving

32. Drag-and-drop images
Drop image, choose
variant to use

33. History and workflows
Workflows that are available for this
content item

34. CMS interface should not
affect the page contents

35. CMS interface should not
affect the page contents

36. Never lose content

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