那些年,我們一起做的 App

4,544 views
4,461 views

Published on

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

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,544
On SlideShare
0
From Embeds
0
Number of Embeds
1,656
Actions
Shares
0
Downloads
29
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

那些年,我們一起做的 App

  1. 1. 羊小咩 8/16<br />
  2. 2. 那些年,我們一起做的 App<br />AIR x iOS x Android x 熱血 x 幹 x 羊小咩<br />
  3. 3. 為什麼要用 FLASH 開發<br />
  4. 4. 為什麼要用 FLASH 開發<br />媽的(親切發語詞)<br />當然是因為主題要跟FLASH 有關阿!<br />
  5. 5. 為什麼要用 FLASH 開發<br />當然是因為<br />我們是閃客<br />ActionScriptHero.org<br />
  6. 6. 為什麼要用 FLASH 開發<br />開發工具熟悉<br />介面編輯方便<br />不用重學新的程式語言<br />
  7. 7. 事前準備<br />
  8. 8. 開發工具<br /><ul><li>FLASH 5.5
  9. 9. FlashBuilder4.5+
  10. 10. AIR SDK 2.6+</li></li></ul><li>Mobile 平台選擇<br />Apple(iOS)<br />Google (Android)<br />
  11. 11. 開發者帳號<br />Google Market保護費 $25<br />AppleiTunes Store<br />保護費 $99 (年)<br />
  12. 12. 最重要的是…<br />
  13. 13. 熱血不斷<br />(女用版)<br />圖片來源 http://www.imfever.com<br />
  14. 14. 保持愉快的心 <br />(男用版)<br />圖片來源 http://www.imfever.com<br />
  15. 15. 可以玩些什麼?<br />圖片來源 http://www.mikechambers.com/blog/2008/09/22/new-adobe-air-t-shirt-created-by-eboy/<br />
  16. 16. AIR 2.6 <br />Accelerometer<br />Geolocation<br />Multitouch :Touch Point<br />Multitouch :Gesture<br />StageWebView<br />Microphone, Camera<br />CameraUI , CameraRoll<br />多工/Idle<br />硬體鍵<br />畫面轉向<br />
  17. 17. 疑!? 之前的主題好像講過了!<br />就當作複習吧!!<br />更詳細的內容可以參考 MasoAIR on Mobile<br />
  18. 18. AIR 2.7 <br />針對 iOS的增強演算功能<br />增加 iOS應用程式的開發時間 (發佈速度)<br />Android 上可以AIR Runtime 安裝在 SD卡<br />
  19. 19. AIR 3(Beta)<br />Stage Video Hardware Acceleration<br />Captive Runtime Support (Android)<br />iOS Background Audio Playback Support<br />Android Licensing Service Support<br />Android Front-facing Camera Support<br />Encrypted Local Storage for Mobile <br />
  20. 20. Flex SDK4.5.1<br />相容性問題<br />mobile component<br />Skins<br />自動化測試<br />
  21. 21. 能不能做 …<br />
  22. 22. AD 廣告<br />
  23. 23. AD 廣告<br />我好討厭 Flash<br />設計對白<br />
  24. 24. AD 廣告<br />在行動應用程式中顯示 HTML 內容 >顯示廣告<br />資料來源 Adobe 官方手冊<br />
  25. 25. AD 廣告<br />我認為 iOS 也是可以放 Admob<br />
  26. 26. AD 廣告<br />當然你也可以這麼做<br />
  27. 27. In app purchase 程式內購買<br />
  28. 28. 別傻了! 當然是還沒有支援啦!!!<br />
  29. 29. 那麼 Push Notification 推撥 呢?<br />
  30. 30. 當然也是不行啦!!<br />
  31. 31. FacebookConnect<br />
  32. 32. 下載 GraphAPIMobile SDK<br />建立 Facebook APP <br />
  33. 33. INIT APP<br />functiononInitCallback(session:FacebookSession, fail:Object):void<br />{<br /> //.....<br />}<br />FacebookMobile.init("APP_ID", onInitCallback);<br />登入<br />FacebookMobile.login(<br />callback:Function,<br />stageRef:Stage,<br />extendedPermissions:Array,<br />webView:StageWebView=null<br />):void<br />登出<br />com.facebook.graph.FacebookMobile.logout(callBack:Function=null, appOrigin:String=null):void<br />註 : 如果appOrigin是空值直接執行 Logout 會出現參數錯誤<br /> 一定要指定一個網址才能去清除 cookie<br />
  34. 34. 來看一下實機測試…….的擷圖<br />
  35. 35.
  36. 36.
  37. 37. 本地端資料儲存<br />ShareObject<br />File<br />SQLLite<br />
  38. 38. 發佈 & 測試<br />
  39. 39. 發佈前必須要知道的<br />應用程式ID (App ID)<br />憑證 (Certificates)<br />提供描述檔 (Provisioning Profile)<br />
  40. 40. app.xml(設定檔)<br />SDK 設定<br /><applicationxmlns="http://ns.adobe.com/air/application/2.7"><br />App ID<br /><id>com.lamb-mei.mobile.ios.HelloIOS</id><br />Retina Display Support<br /><iphone> <br />    <infoadditions> <br />      <!--[CDATA[<key-->UIDeviceFamily<array><string>2</string></array>]]> <br />    </infoadditions><br /><requesteddisplayresolution>high</requesteddisplayresolution><br /></iphone><br />ICON 設定<br /><icon> <br />    <image72x72>icon72x72.png</image72x72><br />    <image29x29>icon29x29.png</image29x29><br />    <image57x57>icon57x57.png</image57x57><br />    <image48x48>icon48x48.png</image48x48><br />    <image512x512>icon512x512.png</image512x512> <br />  </icon><br />
  41. 41. 測試模式<br /><ul><li>SWF 測試 
  42. 42. Adobe Device Central
  43. 43. 實機測試</li></li></ul><li>上架<br /> <br />圖片來源 http://trsnail.blogbus.com/logs/31366444.html<br />
  44. 44. Apple(iOS) 上架<br />
  45. 45. 你會看到…<br />A<br />B<br />
  46. 46. iOS Provisioning Portal<br />確認你的憑證跟提供描述檔為發佈用<br />
  47. 47. iTunes Connect<br />A<br />C<br />B<br />
  48. 48. 上傳App<br />打開您的 MAC,開啟 App Loader<br />
  49. 49. 靜候佳音 (7 天)<br />
  50. 50. Google (Android)上架<br />
  51. 51. 建立 App<br />
  52. 52. 上傳您的 App,並填妥資料<br />
  53. 53. 靜候佳音 (立即)<br />
  54. 54. 總要看個會動的 Demo 吧!<br />羊肉爐 Mutton Hot Pot<br />影片展示<br />http://www.youtube.com/watch?v=i2Yt7CL7zIs<br />iTuens Store 連結<br />http://itunes.apple.com/us/app/mutton-hot-pot/id439676995<br />Android Market 連結<br />https://market.android.com/details?id=air.MuttonHotPot<br />
  55. 55. 參考資料<br />New features for out-of-browser application development<br />http://labs.adobe.com/technologies/flashplatformruntimes/air3/<br />ios-theme-for-flex-mobile-projects-proof-of-concept<br />http://blogs.adobe.com/jasonsj/2011/06/ios-theme-for-flex-mobile-projects-proof-of-concept.html<br />在行動應用程式中顯示 HTML 內容<br />http://help.adobe.com/zh_TW/as3/dev/WS901d38e593cd1bac3ef1d28412ac57b094b-8000.html#WS901d38e593cd1bac-7b2e067c12e72dd6960-8000<br />Maso Blog [簡報]AIR on Mobile (2011)<br />http://masolin.blogspot.com/2011/04/air-on-mobile-2011.html<br />羊小咩 Blog<br />http://blog.lamb-mei.com<br />New features for out-of-browser application development<br />http://labs.adobe.com/technologies/flashplatformruntimes/air3/<br />Flex 4.5.1 SDK Release Notes<br />http://kb2.adobe.com/cps/906/cpsid_90671.html<br />
  56. 56. Q&A<br />Thank you !<br />羊小咩 2011/08/16<br />http://blog.lamb-mei.com<br />

×