推動大學程式設計教學

農業記事本
難度：初級 / 教學時間：3小時

---

1-1 農業記事本-版面


1.建立農業記事本APP首頁版面配置
2.新增兩個按鈕,分別是工作項目以及備忘錄,用途為轉跳至對應頁面

---

1-2 工作項目-版面配置


1.建立工作項目頁面版面配置
2.新增title標題及跳回到首頁的按鈕
3.加入農作物、作物面積之輸入盒，在文字紀錄中可透過輸入盒來填入文字便於後續儲存至資料庫
4.建立日期選擇器,於新增資料時紀錄時間
5.加入新增及刪除按鈕，用於新增或刪除資料
6.建立微型資料庫,用途為可將輸入之內容儲存下來
7.新增一個清單的顯示器，方便讓資料儲存進資料庫後檢視
8.加入對話框，用途為告知資料是否新增成功

---

1-3 工作項目-程式(新增)


1.建立當按下新增按鈕時APP將執行的事項
2.宣告變數-建立一個清單，將清單命名為worklist，用來儲存輸入至農作物、作物面積、日期等資料
　●將它設定為一個空的清單，讓它能夠儲存資料進去
3.將農作物/作物面積/日期這些我們所輸入的文字列成一個list(清單)，整理輸入的資料並於之後儲存至資料庫
4.合並文字-將兩個文字輸入盒分別是輸入農作物、作物面積面積的文字以及日期選擇器的時間整合在一起
5.呼叫〝微型資料庫〞儲存輸入的值
6.呼叫〝對話框〞顯示提示訊息，告知已儲存成功
7.於新增成功後清空輸入框內的文字

---

1-4 工作項目-程式(刪除)


1.建立當按下刪除按鈕時APP將執行的事項
2.概念建立-刪除時先去判定資料庫裡面是否已經有資料了
　●如果有資料才會去做刪除
　●如果沒有資料，將不會做任何動作
3.當刪除被點選時-判定我們的資料庫是否有資料
　●如果是空值，呼叫對話框顯示警告信息-目前沒有資料
　●若有資料將進行刪除-把標籤內所有資料進行刪除
4.刪除後重置worklist使其變回為空清單
5.建立當按下返回按鈕時執行回到首頁的動作

---

1-5 工作項目-清單顯示器


1.建立點選清單顯示器內資料將執行之事項
2.呼叫對話框，設定點選後要跳出的訊息
3.根據影片中或下方程式圖片設定日期選擇器及清單選擇器

---

1-6 工作項目-資料庫資料刪除


1.建立選擇按下的清單顯示器之對話框按鈕的後續事件
2.判斷選擇的文字是否為確認，若吻合即執行刪除
　●執行刪除需先指定欲刪除的資料為哪一個清單的資料
　●可通過清單顯示器中的〝選中項索引〞來指定要刪除的資料
3.刪除資料後呼叫微型資料庫更新資料庫中的資料，此步驟目的為覆蓋資料庫內未刪除的舊資料
4.呼叫對話框〝顯示警告訊息〞說明資料已刪除
5.於刪除過後更新清單顯示器內的資料

---

1-7 工作項目-完整測試&尋找BUG


1.完成後進行實測，發現清單顯示器沒有把剛剛新增的東西顯示出來
　●在程式設計過程中最難的部分其實是在找為什麼有錯誤，雖然困難但過程中可以重新檢視程式碼來提升程式能力
2.發現問題為新增成功後沒有更新清單顯示器
　●設定清單顯示器顯示儲存的清單(global worklist)即更新完畢

---

2-1 備忘錄-版面配置


1.建立備忘錄頁面版面配置
2.設置備忘錄標籤及返回鍵按鈕
3.加入標題及內文的標籤，並在其後方各加上輸入框
4.新增清單顯示器，用來顯示輸入後儲存的資料
5.新增微型資料庫，把輸入的資料儲存到資料庫裡面
6.放入對話框，用於提示新增成功或刪除成功

---

2-2 備忘錄-程式(新增)


