APP Development Report / 2025
MIT App Inventor · Firebase Realtime DB · Android
github.com/096013/ai_car_lanefollowed使用 App Inventor 內建積木 open another screen 切換畫面並傳遞參數
使用 close screen 返回上一頁，確保畫面堆疊正確
透過全域變數或 TinyDB 在畫面間保存登入狀態與使用者名稱
在 App Inventor 中加入 FirebaseDB 元件，設定 FirebaseURL 與 ProjectBucket，即可進行讀寫操作。
從 Firebase 取得 article 清單後，使用 set ListView.Elements 直接綁定顯示
使用者點選 ListView 項目後，觸發 AfterSelecting 取得該筆留言的詳細資料
每次新增留言後呼叫 FirebaseDB.GetValue 刷新清單，保持畫面資料即時同步
將作者名稱與留言內容合併為字串格式顯示於 ListView，如 [作者]: 內容
前往 bluestacks.com 下載並安裝 Android 模擬器
在 App Inventor 選擇「Build → App (save .apk to my computer)」匯出安裝檔
將 .apk 拖曳至 BlueStacks 視窗或透過「安裝 APK」功能完成安裝
在 BlueStacks 中開啟 App，確認 Firebase 連線及所有畫面功能正常運作
DFD（資料流程圖）
描述使用者、App 與 Firebase 之間的資料流向，包含登入、發文、讀取留言、按讚等主要流程。
[ 請插入 DFD 圖片 ]
Class Diagram（類別圖）
定義系統中的主要類別：User、Article、Comment、Vote，及其屬性與方法之間的關聯關係。
[ 請插入 Class Diagram 圖片 ]
使用 Git 進行版本管理，提交記錄包含各畫面功能完成節點及 Firebase 整合過程。
https:// 開頭並以 / 結尾）；確認 Firebase 規則已設為允許讀寫（read/write: true）。is a list? 判斷 value 型別，避免型別錯誤導致無法賦值給 Elements。透過本次專案，深入了解了 MIT App Inventor 與 Firebase Realtime Database 的整合方式。從多畫面切換的狀態管理、ListView 的動態資料綁定，到 Firebase 的雲端讀寫操作，每個環節都有不同的挑戰。AI 工具在開發過程中扮演了重要角色，協助快速查找解決方案與積木邏輯的設計，大幅縮短了 debug 的時間。未來希望能進一步加入使用者認證（Firebase Auth）與即時監聽功能，讓 App 更加完善。