VIE - Using RDFa to make content editable
41
Vienna IKS Editables
-
Upload
henri-bergius -
Category
Technology
-
view
5.640 -
download
2
description
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.
Transcript of VIE - Using RDFa to make content editable
Vienna IKS Editables
“Build a CMS, no forms allowed”
Just Edit
CMS and JavaScript must agree on the content model
RDFa: Your Content, Explained
RDFa: Your Content, Explained
Suddenly JavaScript can understand
Bonus: SEO
...assuming we get the schema.org mess sorted out
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
Content Management
System
Database Content RepositoryDatabase
Web Framework
Web Editing Tool
Monolithic approach Decoupled approach
Web Framework
Web Editing Tool
HTML+RDFa JSON-LD over REST
Communicating changes to server
Shared JavaScript CMS API
Get started with VIE
1. Mark up your content with RDFa
2. Include vie.js to your pages
3. Implement Backbone.sync
Online Meeting Tool
http://palsu.me
See how far we can push VIE and VIE^2
IKS has a lot of meetings. Make them work better
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
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
VIE on the server
Create
“Build a CMS, no forms allowed”
Entering editing state
Editing and saving
Drag-and-drop images
Drop image, choose variant to use
History and workflows
Workflows that are available for this content item
CMS interface should not affect the page contents
CMS interface should notaffect the page contents
Never lose content
RDBMS
Midgard2 Content Repository
Midgard MVC for PHP
jQuery Aloha Backbone.js
Zeta Comp.
Midgard2 Content Repository
Midgard MVC for PHP
Application Server in PHP
Layers of Midgard Create
RDBMS
Midgard2 Content Repository
Midgard MVC for PHP
jQuery Aloha Backbone.js
Zeta Comp.
Midgard2 Content Repository
Midgard MVC for PHP
Some backend that can do JSON and REST
...and in your CMS too?
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
Relevant technologies
● VIEhttps://github.com/bergie/VIE
● AppServer-in-PHPhttps://github.com/indeyets/appserver-in-php
● PHP Content Repositoryhttp://phpcr.github.com/
● Aloha Editorhttp://aloha-editor.org/
