• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
VIE - Using RDFa to make content editable
 

VIE - Using RDFa to make content editable

on

  • 5,336 views

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

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.

Statistics

Views

Total Views
5,336
Views on SlideShare
4,382
Embed Views
954

Actions

Likes
5
Downloads
22
Comments
0

11 Embeds 954

http://www.scoop.it 655
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
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

VIE - Using RDFa to make content editable VIE - Using RDFa to make content editable Presentation Transcript

  • Vienna IKS Editables
  • “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 ...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
  • Questions?henri.bergius@nemein.com @bergie
  • 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/
  • Questions?henri.bergius@nemein.com @bergie