Development Playbook Application With Adobe AIR 2.5 and QNX SDK<br />Oleh :<br />TubagusSaepul Anwar<br />20 Januari 2011<...
SiapakahSaya?(TubagusSaepul Anwar)<br />Senior Flex/AIR Developer di PT. CiptadanaCapital.<br />Mengerjakanpengembangan so...
Apakahitu Playbook?<br />Playbook adalah gadget berbentuk tablet yang dikeluarkanoleh RIM (Research In Motion)<br />Playbo...
DetilFitur Playbook<br />1 GHz dual core processor<br />1 GB RAM<br />High Fidelity Webkit browser<br />Full Adobe Flash 1...
Gambar Playbook<br />
Apa yang barudi AIR 2.5?<br /><ul><li>Adobe AIR for Mobile
Adobe AIR for TV
Adobe AIR for Desktop</li></li></ul><li>Struktur Adobe AIR<br />
Detil AIR 2.5<br />http://kb2.adobe.com/cps/868/cpsid_86822.html#main_What's new in AIR 2.5<br />http://blogs.adobe.com/ai...
Adobe AIR For Mobile<br />Mendukung Android     (.apk)<br />Mendukung Playbook    (.bar)<br />
Adobe AIR for Desktop<br />BisaBerjalandi OS Linux, Mac, dan Windows<br />DistribusiApplikasi (*.air, DMG, EXE)<br />Bisas...
Apasaja yang mestidipersiapkan?<br />Adobe Flash Builder Burrito<br />SDK Playbook<br />Simulator<br />
Link Download Flash Builder Buritodan Playbook SDK<br />http://labs.adobe.com/technologies/flashbuilder_burrito/<br />http...
UI Component QNX<br />Button<br />IconButton<br />CheckBox<br />RadioButton<br />LabelButton<br />
UI Component QNX<br />ToggleSwitch<br />List<br />DropDown<br />ScrollPane<br />Dan lain – lain<br />See http://www.blackb...
SKINNING<br />DapatMenggunakan Image<br />Dapatmenggunakan class Graphic<br />
SKINNING<br />SkinStates.DISABLED<br />SkinStates.DISABLED_SELECTED<br />SkinStates.DOWN<br />SkinStates.DOWN_SELECTED<br ...
SKINNING<br />
Itegrasi API QNX dan Device<br />Camera<br />Device Sensor<br />Swipe Gesture<br />Application Life Cycle<br />Device Info...
Camera capabilities<br />Camera Class Support - MendukungPemilihankameradepandanbelakang<br />Camera UI class – Bisamenjal...
Device sensor<br />MendukungStandar AIR accelerometer<br />Mendukung AIR Geolocation<br />
Application Lifecycle<br />Menerima Event dariNativeApplication<br />Apps being invoked – InvokeEvent.INVOKE<br />Apps bec...
Swipe Gesture<br />QNXApplicationEvent.SWIPE_DOWN<br />QNXApplicationEvent.SWIPE_START<br />
Device Information<br />Battery Level<br />Battery State<br />Hardware ID<br />Device OS<br />Device PIN<br />Platform Ver...
Indentify your user based on PIN
Identify the Device OS functionality</li></li></ul><li>Device Information<br />Private vardevice:Device = qnx.system.Devic...
Activity Indicator<br />Menampilkananimasi progress selamamelakukanoperasi<br />This.activityIndicator = new ActivityIndic...
Battery Level dan Event<br />DeviceBatteryEvent.LEVEL_CHANGE, berisi Info Level dari Battery<br />DeviceBatteryEvent.STATE...
Penyimpanandi Playbook<br />MenggunakanshareObject<br />MenggunakanSQLite<br />Menggunakan File<br />
SQLite APIs<br />SQLConnection<br />    - open() – Synchronous;<br />    - openAsync() – Asynchronous<br />    - loadSchem...
BisakahMenggabungkan QNX dengan Flex Hero (AIR 2.5)?<br />
ApakahBisa Development untuk Playbook JugaBerjalanPada Android?<br />
BagaimanaManajemen Performance?<br />Strong data typing and code optimization<br />Framework Arsitektur<br />Format Data S...
[Read This] – MenejemenPeformance<br />http://insideria.com/2010/11/flash-player-101-mobile-optimi.html<br />http://z-prox...
Apaperbedaan QNX dengan Flex Hero?<br />
Services<br />HTTService<br />URLRequest<br />Webservices (SOAP)<br />RemoteObject<br />Messanging Service (Push)<br />Soc...
Format Data<br />XML<br />JSON (Javascript Object Notation)<br />AMF<br />TEXT<br />YAML<br />
Link YAML & JSON<br />http://as3yaml.googlecode.com/svn/trunk/docs/index.html<br />http://flexonrails.net/?cat=35<br />htt...
Demo G-SPOT<br />SingkatandariGayaku-Spot<br />MemuatinformasiSinema, TV, Shopping, Sport, BMG, Info Kost, danEvent<br />W...
Team G-Spot<br />TubagusSaepul Anwar (Framework dan UI) @tubagus99<br />Yoga Pratama (Data Provider) @si_odong<br />AdiPam...
TerimaKasihFlexIndonesia.blogspot.com<br />anwartubagus@gmail.com<br />
Upcoming SlideShare
Loading in …5
×

