SlideShare a Scribd company logo
Create
Henri Bergius

           @bergie

           github.com/bergie

           bergie.iki.fi
Midgard CMS




midgard-project.org
PHPCR




phpcr.github.com
noflojs.org - see also PhpFlo
Semantic CMS Community




       iks-project.eu
Create




createjs.org
Monolithic approach   Decoupled approach



                       Web Editing Tool

    Content
  Management
    System

                       Web Framework




    Database          Content Repository
“Build a CMS, 
no forms allowed”
Stop filling forms.

    Just edit.
CMS and JavaScript must
agree on the content model
RDFa: Your Content, Explained
RDFa: Your Content, Explained
Suddenly JavaScript can understand
Bonus: SEO
Entering editing state
Editing and saving
Adding content




     Content can be added to
     any collections
Image handling
Tagging and annotations
Create and dependencies
●   Backbone.js                             ●   jQuery
    ●   Entities, Collections, Views            ●   DOM manipulation library
    ●   Communications with server (save,   ●   Hallo Editor
        delete, ...)
                                                ●   Rich text editor for jQuery UI
●   VIE                                         ●   "Everything is a plugin" philosophy
    ●   RDFa parsing                            ●   Optionally: Aloha Editor
        Type and namespace handling
                                                Create.js
    ●
                                            ●

    ●   Communications with Stanbol and
                                                ●   jQuery UI widgets that connect
        dbPedia
                                                    VIE entities and Hallo Editor
●   jQuery UI                                   ●   Pluggable editors (Aloha also
    ●   Widget library for web                      supported)
        applications
Framework for Semantic Interaction - viejs.org
Communicating changes to server
Hallo Editor




bergie.github.com/hallo
Get started with Create


1. Mark up your content with RDFa
2. Include VIE & create.js to your
 pages
3. Implement Backbone.sync
Blogsiple
Midgard
Symfony CMF
OpenCms
Happening in 2012
●   New reference UI (landed in
    March)

●   Presence, collaboration
●
    History, versioning
●
    More type-specific
    widgets
●
    Community outreach
●   Early adopters
Questions?
            henri.bergius@nemein.com
                         @bergie




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

More Related Content

PDF
Decoupling Content Management
PDF
Decoupling Content Management with Create.js and PHPCR
PDF
Create.js - Inline editing for any website
ODP
CreateJS hackathon in Zurich
PDF
Midgard Create and editing content via RDFa
PDF
Decoupling Content Management with Create.js
PDF
VIE - Using RDFa to make content editable
PDF
Midgard & Nemein - when an open source project and company evolve together
Decoupling Content Management
Decoupling Content Management with Create.js and PHPCR
Create.js - Inline editing for any website
CreateJS hackathon in Zurich
Midgard Create and editing content via RDFa
Decoupling Content Management with Create.js
VIE - Using RDFa to make content editable
Midgard & Nemein - when an open source project and company evolve together

What's hot (20)

PDF
Semantic editor
PDF
Create JS - A new kind of web editing interface
PDF
Midgard2: Content repository for desktop and the web
PDF
Midgard Create and VIE
PDF
Proggis - Business Analytics with Linked Data
PDF
CollegeDiveIn presentation
PPT
Orion - IDE on the cloud
PPTX
Віталій Бобров — Web components, Polymer and Drupal
PDF
Building a Better Web with HTML5 and CSS3
ODP
DOJO
PDF
WebDAV - April 15 2008
PDF
Connect your Javascript web app to ownCloud over the WebDAV interface
PPT
Sgmp Wiki - GenNxt Wiki Concepts
PPTX
Building Custom Visual Composer Elements
PDF
Building our App with React Native
PPTX
iOS RESTful Library for Drupal 8
PDF
The Heron Mapping Client - Overview, Functions, Concepts
PDF
Александр Белецкий "Архитектура Javascript приложений"
PPTX
Extending GWT
PPT
Node.js - Greece JS Meetup 2012
Semantic editor
Create JS - A new kind of web editing interface
Midgard2: Content repository for desktop and the web
Midgard Create and VIE
Proggis - Business Analytics with Linked Data
CollegeDiveIn presentation
Orion - IDE on the cloud
Віталій Бобров — Web components, Polymer and Drupal
Building a Better Web with HTML5 and CSS3
DOJO
WebDAV - April 15 2008
Connect your Javascript web app to ownCloud over the WebDAV interface
Sgmp Wiki - GenNxt Wiki Concepts
Building Custom Visual Composer Elements
Building our App with React Native
iOS RESTful Library for Drupal 8
The Heron Mapping Client - Overview, Functions, Concepts
Александр Белецкий "Архитектура Javascript приложений"
Extending GWT
Node.js - Greece JS Meetup 2012
Ad

