rapid prototyping with javascript for multiple platforms
DESCRIPTION
My presentation at JSConf.EU 2010TRANSCRIPT
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