Create.js - Inline editing for any website

Preview:

DESCRIPTION

Slides from BerlinJS talk on August 16th 2012

Citation preview

Create.js

inline editing for any website

Henri Bergius

Director of R&DNemein Berlin

@bergie

bergie.iki.fi

github.com/bergie/noflogithub.com/bergie/phpflo

"I built this web app, but now the client wants to edit the About page.

 Should I install a CMS?"

Every CMS is a monolith

Content Management

System

Database File System

"Marketing wants this CMS, but we can't develop our app on it because the framework sucks"

Decoupling Content Management

Content Management

System

Content RepositoryDatabase

Web Framework

Web Editing Tool

Monolithic approach Decoupled approach

File System

Clean separation of concerns

Web Editing ToolTools that user needs to create, manipulate, and publish content

Web FrameworkRendering and serving content and handling business logic

Content RepositoryData storage and retrieval. Access controls, validations, full-text search

Create.js

Create.js is a comprehensive web editing interface. It is designed to provide a modern, fully browser­based HTML5 environment for 

managing content.

Create can be adapted to work on almost any website back­end. 

Semantic CMS Communitywww.iks-project.eu

"Create.js is free software developed by Henri Bergius and the Midgard Project in collaboration with IKS and co­funded by the European Union"

“Build a CMS, no forms allowed”

http://hallojs.org & http://github.com/bergie/blogsiple

http://aloha-editor.org

Manage Collections

Content can be added to any collections

Image handling

Tagging and annotations

http://szabyg.github.com/annotate.js/

Never lose content

Symfony CMF

OpenCms

Drupal

(your web platform here)

Web Framework

Web Editing Tool

HTML+RDFa JSON-LD over REST

Interfacing with Create.js

RDFa: Your Content, Explained

RDFa: Your Content, Explained

Suddenly JavaScript can understand

Bonus: SEO

JSON-LD

Framework for Semantic Interaction - viejs.org

Your decoupled CMS

Content Repository

Your framework here

Create.js

Decoupling means collaboration

Questions?

@bergie

createjs.orghallojs.orgviejs.org

decoupledcms.orgiks-project.eu

Recommended