rapid prototyping with javascript for multiple platforms

Rapid Prototyping with JavaScript for Multiple

Platforms 

You Ready?

AMERICUH!

I LIVE HERE

(Europeans may not get these jokes)

What Is Rapid Prototyping?

 Concept + Very Little Time + Dev & Design 

Rapid Prototyping ==

Research & Development

(R&D) ==

Labs Groups

Real business use cases, but most go unseenhence the word: Prototype.

Other companies are doing it too, but I can't tell you who.

Rapid prototyping is innovation on the

cheap.

  An Example Would Help 

Create a language translation app.

Lingua

Take a string or phrase and translate it to the language of

your choice.

What Devices?

MULTIPLE.

MULTIPLE.(Desktop Browser, Mobile Browser, Native

Desktop App, and Native Android App)

If we couldn't

use JavaScript..

.

But...

...we can use

JavaScript!

Tools

Tools• Node.js

Tools• Node.js

o Expresso Connect

Tools• Node.js

o Expresso Connect

• Appcelerator Titanium

Tools• Node.js

o Expresso Connect

• Appcelerator Titanium

• Phonegap

Tools• Node.js

o Expresso Connect

• Appcelerator Titanium

• Phonegap• CouchDB

Tools• Node.js

o Expresso Connect

• Appcelerator Titanium

• Phonegap• CouchDB• YQL

  What about the UI?

Design for a flexible layout, NOT a

specific device.

How?

CSS Media Queries!

Demo:Desktop Browser and

Mobile Browser

http://evented.io:3001

Demo:Native Desktop App

Demo:YQL Action

Demo:Native Android App

Demo:Offline Access with

CouchDB on Android

Conclusion?

@joemccann

github.com/joemccann