Ajax in AIR from On AIR Tour Europe

Andre Charland, CEO, Nitobiwww.nitobi.com

+ Ajax

Nitobi.com

This Talk

• About Me and Nitobi

• Ajax Frameworks in AIR

• Demos

• Code

Nitobi.com

André Charland

Nitobi.com

Nitobi

Nitobi.com

Nitobi Customers

Nitobi.com

AIR Features

• File I/O

• Native Windowing

• Menuing

• Online/Offline Detection

• Chrome Control

• Local Storage

• System Notifications

• Auto Updates

• SQLite Database

• Background Processes

• Drag and Drop

• Clipboard

Nitobi.com

Why Ajax in AIR?

• Code Reuse

• Skills Reuse

• HTML is REALLY good at some things

• Maintain UI patterns

• JavaScript is growing

Nitobi.com

Languages

Nitobi.com

Book Sales Since 2003

http://radar.oreilly.com/archives/2008/03/state-of-the-computer-book-mar-22.html

Nitobi.com

Ajax Frameworks • EXT

• Dojo

• Adobe Spry

• Script.aculo.us

• Google Web Toolkit

• Mochikit

• Yahoo User Interface Library

• Direct Web Remoting (DWR)

• JQuery

RicoASP.NET Ajax

(Atlas)CakePHPAjaxTagsDjango

Rails-supportedSarissaSAJAXXAJAXRialto

NitobiBackbaseTIBCO

NexawebLaszlo

TelerikInfragistics

IceSoftActiveWidgets

Dart

GaiaAjax.NETAjaxium

Anthem.NETAjaxAspects

BitkraftComfortASP.

NETemergetkFastPage

MagicAjax.NET

mxAjax

CajaxClaw

FURIAGuavaHTSjPOP

JPSpanMy-BICKumbia

NanoAjaxNoculo

PHPLiveXPicoraQcodosniPEARSymfonyPAJAXPAJAJ

TigermouseXOAD

PHPLiveXPicoraQcodosniPEARSymfonyPAJAXPAJAJ

TigermouseXOADZephyrADFADL

RestletSWATOTacos

TelosysThinkCAP JX

WicketWidgetServer

WonderXANDRA

xWireZK

AJASONaSSL

AjaxACAjax Agent

CajaxClaw

FURIAGuavaHTSjPOP

JPSpanMy-BICKumbia`

CernyEXT

JackBeJavelineJsLINBJsRia

MacaoOpenLink

Plex ToolkitQooxdoo

IWFZimbra AjaxTk

JuiseLibAjaxCallerAjaxGears

AjaxToolboxAJFORM

Jx/jxsLokrisMAJAXRSLiteSack

UniAjaxXHConn

Ajax Client Engine

Ajax Queue Class

LumberjackJSLog

jsTracerCAPXOUS

Walter Zorn Framework

SmartClientSubsys_jsHttpR

equestThyAPITIBET

twoBirds

AjaxCFCJSMX

WDDXAJAX

AkelosAModules3AJASON

aSSLAjaxAC

Ajax Agent

MOJOZapatec

ComponentOne

FarpointDevExpress

Janus

Nitobi.com

Ajax in AIR

Apps

Sites

Nitobi.com

Code Hinting jQuery

Nitobi.com

Code Hinting ExtJS

Nitobi.com

JavaScript Everywhere!

WEB

DESKTOP

MOBILE

Nitobi.com

Snitter

getsnitter.com

Nitobi.com

Nitobi.com

SalesForce.com Client

Nitobi.com

Nitobi.com

Scrutinizer

about.stompernet.com/scrutinizer

Nitobi.com

Nitobi.com

sh.AIR

nitobi.com

Nitobi.com

Drag and Drop• Event listeners

•Event handlers

Nitobi.com

Writing Files to Disk

• Use FileStream to write to the disk

• Deposit file on Desktop or any other location

Nitobi.com

Mac Doc Wanna Be

<img src="grabby.png" onmousedown="window.nativeWindow.startMove();" />

Build it with Dreamweaver

Nitobi.com

Same CodeSA

ME

COD

E

Nitobi.com

Fisheye

Nitobi.com

Ajax Component Themes

Nitobi.com

Usability Pitfalls

• Keyboard shortcuts

• Activity indicators

• minimize, move, close when ‘chromeless’

• Mouse hints, invitations, tool tips

Nitobi.com

A Few More Ideas

• File Uploading and Syncing

• Dashboard

• Games

• Collaboration

• Touch screens and kiosks

• Companion applications

Nitobi.com

AIR Resources

• OnAIR Site

• http://onair.adobe.om

• Enterprise Ajax

• www.enterpriseajax.com

• Kevin Hoyt’s AIR Examples

• http://blog.kevinhoyt.org/2007/06/27/35-air-examples-for-javascript-developers/

• AIR for JavaScript Developers (Pocket Guide)

• http://ajaxian.com/archives/adobe-air-free-book-download

• Adobe Labs Ajax Resources

• http://labs.adobe.com/technologies/air/develop_ajax.html

• Dreamweaver Extension for AIR

• http://labs.adobe.com/wiki/index.php/AIR:Dreamweaver_CS3_Extension

• AIR Downloads

• http://labs.adobe.com/downloads/air.html

nitobi.com/air/

Nitobi.com

Free Stuff for Questions?

andre@nitobi.com - blogs.nitobi.com - www.insideria.com

twitter.com/andrecharland