Similar to Create - Decoupled CMS interface (20)

KEY
Palm Developer Day PhoneGap
PPT
Intro to-html-backbone
PPTX
WikiNext - Application Semantic Wiki
PDF
Bentobox exercise by Rails Girls
PDF
Front-End Frameworks: a quick overview
PPTX
Wheel.js
PDF
Web Development using jQuery
PDF
JavaScript Library Overview
KEY
20120802 timisoara
KEY
20120306 dublin js
PDF
What's this jQuery? Where it came from, and how it will drive innovation
PDF
Bentobox exercise
PDF
Having Fun Building Web Applications (Day 1 Slides)
PDF
JavaScript Libraries (@Media)
PDF
JavaScript Libraries (Ajax Exp 2006)
PDF
Javascript Web Applications Otx Alex Maccaw
PDF
Web micro-framework BATTLE!
PPTX
Webdevcon Keynote hh-2012-09-18
PDF
(Ebook) Practical Web Development by kan
PPTX
JavaScript on the server - Node.js
Palm Developer Day PhoneGap
Intro to-html-backbone
WikiNext - Application Semantic Wiki
Bentobox exercise by Rails Girls
Front-End Frameworks: a quick overview
Wheel.js
Web Development using jQuery
JavaScript Library Overview
20120802 timisoara
20120306 dublin js
What's this jQuery? Where it came from, and how it will drive innovation
Bentobox exercise
Having Fun Building Web Applications (Day 1 Slides)
JavaScript Libraries (@Media)
JavaScript Libraries (Ajax Exp 2006)
Javascript Web Applications Otx Alex Maccaw
Web micro-framework BATTLE!
Webdevcon Keynote hh-2012-09-18
(Ebook) Practical Web Development by kan
JavaScript on the server - Node.js
Ad

More from Henri Bergius (17)

PDF
Bisnesdata - Tietojärjestelmien kätköistä tableteille
PDF
NoFlo - Flow-Based Programming for Node.js
PDF
PHPCR - Standard Content Repository for PHP
PDF
Symfony2 for Midgard Developers
PDF
Location awareness in MeeGo
PDF
Midgard2 - Content Repository for mobile applications
PDF
Midgard2 Content Repository at FSCONS 2009
ODP
Location-aware applications with GeoClue
PDF
ODP
Location-aware desktop
PDF
Midgard and the Interactive Knowledge System
PDF
Midgard 2 - The cloud you can control
PDF
Attention Profiling for smarter web services
PDF
GeoClue - geo-information framework
PDF
GeoClue - geo-information framework
PDF
GeoClue and Gypsy
ODP
Nemein ja Midgard - yritys open source -projektin keskipisteessä
Bisnesdata - Tietojärjestelmien kätköistä tableteille
NoFlo - Flow-Based Programming for Node.js
PHPCR - Standard Content Repository for PHP
Symfony2 for Midgard Developers
Location awareness in MeeGo
Midgard2 - Content Repository for mobile applications
Midgard2 Content Repository at FSCONS 2009
Location-aware applications with GeoClue
Location-aware desktop
Midgard and the Interactive Knowledge System
Midgard 2 - The cloud you can control
Attention Profiling for smarter web services
GeoClue - geo-information framework
GeoClue - geo-information framework
GeoClue and Gypsy
Nemein ja Midgard - yritys open source -projektin keskipisteessä

Recently uploaded (20)

PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
cuic standard and advanced reporting.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Spectroscopy.pptx food analysis technology
PDF
Encapsulation theory and applications.pdf
PPTX
Big Data Technologies - Introduction.pptx
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Electronic commerce courselecture one. Pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Dropbox Q2 2025 Financial Results & Investor Presentation
cuic standard and advanced reporting.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Building Integrated photovoltaic BIPV_UPV.pdf
20250228 LYD VKU AI Blended-Learning.pptx
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
The Rise and Fall of 3GPP – Time for a Sabbatical?
Mobile App Security Testing_ A Comprehensive Guide.pdf
Empathic Computing: Creating Shared Understanding
Programs and apps: productivity, graphics, security and other tools
Diabetes mellitus diagnosis method based random forest with bat algorithm
Spectroscopy.pptx food analysis technology
Encapsulation theory and applications.pdf
Big Data Technologies - Introduction.pptx
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Electronic commerce courselecture one. Pdf

Create - Decoupled CMS interface