Downloaded 200 times
![打造你的第⼀一個
App
-‐
iOS
講師：彼得潘
[1/17]](https://image.slidesharecdn.com/app-ios-150118091816-conversion-gate01/75/iOS-App-1-2048.jpg)
Uploaded by彼得潘 Pan
打造你的第一個 iOS App
该文档是关于开发iOS应用程序的入门指南，涵盖了从创意到上架的全过程，包括所需的技术、工具、团队建设和市场推广策略。讲师彼得潘分享了开发iOS应用的理由和优势，解释了开发环境的准备、开发过程中的步骤以及如何解决常见问题。文中还提供了重要的资源链接和参考，以帮助新手开发者顺利入门。
打造你的第一個 iOS App
- 1. 打造你的第⼀一個 App -‐ iOS 講師：彼得潘 [1/17]
- 2.
- 3.
- 4.
- 5.
- 6.
- 7. App⼯工作的美麗⼈人⽣生 • 跟不同圈⼦子的⼈人合作交朋友，甚⾄至是偶像, Model •多彩多姿的⼈人⽣生: 出書，寫專欄，當講師, 進錄⾳音室 • 任何地⽅方皆可⼯工作，咖啡廳，家裡都可以 • 睡到⾃自然醒 • ⾃自由的⼯工作環境，無打卡 • ⽼老闆就像朋友，無階級 • 可以⾃自⼰己創業作⽼老闆 • ⽩白吃⽩白喝，甚⾄至⽩白住
- 8.
- 9. 為什麼要做iOS App？ • 0.99的誘惑(不易受不景氣影響) • 全球市場 • iPhone, iPod touch, iPad, iPad mini,Apple Watch, Mac, iTV • 虛擬房租 • ⼀一個⼈人創業做⽼老闆 • 熱賣的iDevice • 穩賺不賠, 賣143套就賺了( 99 / 0.7 / 0.99 = 142.85 ) • 年年更新SDK產⽣生新的應⽤用
- 10.
- 11. iOS和iDevice的特⾊色 • 無線上網 • GPS定位 •加速度感應計和陀螺儀 • 相機 • OpenGL ES 2.0 • bluetooth • ⽣生動動畫 • Apple Map • In App Purchase • 資料庫 • HTML 5網⾴頁 • 多點觸碰 • 多⼯工
- 12. iOS和iDevice的特⾊色 • 社群整合 • iAD •iCloud • passbook • ⾏行事曆 • iMessage • Retina Display • 電⼦子羅盤 • game center • 書報攤 • 提醒事項 • Siri • 軟硬整合
- 13.
- 14.
- 15.
- 16. iOS App的限制 • 記憶體 •螢幕⼤大⼩小 • 強制中斷 • 有條件的多⼯工 • 強制結束⽣生命
- 17.
- 18.
- 19. 硬體上的準備: Mac • Apple電腦 •PC上裝破解的Mac作業系統 (不建議) 記憶體愈多愈好 最便宜: $15900
- 20. Macbook Air /Pro 咖啡廳，書局都是我的辦公室 11/13/15吋， 最貴$79900 創作App要靈感
- 21. iDevices iPhone , iPodtouch, iPad, iPad mini,Apple Watch ( iTV?) 測試
- 22.
- 23.
- 24.
- 25.
- 26. 開發帳號的申請 Apple Developer https://developer.apple.com/register Apple IDApple Developer 免費
- 27.
- 28.
- 29. 付費會員好處 • 上架App Store ~不上架，為善不欲⼈人知 ? • 安裝App⾄至實體機器 (1000個測試帳號) • 搶先測試和開發最新版的iOS App • Apple Developer Forums 臥⻁虎藏⻯⿓龍的討論區
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36. 開發團隊的打造 • 分⼯工 App⼯工程師, 美術設計,PM, Server後端⼯工程師, 網⾴頁前端⼯工程師，⽼老闆，測試，⾏行銷，業務 • 兩⼈人⼩小組 App⼯工程師 + 美術設計 • 三⼈人⼩小組 App⼯工程師 + App流程功能設計 + 美術設計 • 強⼤大的⼀一個⼈人 ios/Android(Windows) PHP/RoR/Python/ASP/Node.js HTML / CSS/ JavaScript photoshop/ illustrator/ sketch
- 37.
- 38.
- 39.
- 40. 新時代的App發想六步驟 問題1 2 創新解答 3研究市場上類似App 4 ⽂文案 5 開始設計App6 市場調查 宣傳⽂文案開發App App上架
- 41. Prototyping • 利⽤用紙和筆或軟體畫出每⼀一個畫⾯面 • ⼤大家⼀一起討論，決定App畫⾯面的流程 axureBalsamiq http://www.balsamiq.comhttp://www.axure.com POP https://popapp.in
- 42. 畫⾯面設計 • 設計師針對每個畫⾯面，做出美美的設計 • 主要利⽤用photoshop， illustrator ，Sketch http://www.teehanlax.com/tools http://bohemiancoding.com/sketch/
- 43. iOS Human InterfaceGuidelines https://developer.apple.com/library/ios/documentation/ UserExperience/Conceptual/MobileHIG/
- 44.
- 45.
- 46. Objective-C的剩餘利⽤用價值 • 台灣⺫⽬目前⼤大部分的App都是以Objective-C開發 • 台灣⺫⽬目前⼤大部分的公司仍然採⽤用Objective-C •找⼯工作，上班 ⾯面試考題主要為Objective-C • 許多第三⽅方套件以Objective-C開發
- 47. Swift的優點 • 更快的開發速度 &效能 • 更簡潔，更容易學習的語法 ( 特別是寫過javascript的⼈人) • 更安全，App更不容易crash，bug更少 • 結合各家語⾔言優點，更多Objective-C做不到的功能 • 完美結合iOS SDK (SDK: 實現App裡的功能，⽐比⽅方打電話，顯⽰示地圖) • 相容Objective-C • 相容iOS 7
- 48.
- 49. ⼆二分天下的iOS 7 &iOS 8 https://developer.apple.com/support/appstore/
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56. Universal App • 產⽣生的App同時⽀支援iPhone和iPad •好處: 使⽤用者省錢，不⽤用買兩個版本 • 壞處: • Size變⼤大 • 開發者賺的錢變少 • 開發時間較⻑⾧長
- 57.
- 58. Xcode主畫⾯面的基本操作 1. Toolbar 2.瀏覽區塊 3. 編輯區塊 2 3 1
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66. 準備App Icon圖⽚片 • png •正⽅方形 (iOS會⾃自動切圓⾓角) • 120 * 120 ( pixel) -> retina • 180 * 180 (pixel) -> retina HD
- 67.
- 68.
- 69.
- 70. 準備開頭畫⾯面圖⽚片 • png • 3.5吋:640 * 960 • 4吋: 640 * 1136
- 71.
- 72. 設定開頭畫⾯面 640 * 960 640* 1136
- 73. iPhone 6 &6 plus • Scale Mode • ⾃自動縮放 (⽐比例和4吋⼀一致) • Full Screen Mode • 另外提供6 & 6 plus的圖⽚片 • 解析度最好 • 較花時間 ⽅方法⼀一: 使⽤用Launch Screen File ⽅方法⼆二: 設定5.5 & 4.7吋圖⽚片
- 74.
- 75.
- 76. App畫⾯面 - Scene- View Controller 物件列表 Outline View 設計UI的畫布開頭畫⾯面後的第⼀一個畫⾯面
- 77.
- 78. iOS App的三個核⼼心 User Interface Core Logic Data Model ViewController (MVC)
- 79.
- 80.
- 81.
- 82.
- 83. Inspector Pane 查詢, 設定屬性的名偵探 LibraryPane 資源豐富的寶庫 Object Library (元件清單） 收藏物件，⼤大部份是UI物件 Utility Attributes Inspector 查詢, 設定UI元件屬性
- 84. Disable Size Classes Fileinspector 設定不同size畫⾯面的進階技術
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94. iOS的座標系統 (30, 60) (0, 0) (x,y) 單位Points not retina: 1 pixel retina: 2 * 2 pixel retina HD: 3 * 3 pixel point
- 95. 調整⼤大⼩小位置的⽅方法 ⽅方法2. 從Size inspector ⽅方法1.以滑⿏鼠移動縮放 ⽅方法3. auto layout
- 96.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111.
- 112.
- 113.
- 114.
- 115. 縮放畫布 ⽅方法1. 觸控版縮放 ⽅方法2. 雙擊左鍵 ⽅方法3.畫布上右鍵選單 ⽅方法4. Menu的Editor -> Canvas -> Zoom
- 116.
- 117.
- 118. 第⼆二個tab ⽅方法1. 從畫布連線 ⽅方法2. 從OutlineView連線 連接controller
- 119.
- 120.
- 121.
- 122.
- 123.
- 124.
- 125.
- 126.
- 127.
- 128.
- 129. 圓⾓角 圓形: cornerRadius =正⽅方形寬度/2
- 130.
- 131.
- 132.
- 133. 設定App名稱 1. 顯⽰示在App Store上,不同於Icon下的名稱 2. 不同語⾔言可有不同名稱 3. 獨⼀一無⼆二，先搶先贏 4. 影響搜尋 5. 改版可換名稱
- 134.
- 135.
- 136.
- 137.
- 138.
- 139.
- 140. Apple Store的審核 退件理由 • 程式有bug •UI介⾯面不合Apple標準 (iOS Human Interface Guidelines) • 內容不宜 • 使⽤用private API • 莫名的理由
- 141. App Store Review Guidelinesfor iOS Apps https://developer.apple.com/appstore/resources/ approval/guidelines.html
- 142.
- 143. App的宣傳, 評論, 訪問 •⾃自⼰己經營 Blog, 官⽅方網站，粉絲團 • App的操作影⽚片 • 社群分享 FB，Instagram，twitter FB分享 https://www.youtube.com/watch?v=_iC8jnx32ho
- 144. App的宣傳, 評論, 訪問 •達⼈人於blog發表⼼心得 • 媒體訪問App開發公司，開發者 • 參加⽐比賽 • PTT，各⼤大論壇 ⽐比賽 達⼈人blog 數位時代訪問
- 145. App的宣傳, 評論, 訪問 每⼀一版50組的PromoCode 免費下載
- 146. App宣傳, 評論, 訪問 App評測網站雜誌 AppStore評價
- 147.
- 148. App的排名和下載 App Annie iTunes Connect AppStore http://www.appannie.com https://itunes.apple.com/tw/app/appstatics-track-iphone-ipad/id533547308 Appstatics
- 149. App的獲利 • free vs.0.99 台灣付費單⽇日前三名 不到100套 • in-app purchase • 固定房租 • 廣告 ⼀一個⽉月破⼗十萬 • 合作⾏行銷
- 150. App開發的扣稅 • 外國不會扣 • 只有台灣這裡會扣 •國內所得 + 國外所得 < 600萬: 免稅
- 151.
- 152. ~ END ~ http://alphacamp.tw