Development Playbook Application With Adobe AIR 2.5 and QNX SDK

Oleh : Tubagus Saepul Anwar20 Januari 2011

Siapakah Saya ?(Tubagus Saepul Anwar)Senior Flex/AIR Developer di PT.

Ciptadana Capital.Mengerjakan pengembangan software

Financial dan Stock TradingBerorientasi pada User Experience,

Usability, dan GUISeorang Mahasiswa S2 MKOM di

Budi LuhurAnggota AUGI (Adobe User Group

Indonesia)

Apakah itu Playbook?Playbook adalah gadget berbentuk

tablet yang dikeluarkan oleh RIM (Research In Motion)

Playbook Memiliki OS bernama QNXMulti TaskingDapat terhubung dengan BB (BBM,

Email, Calender, Push Teknology)Cocok Untuk Game dan MultimediaSupport Adobe AIR

Detil Fitur Playbook1 GHz dual core processor1 GB RAMHigh Fidelity Webkit browserFull Adobe Flash 10.1 supportHigh Definition cameras (3 MP front, 5 MP

rear)1080p HD Video (H.264, MPEG4, WMV video

ouput)7” LCD Display 1024x600 pxWiFi 802.11 a/b/g/nMicro USB dan Micro HDMIBerat 400 g

Gambar Playbook

Apa yang baru di AIR 2.5?

• Adobe AIR for Mobile• Adobe AIR for TV• Adobe AIR for

Desktop

Struktur Adobe AIR

Detil AIR 2.5http://kb2.adobe.com/cps/868/

cpsid_86822.html#main_What's new in AIR 2.5

http://blogs.adobe.com/air/2010/10/adobe-air-2-is-now-available.html

Adobe AIR For MobileMendukung Android (.apk)Mendukung Playbook (.bar)

Adobe AIR for DesktopBisa Berjalan di OS Linux, Mac,

dan WindowsDistribusi Applikasi (*.air, DMG,

EXE)Bisa sebagai Native aplikasi

(*.exe, *.app, etc)Custum ChromeRich Component Library

Apa saja yang mesti dipersiapkan?Adobe Flash Builder BurritoSDK PlaybookSimulator

Link Download Flash Builder Burito dan Playbook SDKhttp://labs.adobe.com/technologi

es/flashbuilder_burrito/http://us.blackberry.com/develop

ers/tablet/adobe.jsp

UI Component QNXButtonIconButtonCheckBoxRadioButtonLabelButton

UI Component QNXToggleSwitchListDropDownScrollPaneDan lain – lain

See http://www.blackberry.com/developers/docs/airapi/1.0.0/index.html?

SKINNINGDapat Menggunakan ImageDapat menggunakan class

Graphic

SKINNINGSkinStates.DISABLEDSkinStates.DISABLED_SELECTEDSkinStates.DOWNSkinStates.DOWN_SELECTEDSkinStates.FOCUSSkinStates.SELECTEDSkinStates.UPSkinStates.UP_ODD

SKINNING

Itegrasi API QNX dan DeviceCameraDevice SensorSwipe GestureApplication Life CycleDevice InformationActivity IndicatorBatery Level dan EventSqliteFile I/ODialog

Camera capabilitiesCamera Class Support -

Mendukung Pemilihan kamera depan dan belakang

Camera UI class – Bisa menjalankan kamera, mengambil video dan gambar

CameraRoll class – Bisa memilih gambar dari kamare Roll, dan menambah ke kamera roll

Device sensorMendukung Standar AIR

accelerometerMendukung AIR Geolocation

Application LifecycleMenerima Event dari

NativeApplicationApps being invoked –

InvokeEvent.INVOKEApps become active –

Event.ACTIVATEApps going into background –

Event.DEACTIVE

Swipe GestureQNXApplicationEvent.SWIPE_DO

WNQNXApplicationEvent.SWIPE_STA

RT

Device Information

Battery LevelBattery StateHardware IDDevice OSDevice PINPlatform VersionVendor ID

• Capture Batter event for app lifecyle

• Indentify your user based on PIN

• Identify the Device OS functionality

Device Information

Private var device:Device = qnx.system.Device.device;

Var os:Label = new Label();Os.text = “Device OS” +device.os

Activity IndicatorMenampilkan animasi progress

selama melakukan operasi

This.activityIndicator = new ActivityIndicator();

activityIndicator.x = 100;activityIndicator.y = 100;activityIndicator.animate(true);addChild(this.activityIndicator)

Battery Level dan EventDeviceBatteryEvent.LEVEL_CHAN

GE, berisi Info Level dari BatteryDeviceBatteryEvent.STATE_CHAN

GE , berisi info state CHARGING, FULL, UKNWON, UNPLUGGED

Penyimpanan di PlaybookMenggunakan shareObjectMenggunakan SQLiteMenggunakan File

SQLite APIsSQLConnection - open() – Synchronous; - openAsync() – Asynchronous - loadSchema() – Database shema - bisa Enkrip dataSQLStatement - text – SQL Commands - execute() SQLError - details/DetailsID – SQL error message - operation – SQL command causing error

Bisakah Menggabungkan QNX dengan Flex Hero (AIR 2.5)?

Apakah Bisa Development untuk Playbook Juga Berjalan Pada Android?

Bagaimana Manajemen Performance?Strong data typing and code

optimizationFramework ArsitekturFormat Data Services

[Read This] – Menejemen Peformancehttp://insideria.com/2010/11/flas

h-player-101-mobile-optimi.htmlhttp://z-prox.appspot.com/

www.adobe.com/devnet/air/articles/10_tips_building_on_air.html

Apa perbedaan QNX dengan Flex Hero?

ServicesHTTServiceURLRequestWebservices (SOAP)RemoteObjectMessanging Service (Push)Socket

Format DataXMLJSON (Javascript Object Notation)AMFTEXTYAML

Link YAML & JSONhttp://as3yaml.googlecode.com/s

vn/trunk/docs/index.htmlhttp://flexonrails.net/?cat=35https://github.com/mikechambers

/as3corelibhttp://www.mikechambers.com/

blog/2006/03/28/tutorial-using-json-with-flex-2-and-actionscript-3/

Demo G-SPOTSingkatan dari Gayaku-SpotMemuat informasi Sinema, TV,

Shopping, Sport, BMG, Info Kost, dan Event

Waktu Pengerjaan 15 HARI

Team G-SpotTubagus Saepul Anwar (Framework

dan UI) @tubagus99Yoga Pratama (Data Provider)

@si_odongAdi Pamungkas (UI)

@adhipamungkasYoanudin (UX) @jowant

Thanks to :- www.inkuiri.com

Terima KasihFlexIndonesia.blogspot.com

anwartubagus@gmail.com

Resource [1]http://www.blackberry.com/devel

opers/docs/airapi/1.0.0/index.html

http://www.adobe.com/devnet/devices/articles/blackberry_tablet_os_sdk.html

http://www.unitedmindset.com/jonbcampos/2010/10/25/flex-4-5-mobile-development-post-burrito/

http://insideria.com/2010/08/detecting-screen-orientation-i.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+oreilly/insideria+(InsideRIA)

Resource [2]http://supportforums.blackberry.c

om/t5/Tablet-OS-SDK-for-Adobe-AIR/Flex-for-the-BlackBerry-PlayBook-in-90-Minutes/ta-p/720803

http://us.blackberry.com/developers/tablet/adobe.jsp