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

Develop Your CMS In Your CMS

May 18, 2015

Download

Technology

p4geoff

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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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