VIE - Using RDFa to make content editable

Vienna IKS Editables

“Build a CMS, no forms allowed”

Just Edit

CMS and JavaScript mustagree on the content model

RDFa: Your Content, Explained

Suddenly JavaScript can understand

Bonus: SEO ...assuming we get theschema.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

Monolithic approach Decoupled approach Web Editing Tool Content Management System Web Framework Database Content Repository

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

Questions?henri.bergius@nemein.com @bergie

Online Meeting Tool http://palsu.me

See how far we canpush VIE and VIE^2

IKS has a lot of meetings. Make them work better

Using palsu.me1. Log in with your Twitter account2. Create a meeting3. Set an agenda4. Invite the other participants5. Have the meeting6. 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

Layers of Midgard Create jQuery Aloha Backbone.js Application Server in PHP Midgard MVC for PHP Zeta Comp. Midgard2 Content Repository RDBMS

...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

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● 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/

http://www.scoop.it	271
http://blog.iks-project.eu	254
http://storify.com	16
https://twitter.com	13
http://twitter.com	5
http://translate.googleusercontent.com	4
https://www.rebelmouse.com	2
http://olds.infosharestrat.com	2
http://trunk.ly	1
http://paper.li	1
http://tweetedtimes.com	1

VIE - Using RDFa to make content editable

by Henri Bergius

Accessibility

Categories

Upload Details

Usage Rights

11 Embeds 570

Statistics

VIE - Using RDFa to make content editable Presentation Transcript