1.建立按下home按鈕則跳轉到首頁的事件
2.宣告變數-建立一個清單，將清單命名為note，用來儲存輸入的資料
3.版面加入新增即刪除按鈕作
　●可透過〝元件屬性〞調整並增加背景圖片讓整體版面更美觀
3.建立按下新增按鈕後即可在資料庫新增輸入的文字之程式
　●標題與內文所輸入的文字放入一個list(清單)，並存到資料庫
4.合並文字-將兩個文字輸入盒分的文字整合在一起並做區隔
　●建議在元素清單中將標籤或按鈕進行命名，如此在後面的程式設計中能比較清楚明瞭找到需要的元件

---

2-3 備忘錄-程式(刪除)


1.建立按下刪除按鈕後刪除資料庫資料的程式
2.判斷清單裡有沒有資料
　●若清單內無資料，則呼叫對話框顯示警告信息-清單是空的
　●若有資料就進行刪除，呼叫微型資料庫把清單內的所有新增的資料做清空
3.更新清單顯示器，重新抓取資料庫內更新後的清單

---

溫濕度感測器
難度：中級 / 教學時間：3小時

1-1溫溼度感測器-Arduino程式講解


1.arduino板程式碼下載網址：https://www.arduino.cc/en/software
下載套件DHT sensor library
2.取得溫溼度
3.工具->監控視窗（顯示溫濕度）
4.確認藍芽連線
5.將arduino收集到的溫溼度轉值後傳到手機

---

1-2溫溼度感測器-版面配置


1.建立溫溼度感測器APP首頁版面配置
2.新增計時器，此用來計算感測的時間及與arduino連結的時間
3.新增藍芽客戶端
4.新增標籤，文字改成溫溼度感測器
5.新增清單選擇器，顯示接收到的藍芽
6.加入按鈕，用來暫停，可回去做選擇器的切換
7.新增三個標籤，分別是溫度、濕度還有土壤的溫度

---

1-3溫溼度感測器-藍芽選擇清單


1.當APP打開時，計時器跟暫停鈕需關閉(以免出現bug)，藍芽選擇清單啟用
2.藍芽選擇清單準備選擇時，顯示藍芽的地址和名稱
3.選擇完藍芽，如果藍芽連線，則把計時器跟暫停鈕啟用，藍芽選擇清單關閉
4.按下暫停鈕，可以重新選擇新的藍芽連線

---

1-4溫溼度感測器-連線Arduino取得資料


1.計時器計時開始時，如果收到藍芽的位元組數大於零，使藍芽接收到的值放在三個標籤(溫度、濕度還有土壤的溫度)

---

1-5溫溼度感測器-APP實測


1.與手機連接
2.按藍芽選擇清單選擇藍芽
3.標籤就會顯現溫濕度
4.按暫停鈕可重新選擇藍芽

---

天氣預測
難度：高級 / 教學時間：3小時

---

1-0天氣預測APP

---

1-1天氣預測-版面配置

1.建立版面配置
2.下拉式選單選擇地區可以定位
3.地圖有標記做定位點
4.氣象資料開放平台：https://opendata.cwb.gov.tw/dataset/observation?page=1

---

1-2天氣預測-程式設計_程式開啟初始化

1.先建立好會用到的變數
2.初始化時
　(1)位置感測打開
　(2)網址設為JSON檔的網址
　(3)地圖的中心點設定
　(4)打開網路

---

1-3天氣預測-程式抓取資料表

1.當網路取得文字
　(1)設定地區資料表欄位的編號
　(2)object解碼JSON檔取得回應內容
　(3)選擇清單用來擷取每一次動作，需要一層層的抓資料，直到location_data
　(4)新增任意清單項目清單取得location_data後，city抓location_data的資料
　(5)新增清單項目取city_name
　(6)設city_number讓資料表跳下一欄
　(7)設下拉式選單發表city_name

---

1-4天氣預報-程式抓取資料表