Development Playbook Application With Adobe AIR 2.5 and QNX SDK

2,602 views

Published on

Development Playbook Application With Adobe AIR 2.5 and QNX SDK

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,602
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
28
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Development Playbook Application With Adobe AIR 2.5 and QNX SDK

  1. 1. Development Playbook Application With Adobe AIR 2.5 and QNX SDK<br />Oleh :<br />TubagusSaepul Anwar<br />20 Januari 2011<br />
  2. 2. SiapakahSaya?(TubagusSaepul Anwar)<br />Senior Flex/AIR Developer di PT. CiptadanaCapital.<br />Mengerjakanpengembangan software FinancialdanStock Trading<br />BerorientasipadaUser Experience, Usability, danGUI<br />SeorangMahasiswa S2 MKOM di Budi Luhur<br />AnggotaAUGI (Adobe User Group Indonesia)<br />
  3. 3. Apakahitu Playbook?<br />Playbook adalah gadget berbentuk tablet yang dikeluarkanoleh RIM (Research In Motion)<br />Playbook Memiliki OS bernama QNX<br />Multi Tasking<br />Dapatterhubungdengan BB (BBM, Email, Calender, Push Teknology)<br />CocokUntuk Game dan Multimedia<br />Support Adobe AIR<br />
  4. 4. DetilFitur Playbook<br />1 GHz dual core processor<br />1 GB RAM<br />High Fidelity Webkit browser<br />Full Adobe Flash 10.1 support<br />High Definition cameras (3 MP front, 5 MP rear)<br />1080p HD Video (H.264, MPEG4, WMV video ouput)<br />7” LCD Display 1024x600 px<br />WiFi 802.11 a/b/g/n<br />Micro USB dan Micro HDMI<br />Berat 400 g<br />
  5. 5. Gambar Playbook<br />
  6. 6. Apa yang barudi AIR 2.5?<br /><ul><li>Adobe AIR for Mobile
  7. 7. Adobe AIR for TV
  8. 8. Adobe AIR for Desktop</li></li></ul><li>Struktur Adobe AIR<br />
  9. 9. Detil AIR 2.5<br />http://kb2.adobe.com/cps/868/cpsid_86822.html#main_What's new in AIR 2.5<br />http://blogs.adobe.com/air/2010/10/adobe-air-2-is-now-available.html<br />
  10. 10. Adobe AIR For Mobile<br />Mendukung Android (.apk)<br />Mendukung Playbook (.bar)<br />
  11. 11. Adobe AIR for Desktop<br />BisaBerjalandi OS Linux, Mac, dan Windows<br />DistribusiApplikasi (*.air, DMG, EXE)<br />Bisasebagai Native aplikasi (*.exe, *.app, etc)<br />Custum Chrome<br />Rich Component Library<br />
  12. 12. Apasaja yang mestidipersiapkan?<br />Adobe Flash Builder Burrito<br />SDK Playbook<br />Simulator<br />
  13. 13. Link Download Flash Builder Buritodan Playbook SDK<br />http://labs.adobe.com/technologies/flashbuilder_burrito/<br />http://us.blackberry.com/developers/tablet/adobe.jsp<br />
  14. 14. UI Component QNX<br />Button<br />IconButton<br />CheckBox<br />RadioButton<br />LabelButton<br />
  15. 15. UI Component QNX<br />ToggleSwitch<br />List<br />DropDown<br />ScrollPane<br />Dan lain – lain<br />See http://www.blackberry.com/developers/docs/airapi/1.0.0/index.html?<br />
  16. 16. SKINNING<br />DapatMenggunakan Image<br />Dapatmenggunakan class Graphic<br />
  17. 17. SKINNING<br />SkinStates.DISABLED<br />SkinStates.DISABLED_SELECTED<br />SkinStates.DOWN<br />SkinStates.DOWN_SELECTED<br />SkinStates.FOCUS<br />SkinStates.SELECTED<br />SkinStates.UP<br />SkinStates.UP_ODD<br />
  18. 18. SKINNING<br />
  19. 19. Itegrasi API QNX dan Device<br />Camera<br />Device Sensor<br />Swipe Gesture<br />Application Life Cycle<br />Device Information<br />Activity Indicator<br />Batery Level dan Event<br />Sqlite<br />File I/O<br />Dialog<br />
  20. 20. Camera capabilities<br />Camera Class Support - MendukungPemilihankameradepandanbelakang<br />Camera UI class – Bisamenjalankankamera, mengambil video dangambar<br />CameraRoll class – Bisamemilihgambardarikamare Roll, danmenambahkekamera roll<br />
  21. 21. Device sensor<br />MendukungStandar AIR accelerometer<br />Mendukung AIR Geolocation<br />
  22. 22. Application Lifecycle<br />Menerima Event dariNativeApplication<br />Apps being invoked – InvokeEvent.INVOKE<br />Apps become active – Event.ACTIVATE<br />Apps going into background – Event.DEACTIVE<br />
  23. 23. Swipe Gesture<br />QNXApplicationEvent.SWIPE_DOWN<br />QNXApplicationEvent.SWIPE_START<br />
  24. 24. Device Information<br />Battery Level<br />Battery State<br />Hardware ID<br />Device OS<br />Device PIN<br />Platform Version<br />Vendor ID<br /><ul><li>Capture Batter event for app lifecyle
  25. 25. Indentify your user based on PIN
  26. 26. Identify the Device OS functionality</li></li></ul><li>Device Information<br />Private vardevice:Device = qnx.system.Device.device;<br />Varos:Label = new Label();<br />Os.text = “Device OS” +device.os<br />
  27. 27. Activity Indicator<br />Menampilkananimasi progress selamamelakukanoperasi<br />This.activityIndicator = new ActivityIndicator();<br />activityIndicator.x = 100;<br />activityIndicator.y = 100;<br />activityIndicator.animate(true);<br />addChild(this.activityIndicator)<br />
  28. 28. Battery Level dan Event<br />DeviceBatteryEvent.LEVEL_CHANGE, berisi Info Level dari Battery<br />DeviceBatteryEvent.STATE_CHANGE , berisi info state CHARGING, FULL, UKNWON, UNPLUGGED<br />
  29. 29. Penyimpanandi Playbook<br />MenggunakanshareObject<br />MenggunakanSQLite<br />Menggunakan File<br />
  30. 30. SQLite APIs<br />SQLConnection<br /> - open() – Synchronous;<br /> - openAsync() – Asynchronous<br /> - loadSchema() – Database shema<br /> - bisaEnkrip data<br />SQLStatement<br /> - text – SQL Commands<br /> - execute() <br />SQLError<br /> - details/DetailsID – SQL error message<br /> - operation – SQL command causing error <br />
  31. 31. BisakahMenggabungkan QNX dengan Flex Hero (AIR 2.5)?<br />
  32. 32. ApakahBisa Development untuk Playbook JugaBerjalanPada Android?<br />
  33. 33. BagaimanaManajemen Performance?<br />Strong data typing and code optimization<br />Framework Arsitektur<br />Format Data Services<br />
  34. 34. [Read This] – MenejemenPeformance<br />http://insideria.com/2010/11/flash-player-101-mobile-optimi.html<br />http://z-prox.appspot.com/www.adobe.com/devnet/air/articles/10_tips_building_on_air.html<br />
  35. 35. Apaperbedaan QNX dengan Flex Hero?<br />
  36. 36. Services<br />HTTService<br />URLRequest<br />Webservices (SOAP)<br />RemoteObject<br />Messanging Service (Push)<br />Socket<br />
  37. 37. Format Data<br />XML<br />JSON (Javascript Object Notation)<br />AMF<br />TEXT<br />YAML<br />
  38. 38. Link YAML & JSON<br />http://as3yaml.googlecode.com/svn/trunk/docs/index.html<br />http://flexonrails.net/?cat=35<br />https://github.com/mikechambers/as3corelib<br />http://www.mikechambers.com/blog/2006/03/28/tutorial-using-json-with-flex-2-and-actionscript-3/<br />
  39. 39. Demo G-SPOT<br />SingkatandariGayaku-Spot<br />MemuatinformasiSinema, TV, Shopping, Sport, BMG, Info Kost, danEvent<br />WaktuPengerjaan15 HARI<br />
  40. 40. Team G-Spot<br />TubagusSaepul Anwar (Framework dan UI) @tubagus99<br />Yoga Pratama (Data Provider) @si_odong<br />AdiPamungkas (UI) @adhipamungkas<br />Yoanudin (UX) @jowant<br />Thanks to :<br />- www.inkuiri.com<br />
  41. 41. TerimaKasihFlexIndonesia.blogspot.com<br />anwartubagus@gmail.com<br />
  42. 42. Resource [1]<br />http://www.blackberry.com/developers/docs/airapi/1.0.0/index.html<br />http://www.adobe.com/devnet/devices/articles/blackberry_tablet_os_sdk.html<br />http://www.unitedmindset.com/jonbcampos/2010/10/25/flex-4-5-mobile-development-post-burrito/<br />http://insideria.com/2010/08/detecting-screen-orientation-i.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+oreilly/insideria+(InsideRIA)<br />
  43. 43. Resource [2]<br />http://supportforums.blackberry.com/t5/Tablet-OS-SDK-for-Adobe-AIR/Flex-for-the-BlackBerry-PlayBook-in-90-Minutes/ta-p/720803<br />http://us.blackberry.com/developers/tablet/adobe.jsp<br />

×