AIR x iOS x Android x 熱血 x 幹 x 羊小咩

1. 羊小咩 8/16

2. 那些年，我們一起做的 App AIR x iOS x Android x 熱血 x 幹 x 羊小咩

3. 為什麼要用 FLASH 開發

4. 為什麼要用 FLASH 開發 媽的(親切發語詞) 當然是因為主題要跟FLASH 有關阿!

5. 為什麼要用 FLASH 開發 當然是因為 我們是閃客 ActionScriptHero.org

6. 為什麼要用 FLASH 開發 開發工具熟悉 介面編輯方便 不用重學新的程式語言

7. 事前準備

9. FlashBuilder4.5+

11. 開發者帳號 Google Market保護費 $25 AppleiTunes Store 保護費 $99 (年)

12. 最重要的是…

13. 熱血不斷 (女用版) 圖片來源 http://www.imfever.com

14. 保持愉快的心 (男用版) 圖片來源 http://www.imfever.com

15. 可以玩些什麼? 圖片來源 http://www.mikechambers.com/blog/2008/09/22/new-adobe-air-t-shirt-created-by-eboy/

16. AIR 2.6 Accelerometer Geolocation Multitouch :Touch Point Multitouch :Gesture StageWebView Microphone, Camera CameraUI , CameraRoll 多工/Idle 硬體鍵 畫面轉向

17. 疑!? 之前的主題好像講過了! 就當作複習吧!! 更詳細的內容可以參考 MasoAIR on Mobile

18. AIR 2.7 針對 iOS的增強演算功能 增加 iOS應用程式的開發時間 (發佈速度) Android 上可以AIR Runtime 安裝在 SD卡

19. AIR 3(Beta) Stage Video Hardware Acceleration Captive Runtime Support (Android) iOS Background Audio Playback Support Android Licensing Service Support Android Front-facing Camera Support Encrypted Local Storage for Mobile

20. Flex SDK4.5.1 相容性問題 mobile component Skins 自動化測試

21. 能不能做 …

22. AD 廣告

23. AD 廣告 我好討厭 Flash 設計對白

24. AD 廣告 在行動應用程式中顯示 HTML 內容 >顯示廣告 資料來源 Adobe 官方手冊

25. AD 廣告 我認為 iOS 也是可以放 Admob

26. AD 廣告 當然你也可以這麼做

27. In app purchase 程式內購買

28. 別傻了! 當然是還沒有支援啦!!!

29. 那麼 Push Notification 推撥 呢?

30. 當然也是不行啦!!

31. FacebookConnect

32. 下載 GraphAPIMobile SDK 建立 Facebook APP

33. INIT APP functiononInitCallback(session:FacebookSession, fail:Object):void { //..... } FacebookMobile.init("APP_ID", onInitCallback); 登入 FacebookMobile.login( callback:Function, stageRef:Stage, extendedPermissions:Array, webView:StageWebView=null ):void 登出 com.facebook.graph.FacebookMobile.logout(callBack:Function=null, appOrigin:String=null):void 註 : 如果appOrigin是空值直接執行 Logout 會出現參數錯誤 一定要指定一個網址才能去清除 cookie

34. 來看一下實機測試…….的擷圖

37. 本地端資料儲存 ShareObject File SQLLite

38. 發佈 & 測試

39. 發佈前必須要知道的 應用程式ID (App ID) 憑證 (Certificates) 提供描述檔 (Provisioning Profile)

40. app.xml(設定檔) SDK 設定 <applicationxmlns="http://ns.adobe.com/air/application/2.7"> App ID <id>com.lamb-mei.mobile.ios.HelloIOS</id> Retina Display Support <iphone> <infoadditions> <!--[CDATA[<key-->UIDeviceFamily<array><string>2</string></array>]]> </infoadditions> <requesteddisplayresolution>high</requesteddisplayresolution> </iphone> ICON 設定 <icon> <image72x72>icon72x72.png</image72x72> <image29x29>icon29x29.png</image29x29> <image57x57>icon57x57.png</image57x57> <image48x48>icon48x48.png</image48x48> <image512x512>icon512x512.png</image512x512> </icon>

42. Adobe Device Central

44. Apple(iOS) 上架

45. 你會看到… A B

46. iOS Provisioning Portal 確認你的憑證跟提供描述檔為發佈用

47. iTunes Connect A C B

48. 上傳App 打開您的 MAC，開啟 App Loader

49. 靜候佳音 (7 天)

50. Google (Android)上架

51. 建立 App

52. 上傳您的 App，並填妥資料

53. 靜候佳音 (立即)

54. 總要看個會動的 Demo 吧! 羊肉爐 Mutton Hot Pot 影片展示 http://www.youtube.com/watch?v=i2Yt7CL7zIs iTuens Store 連結 http://itunes.apple.com/us/app/mutton-hot-pot/id439676995 Android Market 連結 https://market.android.com/details?id=air.MuttonHotPot

55. 參考資料 New features for out-of-browser application development http://labs.adobe.com/technologies/flashplatformruntimes/air3/ ios-theme-for-flex-mobile-projects-proof-of-concept http://blogs.adobe.com/jasonsj/2011/06/ios-theme-for-flex-mobile-projects-proof-of-concept.html 在行動應用程式中顯示 HTML 內容 http://help.adobe.com/zh_TW/as3/dev/WS901d38e593cd1bac3ef1d28412ac57b094b-8000.html#WS901d38e593cd1bac-7b2e067c12e72dd6960-8000 Maso Blog [簡報]AIR on Mobile (2011) http://masolin.blogspot.com/2011/04/air-on-mobile-2011.html 羊小咩 Blog http://blog.lamb-mei.com New features for out-of-browser application development http://labs.adobe.com/technologies/flashplatformruntimes/air3/ Flex 4.5.1 SDK Release Notes http://kb2.adobe.com/cps/906/cpsid_90671.html

56. Q&A Thank you ! 羊小咩 2011/08/16 http://blog.lamb-mei.com