SlideShare uma empresa Scribd logo
1 de 38
Baixar para ler offline
Create.js

Decoupling Content Management
Henri Bergius

           Director of R&D
           Nemein Berlin

           @bergie

           bergie.iki.fi
"The Midgard Project is born."

         Launching our first Open Source CMS effort
                         bergie.iki.fi, April 25th 1998
http://noflojs.org/
Your CMS is a monolith


             Content
            Management
              System




 Database                File System
"We like the user interface, but our 
  IT doesn't want to run PHP"
"We wanted to have a .Net CMS, 
  but our users hate the UI"
"Marketing wants this CMS, but 
 we can't develop our app on it"
Decoupling Content Management
   Monolithic approach       Decoupled approach



                              Web Editing Tool

       Content
      Management
        System

                              Web Framework




Database       File System   Content Repository
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
Semantic CMS Community
  www.iks-project.eu
decoupledcms.org
Create.js


    Create.js is a comprehensive web editing 
 interface for Content Management Systems. It 
is designed to provide a modern, fully browser­
   based HTML5 environment for managing 
   content. Create can be adapted to work on 
   almost any content management backend. 
“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
Multi-type Collections
Image handling
Tagging and annotations




    http://szabyg.github.com/annotate.js/
Never lose content
Any language
Two faces of Create.js


                    Custom UX
 Create.js
default UX
                  Create.js widgets



 Server               Server
Symfony CMF
TYPO3 Neos
OpenCms
Drupal
Interfacing with Create.js

              Web Editing Tool




  HTML+RDFa                      JSON-LD over REST




              Web Framework
RDFa: Your Content, Explained
RDFa: Your Content, Explained
Suddenly JavaScript can understand
Bonus: SEO
Launching Create.js
JSON-LD
Framework for Semantic Interaction - viejs.org
Your decoupled CMS

         Create.js




   Your application here




    Content Repository
Decoupling means collaboration
Questions?


        @bergie

        createjs.org
        hallojs.org
        viejs.org

        decoupledcms.org

Mais conteúdo relacionado

Mais procurados

Proggis - Business Analytics with Linked Data
Proggis - Business Analytics with Linked DataProggis - Business Analytics with Linked Data
Proggis - Business Analytics with Linked DataHenri Bergius
 
Midgard2: Content repository for desktop and the web
Midgard2: Content repository for desktop and the webMidgard2: Content repository for desktop and the web
Midgard2: Content repository for desktop and the webHenri Bergius
 
Midgard Create and editing content via RDFa
Midgard Create and editing content via RDFaMidgard Create and editing content via RDFa
Midgard Create and editing content via RDFaHenri Bergius
 
Create JS - A new kind of web editing interface
Create JS  - A new kind of web editing interfaceCreate JS  - A new kind of web editing interface
Create JS - A new kind of web editing interfaceHenri Bergius
 
Connect your Javascript web app to ownCloud over the WebDAV interface
Connect your Javascript web app to ownCloud over the WebDAV interface Connect your Javascript web app to ownCloud over the WebDAV interface
Connect your Javascript web app to ownCloud over the WebDAV interface Ilian Sapundshiev
 
Front end architecture
Front end architectureFront end architecture
Front end architectureRemus Langu
 
Node.js - Greece JS Meetup 2012
Node.js - Greece JS Meetup 2012Node.js - Greece JS Meetup 2012
Node.js - Greece JS Meetup 2012Kostas Karolemeas
 
WebDAV - April 15 2008
WebDAV - April 15 2008WebDAV - April 15 2008
WebDAV - April 15 2008sullis
 
Editable Documents on the Web
Editable Documents on the WebEditable Documents on the Web
Editable Documents on the WebMarkku Laine
 
PHPCR - Standard Content Repository for PHP
PHPCR - Standard Content Repository for PHPPHPCR - Standard Content Repository for PHP
PHPCR - Standard Content Repository for PHPHenri Bergius
 
