iOS App developement experience

1. APP開發⼼心得
分享
2015-06-07
YISHIASHIA

2. OUTLINE
• 想法構築
• Wireframe
• Xcode Storyboard
• API開發與串接
• AWS
• JSON, HTTP Server, SQL Server, Redis
• HTTPS⾃自簽憑證
• iOS APP使⽤用者權限
• Share機制：使⽤用URL Schema
• Google place API

3. 想法構築
• 各種想法碰撞的時期
• 蒐集各種可能性
• 透過討論、先前案例經驗慢慢歸納去蕪存菁

4. 揪吃飯

12. 異動!

16. 3個月後

18. 為了
節省時間

19. 保護鴿子

20. We need
an APP!

21. 揪

22. One click
Two click
Three click

23. then

25. How?

26. 使用社群邀請

27. 貼標籤

28. 貼標籤
不吃辣
愛吃甜
日式料理

29. 貼標籤
有Wi-Fi
甜點好吃
平價
用餐時間限制

30. 推薦餐廳

31. 推薦餐廳

32. 人云亦云
(別人說的，我就相信)
口耳相傳流程模式

33. 即時反饋
客滿了

34. 即時反饋
客滿了
告知其他揪團
想訂此餐廳者

35. 後續回饋
好吃?

36. 後續回饋
好吃?
反饋其他揪團
想訂此餐廳者

37. 其他…etc
歡迎發想

38. WIREFRAME
• 將想法系統化的⼀一套⼯工具
• 畫⾯面流程藍圖
• 具現化想法及流程
• 設計與企劃⼈人員與⼯工程師溝通的⼯工具

39. WIREFRAME CAN BE
USED TO…
• Information design(effective communication)
• Navigation design(Page to page)
• Interface design
(easy to interact with app functions)

41. IOS APP DEVELOPE AND
DESIGN: STORYBOARD

42. AWS
Amazon EC2
• 750 ⼩小時 /⽉月的 Linux、RHEL 或 SLES t2.micro 執⾏行個體⽤用量
• 750 ⼩小時 /⽉月的 Windows t2.micro 執⾏行個體⽤用量
• ⼀一次執⾏行⼀一個執⾏行個體或者同時執⾏行多個執⾏行個體
其他服務
• S3、DynamoDB
選擇原因
• Easy to sacle up and scale out
• Load balanced
• 簡易WEB管理介⾯面

43. SERVER ARCHITECTURE
• HTTP Server: Apache, Nginx
• Database: MySQL, MariaDB
• Memory cache(NoSQL): Redis
參考資料：
http://www.couchbase.com/nosql-resources/what-is-no-sql

44. HTTPS
• APP must “contain encryption”
• OpenSSL⾃自簽憑證
• Put client certificate in the app

45. 取得使⽤用者權限
• 取得使⽤用者權限後，可以取得⽤用⼾戶位置或相
關資料讓APP提供客製化的服務
• 讓使⽤用者在第⼀一次請求使⽤用者權限時按
下”YES”很重要
• 需要5個步驟才能讓APP取得使⽤用者權限（通
常這代表⽤用⼾戶不會再使⽤用這個APP了）

46. 取得使⽤用者權限（WHAT）
• Location based service(LBS)
• Notification
• push notification
• local notification
• 推播可以提醒⽤用⼾戶還有這個APP存在，紅圈
圈數字會讓⼈人想點掉

47. 取得使⽤用者權限（HOW?）
• 直接詢問法(30-40%)
• 引導法(60-70%)
• 兩次詢問法(90-100%)
• 參考資料:
https://share.inside.com.tw/posts/4605

48. GOOGLE PLACE API
取得地區餐廳列表
https://maps.googleapis.com/maps/api/place/textsearch/json?
query=[key word]key=[account key]language=en
取得某餐廳詳細資訊
https://maps.googleapis.com/maps/api/place/details/json?
placeid=[google place id]key=[account key]language=zh-TW