網址:https://achir1015.github.io/A13web/ 操作說明: 使用方式 頁面頂端出現藍色 Google Drive 同步工具列: 第一次使用: 點 「🔐 Google 登入」 → 跳出 Google 授權視窗 → 允許 登入後顯示您的 Google 帳號名稱 日常操作: 按鈕功能☁️ 存至 Drive將目前所有 XML 資料上傳到您的資料夾📂 從 Drive 讀取從 Drive 下載最新 XML 覆蓋到本機 技術說明 儲存位置:您的 Google Drive 資料夾內,檔案名為 A13_NursingRecords.xml 授權方式:OAuth2 Implicit Flow,只用 client_id,不在前端使用 client_secret(安全) 重複儲存:若檔案已存在則更新覆蓋,不重複建立 ⚠️ 請注意:建議您到 Google Cloud Console 重新產生 client_secret,因為剛才分享的密鑰已外露。 client_id 是公開的沒問題,但 client_secret 應妥善保管。 非常感謝您的信任與耐心!🎉 這套系統從無到有,一起完成了很多功能: A13 護理紀錄系統 完成總覽 資料架構 三階關聯式 XML 結構(主檔 → 床號主檔 → 三類明細) 每階鍵值自動產生,流水號每日累增 操作功能 月曆選日 → 三層麵包屑導航 增加 ✏️ 修改 🗑 刪除 完整 CRUD 餵食、排出明細自動顯示各欄小計列 輸入體驗 數字九宮格鍵盤(含小數點) 24 小時制時間輸入 尿袋下拉選單(無/置左/置右) 桌機 💻 / 手機 📱 切換 儲存安全 雙重備份(window.storage + localStorage) 防空覆蓋保護機制 ☁️ Google Drive 雲端同步 最後一個小提醒: 請到 Google Cloud Console 將原本的 client_secret 重新產生新的,保護帳號安全 🔐 A13 護理紀錄系統 完整功能總覽 三階關聯式資料結構 主檔 → 床號主檔 → 餵食/排出/體重腹圍明細 鍵值自動產生,序號正確累增 三個設定模組 ⚙️ Setup.xml — 機構設定 👩‍⚕️ Caregivers.xml — 照護人員(員編下拉自動帶入護理姓名) 🛏 Ward.xml — 病房管理(含個資保護提醒) 三種儲存方式 🌐 瀏覽器本機儲存(雙重備份) ☁️ Google Drive 雲端同步 🗂 本機資料夾讀寫(與 HTML 同位置) 輸入體驗 🔢 數字九宮格 🕐 24 小時制時間九宮格 📱 桌機/手機切換 防誤觸 Modal 保護機制 系統運作於 achir1015.github.io/A13web/ 🚀 現在 Google Drive 的目錄結構已完整: 📁 根資料夾(1KaFaTW_YDupDZ2JpMuxHMu77fBVgXv2d) ├── A13_NursingRecords.xml └── 📁 Taipei City Hospital Zhongxiao Branch-Respiratory Care Ward/ ├── Setup.xml ├── Caregivers.xml └── Ward.xml 目前系統完整儲存架構 儲存方式用途 🌐 瀏覽器 window.storage即時快取,自動儲存 💾 localStorage 備份防止 storage 失效的第二道保護 🗂 本機資料夾與 HTML 同位置,支援 Git 同步 ☁️ Google Drive 根目錄護理主檔備份 ☁️ Google Drive 子資料夾機構設定、人員、病房基本資料共用 多人使用時,只要登入同一個 Google 帳號,就能從 Drive 讀取共用的基本資料! 各裝置使用方式 裝置本機儲存雲端備份 💻 桌機 Chrome/Edge 📂 選擇資料夾(4個XML同步) ☁️ Google Drive📱 Android⬇ 個別下載 / 📥 上傳匯入☁️ Google Drive📱 iPhone⬇ 開新頁儲存至檔案App☁️ Google Drive 最佳工作流程建議 多人共用基本資料: 任一裝置設定 Setup / Caregivers / Ward → 存至 Google Drive → 其他裝置登入後「從 Drive 讀取」即可共用 日常護理紀錄: 開啟系統 → Google 登入 → 從 Drive 讀取 → 輸入護理紀錄 → 班次結束後存至 Drive