迅速に APP の経験作成

想開發 APP 毫無頭緒？ 專案執行不給力？QCL 教你如何快速打造一個可以用的 APP 以及如何團隊合作並且有效地管理開發進度。讓大小專案不再無疾而終、不了了之，也讓團隊中的任何角色都能發揮最大貢獻！

Transcript

1. 迅速に APP の経験作成 @qcl Mozilla Taiwan 2013-10-26
2. 國立臺灣大學資訊工程研究所自然語言處理實驗室碩 士班二年級　TIMEGO知識長　國立臺灣大學資訊工程 學學士　QCLean臉書廣告移除器瀏覽器插件作者　 QCL誠徵女友　國立臺灣大學手機雲端通訊研究社教 學　臺灣大學智慧生活科技整合與創新中心工讀生　國 立臺灣大學手機雲端通訊研究社社長　香港商雅虎資 訊股份有限公司臺灣分公司實習生　國立臺灣大學資 訊工程研究所自然語言處理實驗室碩士班二年級　中 央研究院社會學研究所工讀生　設計模式與軟體開發 課程批改郎　《通鑑地圖》作者　TIMEGO知識長　國立 臺灣大學資訊工程學學士　QCLean臉書廣告移除器瀏 覽器插件作者　QCL誠徵女友　QSearch出一張嘴研究 員　臺灣大學智慧生活科技整合與創新中心工讀生　國 立臺灣大學手機雲端通訊研究社社長　香港商雅虎資 訊股份有限公司臺灣分公司實習生 qcl
3. 據說這是今天的講題 迅速に APP の経験作成
4. 快速地分享 qcl 創建 (Mobile) APP 的經驗 快速創建APP的經驗 by Google Translate
6. 該怎麼開始開發一個App？ How to start?
7. 問題是什麼？ What’s the Problem?
8. 我們想解決的問題是什麼？ What’s the Problem we want to solve?
9. 打造 App 解決問題 APP Problem Solved
10. 該怎麼開始開發一個App？ How to start?
11. 第零步：發現問題 Find the Problem
12. 第一步：定義想要解決的問題 Define the Problem
13. Define the Problem • Describe peoblem ◦ 最好是一望即知 • Who will need the solution? ◦ User • When will user use the App? ◦ Use cases
14. 第二步：定義解決問題的方法 Define the Solution
15. 第二步：針對使用情境設計操作流程 Define the Solution
16. Define the Solution • Design the use flow for each use cases ◦ Interaction design ◦ UI design ◦ UI design pattern
17. The flow http://transittimes.tumblr.com/
18. 第三步：製作原型與使用者測試 Prototyping & Testing
19. Prototyping & Testing • 試著呈現操作流程 ◦ 畫圖 ◦ 簡單實作 ◦ HTML ◦ …. • 找人測試，觀察其反應 ◦ 是否操作順暢 ◦ 是否感到困惑 ◦ ….
20. Prototyping & Testing http://gored.hu/prototyping-tools/
21. Prototyping & Testing
22. Prototyping & Testing
23. 第四步：實作 Coding
24. Coding • Platforms ◦ iOS/Android/Firefox OS/Windows Phone/... ◦ PhoneGap / Cordova • Open Source UI Components • Version Control ◦ Git • Minimum Viable Product
25. Scrum http://en.wikipedia.org/wiki/Scrum_(software_development)
26. Problem Prototyping Testing & Feedback Coding App Solution Designer Developer
28. 然後，就有了 App :) Then, we have an APP :)
29. 有什麼問題嗎？ Questions?
31. qingcheng.li @ qcl.tw Thanks ^_<