🏥 HMS — Screen Wireframes

Visual representation of key system screens

1. Patient Appointment Booking/doctor/:id/book
📅 Book Appointment — Dr. Aisha Rahman (Pediatrics)
09:00
09:20
09:40
10:00
10:20
10:40
11:00
11:20
11:40
12:00
12:20
12:40
13:00
13:20
2. Appointments List (Admin View)/app/appointments
Appointments
Clear All
IDTypePatientDoctorDateTimeStatusActions
APT-00045new visitAmina BegumDr. Aisha Rahman2026-04-0209:00completedHistory Timeline
APT-00046follow upDavid KimDr. Carlos Mendez2026-04-0210:00in consultationEnd Consultation
APT-00047 🔄 Follow-upemergencyFatima NoorDr. Fatima Al-Sayed2026-04-0211:00checked inStart Consultation Q-003
APT-00048new visitGeorge ThompsonDr. Rajesh Kumar2026-04-0314:00pending approvalApprove Reject
APT-00049telemedicineHannah LeeDr. Emily Chen2026-04-0509:30scheduledDelete
Page 1 of 5 — 65 total appointments
3. Doctor — Write Case + End Consultation/app/appointments/:id/write-case
Write Case
← Back
Appointment: APT-00045 Patient: Amina Begum Doctor: Dr. Aisha Rahman in consultation
📋 Patient Quick Reference
⚠️ Allergies
PenicillinAspirin
Health Info
Blood: A+ | Height: 165cm | Weight: 62kg
Chronic Conditions
Hypertension
Current Medications
Amlodipine 5mg
Recent Vitals
Apr 1 — 🌡 36.8°C | 💓 120/80 | ♥ 72 bpm | O₂ 98%
📝 Quick TemplatesShow Templates
Persistent headache, fatigue, blurred vision
Hypertension Stage 1 (I10)
💊 Prescription
Amlodipine 5mg5mgOnce daily30 days✕
— End Consultation Modal (Doctor sets charge) —
End Consultation
Amina Begum — APT-00045
Simple
Routine checkup
Moderate
Standard consult
Complex
Detailed exam
4. Lab Processing Queue/app/lab/queue
Lab Processing Queue
Order IDPatientDoctorTestsPriorityStatusTurnaroundActions
LAB-00012Fatima NoorDr. Rajesh KumarCBC, ESR, CRPSTATordered⏰ 2h overdue
LAB-00013Ibrahim MalikDr. Emily ChenFBS, HbA1cUrgentsample collected6h remaining
LAB-00014Julia SantosDr. Aisha RahmanUrine CultureNormalprocessing18h remainingEnter Results →
LAB-00015Marco RossiDr. David ParkLFT, Lipid PanelNormalordered22h remaining
5. Pharmacy Dispensing Queue/app/pharmacy/queue
Dispensing Queue
PrescriptionPatientDoctorDateItemsStatusActions
RX-00018Amina BegumDr. Aisha Rahman2026-04-022 medicinespending
RX-00019David KimDr. Carlos Mendez2026-04-023 medicinespending
RX-00017George ThompsonDr. Rajesh Kumar2026-04-011 medicinepartially dispensed
— Dispense Modal —
Dispense — RX-00018
Amina Begum • Dr. Aisha Rahman
MedicinePrescribedStockDispense Qty
Amlodipine 5mg30✓ 150
Hydrochlorothiazide 25mg30✓ 85
6. Cashier Dashboard & Payment/app/finance/cashier
Cashier Dashboard
⚠ Patient must pay here BEFORE collecting medicines from pharmacy
$2,450.00
Collected Today
8
Pending Invoices
12
Today's Transactions
$500.00
Cash Float
Patient: Amina Begum (PAT-0005)
InvoiceDateTotalPaidBalanceAction
HMS-INV-000122026-04-02$850.00$0.00$850.00
HMS-INV-000082026-03-28$450.00$200.00$250.00
— Payment Modal —
Collect Payment — HMS-INV-00012
Cash
Card
Insurance
Online
7. Queue Display — TV/Monitor Mode (Public)/queue-display
Patient Queue
Avg consultation: ~18 min
02:35 PM
Thursday, April 2, 2026
4
Waiting
3
Active Doctors
~18m
Avg Wait
Dr. Aisha Rahman
2 patients waiting
Q-001 Amina Begum
NEXT
Now
est. wait
Q-002 David Kim
~18m
est. wait
Dr. Carlos Mendez
2 patients waiting
Q-001 Fatima Noor
NEXT
Now
Q-002 George Thompson
~18m
Auto-refreshes every 15 seconds
8. Admin Dashboard/app/dashboard
Welcome, Admin (Full Access — Primary: Reports & Settings, Backup: All Operations)
156
Total Patients
10
Total Doctors
8
Today's Appointments
4
Pending Approval
3
Open Cases
65
Total Cases
5
Lab Orders Today
Recent Appointments
PatientDoctorDateTimeStatus
Amina BegumDr. Aisha Rahman2026-04-0209:00completed
David KimDr. Carlos Mendez2026-04-0210:00in consultation
Fatima NoorDr. Fatima Al-Sayed2026-04-0211:00checked in
HMS — Hospital Management System | Open screenshots/wireframes.html in a browser to view
9. Role Permissions SummarySystem-wide
Who Can Do What
Action Receptionist Doctor Nurse Lab Tech Pharmacist Cashier Admin
Approve/Reject Appointments✅✅————✅ (backup)
Check-In Patients✅—————✅ (backup)
Reschedule Appointments✅✅————✅ (backup)
Start/End Consultation—✅—————
Set Complexity & Charge—✅—————
Write Cases & Prescribe—✅—————
Order Lab Tests—✅—————
Process Lab Results———✅———
Dispense Medicines————✅——
Record Vitals & Care Notes——✅————
Generate Invoices✅—————✅ (backup)
Collect Payments—❌———✅ Only—
View Financial Reports——————✅
System Settings——————✅
Key rule: Only the Cashier can collect payments. Doctors can approve/reject/reschedule but cannot handle money. Admin has full access as backup for emergencies.
HMS — Hospital Management System | Open screenshots/wireframes.html in a browser to view