那些年,我們一起做的 app
DESCRIPTION
AIR x iOS x Android x 熱血 x 幹 x 羊小咩TRANSCRIPT
羊小咩 8/16
那些年,我們一起做的 App
AIR x iOS x Android x 熱血 x 幹 x 羊小咩
為什麼要用 FLASH 開發
為什麼要用 FLASH 開發
媽的 ( 親切發語詞 )當然是因為主題要跟 FLASH 有關阿 !
為什麼要用 FLASH 開發
當然是因為我們是閃客
ActionScriptHero.org
為什麼要用 FLASH 開發
開發工具熟悉介面編輯方便
不用重學新的程式語言
事前準備
• FLASH 5.5• FlashBuilder 4.5+ • AIR SDK 2.6+
開發工具
Mobile 平台選擇
Apple(iOS) Google (Android)
Google Market保護費 $25
開發者帳號
Apple iTunes Store保護費 $99 ( 年 )
最重要的是…
熱血不斷
( 女用版 )圖片來源 http ://www.imfever.com
保持愉快的心
圖片來源 http://www.imfever.com
( 男用版 )
可以玩些什麼 ?
圖片來源 http://www.mikechambers.com/blog/2008/09/22/new-adobe-air-t-shirt-created-by-eboy/
AIR 2.6 AccelerometerGeolocationMultitouch :Touch PointMultitouch :GestureStageWebViewMicrophone , Camera
CameraUI , CameraRoll多工 /Idle硬體鍵畫面轉向
疑 !? 之前的主題好像講過了 !就當作複習吧 !!
更詳細的內容可以參考 Maso AIR on Mobile
AIR 2.7
Android 上可以 AIR Runtime 安裝在 SD卡
針對 iOS 的增強演算功能
增加 iOS 應用程式的開發時間 ( 發佈速度 )
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
Flex SDK 4.5.1
相容性問題mobile componentSkins自動化測試
能不能做 …
AD 廣告
AD 廣告
我好討厭 Flash設計對白
AD 廣告
在行動應用程式中顯示 HTML 內容 > 顯示廣告資料來源 Adobe 官方手冊
AD 廣告
我認為 iOS 也是可以放 Admob
AD 廣告
當然你也可以這麼做
In app purchase 程式內購買
別傻了 ! 當然是還沒有支援啦 !!!
那麼 Push Notification 推撥 呢 ?
當然也是不行啦 !!
Facebook Connect
• 下載 GraphAPI Mobile SDK• 建立 Facebook APP
function onInitCallback(session:FacebookSession, fail:Object):void{ //.....}FacebookMobile.init("APP_ID", onInitCallback);
INIT APP
登入
登出
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
來看一下實機測試…… . 的擷圖
ShareObjectFile
SQLLite
本地端資料儲存
發佈 & 測試
發佈前必須要知道的
應用程式 ID (App ID)憑證 (Certificates)提供描述檔 (Provisioning Profile)
app.xml ( 設定檔 )SDK 設定
Retina Display Support
<icon> <image72x72>icon72x72.png</image72x72> <image29x29>icon29x29.png</image29x29> <image57x57>icon57x57.png</image57x57> <image48x48>icon48x48.png</image48x48> <image512x512>icon512x512.png</image512x512> </icon>
<application xmlns="http://ns.adobe.com/air/application/2.7">
<iphone> <infoadditions> <!--[CDATA[<key-->UIDeviceFamily<array><string>2</string></array>]]> </infoadditions> <requesteddisplayresolution>high</requesteddisplayresolution></iphone>
ICON 設定
<id>com.lamb-mei.mobile.ios.HelloIOS</id>
App ID
• SWF 測試 • Adobe Device Central• 實機測試
測試模式
上架
圖片來源 http://trsnail.blogbus.com/logs/31366444.html
Apple (iOS) 上架
你會看到…
A
B
確認你的憑證跟提供描述檔為發佈用
iOS Provisioning Portal
iTunes Connect
A
B
C
上傳 App
打開您的 MAC ,開啟 App Loader
靜候佳音 (7 天 )
Google (Android) 上架
建立 App
上傳您的 App ,並填妥資料
靜候佳音 ( 立即 )
總要看個會動的 Demo 吧 !
http://www.youtube.com/watch?v=i2Yt7CL7zIs
羊肉爐 Mutton Hot Pot
http://itunes.apple.com/us/app/mutton-hot-pot/id439676995
影片展示
iTuens Store 連結
Android Market 連結https://market.android.com/details?id=air.MuttonHotPot
參考資料
New features for out-of-browser application developmenthttp://labs.adobe.com/technologies/flashplatformruntimes/air3/
ios-theme-for-flex-mobile-projects-proof-of-concepthttp://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
羊小咩 Bloghttp://blog.lamb-mei.com
New features for out-of-browser application developmenthttp://labs.adobe.com/technologies/flashplatformruntimes/air3/
Flex 4.5.1 SDK Release Noteshttp://kb2.adobe.com/cps/906/cpsid_90671.html