1.初始化全域變數weather和position_data建立空清單
2.初始化全域變數position_number和position_selection預設表格編號為1
3.當下拉式選單選擇完
　(1)地圖的多個特徵建立空清單
　(2)設隨機變數為選擇項
　(3)設city_number變數、weather_number變數還有position_selection變數為預設值1
　(4)新增任意清單項目清單取得location_data後，city抓location_data，city_data抓city

---

1-5天氣預報-抓取天氣元素比對與提取

1.初始化全域變數city_selection建立空清單
2.接續1-4第三項
　(1)設city_selection變數取選擇清單的city_data，中索引值為2
　(2)新增如果隨機變數等於city_selection，就設定weatherElement變數抓city和weatherElement_data變數抓weatherElement，中索引值為2

---

1-6天氣預報-抓取天氣元素比對與提取

1.初始化全域變數pop(降雨機率)、MinT(最低溫度)還有MaxT(最高溫度)建立空清單，此之前weather(天氣狀況)已建立
2.新增任意清單項目清單取得weatherElement後，設weather、pop、MinT還有MaxT為抓weatherElement_data裡的資料
3.在任意清單項目中，分別新增四個任意清單項目清單，再分別取得weather、pop、MinT還有MaxT後，各自取自己(像是pop取pop)選擇清單的中索引值為2
4.四個變數再各自抓自己中索引值1的兩筆資料

---

1-7天氣預報-標籤設定

1.新增標籤天氣狀況、降雨機率、最低溫度和最高溫度各自的標籤，取得各自變數的值再加上單位。

---

1-8天氣預報-地圖設定

1.建立各個城市的定位點，資料可以搜尋台灣縣市經緯度
2.在任意清單項目清單中設置position_data和position_selection
3.如果隨機變數等於position_selection，則設置x、y和mark變數，呼叫地圖做設置，最後做break
4.讓position_number跳下一欄

---

1-9天氣預報-定位設定

1.在定位被選擇時，設定地圖的多個特徵和中心字串還有mark

---

法規強記小幫手
難度：中級 / 教學時間：3小時

---

1-1法規強記小幫手-首頁版面配置

1.建立工作頁面，拉入檔案管理，上傳素材
法規素材下載連結
2.拉入介面配置，放入標籤和下拉式選單
3.在介面配置外，放一個標籤三個按鈕(法規速查/法條速讀/結束)
4.拉入對話框，可告知成功或失敗

---

1-2法規強記小幫手-首頁程式設計

1.建立兩個初始化全域變數，為空的字典和一個字典
2.當選擇項選擇完成，設選擇項的文字，呼叫檔案
3.當取得檔案的文字，設置變數取得CSV表格轉CSV文字
4.建立第二個工作頁面，用作法規速查的介面
5.當法規速查按鈕被點選時，如果文字為空值就發出視窗警告，否則就跳轉至第二個頁面(法規速查的介面)
6.建立第三個工作頁面，用作法條速論的介面
7.當法條速論按鈕被點選時，如果文字為空值就發出視窗警告，否則就跳轉至第三個頁面(法條速論的介面)
8.按下結束按鈕，可退出程式

---

1-3法規強記小幫手-法規速查版面配置

1.在法規速查介面，進行版面配置
2.水平配置中需要有返回按鈕和上一頁所傳的初始值做標籤為標題
3.放下拉式選單名稱為法條
4.第二個水平配置中放兩個按鈕為上一頁和下一頁
5.放兩個標籤為編號和條文
6.拉入檔案管理和對話框

---

1-4法規強記小幫手-法規速查程式設計(上)

1.在法規速查的程式，建立四個初始化全域變數，分別為資料(data)為空的字典、法條的編號(keys)為空清單、索引編號(current)、法律(laws)為一個字典
2.當法規速查的程式初始化，標題為初始值並呼叫檔案管理取laws中對應的值
3.當檔案管理取得文字
　(1)設data為表格轉文字
　(2)設法條和keys在data取得多個鍵
4.建立副程式名為show，等到需要呼叫時就會出來
　(1)設置編號文字可以顯示出第幾條
　(2)設置條文文字可以顯示出條文

