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.