Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

為愛打造App

1,589 views

Published on

如何親手做出安裝在情人手機上的App

  • Be the first to comment

為愛打造App

  1. 1. ALPHA Camp x STUDIO A 為愛打造 APP 彼得潘
  2. 2. 創業家學校 帶領⼈人才進⼊入新創事業 教育 x 改變
  3. 3. ALPHA Camp 10週實戰營 集合台灣與國際著名實戰導師
 打造理論 + 實做 + 實習的完整課程 課堂實例 Idea 實做 Startup 實習 理論與實例並⽤用,讓學員 由導師設計的 Real Life 挑戰課堂知識,到 Startup 實 充分吸收每⼀一個細節 Project,讓學員能把概念 習,贏得實戰經驗 傳化成實際練習
  4. 4. 業界最專業的導師 x 最實⽤用的課程 Growth Hacking Alvin Woon, 噗浪創辦⼈人, TMI合夥⼈人 - Growth hacking 的定義
 - 成功案例分享
 - 開發 growth hacks 的要訣 帶你的產品進軍世界 James Hill, Cubie 事業開發經理 - 拓展國際市場前的考量跟準備
 - 擴展全球市場的關鍵步驟
 - 國外市場的特性 Video Marketing - 為你的產品說 ⼀一個好故事! 蔡牧⺠民,賴佩芸 , Muris 繆思創辦⼈人, <Design & Thinking> 導演,創意總監 - Video Marketing 的基本元素
 - 如何⽤用影⽚片推⾏行想法
 - ⽤用有限預算,製作有效宣傳影⽚片
  5. 5. Get It Done!有夢,親⼿手實現它!
  6. 6. 彼得潘簡介
  7. 7. 相關教學資源 FB粉絲團 http://www.facebook.com/iphone.peterpan http://deeploveapple.blogspot.tw blog i ⽂文wik 中 http://apppeterpan.blogspot.tw 討論區 英⽂文w http://peterpan.uservoice.com iki http://deeploveiossdk.tumblr.com email apppeterpan@gmail.com
  8. 8. 美術設計: mini.Hana FB粉絲團: mini.Hana幸福插畫品牌 https://www.facebook.com/miniHanaPreschool
  9. 9. ⾳音樂提供: VK克的抹茶拿鐵 亞洲鋼琴天⺩王,蘭陵⺩王作曲,Mos配樂 FB粉絲團: https://www.facebook.com/VKstyle
  10. 10. ⺫⽬目標
  11. 11. 素材準備 • App素材:
 圖⽚片,⾳音樂, 程式下載連結: 
 http://goo.gl/oE0eSb
 ⾳音樂: music.mp3
 圖⽚片: 背景和貼圖
 程式: ViewController.m • ⾃自備素材:
 照⽚片,⽂文字,⾳音樂,聲⾳音,影⽚片
  12. 12. 製作App的軟體: Xcode
  13. 13. 建⽴立App專案
  14. 14. Single-View Application
  15. 15. 設定專案資訊
  16. 16. 專案資料夾儲存位置
  17. 17. 設定模擬器機型 選擇3.5吋或4吋
  18. 18. 執⾏行App 終⽌止App
  19. 19. 設定App名稱
  20. 20. 準備App Icon圖⽚片 • png • 120 * 120 ( pixel)
  21. 21. 預覽程式(Preview) 編輯圖⽚片格式和尺⼨寸
  22. 22. 設定App Icon
  23. 23. 設定App Icon
  24. 24. 準備開頭畫⾯面圖⽚片 • png • 3.5吋: 640 * 960 • 4吋: 640 * 1136
  25. 25. 設定開頭畫⾯面
  26. 26. 設定開頭畫⾯面 640 * 960 640 * 1136
  27. 27. Embed In -> Navigation Controller 先點選 Main.storyboard
  28. 28. 上⾯面有bar的App
  29. 29. 設定標題
  30. 30. 將圖⽚片加⼊入專案 Copy要勾選
  31. 31. 元件清單
  32. 32. 設定背景圖⽚片
  33. 33. 加⼊入button 元件的⼤大⼩小和位置
  34. 34. 設定button 內容 顏⾊色 圖⽚片 字型⼤大⼩小
  35. 35. 設定顏⾊色 設定⽂文字
  36. 36. 給情⼈人的話 ⼀一個view controller 產⽣生⼀一個App畫⾯面 貼上⽂文字內容
  37. 37. 給情⼈人的話 取消勾選
  38. 38. 給情⼈人的話 點選push
  39. 39. 給情⼈人的話
  40. 40. 給情⼈人的話
  41. 41. 設定bar上⽂文字顏⾊色 標題顏⾊色 按鈕顏⾊色
  42. 42. 加⼊入table view controller
  43. 43. 連結button & table view controller
  44. 44. 設定表格 static cells
  45. 45. 設定表格 Image View 加 Label 圖⽚片尺⼨寸建議: 2倍⼤大 144 *144
  46. 46. 設定表格 • 設定section 個數 • 設定cell個數 • 設定section標題
  47. 47. 連結cell到⼤大圖⾴頁⾯面的 controller
  48. 48. 點選第⼀一⾏行連結的⾴頁⾯面 點選第⼆二⾏行連結的⾴頁⾯面
  49. 49. 先將cell的accessory設定為Disclosure Indicator 拉連線時圖⽚片size才不會跑掉
  50. 50. 設定⼤大圖⾴頁⾯面 設定圖⽚片⽐比例 勾選Clip Subviews 2個ImageView加⼀一個TextView
  51. 51. 播⾳音樂 • 加⼊入music.mp3 (檔名必須取為music.mp3) • 以Dropbox下載的ViewController.m取代 原來的ViewController.m
  52. 52. 進階功能 • ⼀一鍵播通情⼈人⼿手機 (提供號碼) • 起床或睡前的定時推播聲 ( 提供30秒以內的mp3或wav 檔和推播時間) • 播放影⽚片 (提供影⽚片檔(mov或mp4)或是youtube連結) • 播放聲⾳音 (提供聲⾳音檔, mp3或m4a) • 特定節⽇日播放特定⽂文字,聲⾳音,影⽚片 (提供⽂文字,聲⾳音 檔,影⽚片檔和播放⽇日期)
  53. 53. 取得情⼈人的iPhone ID • 將iPhone接到電腦 • 打開iTunes
  54. 54. 將App交給⽼老師包裝 • 將專案資料夾壓縮成zip • 上傳到dropbox • 將dropbox分享連結網址和iPhone ID告訴⽼老師 
 (FB message或email )
  55. 55. 安裝精⼼心製作的App • 給學⽣生包裝好的App下載連結 • 從iPhone點選連結後即可安裝App到桌⾯面上

×