▶️ 單元展示
📒 單元說明
本單元是設計一個食物資料上傳頁面,讓使用者能夠輸入想分享的食物名稱、保存期限與聯絡方式,並自動擷取當前地點的經緯度資訊,透過 Google 試算表儲存這些資料。
📒 系統拆解
為了完成本單元任務,可以將整體系統拆解為以下五個步驟:
畫面設計:建立標籤、輸入框與按鈕等元件,並利用「水平配置」元件來整齊排列各項輸入欄位,打造友善的使用介面。
連接 Google 試算表:上傳 JSON 憑證檔,並設定試算表元件的相關欄位,包括試算表 ID 和工作表名稱,以完成雲端資料儲存的串接。
設定位置感測器:加入 LocationSensor 元件,讓系統能夠擷取使用者當下所在的經緯度資訊,作為上傳資料的一部分。
設定對話框:加入對話框元件(Notifier),用於提示使用者資料是否成功上傳,提升使用體驗。
程式撰寫:撰寫程式區塊,將使用者輸入的資料組合成清單後,透過 .新增列 指令寫入 Google 試算表,完成資料上傳流程。