---

1-5法規強記小幫手-法規速查程式設計(下)


1.在法規速查的程式，當按下拉式選單(法條)，使變數current重新設定，兩個文字(條文和編號)也需要重新設定
2.當按上一頁，設current-1，若小於1即設為1，再呼叫show
3.當按下一頁，設current+1，若大於清單長度即設為清單長度，再呼叫show
4.當按返回則回到主頁

---

1-6法規強記小幫手-法規速讀版面配置

1.在法條速讀介面，進行版面配置
2.在水平配置中放三個按鈕，分別為返回、開始、暫停
3.放內容改為速度的標籤
4.在第二個水平配置中，放兩個按鈕內容為-和+，中間放標籤內容為1
5.新增三個標籤，名為title、num還有rule
6.拉入檔案管理和對話框

---

1-7法規強記小幫手-法規速讀程式設計(上)

1.在法條速讀的程式，建立五個初始化全域變數，分別為秒數(sec)為1、索引編號(current)為1、法條的編號(keys)為空清單、資料(data)為空的字典、法律(laws)為一個字典
2.當法條速讀的程式初始化，計時器先不啟用，標題為初始值並呼叫檔案管理取laws中對應的值
3.當檔案管理取得文字
　(1)設data為表格轉文字
　(2)設法條和keys在data取得多個鍵
4.當按開始按鈕，計時器打開；按暫停按鈕，計時器關閉；按返回計時器關閉並回到主頁面
5.建立副程式名為show，等到需要呼叫時就會出來
　(1)設置編號文字可以顯示出第幾條
　(2)設置條文文字可以顯示出條文
6.計時器啟用時，呼叫show，並設current+1，若>清單長度即設為keys清單長度

---

1-8法規強記小幫手-法規速讀程式設計(下)

1.當速度旁邊的按鈕+按下，設置秒數+1且最多為10，設秒數文字和計時間隔
2.當速度旁邊的按鈕-按下，設置秒數-1且最少為1，設秒數文字和計時間隔

LED燈控制
難度：中級 / 教學時間：3小時

---

1-1LED燈控制-藍牙連線傳輸資料 App Inventor


1.建立版面配置，新增清單選取器，用來搜尋藍芽
2.新增標籤顯示連線狀態
3.新增讀取和寫入的按鈕，兩個按鈕下面各放一個輸入框，再新增斷開藍芽連線的按鈕
4.拉入Bluetoothclient(主動要求連結)
5.在藍芽連線前，設定藍芽位址值
6.藍芽連線後，呼叫藍芽位置顯示在視窗上，並改變標籤背景色和文字改為"已連接"
7.若按下讀取按鈕且藍芽已連接，讀取的文字框會顯示藍芽最後接收到的值
8.若按下寫入按鈕且藍芽已連接，寫入的文字框會顯示呼叫字串傳的值
9.按下斷開連線，呼叫藍芽斷開，並改變標籤背景色和文字

---

1-2LED燈控制-藍牙連線傳輸資料 ESP32


1.打開Arduino，輸入函式庫和宣告變數名稱，Serial要輸入相同序列，SerialBT藍芽名稱
2.序列寫入的值回傳到讀取的文字框
3.寫入的文字框回傳到序列讀取

---

1-3LED燈控制-燈泡控制 APP Inventor


1.建立版面配置，新增清單選取器，用來搜尋藍芽
2.新增標籤顯示連線狀態
3.新增四個按鈕用來做led燈的全亮、閃爍還有關掉，以及藍芽斷開，拉入Bluetoothclient
4.在藍芽連線前，設定藍芽位址值
5.藍芽連線後，呼叫藍芽位置顯示在視窗上，並改變標籤背景色和文字改為"已連接"
6.三個按鈕(全亮、閃爍還有關掉)按下，各傳不同的值到藍芽

---

1-4LED燈控制-燈泡控制 ESP32

