Sentra Healthcare — UI Screen List & Wireframes

Screen Map

Berikut adalah pemetaan layar utama untuk setiap role pengguna dalam sistem SentraClinic EMR multi-cabang:

Screen	Role	Platform	Fungsi Utama
Patient Portal Mobile App	Pasien	Flutter (Mobile)	Pendaftaran online, pelacakan antrean mandiri, riwayat resep medis
Frontdesk Registry App	Frontdesk / Admin	Electron (Desktop)	Registrasi pasien baru/lama, validasi BPJS, kelayakan asuransi, cetak gelang identitas medis
Nurse Triage Terminal	Perawat	Web (React)	Entri vital sign, status kesadaran pasien, pelabelan warna triage (Merah/Kuning/Hijau)
Doctor EMR Console	Dokter	Electron (Desktop)	Antarmuka SOAP terintegrasi, grafik tren vital sign historis, e-prescribing, riwayat alergi
Pharmacy Dispensing Terminal	Apoteker	Web (React)	Antrean resep masuk, monitor racikan, pelacakan pengeluaran batch obat FEFO
Cashier Billing Console	Kasir	Web (React)	Faktur penggabungan asuransi, antarmuka cetak kuitansi PPN, integrasi QRIS Dinamis
Smart TV Queue Board	Pasien (Display)	WebApp	Tampilan nomor antrean dengan text-to-speech, status poli real-time

---

Wireframe 1: Doctor EMR Consultation Console

Antarmuka utama dokter dengan tata letak minimalis dan efisiensi pengetikan tinggi:

