http://MobileDev.TW

1. Hour of Code http://MobileDev.TW
Ryan@MobileDev.TW
1

2. Hour of Code http://MobileDev.TW
Ryan Chung
• 現任
• 行動開發學院負責人
• 資策會行動開發課程總監
• 中央大學資管系兼任講師
• 元智大學資工系兼任講師
• 學歷
• 台灣科技大學資工所碩士
• 元智大學資訊工程系學士
• 教授科目
• iOS App開發 – ObjC/Swift
• Web App開發 – HTML5/JS
• 經歷
• 美國Udacity專案審核員
• 德國難民教育組織資訊志工
• 工研院電通所嵌入式網站開發
• 經濟部工業局自由軟體推動計畫
• 平鎮陸軍通訊學校講師
• 資策會資訊技術訓練中心講師
2

3. Hour of Code http://MobileDev.TW
行動開發學院 MobileDev.TW
3

4. Hour of Code http://MobileDev.TW
資策會 IT Training Center
² 男女老少均歡迎
Ø 寒暑假青少年營隊
Ø 在職夜間假日進修
Ø 轉職全天養成班
4
² 資訊技術充電站
Ø 國際技術趨勢
Ø 職場必備能力
Ø 基本資訊技能

5. Hour of Code http://MobileDev.TW
我的講義分享(slideshare.net/ryan)
5
http://www.slideshare.net/ryan/presentations

6. Hour of Code http://MobileDev.TW
什麼是Hour of Code?
6

7. Hour of Code http://MobileDev.TW
什麼是Hour of Code?
7

8. Hour of Code http://MobileDev.TW
什麼是Hour of Code?
8

9. Hour of Code http://MobileDev.TW
https://code.org/learn
9

10. Hour of Code http://MobileDev.TW
應用程式在哪裡？
Application runs everywhere!
10

11. Hour of Code http://MobileDev.TW
Desktop UX
• 滑鼠
• 鍵盤
11

12. Hour of Code http://MobileDev.TW
Mobile Device UX
• 觸控手勢
• Tap
• Pinch
• Pan
• Swipe
• Rotate
• Lone Press
12

13. Hour of Code http://MobileDev.TW
TV UX
• 遙控器
• 上下左右
• 進入
• 返回
• 手勢
• 聲音
• 智慧型手機
13

14. Hour of Code http://MobileDev.TW
Watch UX
點擊、強按、捲動、錶冠、側邊按鈕
14

15. Hour of Code http://MobileDev.TW
還有一些躲在沒人看見的地方…
15
https://www.flickr.com/photos/89228431@N06/11285592553

16. Hour of Code http://MobileDev.TW
http://flappybird.io/
先會玩，再開始做
16

17. Hour of Code http://MobileDev.TW
這個遊戲怎麼玩？
• 怎麼操作？
• 怎樣得分？
• 什麼狀況會掛掉？
• 畫面上有什麼東西？
17

18. Hour of Code http://MobileDev.TW
Let's do it!
https://hourofcode.com/flap
18

19. Hour of Code http://MobileDev.TW
第一關：飛吧小鳥
當有人點擊畫面時，要做什麼事情？
小鳥鼓動翅膀
播放聲音
19

20. Hour of Code http://MobileDev.TW
第二關：碰到地板會掛掉
當碰到地板時，要做什麼事情？
20
結束遊戲
播放什麼聲音？

21. Hour of Code http://MobileDev.TW
第三關：設定遊戲速度
當遊戲開始執行時
21
設定遊戲速度

22. Hour of Code http://MobileDev.TW
第四關：撞到障礙物會掛掉
當撞到障礙物時
22
結束遊戲

23. Hour of Code http://MobileDev.TW
第五關：通過障礙物得一分
當通過障礙物時
23
得一分

24. Hour of Code http://MobileDev.TW
第六關：通過障礙物後設定跳動量
當通過障礙物時
24
得一分
跳動量設定
PS.也要記得設定一般按下時的跳動量

25. Hour of Code http://MobileDev.TW
第七關：設定遊戲場景
25
當遊戲開始執行時
設定遊戲速度
設定遊戲場景

26. Hour of Code http://MobileDev.TW
第八關：事件發生時隨機設定遊戲場景
26
當通過障礙物時
設定遊戲場景
設定主角

27. Hour of Code http://MobileDev.TW
第九關：撞到障礙物設定分數為0
當撞到障礙物時
27
設定分數為0

28. Hour of Code http://MobileDev.TW
第十關：建立你自己的遊戲！
28

29. Hour of Code http://MobileDev.TW
寫給大朋友的
http://0rz.tw/b5Tgb
29

30. Hour of Code http://MobileDev.TW
修煉之路
• 數理邏輯訓練
• 用程式解決週遭的問題
• 接案磨練技術
• 參加比賽
• 找到寫程式的樂趣
30

31. Hour of Code http://MobileDev.TW
Code for Fun!!
31
Ryan@MobileDev.TW

32. Hour of Code http://MobileDev.TW
領證書摟！
32