1.開Arduino，輸入函式庫和宣告變數名稱，R1pin、R2pin及R3pin為腳位
2.若收到按鈕傳過來的值為1，三個腳位執行全亮(HIGE)
3.若收到按鈕傳過來的值為2，三個腳位執行全關(LOW)
4.若收到按鈕傳過來的值為3，三個腳位執行閃爍(迴圈裡讓HIGE和LOW之間做delay)

不重複抽籤
難度：中級 / 教學時間：3小時

---

1-1不重複抽籤-輸入畫面 版面配置


1.建立版面配置，螢幕設為橫向，放三個水平配置，拉入警告(可用來提醒)
2.兩個水平配置各自放一個標籤(最小值/最大值)及一個文字輸入框
3.第三個水平配置放三個按鈕(儲存/清除/進入抽籤畫面)

---

1-2不重複抽籤-抽籤畫面 版面配置


1.新增第二個畫面，螢幕設為橫向，放三個水平配置，一個垂直配置，拉入警告和檔案
2.第一個水平配置用來輸入抽取的數量
3.第二個水平配置用來顯示抽獎者的號碼
4.第三個水平配置可進行抽出號碼、返回和匯出得獎者名單
5.垂直配置可顯示得獎者名單

---

1-3不重複抽籤-輸入畫面 程式設計


1.到畫面一的程式，新增變數list建立空清單
2.建立副程式reset，最小值最大值為空白，變數list設為空清單，清除和進入抽籤畫面的按鈕先關閉，因為一開始用不到
3.畫面一進行初始化呼叫副程式，按下清除也會呼叫副程式
4.按下進入抽籤畫面，切到畫面二且將list值傳過去
5.按下儲存，如果有一文字為空或有不是數字的，皆會出現警告，兩者都沒有且最大值大於最小值即可儲存
6.儲存會先進迴圈判斷值有沒有存進去，有會顯示警告提醒，且清除和進入抽籤畫面按鈕會打開

---

1-4不重複抽籤-抽籤畫面 程式設計


1.到畫面二的程式，新增變數list建立空清單
2.畫面二進行初始化list建空清單，抽取的數量輸入框打開，list取開始值，匯出得獎者名單關閉
3.匯出得獎者名單用來取得得獎者號碼存於某位置
4.返回用來返回至畫面一
5.按下抽出號碼，抽取的數量輸入需為數字且小於清單的長度，抽取的數量關閉
　(1)每一次只能抽出一位，且號碼遞減抽出
　(2)得獎者號碼設為清單裡的隨機亂數且顯示出來
　(3)若抽出的號碼在清單裡，就要在清單移除抽到的號碼，以免下次抽到
　(4)若抽完會顯示警告提示

---

1-5不重複抽籤-畫面展示

社工訪談紀錄
難度：中級 / 教學時間：3小時

---

1-1社工訪談紀錄-首頁 版面配置


1.建立版面配置，放兩個水平配置，一個裡面放標題，一個放可以新增頁面的按鈕，兩者間放清單顯示器，用來顯示已新增的清單，再放兩個微型資料庫
2.到主頁的程式，當主頁初始化，新增的資料會顯示在清單上，選擇資料完進到畫面二(要新增螢幕)，初始值就是選中的資料
3.建立新增頁面，點新增頁面可以跳到此頁面

---

1-2社工訪談紀錄-新增頁面&版面配置 程式設計(上)


1.在新增頁面進行版面配置，需在垂直捲動配置中放入三個水平配置
2.第一個水平配置可選擇日期輸入
3.第二個水平配置可輸入訪視的對象
4.在二三水平配置間，可輸入訪視內容和所拍的照片
5.第三個水平配置可進行新增、拍照、語音還有返回
6.非可視組件用到的有，語音辨識、對話框、照相機還有兩個微型資料庫
7.切到程式，若選擇完日期就可以顯示，按下語音鈕可以呼叫語音辨識，將辨識的結果顯示在內容輸入
8.按下拍照可以呼叫照相機，再將拍的照片顯示

---