Drupal 7 for Government Case Study: Presentation at DrupalCamp Montreal 2012
Drupal 7 for Government Case Study: Presentation at DrupalCamp Montreal 2012Drupal 7 for Government Case Study: Presentation at DrupalCamp Montreal 2012
Drupal 7 for Government Case Study: Presentation at DrupalCamp Montreal 2012Suzanne Dergacheva
 
Introduction:
Introduction:Introduction:
Introduction:Reema
 
Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3Karambir Singh Nain
 
Going mobile with RichFaces
Going mobile with RichFacesGoing mobile with RichFaces
Going mobile with RichFacesLukáš Fryč
 
The Complete React Learning Course
The Complete React Learning CourseThe Complete React Learning Course
The Complete React Learning CourseRakhi Lambha
 
Building Custom Visual Composer Elements
Building Custom Visual Composer ElementsBuilding Custom Visual Composer Elements
Building Custom Visual Composer ElementsBurak Dogan
 

Mais procurados (20)

Proggis - Business Analytics with Linked Data
Proggis - Business Analytics with Linked DataProggis - Business Analytics with Linked Data
Proggis - Business Analytics with Linked Data
 
Midgard2: Content repository for desktop and the web
Midgard2: Content repository for desktop and the webMidgard2: Content repository for desktop and the web
Midgard2: Content repository for desktop and the web
 
Midgard Create and editing content via RDFa
Midgard Create and editing content via RDFaMidgard Create and editing content via RDFa
Midgard Create and editing content via RDFa
 
Create JS - A new kind of web editing interface
Create JS  - A new kind of web editing interfaceCreate JS  - A new kind of web editing interface
Create JS - A new kind of web editing interface
 
Orion
OrionOrion
Orion
 
Connect your Javascript web app to ownCloud over the WebDAV interface
Connect your Javascript web app to ownCloud over the WebDAV interface Connect your Javascript web app to ownCloud over the WebDAV interface
Connect your Javascript web app to ownCloud over the WebDAV interface
 
Front end architecture
Front end architectureFront end architecture
Front end architecture
 
Node.js - Greece JS Meetup 2012
Node.js - Greece JS Meetup 2012Node.js - Greece JS Meetup 2012
Node.js - Greece JS Meetup 2012
 
WebDAV - April 15 2008
WebDAV - April 15 2008WebDAV - April 15 2008
WebDAV - April 15 2008
 
Orion - IDE on the cloud
Orion - IDE on the cloudOrion - IDE on the cloud
Orion - IDE on the cloud
 
Editable Documents on the Web
Editable Documents on the WebEditable Documents on the Web
Editable Documents on the Web
 
PHPCR - Standard Content Repository for PHP
PHPCR - Standard Content Repository for PHPPHPCR - Standard Content Repository for PHP
PHPCR - Standard Content Repository for PHP
 
Drupal 7 for Government Case Study: Presentation at DrupalCamp Montreal 2012
Drupal 7 for Government Case Study: Presentation at DrupalCamp Montreal 2012Drupal 7 for Government Case Study: Presentation at DrupalCamp Montreal 2012
Drupal 7 for Government Case Study: Presentation at DrupalCamp Montreal 2012
 
Introduction:
Introduction:Introduction:
Introduction:
 
Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3Building a Better Web with HTML5 and CSS3
Building a Better Web with HTML5 and CSS3
 
Going mobile with RichFaces
Going mobile with RichFacesGoing mobile with RichFaces
Going mobile with RichFaces
 
Modern Javascript
Modern JavascriptModern Javascript
Modern Javascript
 
The Complete React Learning Course
The Complete React Learning CourseThe Complete React Learning Course
The Complete React Learning Course
 
Enterprise Griffon
Enterprise GriffonEnterprise Griffon
Enterprise Griffon
 
Building Custom Visual Composer Elements
Building Custom Visual Composer ElementsBuilding Custom Visual Composer Elements
Building Custom Visual Composer Elements
 

