iT邦幫忙

2026 iThome 鐵人賽

DAY 1
0
佛心分享-IT 人自學之術

從 Figma 到 Angular:打造智慧醫院預約掛號系統的 30 天實作之旅系列 第 1

Day 1|為什麼我要做一個智慧醫院預約掛號系統?

  • 分享至 

  • xImage
  •  

為什麼想做智慧醫院管理平台?

醫學資訊是我目前學習的領域,因此我希望透過一個與醫療資訊相關的專案,把課堂上學到的概念實際應用在系統開發上。
一開始我並沒有想直接製作一個非常複雜的醫療系統,而是先從使用者最容易理解的「醫院預約掛號」開始。

使用者可以:

  • 查詢醫師
  • 查看醫師詳細資訊
  • 登入會員
  • 預約掛號
  • 查看就醫相關資訊
    等功能....,之後再逐步擴充到醫師端與管理者端。

這樣可以讓我在一個相對明確的功能範圍內,實際練習完整的系統開發流程,而不適只完成幾個獨立的網頁。


我想從這個專案學到什麼?

這次專案希望不只是完成一個可以展示的網站,而是透過實際開發了解一個正式網站從設計到上線前的基本流程。

主要希望學習以下技術:

技術 想學習的內容
Figma Wireframe、UI Design、Component、Prototype
Angular Component、Routing、表單、前端架構
TypeScript 型別、Interface、資料處理、程式邏輯
ASP.NET Core Web API、後端架構、API 設計
C# 後端程式邏輯與資料處理
Oracle 資料表、SQL、關聯與資料管理
Git / GitHub 版本控制與開發紀錄

我最希望理解的不是單一技術的語法,而是:

這些技術在一個實際系統中是如何互相配合的。


我希望了解的「正式網站製作流程」

這次專案會按照以下流程進行:

需求分析 -> 使用者流程 -> Figma Wireframe -> Figma UI Design -> Figma Prototype -> Angular前端開發 -> TypeScript功能實作 -> ASP.NET Core Web API -> C#後端邏輯 ->Oracle資料庫 -> 前後端串接 -> 完成智慧醫院預約系統

我希望透過這個流程了解:

一個網站不是從寫 HTML 開始,而是從需求開始。


30 天的實作目標

這次30天的目標,是完成智慧醫院管理平台第一階段的MVP,並透過實際開發逐步學習前端、後端與資料庫技術。

預計完成:

  • 前端

    • 首頁
    • 醫院介紹
    • 醫師查詢與詳細資訊
    • 登入/註冊
    • 預約掛號
    • 預約成功/失敗
    • 我的預約
    • 預約詳細資訊
    • 取消預約
    • 個人資料
    • 就醫資訊
  • 後端

    • ASP.NET Core Web API
    • 會員API
    • 醫師API
    • 預約API
    • 登入相關API
  • 資料庫

    • Oracle資料庫設計
    • 會員資料
    • 醫師資料
    • 預約資料
    • 基本SQL操作

希望至少完成一條真正可運行的資料流程。


AI 在這個專案中的角色

在這次專案中,我會使用ChatGPT與Codex協助開發,但不希望直接產生一個完整網站後就結束。

我的開發方式會是:
自己思考需求 -> 自己設計Figma -> 自己嘗試撰寫程式 -> 遇到問題 -> 詢問AI -> 理解原因 -> 修改程式 -> 測試 -> 記錄學習內容

希望透過這種方式,在完成專案的同時,也真正理解自己寫出的程式。


下一篇
Day 2|開始做系統前,先分析使用者真正需要什麼
系列文
從 Figma 到 Angular:打造智慧醫院預約掛號系統的 30 天實作之旅9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言