App研習營_網頁教學Slides

from:鄭朝元
App Inventer 2

Transcript

2. 講師介紹 授課教學經驗： • 國立台灣科學教育館科學工作坊 授課講師 • 國立科學工藝博物館科學工作坊 授課講師 • 新北市政府 Maker Faire 程式工作坊 授課講師 • 台北市電腦公會STEAM教育講堂 電子電路 授課講師 • 國立清華大學 Maker Faire 程式工作坊 授課講師 • 國立高雄第一科技大學黑客松 Arduino程式 授課講師 • 財團法人塑膠工業技術發展中心3D列印/建模授課講師 • 財團法人塑膠工業技術發展中心與高雄市立獅甲國小共同執行台灣師 範大學計畫子項目創客材料用於教學應用
3. 今日課程安排 第一次學習課程 13:00~13:40 專題講座 App Inventor2介面說明與認識，並完 成Hello World！ 13:40~14:00 Brain Storming 思考與規劃應該如何製作方便整理的 網頁程式，網頁渠道APP 14:00~14:20 講師實作示範 14:20~15:00 專題實作 利用App Inventor2規劃出製作方便整 理的網頁程式，網頁渠道APP，並採 用同步模擬軟體測試驗證
4. •全世界賣最好的手機品牌？
5. 手機市占
6. 手機系統
7. APP熱門排行
8. Google Play 2016 最佳 App • 年度最佳：Prisma • 最具創新力：VoiceTube，台灣著名的英文學習平台 • 最值得分享：SNOW，讓自拍變得極好玩的 App • 最佳美術設計：Colorfy ，繪本抒壓 App • 最佳本地製作：Dcard，八卦與閒聊專用 • 最佳人氣：巴哈姆特動畫瘋，提供免費動畫 • 最有趣：MSQRD，其實與 SNOW 類似 • 最佳自我增值：憶術家讓你免費學語言
9. Android發展-Dount
10. Android發展-Eclair
11. Android發展-Froyo
12. Android發展-Gingerbread
13. Android發展-Honeycomb
14. Android發展-Ice Cream Sandwich
15. Android發展-Jelly Bean
16. Android發展-KitKat
17. Android發展-Lollipop
18. Android發展-Marshmallow
19. Android發展-Nougat
24. Android發展-Oreo
25. 今年最新
27. Android作業系統 • Android作業系統為用於智慧型手機，自從2008年9月推出1.0版後 在市場上逐漸成長，直到2014年國際研究暨顧問機構Gartner公佈 Android作業系統達世界8成的市佔率，其成功及優勢為 (1)開放原 始碼及採Apache授權模式 (2)採用Java語言撰寫Android應用程式及 Dalvik虛擬機器 (3)Android應用程式開發人員的獲利模式 (4)Android的程式應用多樣化。
28. Android作業系統 • Google公司為了使更多人自己開發Android手機應用程式，而不僅 僅是移動世界的消費者，在2010年8月推出一個工具軟體，稱 為”Google App Inventor for Android”，這種工具可以讓使用者能很 容易撰寫Android智慧型手機的應用程式。
29. Android作業系統 • Google公司推出這種工具軟體的想法是：由於手機將成為人們最依賴的行動 式電腦產品，使用者應該能夠自己開發應用程式。Google此項目的負責人 （Harold Abwlsin）指出，Google如此作的目標是使人們成為創造者，而不僅 僅是移動世界的消費者，Google相信這將使其在智慧型手機市場掌握主導權。 • Google會推出這種軟體是因為Android有著開放的架構。Google計劃給予使用 者一個簡單的工具，以使他們思考設計智慧型手機軟體，就像從前人們思考 電腦軟體一樣。多年以來，簡化基本撰寫程式的工具，已經對各種創新打開 了大門。
30. Android作業系統 • Google App Inventor for Android使人們可以用拖放程式碼的拼圖塊（每 一拼圖塊代表不同的智慧型手機功能），設計建立一個可在個人智慧 型手機上執行的應用程式。 • 然而，2011年底Google公司宣布關閉Google App Inventor for Android工 具軟體，讓外界頗感失望。但到了2012年初，Google公司把此軟體轉 移給MIT（麻省理工學院）的行動學習中心維護，MIT並把軟體改名為 MIT App Inventor。
31. Android作業系統-MIT App Inventor 官網 • MIT行動學習中心持續改善及維護，支援的功能也越來越多。爾 後，MIT行動學習中心在2013年12月3日，再度推出MIT App Inventor 2，做了很大的改變，開發環境更友善、更好用、也更易 使用，拼圖塊的顏色分類也更鮮明、更易被區別，拼圖塊內有提 供下拉式選單，可輕易動態地改變該拼圖塊的屬性，有些拼圖塊 可以擴大、縮小、或改變其功能，這些改變都讓設計者更有彈性、 撰寫程式更有效率。
32. Android作業系統
33. App Inventor 2 介面
34. App Inventor 2 介面
35. App Inventor 2 • 變數拼圖塊群(Variable Blocks)：定義程式中所要的變數 • 邏輯運算拼圖塊群(Logic Blocks)：提供邏輯運算功能 • 數學運算拼圖塊群(Math Blocks)：提供數學運算功能 • 流程控制拼圖塊群(Control Blocks)：控制程式流程 • 顏色拼圖塊群(Color Blocks)：設定顏色 • 字串拼圖塊群(Text Blocks)：提供字串應用 • 清單拼圖塊群(List Blocks)：清單(陣列)應用 • 程序拼圖塊群(Procedure Blocks)：程序(副程式)應用
36. App Inventor 2 介面
37. App Inventor 2 介面
38. App Inventor 2 介面
39. App Inventor 2 介面
40. App Inventor 2 介面
41. App Inventor 2 介面
42. App Inventor 2 介面
43. App Inventor 2 介面
44. App Inventor 2 介面 Hello World
45. Hello World
46. Hello World
47. Hello World
48. Hello World
49. Hello World
50. Hello World
51. Hello World
52. Hello World
53. Hello World
54. Hello World
55. App Inventor 2 介面 網頁整理APP
56. 網頁整理APP
57. 網頁整理APP
58. 網頁整理APP
59. 網頁整理APP
60. 網頁整理APP
61. 網頁整理APP
62. 網頁整理APP
63. 網頁整理APP
64. 網頁整理APP
65. 網頁整理APP
66. 網頁整理APP
67. 網頁整理APP
68. 網頁整理APP
69. 網頁整理APP
70. 網頁整理APP
71. APP課程第一堂結束 • 現場課堂練習： 請寫出4個按鈕分別可以連結不同網頁。 請寫出1個按鈕是結束APP。 請讓web瀏覽框進入APP時，是高大首頁<提示：在屬性設定>