Destaque

Location-aware applications with GeoClue
Location-aware applications with GeoClueLocation-aware applications with GeoClue
Location-aware applications with GeoClueHenri Bergius
 
Midgard2 - Content Repository for mobile applications
Midgard2 - Content Repository for mobile applicationsMidgard2 - Content Repository for mobile applications
Midgard2 - Content Repository for mobile applicationsHenri Bergius
 
Kevin Kelly Capitulo 7
Kevin Kelly Capitulo 7Kevin Kelly Capitulo 7
Kevin Kelly Capitulo 7Raul Cordova
 
Nemein ja Midgard - yritys open source -projektin keskipisteessä
Nemein ja Midgard - yritys open source -projektin keskipisteessäNemein ja Midgard - yritys open source -projektin keskipisteessä
Nemein ja Midgard - yritys open source -projektin keskipisteessäHenri Bergius
 
NoFlo - Flow-Based Programming for Node.js
NoFlo - Flow-Based Programming for Node.jsNoFlo - Flow-Based Programming for Node.js
NoFlo - Flow-Based Programming for Node.jsHenri Bergius
 

Destaque (6)

Location-aware applications with GeoClue
Location-aware applications with GeoClueLocation-aware applications with GeoClue
Location-aware applications with GeoClue
 
Midgard2 - Content Repository for mobile applications
Midgard2 - Content Repository for mobile applicationsMidgard2 - Content Repository for mobile applications
Midgard2 - Content Repository for mobile applications
 
Kevin Kelly Capitulo 7
Kevin Kelly Capitulo 7Kevin Kelly Capitulo 7
Kevin Kelly Capitulo 7
 
Nemein ja Midgard - yritys open source -projektin keskipisteessä
Nemein ja Midgard - yritys open source -projektin keskipisteessäNemein ja Midgard - yritys open source -projektin keskipisteessä
Nemein ja Midgard - yritys open source -projektin keskipisteessä
 
NoFlo - Flow-Based Programming for Node.js
NoFlo - Flow-Based Programming for Node.jsNoFlo - Flow-Based Programming for Node.js
NoFlo - Flow-Based Programming for Node.js
 
200531063exam
200531063exam200531063exam
200531063exam
 

Semelhante a Decoupling Content Management with Create.js

Midgard Create and VIE
Midgard Create and VIEMidgard Create and VIE
Midgard Create and VIEHenri Bergius
 
Choosing A Web Cms And Intro To Modx
Choosing A Web Cms And Intro To ModxChoosing A Web Cms And Intro To Modx
Choosing A Web Cms And Intro To Modxcallmejoe
 
Open Source Content Management Systems
Open Source Content Management SystemsOpen Source Content Management Systems
Open Source Content Management Systemskrishnapriya Tadepalli
 
BEdita, a development platform
BEdita, a development platformBEdita, a development platform
BEdita, a development platformStefano Rosanelli
 
Web Application Development Tools for Creating Perfect User Experience
Web Application Development Tools for Creating Perfect User ExperienceWeb Application Development Tools for Creating Perfect User Experience
Web Application Development Tools for Creating Perfect User ExperienceChromeInfo Technologies
 
Wcms2009Open Source Web Content Management System
Wcms2009Open Source Web Content Management SystemWcms2009Open Source Web Content Management System
Wcms2009Open Source Web Content Management SystemUmesha Naik
 
Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...
Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...
Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...Shift Conference
 
Hci 590 Content Management Systems Week1 090330
Hci 590 Content Management Systems   Week1 090330Hci 590 Content Management Systems   Week1 090330
Hci 590 Content Management Systems Week1 090330bhenkel
 
Ghost BLOG CMS Documentation via www.cemates.me
Ghost BLOG CMS Documentation via www.cemates.meGhost BLOG CMS Documentation via www.cemates.me
Ghost BLOG CMS Documentation via www.cemates.meHüseyin Cem Ateş
 
