Develop Your CMS In Your CMS

12
Develop Your CMS In Your CMS Stewart Lord Technical Architect Geoff Nicol Technical Architect

description

In this session you’ll see how we embedded the cutting edge Ace code editor into Perforce Chronicle. Ace (formerly Skywriter, Bespin) is a powerful JavaScript-based editor that matches the performance and functionality of native applications such as TextMate and Vim. Using Ace, we’ll show how you can tweak existing themes and modules — or write completely new ones — from anywhere. You can deploy to the cloud and start hacking without having to configure or install anything locally. But wait, there’s more! If you attend now, we’ll also demonstrate how we used this system to integrate with Pinterest. If you haven’t heard, Pinterest is the hot new site that lets you create ‘pinboards’ to organize and share the things you love.

Transcript of Develop Your CMS In Your CMS

Page 1: Develop Your CMS In Your CMS

Develop Your CMS In Your CMS

Stewart LordTechnical Architect

Geoff NicolTechnical Architect

Page 2: Develop Your CMS In Your CMS

Overview

• Why?

• Technologies

• Embedding Ace

• Staging a Theme

• Developing a (Pinterest) Module

Page 3: Develop Your CMS In Your CMS

What’s the Point?

• Cool technology

• Cloud friendly

• No install required

• Great for themes, light development

Page 4: Develop Your CMS In Your CMS

What Is Chronicle?

Chronicle is a new CMS with branching. Uses the Perforce Engine, built on the Zend Framework and the Dojo Toolkit.

Page 5: Develop Your CMS In Your CMS

Ace

Ace is a powerful JavaScript-based editor with great performance, syntax-highlighting, code-folding, etc.

Page 6: Develop Your CMS In Your CMS

Pinterest

Pinterest is a popular photo sharing site where users 'pin' images they like.

Page 7: Develop Your CMS In Your CMS

How Does Ace Work?

• Written in JavaScript

• Started as two independent projects.

• Bespin/Skywriter used canvas. Ace uses the DOM.

• Merged in 2010 (after JSConf.eu 2010, in Berlin)

• Fast and feature rich!

Page 8: Develop Your CMS In Your CMS

How Did We Embed It?

Ace just provides a text area...

Page 9: Develop Your CMS In Your CMS

How Did We Embed It?

...Dojo and Chronicle provide everything else.

Page 10: Develop Your CMS In Your CMS

How Did We Embed It?

Backend is a simple REST-ish web service.

/ide/files/ide/paths/ide/copy/ide/move

Page 11: Develop Your CMS In Your CMS

Live Demo

IDE Overview

Stage a Theme

Create Pinterest Module