大學專題—牙醫整合系統
專題製作過程
繪製流程圖
🔹 目標：
在正式開發系統前，先建立整體系統邏輯與使用者流程的清晰架構，確保後續功能開發有依循的邏輯藍圖。
🔹 工具：
- Draw.io（流程圖製作工具）
🔹 內容說明：
- 將診所系統分為兩大區塊：「前台（病患使用）」與「後台（診所管理者使用）」
- 為每個功能節點規劃清楚的流程路徑，並定義使用者的操作動線（如：線上掛號、查看看診進度、會員登入等）
- 梳理前後台資料串接關係，例如：
- 「看診進度」會顯示目前號碼、候診人數、預估時間
- 「後台管理」可以新增醫生排班，並影響前台掛號可見的時程表
- 使用顏色區分不同功能模塊（如黃色為主要操作、藍色為資料節點）
繪製與建立資料庫
🔹 目標：
設計一套能支援診所前台運作的關聯式資料庫，涵蓋病患資料、醫師資料、診所資訊、掛號與看診記錄等，確保資料能正確串接並支援系統功能。
🔹 使用工具：
- Microsoft SQL Server Management Studio (SSMS)：資料庫開發與管理工具
- ER 圖（資料表關聯圖）繪製工具：Draw.io / SSMS 資料表設計圖
🔹 設計內容與資料表概述：
| 資料表名稱 | 功能說明 |
|---|---|
clinic | 儲存診所基本資料（名稱、地址、營業狀態、介紹等） |
doctor / doctorwork | 醫師資料與排班時間（姓名、專長、學歷、出診時段等） |
patient / emergencycontact | 病患個人資料與緊急聯絡人 |
arrange | 掛號紀錄（掛號編號、病患、醫師、日期、狀態等） |
seedoctor / gotodoctor | 病人預約看診紀錄 |
程式設計(C#)
🔹 目標：
設計符合使用者需求的網頁介面，讓病患能輕鬆完成掛號、查詢診所資訊、登入註冊等操作，並整合後端資料動態呈現。
🔹 使用技術：
- ASP.NET Web Forms（前端頁面建構）
- C#（CodeBehind）：處理使用者互動與資料串接
- HTML / CSS / Bootstrap 4：設計響應式 UI，提供良好使用者體驗
- JavaScript / jQuery：部分互動效果與資料檢查
🔹 頁面說明：
| 頁面名稱（.aspx） | 功能介紹 |
|---|---|
index.aspx | 首頁，提供診所介紹、聯絡資訊、進入掛號或查詢系統 |
login.aspx | 使用者登入頁 |
member.aspx | 會員中心，可修改個人資料與查詢紀錄 |
doctors.aspx | 醫師介紹頁，包含姓名、專長、診所別 |
progress.aspx | 看診進度查詢，可查看目前診號與等候人數 |
registered.aspx | 掛號完成確認頁，顯示掛號號碼與時間 |
opentime.aspx | 診所營業時間與休診日查詢 |
services.aspx | 診所服務項目一覽 |
APP—AI 繪製介面並導入 Android Studio 實作前端畫面
🔹 目標：
規劃並建置診所 App 前端 UI，讓病患可透過手機操作完成掛號與查詢流程，專注於畫面結構、美觀與操作便利性。
🔹 設計與開發流程：
- 使用 AI (Adobe Illustrator) 設計畫面
- 先以 AI 規劃 App 各頁面結構，包括首頁、會員登入、掛號確認、診所列表、我的最愛等
- 搭配統一的風格設計與色彩系統（藍綠醫療配色 + 卡片設計）
- 畫面元件導入 Android Studio
- 使用 Android Studio 編輯 UI 介面
- 搭配 XML 布局語法還原 AI 設計圖，包括：
TextView/ImageView呈現文字與圖像LinearLayout、ConstraintLayout控制整體排版Spinner、Button等元件呈現選單與操作按鈕
- 每個畫面皆具備完整排版與邏輯結構，後端資料為同學實作
介紹影片製作
🔹 目標：
將整個專題從系統流程、UI 操作到畫面展示，透過影片形式完整呈現，讓觀者快速理解系統功能與使用流程。
🔹 製作內容：
- 使用 Adobe After Effects 進行剪輯、轉場與動態設計
- 將 UI 介面操作畫面、App 模擬操作 有系統地整理並視覺化
- 加入動畫效果、文字說明與背景音樂，提升影片吸引力與專業感
- 影片可作為履歷作品集的一部分，也可供教師評分或面試展示
擔任組長，主導專題規劃與任務協調
我的角色與貢獻：
- 任務分配與進度掌控
- 依照每位組員專長，指派前台/後台功能、頁面開發、資料表設計等任務
- 使用記事/討論區記錄每次會議進度、代辦項目與未完成事項
- 需求彙整與協調溝通
- 收集組員與指導老師的建議，統整需求變更與優化方向
- 處理 UI 流程討論、命名規範、頁面邏輯設計協調
- 階段檢查與修正管理
- 每週更新目前完成度、待補作業與後續工作（包含如：會員資料頁、醫師排班畫面、忘記密碼流程等）
- 檢查每位組員的 .aspx 頁面是否完成、命名一致、功能符合流程
- 跨階段整合能力
- 統整從 Draw.io 系統流程、資料表設計、UI 開發到展示影片剪輯的各階段工作
- 協助同學補完部分尚未完成的區塊（如頁面內容補件、資料連動排查
全方位開發與設計參與項目：
🎨 網頁前端介面設計（HTML、CSS、Bootstrap，ASP.NET Web Form）
🧩 後端資料串接功能（.aspx + C# 控制元件搭配資料庫顯示）
📱 App 畫面設計與排版（AI 設計 + Android Studio XML 還原 UI）
🗂 資料庫規劃與建置（SQL Server，規劃資料表與 ER 圖）
🔁 系統邏輯流程圖繪製（Draw.io 規劃前後台流程與病患使用流程）
🎬 AE 動畫影片製作（使用 After Effects 製作專案展示影片）