Top 5 open source cms
Top 5 open source cmsTop 5 open source cms
Top 5 open source cmsTechAhead
 
8 Most Popular Content Management Systems (CMS)
8 Most Popular Content Management Systems (CMS)8 Most Popular Content Management Systems (CMS)
8 Most Popular Content Management Systems (CMS)pluckymercenary67
 
6 Week / Month Industrial Training in Hoshiarpur Punjab- PHP Project Report
6 Week / Month Industrial Training in Hoshiarpur Punjab- PHP Project Report 6 Week / Month Industrial Training in Hoshiarpur Punjab- PHP Project Report
6 Week / Month Industrial Training in Hoshiarpur Punjab- PHP Project Report c-tac
 
MicroFrontends für Microservices
MicroFrontends für MicroservicesMicroFrontends für Microservices
MicroFrontends für MicroservicesComsysto Reply GmbH
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
 
Web Application Development
Web Application DevelopmentWeb Application Development
Web Application DevelopmentSanjay Kumar
 

Semelhante a Decoupling Content Management with Create.js (20)

Midgard Create and VIE
Midgard Create and VIEMidgard Create and VIE
Midgard Create and VIE
 
Choosing A Web Cms And Intro To Modx
Choosing A Web Cms And Intro To ModxChoosing A Web Cms And Intro To Modx
Choosing A Web Cms And Intro To Modx
 
Open Source Content Management Systems
Open Source Content Management SystemsOpen Source Content Management Systems
Open Source Content Management Systems
 
BEdita, a development platform
BEdita, a development platformBEdita, a development platform
BEdita, a development platform
 
Web Application Development Tools for Creating Perfect User Experience
Web Application Development Tools for Creating Perfect User ExperienceWeb Application Development Tools for Creating Perfect User Experience
Web Application Development Tools for Creating Perfect User Experience
 
Wcms2009Open Source Web Content Management System
Wcms2009Open Source Web Content Management SystemWcms2009Open Source Web Content Management System
Wcms2009Open Source Web Content Management System
 
Tech talk webtech
Tech talk webtechTech talk webtech
Tech talk webtech
 
mini-project.pptx
mini-project.pptxmini-project.pptx
mini-project.pptx
 
Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...
Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...
Shift Remote FRONTEND: Optimizing Content Management with the Headless CMS - ...
 
Hci 590 Content Management Systems Week1 090330
Hci 590 Content Management Systems   Week1 090330Hci 590 Content Management Systems   Week1 090330
Hci 590 Content Management Systems Week1 090330
 
Tech talk php_cms
Tech talk php_cmsTech talk php_cms
Tech talk php_cms
 
Ghost BLOG CMS Documentation via www.cemates.me
Ghost BLOG CMS Documentation via www.cemates.meGhost BLOG CMS Documentation via www.cemates.me
Ghost BLOG CMS Documentation via www.cemates.me
 
Top 5 open source cms
Top 5 open source cmsTop 5 open source cms
Top 5 open source cms
 
8 Most Popular Content Management Systems (CMS)
8 Most Popular Content Management Systems (CMS)8 Most Popular Content Management Systems (CMS)
8 Most Popular Content Management Systems (CMS)
 
6 Week / Month Industrial Training in Hoshiarpur Punjab- PHP Project Report
6 Week / Month Industrial Training in Hoshiarpur Punjab- PHP Project Report 6 Week / Month Industrial Training in Hoshiarpur Punjab- PHP Project Report
6 Week / Month Industrial Training in Hoshiarpur Punjab- PHP Project Report
 
A First Look At Drupal
A First Look At DrupalA First Look At Drupal
A First Look At Drupal
 
MicroFrontends für Microservices
MicroFrontends für MicroservicesMicroFrontends für Microservices
MicroFrontends für Microservices
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Web Application Development
Web Application DevelopmentWeb Application Development
Web Application Development
 
