HW12_網路(WEB)

壹、 該次APP的重點說明

  一、了解網路(WEB)的屬性以及學習要如何修改

  二、了解App Inventor 2初步指令使用方法

  三、學習透過網路(WEB)來完成查詢天氣APP

教學時間：

(1)         請先進入天氣預報網站我以C班為例：https://www.cwb.gov.tw/V7/forecast/world/world_ea.htm

(2)         按下Ctrl+U鍵進入網頁原始碼

(3)         利用Ctrl+F鍵找到自己指定的城市

(4)         把我程式碼中的”設置golbal Data3為”後面稱改為上圖中螢光筆畫的那串HTML碼

貳、該次APP的畫面配置及程式設計

      畫面配置：

      程式設計：

 這邊就只是簡單的宣告跟給予初始值，設定我們WEB的網址

這邊就是開始無限制的切割字串拉!!!

由於字串切割之後無法復原，所以無法使用迴圈，如果有哪位高手可以利用迴圈完成的請在下方留言處分享程式。 

由於我們需要的HTML碼長這樣

所以我們透過第一次跟第二次切割得到

第三次切割就可以得到我們想要的”陰天”這段文字

參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結

     施勢帆老師的教學網站

    https://mouse.oit.edu.tw/

        App Inventor 2 指令中文化 Web 元件

   http://www.appinventor.tw/ai2_connectivity_web

伍、該次APP檔案位置

https://github.com/junyi1997/App_Inventor_2/blob/master/HW12/HW12.aia

HW10_多媒體應用_圖片播放器

壹、 該次APP的重點說明

  一、了解畫布以及圖片選擇器的屬性以及學習要如何修改

  二、了解App Inventor 2初步指令使用方法

  三、學習透過畫布以及圖片選擇器來完成一自選圖片播放器

貳、該次APP的畫面配置及程式設計

      畫面配置：

      程式設計：

參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結

     施勢帆老師的教學網站

         https://mouse.oit.edu.tw/

        App Inventor 2 指令中文化 Imagepicker 圖片選取器

        http://www.appinventor.tw/ai2_media_imagepicker

伍、該次APP檔案位置

https://github.com/junyi1997/App_Inventor_2/blob/master/HW10/HW10.aia

HW11_時間_倒數計時

  

壹、 該次APP的重點說明

    一、了解計時器的屬性以及學習要如何修改

    二、了解App Inventor 2初步指令使用方法

    三、學習透過計時器來完成一碼錶功能之程式

貳、該次APP的畫面配置及程式設計

      畫面配置：

      程式設計：

參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結

     施勢帆老師的教學網站

         https://mouse.oit.edu.tw/

     App Inventor 2 指令中文化 時鐘 Clock元件

         http://www.appinventor.tw/ai2_ui_

     App Inventor 2 指令中文化 微型資料庫 TinyDB元件

         http://www.appinventor.tw/ai2_storagel_tinydb

伍、該次APP檔案位置

https://github.com/junyi1997/App_Inventor_2/blob/master/HW11/HW11.aia

HW9_畫布_彈跳足球

壹、 該次APP的重點說明

     一、了解畫布的屬性以及學習要如何修改

  二、了解App Inventor 2初步指令使用方法

  三、學習透過畫布來完成一動畫或者碰撞遊戲

貳、該次APP的畫面配置及程式設計

    畫面配置：

    程式設計：

參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結

   施勢帆老師的教學網站

    https://mouse.oit.edu.tw/

   App Inventor 2 指令中文化 Canvas 畫布

        http://www.appinventor.tw/ai2_drawing-and-animation_canvas

伍、該次APP檔案位置

https://github.com/junyi1997/App_Inventor_2/blob/master/HW09/HW09.aia

HW8_清單 List 指令區

壹、 該次APP的重點說明

     一、了解清單 List的屬性以及學習要如何修改

  二、了解App Inventor 2初步指令使用方法

  三、學習透過清單 List部分來處理資料分割的問題

貳、該次APP的畫面配置及程式設計

    畫面配置：

    程式設計：

參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結

   施勢帆老師的教學網站

    https://mouse.oit.edu.tw/

    App Inventor 2 指令中文化 清單 List 指令區  

    http://www.appinventor.tw/ai2-1

伍、該次APP檔案位置

https://github.com/junyi1997/App_Inventor_2/blob/master/HW07/HW07%20.aia

HW7_內建函數(亂數)

壹、 該次APP的重點說明

     一、了解內建函數(亂數)的屬性以及學習要如何修改

  二、了解App Inventor 2初步指令使用方法

  三、學習透過內建函數(亂數)來完成一個隨機的事件

貳、該次APP的畫面配置及程式設計

    畫面配置：

    程式設計：

參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結

   施勢帆老師的教學網站

    https://mouse.oit.edu.tw/

   App Inventor 2 指令中文化 1A2B猜數字遊戲

        http://www.appinventor.tw/1a2b_game

伍、該次APP檔案位置

https://github.com/junyi1997/App_Inventor_2/blob/master/HW07/HW07%20.aia

HW6_程序(副程式)_HW04改寫成程序(副程式)

壹、 該次APP的重點說明

  一、了解程序(副程式)的屬性以及學習要如何修改

  二、了解App Inventor 2初步指令使用方法

  三、學習透過程序來把重複做的步驟利用程序的方式簡化總程式數量

貳、該次APP的畫面配置及程式設計

    畫面配置：

    程式設計：

參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結

   施勢帆老師的教學網站

    https://mouse.oit.edu.tw/

    App Inventor 2 指令中文化 副程式 procedure指令區

http://www.appinventor.tw/ai2_procedures

伍、該次APP檔案位置

https://github.com/junyi1997/App_Inventor_2/blob/master/HW06/HW06.aia

HW5_迴圈應用_讓你更快速完成規律的動作

壹、 該次APP的重點說明

一、了解For迴圈的使用時機以及學習要如何修改

二、了解App Inventor 2初步指令使用方法

三、本次教學如何使用清單檢視器選擇要執行的程式，透過迴圈的應用完成數字連續加總，再透過判斷指令來協助我們及時判斷成績及格與否。

貳、該次APP的畫面配置

 程式設計

參、該次APP的操作畫面錄影

 

肆、該次APP的相關網路鏈結

施勢帆老師的教學網站

https://mouse.oit.edu.tw/

App Inventor 2 指令中文化Listview 清單檢視元件

http://www.appinventor.tw/ai2_ui_listview

高中資訊科技概論教師黃建庭的教學網站

https://sites.google.com/site/zsgititit/home/app-inventor-2/appinventor2hui-quan

伍、該次APP檔案位置
https://github.com/junyi1997/App_Inventor_2/blob/master/HW05/HW05.aia