Perancangan Antarmuka

4.3 Perancangan Antarmuka

Identifikasi kelas rancangan antarmuka aplikasi ini terdiri dari beberapa form desktop, Untuk lebih detail dapat dilihat pada keterangan dibawah ini :

4.3.1 Tampilan Awal

Gambar 4.9 Tampilan Awal

4.3.2 Tampilan Login

Gambar 4.10 Tampilan Login

Tabel 4.23 Identifikasi rancangan antarmuka aplikasi

No. Use Case

Nama Kelas

1 Login

Pengguna

Tabel 4.24 Spesifikasi detail aplikasi

Id_Objek Jenis

Nama

Keterangan

Nama Textbox

txtnama

Validasi Nama Pengguna

Pengguna Kata

Textbox

txtKata sandi Validasi Kata Sandi

sandi Hak

Combobox HakAksesCbo Validasi Hak Akses Akses Login

Button

btnLogin

Jika diklik, dan bila valid akan mengeksekusi menuju form utama bila tidak valid maka akan menampilkan pesan kesalahan.

Batal Button

btnBatal

Membatalkan Login Pengguna

4.3.3 Tampilan Menu Utama

Gambar 4.11 Tampilan Menu Utama

Tabel 4.25 Identifikasi rancangan antarmuka aplikasi

No. Use Case

Nama Kelas

Tabel 4.26 Spesifikasi detail aplikasi

Id_Objek Jenis

Nama

Keterangan

File Menu item FileToolStripMe Jika diklik akan menampilkan

nuItem

pilihan menu list logout dan keluar.

Logout Menu item LogoutToolStrip Jika diklik akan keluar dari form

MenuItem

menu utama dan tampil form login.

Keluar Menu item KeluarToolStrip Jika diklik akan keluar dari

MenuItem

aplikasi.

Data Menu item DataMasterTool Jika diklik akan menampilkan Master

StripMenuItem

pilihan menu list kelola pengguna, kelola pasien, kelola dokter dan kelola poli.

Kelola Menu item KelolaPengguna Jika diklik maka sistem akan Pengguna

ToolStripMenuIt menampilkan

form kelola

em

pengguna.

Kelola Menu item KelolaPasienToo Jika diklik maka sistem akan Pasien

lStripMenuItem menampilkan form kelola pasien. Kelola

Menu item KelolaDokterTo Jika diklik maka sistem akan Dokter

olStripMenuItem menampilkan form kelola dokter. Kelola

Menu item KelolaPoliToolS Jika diklik maka sistem akan Poli

tripMenuItem

menampilkan form kelola poli.

Transaksi Menu item RawatJalanTool Jika diklik akan menampilkan

StripMenuItem

pilihan menu list transaksi rawat jalan.

Laporan Menu item LaporanRawatJa Jika diklik maka sistem akan Rawat

lanToolStripMen menampilkan form laporan rawat Jalan

uItem

jalan.

Tampilan Form Kelola Pengguna

Gambar 4.12 Tampilan Form Pengguna

Tabel 4.27 Identifikasi rancangan antarmuka aplikasi No. Use Case

Nama Kelas

1 Kelola Pengguna

Pengguna

Tabel 4.28 Spesifikasi detail aplikasi Id_Objek

Id_Pengguna Textbox TxtId_pengguna Diisi dengan id pengguna Nama

Textbox NamaPenggunaT Diisi dengan nama pengguna Pengguna

xt

Diisi dengan kata sandi pengguna Hak Akses

Kata Sandi

Textbox KataSandiTxt

Textbox HakAksesTxt Memilih hak akses pengguna Tambah

Button

BtnTambah

Button ini diklik maka admin dapat langsung mengisi data pada form pengisian.

Simpan Button

BtnSimpan

Button ini diklik ketika admin selesai mengisi data pada form pengisian, maka data akan tersimpan.

Hapus Button

BtnHapus

Button ini diklik ketika admin akan menghapus data setelah melakukan pencarian berdasarkan kode penggunanya.

Ubah Button

BtnUbah

Button ini diklik ketika admin akan merubah data pengguna yang tampil

Keluar Button

BtnKeluar

Jika di klik maka akan kembali ke menu utama.

Refresh Button

BtnRefresh

Jika

di klik maka akan menghilangkan data pada textbox dan menampilkan semua record yang ada pada grid.

Cari Button

BtnCari

Jika ingin mencari record berdasarkan karakter dari nama pengguna.

4.3.4 Tampilan Form Kelola Pasien

Gambar 4.13 Form Data Pasien

Tabel 4.29 Identifikasi rancangan antarmuka aplikasi No. Use Case

Nama Kelas

1 Kelola Pasien

Pasien

Tabel 4.30 Spesifikasi detail aplikasi Id_Objek

Id_Reg

Textbox

Id_RegTxt

Diisi dengan Id_Reg.

Nama Pasien

Textbox

NamaPasien Diisi dengan nama pasien. Txt

Id_Reg

Diisi dengan id reg Jenis_kelamin

Textbox

TxtId_Reg

Combobox

JnsKelaminC Memilih jenis kelamin. box

Tgl_lahir

Tgl_lahir Txt Diisi dengan tanggal lahir. Umur

DateTime

Diisi dengan Umur pasien. Alamat

Textbox

UmurTxt

Diisi dengan Alamat pasien Pekerjaan

Textbox

Alamat Txt

Textbox

Pekerjaan

Diisi dengan Pekerjaan pasien

Txt

Agama

Diisi dengan Agama pasien. No_Telp

Combobox

Agama Txt

No_TelpTxt Diisi dengan No_Telp pasien Kartu