Website 101
Website 101Website 101
Website 101
 

Mais de Henri Bergius

Bisnesdata - Tietojärjestelmien kätköistä tableteille
Bisnesdata - Tietojärjestelmien kätköistä tableteilleBisnesdata - Tietojärjestelmien kätköistä tableteille
Bisnesdata - Tietojärjestelmien kätköistä tableteilleHenri Bergius
 
Symfony2 for Midgard Developers
Symfony2 for Midgard DevelopersSymfony2 for Midgard Developers
Symfony2 for Midgard DevelopersHenri Bergius
 
Location awareness in MeeGo
Location awareness in MeeGoLocation awareness in MeeGo
Location awareness in MeeGoHenri Bergius
 
Midgard2 Content Repository at FSCONS 2009
Midgard2 Content Repository at FSCONS 2009Midgard2 Content Repository at FSCONS 2009
Midgard2 Content Repository at FSCONS 2009Henri Bergius
 
Location-aware desktop
Location-aware desktopLocation-aware desktop
Location-aware desktopHenri Bergius
 
Midgard and the Interactive Knowledge System
Midgard and the Interactive Knowledge SystemMidgard and the Interactive Knowledge System
Midgard and the Interactive Knowledge SystemHenri Bergius
 
Midgard 2 - The cloud you can control
Midgard 2 - The cloud you can controlMidgard 2 - The cloud you can control
Midgard 2 - The cloud you can controlHenri Bergius
 
Attention Profiling for smarter web services
Attention Profiling for smarter web servicesAttention Profiling for smarter web services
Attention Profiling for smarter web servicesHenri Bergius
 
GeoClue - geo-information framework
GeoClue - geo-information frameworkGeoClue - geo-information framework
GeoClue - geo-information frameworkHenri Bergius
 
GeoClue - geo-information framework
GeoClue - geo-information frameworkGeoClue - geo-information framework
GeoClue - geo-information frameworkHenri Bergius
 

Mais de Henri Bergius (12)

Bisnesdata - Tietojärjestelmien kätköistä tableteille
Bisnesdata - Tietojärjestelmien kätköistä tableteilleBisnesdata - Tietojärjestelmien kätköistä tableteille
Bisnesdata - Tietojärjestelmien kätköistä tableteille
 
Symfony2 for Midgard Developers
Symfony2 for Midgard DevelopersSymfony2 for Midgard Developers
Symfony2 for Midgard Developers
 
Location awareness in MeeGo
Location awareness in MeeGoLocation awareness in MeeGo
Location awareness in MeeGo
 
Midgard2 Content Repository at FSCONS 2009
Midgard2 Content Repository at FSCONS 2009Midgard2 Content Repository at FSCONS 2009
Midgard2 Content Repository at FSCONS 2009
 
OSM2Go
OSM2GoOSM2Go
OSM2Go
 
Location-aware desktop
Location-aware desktopLocation-aware desktop
Location-aware desktop
 
Midgard and the Interactive Knowledge System
Midgard and the Interactive Knowledge SystemMidgard and the Interactive Knowledge System
Midgard and the Interactive Knowledge System
 
Midgard 2 - The cloud you can control
Midgard 2 - The cloud you can controlMidgard 2 - The cloud you can control
Midgard 2 - The cloud you can control
 
Attention Profiling for smarter web services
Attention Profiling for smarter web servicesAttention Profiling for smarter web services
Attention Profiling for smarter web services
 
GeoClue - geo-information framework
GeoClue - geo-information frameworkGeoClue - geo-information framework
GeoClue - geo-information framework
 
GeoClue - geo-information framework
GeoClue - geo-information frameworkGeoClue - geo-information framework
GeoClue - geo-information framework
 
GeoClue and Gypsy
GeoClue and GypsyGeoClue and Gypsy
GeoClue and Gypsy
 

Decoupling Content Management with Create.js