create - decoupled cms interface

31
Create

Upload: henri-bergius

Post on 28-May-2015

3.628 views

Category:

Technology


1 download

DESCRIPTION

Create

TRANSCRIPT

Page 1: Create - Decoupled CMS interface

Create

Page 2: Create - Decoupled CMS interface

Henri Bergius

@bergie

github.com/bergie

bergie.iki.fi

Page 3: Create - Decoupled CMS interface

Midgard CMS

midgard-project.org

Page 4: Create - Decoupled CMS interface

PHPCR

phpcr.github.com

Page 5: Create - Decoupled CMS interface

noflojs.org - see also PhpFlo

Page 6: Create - Decoupled CMS interface

Semantic CMS Community

iks-project.eu

Page 7: Create - Decoupled CMS interface

Create

createjs.org

Page 8: Create - Decoupled CMS interface

Content Management

System

Database Content RepositoryDatabase

Web Framework

Web Editing Tool

Monolithic approach Decoupled approach

Page 9: Create - Decoupled CMS interface

“Build a CMS, no forms allowed”

Page 10: Create - Decoupled CMS interface

Stop filling forms.

Just edit.

Page 11: Create - Decoupled CMS interface

CMS and JavaScript must agree on the content model

Page 12: Create - Decoupled CMS interface

RDFa: Your Content, Explained

Page 13: Create - Decoupled CMS interface

RDFa: Your Content, Explained

Page 14: Create - Decoupled CMS interface

Suddenly JavaScript can understand

Page 15: Create - Decoupled CMS interface

Bonus: SEO

Page 16: Create - Decoupled CMS interface

Entering editing state

Page 17: Create - Decoupled CMS interface

Editing and saving

Page 18: Create - Decoupled CMS interface

Adding content

Content can be added to any collections

Page 19: Create - Decoupled CMS interface

Image handling

Page 20: Create - Decoupled CMS interface

Tagging and annotations

Page 21: Create - Decoupled CMS interface

Create and dependencies● Backbone.js

● Entities, Collections, Views● Communications with server (save,

delete, ...)

● VIE● RDFa parsing● Type and namespace handling● Communications with Stanbol and

dbPedia

● jQuery UI● Widget library for web

applications

● jQuery● DOM manipulation library

● Hallo Editor● Rich text editor for jQuery UI● "Everything is a plugin" philosophy● Optionally: Aloha Editor

● Create.js● jQuery UI widgets that connect

VIE entities and Hallo Editor● Pluggable editors (Aloha also

supported)

Page 22: Create - Decoupled CMS interface

Framework for Semantic Interaction - viejs.org

Page 23: Create - Decoupled CMS interface

Communicating changes to server

Page 24: Create - Decoupled CMS interface

Hallo Editor

bergie.github.com/hallo

Page 25: Create - Decoupled CMS interface

Get started with Create

1. Mark up your content with RDFa

2. Include VIE & create.js to your pages

3. Implement Backbone.sync

Page 26: Create - Decoupled CMS interface

Blogsiple

Page 27: Create - Decoupled CMS interface

Midgard

Page 28: Create - Decoupled CMS interface

Symfony CMF

Page 29: Create - Decoupled CMS interface

OpenCms

Page 30: Create - Decoupled CMS interface

Happening in 2012● New reference UI (landed in

March)

● Presence, collaboration● History, versioning● More type-specific

widgets● Community outreach● Early adopters

Page 31: Create - Decoupled CMS interface

[email protected]

@bergie

http://viejs.org http://createjs.org