create.js - inline editing for any website

31
Create.js inline editing for any website

Upload: henri-bergius

Post on 14-May-2015

1.825 views

Category:

Technology


0 download

DESCRIPTION

Slides from BerlinJS talk on August 16th 2012

TRANSCRIPT

Page 1: Create.js - Inline editing for any website

Create.js

inline editing for any website

Page 2: Create.js - Inline editing for any website

Henri Bergius

Director of R&DNemein Berlin

@bergie

bergie.iki.fi

Page 3: Create.js - Inline editing for any website

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

Page 4: Create.js - Inline editing for any website

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

 Should I install a CMS?"

Page 5: Create.js - Inline editing for any website

Every CMS is a monolith

Content Management

System

Database File System

Page 6: Create.js - Inline editing for any website

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

Page 7: Create.js - Inline editing for any website

Decoupling Content Management

Content Management

System

Content RepositoryDatabase

Web Framework

Web Editing Tool

Monolithic approach Decoupled approach

File System

Page 8: Create.js - Inline editing for any website

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

Page 9: Create.js - Inline editing for any website

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. 

Page 10: Create.js - Inline editing for any website

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"

Page 11: Create.js - Inline editing for any website

“Build a CMS, no forms allowed”

Page 12: Create.js - Inline editing for any website

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

Page 13: Create.js - Inline editing for any website

http://aloha-editor.org

Page 14: Create.js - Inline editing for any website

Manage Collections

Content can be added to any collections

Page 15: Create.js - Inline editing for any website

Image handling

Page 16: Create.js - Inline editing for any website

Tagging and annotations

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

Page 17: Create.js - Inline editing for any website

Never lose content

Page 18: Create.js - Inline editing for any website

Symfony CMF

Page 19: Create.js - Inline editing for any website

OpenCms

Page 20: Create.js - Inline editing for any website

Drupal

Page 21: Create.js - Inline editing for any website

(your web platform here)

Page 22: Create.js - Inline editing for any website

Web Framework

Web Editing Tool

HTML+RDFa JSON-LD over REST

Interfacing with Create.js

Page 23: Create.js - Inline editing for any website

RDFa: Your Content, Explained

Page 24: Create.js - Inline editing for any website

RDFa: Your Content, Explained

Page 25: Create.js - Inline editing for any website

Suddenly JavaScript can understand

Page 26: Create.js - Inline editing for any website

Bonus: SEO

Page 27: Create.js - Inline editing for any website

JSON-LD

Page 28: Create.js - Inline editing for any website

Framework for Semantic Interaction - viejs.org

Page 29: Create.js - Inline editing for any website

Your decoupled CMS

Content Repository

Your framework here

Create.js

Page 30: Create.js - Inline editing for any website

Decoupling means collaboration

Page 31: Create.js - Inline editing for any website

Questions?

@bergie

createjs.orghallojs.orgviejs.org

decoupledcms.orgiks-project.eu