+---------------------------------------------------------------------------------------------------------+
| SENTRACLINIC EMR v1.0 | Cabang: Jakarta Pusat | Poli: Umum 1 | Dokter: Dr. Irfan, Sp.PD | [ONLINE]      |
+---------------------------------------------------------------------------------------------------------+
| PASIEN: Budi Santoso (34 Th) | No RM: RM/2026/05/00021 | NIK: 3174092108920005 | IHS ID: P0002891789    |
| ALERGI: [!!! HIGH !!!] Amoxicillin | Status Bayar: BPJS Kesehatan | Triage: HIJAU                       |
+---------------------------------------------------------------------------------------------------------+
| [VITAL SIGNS]                               | [HISTORIS KUNJUNGAN MEDIS PASIEN (EMR)]                   |
| TD   : 120/80 mmHg (Normal)                 |  - 14/04/2026: ISPA, Paracetamol 500mg, Istirahat 3 Hari  |
| Suhu : 36.7 C      (Normal)                 |  - 02/01/2026: Gastritis, Antasida Syr, Omeprazole 20mg   |
| Nadi : 78 bpm      (Normal)                 |  - 10/11/2025: Checkup Rutin, TD: 130/85 mmHg            |
| SpO2 : 99%         (Optimal)                |  - 12/08/2025: Hipertensi, Amlodipine 5mg (First Dx)     |
+---------------------------------------------+-----------------------------------------------------------+
| [CATATAN SOAP BARU (ENTER ENCOUNTER DATA)]  | [E-PRESCRIBING & RESEP ELEKTRONIK]                        |
| SUBJECTIVE (Keluhan Utama & Anamnesa):      | Cari Obat: [ Amlodipine 10mg               ] [+ RACIK]    |
| [ Pasien mengeluhkan pusing hebat di bagian ] | --------------------------------------------------------- |
| [ tengkuk sejak 3 hari lalu, kurang tidur.  ] | 1. Amlodipine 10mg Tab | Qty: 10 | Signa: 1x1 Tab (Pagi)  |
| OBJECTIVE (Pemeriksaan Fisik/Status Lokalis):| 2. Paracetamol 500mg  | Qty: 15 | Signa: 3x1 Tab (Demam) |
| [ Paru bersih, bising usus normal. Leher    ] | --------------------------------------------------------- |
| [ sedikit tegang.                           ] | [!] Stok Batch Amlodipine: BATCH-202611-009A (Exp 11/26) |
| ASSESSMENT (Diagnosa ICD-10):               |                                                           |
| Cari ICD-10: [ I10 - Essential Hypert  ]   | [ORDER LAB / TINDAKAN MEDIS]                              |
| -> Terpilih: I10 - Essential Hypertension  | Tindakan: [ Pasang Infus (ICD-9: 38.93)                ]  |
| PLAN (Instruksi Medis & Terapi):           | Lab Test: [ Darah Lengkap                              ]  |
| [ Diet rendah garam, kurangi kafein.        | +-----------------------------------------------------------+
| [ Kontrol tekanan darah di rumah.           | [BATAL]  [DRAFT ENCOUNTER]  [SIGN & LOCK SOAP (BSrE)]     |
+---------------------------------------------+-----------------------------------------------------------+

Catatan UX: - Banner [!!! HIGH !!!] Amoxicillin merah berkedip jika dokter mencoba meresepkan obat yang bersinggungan dengan alergi terdaftar. - Tombol "Sign & Lock SOAP" memerlukan 2FA (PIN khusus BSrE) sebelum RME dikunci secara permanen. - Mode offline ditandai dengan banner [OFFLINE — Sync Pending] di header; input SOAP tetap bisa dilakukan.

---

Wireframe 2: Frontdesk Patient Intake & Live Queue Panel

Antarmuka pendaftaran cepat bagi petugas administrasi:

+---------------------------------------------------------------------------------------------------------+
| SENTRACLINIC FRONTDESK | Cabang: Jakarta Pusat | Tanggal: 21-05-2026 | User: Rina (Admin)               |
+---------------------------------------------------------------------------------------------------------+
| [REGISTRASI PASIEN BARU / WALK-IN]                | [STATUS ANTRIAN LIVE POLI KLINIK]                   |
| Scan KTP / NIK  : [ 3174092108920005     ] [VERIF] | --------------------------------------------------- |
| Nama Lengkap    : [ Budi Santoso                  ] | POLI UMUM (Dokter: Dr. Irfan, Sp.PD)                |
| Tgl Lahir / Umur: [ 1992-08-21 ] | JK: [ L ]        | [Poli 1] Antrean Aktif: A-012 | Menunggu: 8 Orang   |
| No. Handphone   : [ 081234567890                  ] |                                                     |
| Metode Bayar    : (*) BPJS  ( ) Cash  ( ) Asuransi  | POLI GIGI (Dokter: Dr. Anastasia)                   |
| No. BPJS        : [ 0001289178911234              ] | [Poli 2] Antrean Aktif: B-005 | Menunggu: 2 Orang   |
| Alergi Obat     : [ Amoxicillin                   ] |                                                     |
|                                                   | POLI SPESIALIS ANAK (Dokter: Dr. Hermawan, Sp.A)    |
| Poli Tujuan     : [ Poli Umum (Dr. Irfan)     ] [V] | [Poli 3] Antrean Aktif: C-008 | Menunggu: 4 Orang   |
| Triage Awal     : ( ) Merah  ( ) Kuning  (*) Hijau | --------------------------------------------------- |
|                                                   |                                                     |
| [CETAK TIKET & GELANG]   [KIRIM KE ANTRIAN POLI]  | [PANGGIL SELANJUTNYA]  [CETAK ULANG]  [PASIEN BATAL] |
+---------------------------------------------------+-----------------------------------------------------+

Catatan UX: - NIK scan via scanner KTP (USB) otomatis mengisi Nama, Tgl Lahir via SatuSehat API. - Jika memilih BPJS: sistem otomatis hit BPJS PCare API untuk validasi eligibilitas dan menampilkan nama faskes terdaftar pasien. - Tombol [Emergency Bypass] tersembunyi di samping "Triage Awal Merah" — memicu nomor RM darurat RM-EMERGENCY-TEMP-##### tanpa perlu input lengkap.

---

Wireframe 3: Pharmacy Dispensing Terminal

+-------------------------------------------+
| APOTEK SentraClinic | Antrian Resep Masuk   |
+-------------------------------------------+
| [1] RX/260521/0088 — Budi Santoso (A-012)  |
|     Status: PENDING | Jenis: Reguler+Racik  |
|     Dr. Irfan Sp.PD | 2 item               |
| [2] RX/260521/0089 — Sari Dewi (B-005)     |
|     Status: PENDING | Jenis: Reguler        |
|     Dr. Anastasia   | 3 item               |
+-------------------------------------------+
| [Detail Resep: RX/260521/0088]            |
| 1. Amlodipine 10mg | Qty: 10 | 1x1 Pagi   |
|    Batch: BATCH-202611-009A (Exp: Nov 26)  |
|    [STATUS: ALLOCATED]                    |
| 2. Paracetamol 500mg RACIK | Qty: 15      |
|    Signa: 3x1 Puyer Sehari                |
|    [MASUK MENU COMPOUNDING]               |
+-------------------------------------------+
| [PROSES COMPOUNDING]  [SELESAI DISPENSING] |
+-------------------------------------------+

---

User Stories (BDD)

User Story 1: Dokter Menandatangani Rekam Medis

• As a Dokter Spesialis/Umum
• I want to Menandatangani rekam medis SOAP secara digital menggunakan BSrE dan menguncinya.
• So that Data pemeriksaan terekam dengan aman, terinteroperabilitas dengan SatuSehat, dan mematuhi Permenkes No. 24/2022.

Acceptance Criteria (BDD): - Given Dokter telah selesai memasukkan data SOAP dan Encounter berstatus CONSULTATION. - When Dokter mengklik "Sign & Lock SOAP" dan memasukkan PIN BSrE yang sah (2FA). - Then Sistem menghasilkan hash SHA-256 kriptografis dari payload SOAP via BSrE API. - And Mengubah status Encounter menjadi PHARMACY dan SOAP menjadi locked. - And Memicu background job asinkron untuk mengirim data FHIR ke SatuSehat IHS. - And Menampilkan pesan sukses "EMR Locked and Sync Triggered".

User Story 2: Apoteker Mempersiapkan Obat Racikan

• As a Asisten Apoteker / Apoteker
• I want to Membuka menu compounding untuk menginput rincian bahan baku obat racikan.
• So that Kuantitas stok untuk masing-masing komponen terpotong secara akurat berdasarkan batch FEFO.

Acceptance Criteria (BDD): - Given Resep bertanda is_racikan: true masuk ke antrean farmasi. - When Apoteker membuka resep tersebut dan mengonfirmasi pencampuran bahan baku. - Then Sistem memvalidasi stok fisik untuk setiap komponen penyusun obat racikan. - And Mengurangi stok dari masing-masing obat penyusun berdasarkan batch FEFO (expiry_date terdekat). - And Menandai nomor batch spesifik yang dikurangi pada struk obat pasien. - And Memperbarui status farmasi menjadi PREPARING.