Slides from BerlinJS talk on August 16th 2012

1. Create.js
inline editing for any website

2. Henri Bergius
Director of R&D
Nemein Berlin
@bergie
bergie.iki.fi

3. github.com/bergie/noflo
github.com/bergie/phpflo

4. "I built this web app, but now the
client wants to edit the About page.
Should I install a CMS?"

5. Every CMS is a monolith
Content
Management
System
Database File System

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

7. Decoupling Content Management
Monolithic approach Decoupled approach
Web Editing Tool
Content
Management
System
Web Framework
Database File System Content Repository

8. Clean separation of concerns
Web Editing Tool
Tools that user needs to create,
manipulate, and publish content
Web Framework
Rendering and serving content and
handling business logic
Content Repository
Data storage and retrieval. Access
controls, validations, full-text search

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

10. Semantic CMS Community
www.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"

11. “Build a CMS,
no forms allowed”

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

13. http://aloha-editor.org

14. Manage Collections
Content can be added to
any collections

15. Image handling

16. Tagging and annotations
http://szabyg.github.com/annotate.js/

17. Never lose content

18. Symfony CMF

19. OpenCms

20. Drupal

21. (your web platform here)

22. Interfacing with Create.js
Web Editing Tool
HTML+RDFa JSON-LD over REST
Web Framework

23. RDFa: Your Content, Explained

24. RDFa: Your Content, Explained

25. Suddenly JavaScript can understand

26. Bonus: SEO

27. JSON-LD

28. Framework for Semantic Interaction - viejs.org

29. Your decoupled CMS
Create.js
Your framework here
Content Repository

30. Decoupling means collaboration

31. Questions?
@bergie
createjs.org
hallojs.org
viejs.org
decoupledcms.org
iks-project.eu