1-3社工訪談紀錄-新增頁面&程式設計(下)


1.圖像下面需放一個標籤(在版面配置修正)
2.新增被點選，資料庫1就要儲存日期及對象輸入為標籤，內容輸入為儲存值
3.若圖像標籤不是空的，就要用資料庫2來儲存值，且輸入的文字和圖片都要清空
4.最後呼叫對話框來提示已完成儲存
5.返回用來返回主頁

---

1-4社工訪談紀錄-編輯頁面&版面配置 程式設計


1.在畫面二(編輯畫面)進行版面配置，放兩個水平配置，一個放已儲存的日期與對象做標題，一個放返回、修改還有刪除的按鈕
2.兩個水平配置中，放入已儲存的內容和圖像
3.拉入微型資料庫和對話框的非可視組件
4.切到程式，畫面二初始化時，將內容和圖像設為資料庫取得的資料
5.修改被點選後，將修改後的內容值傳到資料庫，並顯示修改已完成
6.在點刪除鈕時，為了避免誤刪，會呼叫對話框，以確認是否刪除，若選擇確定即呼叫資料庫進行刪除
7.返回用來開啟主頁

---

1-5社工訪談紀錄-畫面展示

1.在對話框選擇刪除完，要開啟主頁返回(修正)

語音翻譯元件
難度：中級 / 教學時間：3小時

---

1-1語音翻譯元件-主頁&文字翻譯 版面配置


1.建立主頁的版面配置，拉入一個垂直配置兩個水平配置
2.垂直配置放入標籤顯示標題
3.第一個水平配置，放入兩個按鈕，用來切換文字翻譯和語音翻譯頁面
4.第二個水平配置用來離開程式
-
1.建立文字翻譯的版面配置，拉入兩個垂直配置和兩個水平配置
2.兩個垂直配置各放標籤和文字輸入盒，一個用來輸入要翻譯的文字，另一個為顯示翻譯後的文字[名為:translate]，此還要再加一個標籤[名為:模式]顯示翻譯後的文字語言(影片中打反，在此修正)
3.第一個水平配置放入選擇語言清單、翻譯和read
4.第二個水平配置放入回首頁按鈕
5.拉入三個非可視組件：Yandex語音翻譯器、文字語音翻譯器、對話框
-
1.在文字翻譯的程式，選擇語言準備選擇，建立英翻中和中翻英的清單
2.選擇語言選擇完成，選英翻中則第二個標籤顯示zh，若中翻英則顯示為en
3.定義程序是否不為空值
4.翻譯後不為空值，呼叫語言翻譯器翻譯，否則呼叫對話框顯示訊息
5.語音翻譯器取得翻譯如果回應程式碼等於200(預設)就是翻譯成功
6.read按鈕是用來讀取翻譯後的文字(translate為翻譯後的)

---

1-2語音翻譯元件-語音翻譯&版面配置 程式設計


1.建立語音翻譯的版面配置，拉入兩個水平配置中間夾一個垂直配置
2.最上面放選擇語言清單
3.第一個水平配置用來辨識語音和顯示選擇翻譯的語言
4.垂直配置顯示翻譯前和翻譯後的內容
5.第二個水平配置放用來切換回首頁的按鈕
6.拉入四個非可視組件：語音辨識、Yandex語音翻譯器、文字語音翻譯器、對話框
-
1.在語音翻譯的程式，選擇語言準備選擇，建立英翻中和中翻英的清單
2.選擇語言選擇完成，選英翻中則第二個標籤顯示zh，若中翻英則顯示為en
3.辨識被點選可呼叫語音辨識去辨識語音，辨識完顯示在翻譯前的標籤上，且呼叫語言翻譯器翻譯
4.語音翻譯器取得翻譯如果回應程式碼等於200(預設)就是翻譯成功
5.按鈕設置切換回首頁
-
1.在主頁的程式，使三個按鈕按下可以切換畫面或退出程式

---

1-3語音翻譯元件-畫面展示


1.翻譯後文字輸入框可見性關掉(修正)