Page 9 - 以IoT為技術基礎之群體式翻譯大聲公
P. 9
CH4 APP 程式設計
10 分 解說 APP
一、程式架構
設置啟動按鈕當被按下進行 3 道翻譯流程，先將翻譯
程式架構
前聲音先轉為文字，並顯示在螢幕上供檢閱是否正確，在
將文字翻譯成指定語言，最後把翻譯後文字唸出完成即時
翻譯功能。
APP 程式設計流程圖
二、外觀設計 60 分 撰寫程式
手機程式設計採 App Inventor 2 軟體，它為圖形化的
Android 開發環境平台，以瀏覽器做為管理工具，檔案皆 環境背景
存放雲端因此電腦不需要特別安裝軟體，而且程式採拼圖
概述與顯
方塊設計簡單易懂。設計流程先在「外觀編排」頁面放置
所需元件，如文字、按鈕、下拉式選單與翻譯等，再切換
示版面設
「程式設計」頁面依照控制需求進行程式撰寫。
畫面規劃最上方藍芽連線之用，第 2 行用於使用者設 計
定欲翻譯語言，中間則顯示翻譯前、後文字供查閱翻譯是
否正確，最下方放置 3 個按鈕由左至右分別，群體廣播、
請動翻譯與重複播放(如圖 9)。在將先前申請雲端憑證資
訊，個別複製填入 FirebaseDB 元件屬性『憑證』與『URL
網址』欄位裡，就能順利使用雲端網路服務。
9
