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

1. ALPHA Camp x
STUDIO A
為愛打造 APP
彼得潘

2. 創業家學校
帶領⼈人才進⼊入新創事業
教育 x 改變

3. ALPHA Camp 10週實戰營
集合台灣與國際著名實戰導師
打造理論 + 實做 + 實習的完整課程
課堂實例
Idea 實做
Startup 實習
理論與實例並⽤用，讓學員
由導師設計的 Real Life
挑戰課堂知識，到 Startup 實
充分吸收每⼀一個細節
Project，讓學員能把概念
習，贏得實戰經驗
傳化成實際練習

4. 業界最專業的導師 x 最實⽤用的課程
Growth Hacking
Alvin Woon, 噗浪創辦⼈人, TMI合夥⼈人
－ Growth hacking 的定義
－ 成功案例分享
－ 開發 growth hacks 的要訣
帶你的產品進軍世界
James Hill, Cubie 事業開發經理
－ 拓展國際市場前的考量跟準備
－ 擴展全球市場的關鍵步驟
－ 國外市場的特性
Video Marketing - 為你的產品說
⼀一個好故事!
蔡牧⺠民，賴佩芸 , Muris 繆思創辦⼈人，
<Design & Thinking> 導演，創意總監
－ Video Marketing 的基本元素
－ 如何⽤用影⽚片推⾏行想法
－ ⽤用有限預算，製作有效宣傳影⽚片

5. Get It Done！有夢，親⼿手實現它！

7. 彼得潘簡介

8. 相關教學資源
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

9. 美術設計: mini.Hana
FB粉絲團: mini．Hana幸福插畫品牌
https://www.facebook.com/miniHanaPreschool

10. ⾳音樂提供: VK克的抹茶拿鐵
亞洲鋼琴天⺩王，蘭陵⺩王作曲，Mos配樂
FB粉絲團: https://www.facebook.com/VKstyle

11. ⺫⽬目標

12. 素材準備
•
App素材:
圖⽚片,⾳音樂, 程式下載連結：
http://goo.gl/oE0eSb
⾳音樂: music.mp3
圖⽚片: 背景和貼圖
程式: ViewController.m
•
⾃自備素材:
照⽚片，⽂文字，⾳音樂，聲⾳音，影⽚片

13. 製作App的軟體: Xcode

14. 建⽴立App專案

15. Single-View Application

16. 設定專案資訊

17. 專案資料夾儲存位置

18. 設定模擬器機型
選擇3.5吋或4吋

19. 執⾏行App
終⽌止App

20. 設定App名稱

21. 準備App Icon圖⽚片
•
png
•
120 * 120 ( pixel)

22. 預覽程式(Preview)
編輯圖⽚片格式和尺⼨寸

23. 設定App Icon

24. 設定App Icon

25. 準備開頭畫⾯面圖⽚片
•
png
•
3.5吋: 640 * 960
•
4吋: 640 * 1136

26. 設定開頭畫⾯面

27. 設定開頭畫⾯面
640 * 960
640 * 1136

28. Embed In -> Navigation Controller
先點選
Main.storyboard

29. 上⾯面有bar的App

30. 設定標題

31. 將圖⽚片加⼊入專案
Copy要勾選

32. 元件清單

33. 設定背景圖⽚片

34. 加⼊入button
元件的⼤大⼩小和位置

35. 設定button
內容
顏⾊色
圖⽚片
字型⼤大⼩小

36. 設定顏⾊色
設定⽂文字

37. 給情⼈人的話
⼀一個view controller
產⽣生⼀一個App畫⾯面
貼上⽂文字內容

38. 給情⼈人的話
取消勾選

39. 給情⼈人的話
點選push

40. 給情⼈人的話

41. 給情⼈人的話

42. 設定bar上⽂文字顏⾊色
標題顏⾊色
按鈕顏⾊色

43. 加⼊入table view controller

44. 連結button & table
view controller

45. 設定表格
static cells

46. 設定表格
Image View 加 Label
圖⽚片尺⼨寸建議： 2倍⼤大
144 *144

47. 設定表格
• 設定section 個數
• 設定cell個數
• 設定section標題

48. 連結cell到⼤大圖⾴頁⾯面的
controller

49. 點選第⼀一⾏行連結的⾴頁⾯面
點選第⼆二⾏行連結的⾴頁⾯面

50. 先將cell的accessory設定為Disclosure Indicator
拉連線時圖⽚片size才不會跑掉

51. 設定⼤大圖⾴頁⾯面
設定圖⽚片⽐比例
勾選Clip Subviews
2個ImageView加⼀一個TextView

52. 播⾳音樂
• 加⼊入music.mp3 (檔名必須取為music.mp3)
• 以Dropbox下載的ViewController.m取代
原來的ViewController.m

53. 進階功能
•
⼀一鍵播通情⼈人⼿手機 (提供號碼)
•
起床或睡前的定時推播聲 ( 提供30秒以內的mp3或wav
檔和推播時間)
•
播放影⽚片 (提供影⽚片檔(mov或mp4)或是youtube連結)
•
播放聲⾳音 (提供聲⾳音檔, mp3或m4a)
•
特定節⽇日播放特定⽂文字，聲⾳音，影⽚片 (提供⽂文字，聲⾳音
檔，影⽚片檔和播放⽇日期）

54. 取得情⼈人的iPhone ID
• 將iPhone接到電腦
• 打開iTunes

55. 將App交給⽼老師包裝
•
將專案資料夾壓縮成zip
•
上傳到dropbox
•
將dropbox分享連結網址和iPhone ID告訴⽼老師
(FB message或email )

56. 安裝精⼼心製作的App
•
給學⽣生包裝好的App下載連結
•
從iPhone點選連結後即可安裝App到桌⾯面上