Memilih jenis kartu yang dimiliki pasien.

Button ini diklik maka admin dapat langsung mengisi data pada form pengisian.

Button ini diklik ketika admin selesai mengisi data pada form pengisian, maka data akan tersimpan.

Button ini diklik ketika admin akan merubah data obat yang tampil.

Button ini diklik ketika admin akan menghapus data setelah melakukan

pencarian berdasarkan id reg nya. Keluar

Button

BtnKeluar

Jika di klik maka akan kembali ke form menu utama

Jika di klik maka akan menghilangkan data pada textbox dan menampilkan semua record yang ada pada grid .

Jika ingin mencari record berdasarkan karakter dari nama pasien.

4.3.5 Tampilan Form Kelola Dokter

Gambar 4.14 Form Kelola Dokter

Tabel 4.31 Identifikasi rancangan antarmuka aplikasi No. Use Case

Nama Kelas

1 Kelola Dokter

Dokter

Tabel 4.32 Spesifikasi detail aplikasi

Id_Objek

Id_Dokter

Diisi dengan id dokter obat. Nama_Dokter Textbox

Textbox

IdDokterTxt

NmDokterTxt Diisi dengan nama dokter. Jenis_kelamin Combobox JnsKelaminTxt Memilih Jenis Kelamin dokter. Tgl_lahir

Diisi dengan tanggal lahir dokter Alamat

DateTime

TglLahirTxt

Diisi dengan alamat dokter Spesialis

Textbox

AlamatTxt

Diisi dengan spesialis dokter Agama

Textbox

SpesialisTxt

Combobox Memilih agama dokter No_Telp

Diisi dengan no telpon dokter Tambah

Button ini diklik maka admin dapat langsung mengisi data pada form pengisian.

Button ini diklik ketika admin selesai mengisi data pada form pengisian, maka data akan tersimpan.

Button ini diklik ketika admin akan menghapus data setelah melakukan

pencarian berdasarkan id dokter. Ubah

Button

BtnUbah

Button ini diklik ketika admin akan merubah data dokter yang tampil.

Jika di klik maka akan kembali ke form menu utama

Jika di klik maka akan menghilangkan

data pada textbox dan menampilkan semua record yang ada pada grid.

Jika ingin mencari record berdasarkan karakter dari nama dokter.

4.3.6 Tampilan Form Kelola Poli

Gambar 4.15 Form Kelola Poli

Tabel 4.33 Identifikasi rancangan antarmuka aplikasi No. Use Case

Nama Kelas

1 Kelola Poli

Poli

Tabel 4.34 Spesifikasi detail aplikasi Id_Objek

Id_Poli TextBox

Id_Poli Txt

Diisi dengan Id_Poli.

Id_Reg TextBox

Id_Reg tTxt

Diisi dengan Id_Reg.

Id_Dokter TextBox Id_DokterTxt Diisi dengan Id_Dokter.

Nama_Poli Combobox NmPoliTxt Diisi dengan nama poli.

Tambah Button

BtnTambah

Button ini diklik maka admin dapat langsung mengisi data pada form pengisian.

Simpan Button

BtnSimpan

Button ini diklik ketika admin selesai mengisi data pada form pengisian,

maka

data akan

tersimpan.

Hapus Button

BtnHapus

Button ini diklik ketika admin akan menghapus data setelah melakukan pencarian berdasarkan Id Poli nya

Ubah Button

BtnUbah

Button ini diklik ketika admin akan merubah data poli yang tampil.

Refresh Button

BtnRefresh

Jika di klik maka akan menampilkan semua record yang ada pada grid.

mencari record berdasarkan karakter dari nama poli. Keluar

Cari Button

Jika di klik maka akan kembali ke menu utama.

4.3.7 Tampilan Form Transaksi Rawat Jalan

Gambar 4.16 Form Transaksi Rawat Jalan

Tabel 4.35 Identifikasi rancangan antarmuka aplikasi No. Use Case

Nama Kelas

1. Kelola Rawat Jalan

Rawat Jalan

Tabel 4.36 Spesifikasi detail aplikasi Id_Objek

Id_RawatJ Textbox IdRawatJal Diisi dengan id rawat jalan. alan

anTxt

Id_Rekam Textbox IdRekamM Diisi dengan Id_RekamMedis Medis

edisTxt

Nama_Pas Textbox NmPasienT Diisi dengan nama pasien ien

xt

Tambah Button btntambah Jika diklik maka form pengisian akan kembali dalam keadaan kosong Simpan

Button btnsimpan Button ini diklik ketika pengguna selesai mengisi data pada form pengisian, maka Button btnsimpan Button ini diklik ketika pengguna selesai mengisi data pada form pengisian, maka

Tampil Button btntampil Button ini diklik ketika pengguna ingin melihat data yang sudah di inputkan.

Exit Button Button2 Jika di klik maka akan kembali ke menu utama.

4.3.8 Tampilan Form Laporan Rawat Jalan

Gambar 4.17 Form Laporan Obat

Tabel 4.37 Identifikasi rancangan antarmuka aplikasi

No. Use Case

Nama Kelas

1 Kelola Laporan Obat

Laporan

Tabel 4.38 Spesifikasi detail aplikasi

Id_Objek Jenis

Nama

Keterangan

Find Main

Jika diklik ketika pengguna ingin Menu

Mainmenu1

melihat laporan.

Report Main

Jika diklik ketika pengguna ingin Menu

Mainmenu2

mencetak laporan.

Cancel Main

Jika diklik maka seluruh data Menu

Mainmenu3

laporan yang muncul akan hilang. Close

Main

Jika diklik akan kembali ke menu Menu

Mainmenu4

utama.