Gambar 3.11 DFD Level 0
3.5 Perancangan Antar muka
Perancamgan antarmuka merupakan perancangan yang menjelaskan seluruh keadaan yang berhubungan dengan antar muka sistem antara lain sebagai berikut :
3.5.1 Tampilan Login
Isi nama User dan Password, klik login untuk login atau batal jika tidak jadi login, jika login berhasil maka akan menuju T02 jika tidak akan muncul M02, M03, M04, M05, M06, M07.
Gambar 3.55 Perancangan antarmuka Login
3.5.2 Tampilan Setelah login untuk administrator
3.5.3 Tampilan Setelah login untuk Petugas Pendaftaran
Gambar 3.57 Perancangan antarmuka Setelah login untuk petugas pendaftaran
3.5.4 Tampilan Setelah login untuk perawat
Data Rekam medik
Keterangan :
Ukuran layar 1024 X 786, warna background Biru muda, Font : jenis Arial ukuran 10, 12, 18 warna hitam
Menu
Logout Keluar
Pengolahan Data Master Pengolahan Data Transaksi
T04
Pegawai Dokter Pasien
Navigasi :
- Klik Menu, Logout menuju T01, tampil M03 - Klik Menu, Keluar untuk keluar aplikasi, sehingga akan muncul M01
- Klik Pengolahan Data Master, Pegawai menuju T10
- Klik Pengolahan Data Master, Dokter menuju T16
- Klik Pasien menuju data pasien - Klik Pengolahan Data Master, Data pasien menuju T28
- Klik Pengolahan Data Master, Kamar menuju T36
- Klik Pengolahan Data Master, Tindakan Medis menuju T42
- Klik Pengolahan Data Transaksi, Data Rekam medik menuju T70
- Klik Pengolahan Data Transaksi, Data detail tindakan Medis menuju T78 Tindakan
Medis
Detail tindakan Medis Data pasien
Kamar
3.5.5 Tampilan Setelah login untuk petugas kasir
Gambar 3.59 Perancangan antarmuka Setelah login untuk petugas kasir
3.5.6 Tampilan data user T06
DATA USER
dbgrid
Keluar
Keterangan :
Ukuran layar, 1024 X 786, warna background Biru Muda, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Menu
Tambah Ubah
Navigasi :
- Klik Tambah Data untuk menambah
data user, menuju T07 Klik Ubah Data untuk mengubah data user, menuju T08 - Klik Keluar untuk keluar dari form data user, menuju T02
Data Master Data Transaksi
LOGO RSUD
3.5.7 Tampilan tambah data user
Gambar 3.61 Perancangan antarmuka tambah data user
3.5.8 Tampilan cari untuk mengubah data user T08
CARI DATA USER
Keterangan :
Ukuran layar, 1024 X 786, warna backgroundHijau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi :
- Masukkan nip untuk mencari data user - Klik Cari, untuk mencari data yang akan dicari, apabila masukan belum terisi maka muncul M19, apabila tidak ditemukan setelah itu akan muncul M10
- klik ubah untuk mengubah data menuju T09
- Klik Keluar menuju T06 edit1 Nip Pencarian Cari Keluar Ubah dbgrid LOGO RSUD
3.5.9 Tampilan ubah data user
Gambar 3.63 Perancangan antarmuka Setelah ubah data user
3.5.10 Tampilan data pegawai
3.5.11 Tampilan tambah data pegawai T11 Nip Nama Pegawai Jenis Kelamin Tempat Lahir Agama
ISI DATA PEGAWAI
Status Tanggal lahir
Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi :
Alamat
Telepon Jenis Pegawai
Keluar
- Klik Simpan, apabila semua data belum terisi akan muncul M12, untuk menyimpan data yang telah diisikan, setelah itu akan muncul M09
- Apabila mengisi nip dan telepon dengan huruf maka muncul M13
- Klik Batal, untuk membatalkan pengisian data menuju T10
LOGO RSUD
Gambar 3.65 Perancangan antarmuka tambah data pegawai
3.5.12 Tampilan cari untuk melihat data pegawai
T12
CARI DATA PEGAWAI
Keterangan :
Ukuran layar, 1024 X 786, warna background Hjau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18 Navigasi :
- Pilih Kategori dan masukkan kata kunci untuk mencari data - Klik Cari, untuk mencari data yang akan dicari, apabila ada yang belum terisi maka muncul M14, M15, M16, apabila tidak ditemukan setelah itu akan muncul M10 - klik lihat untuk melihat data menuju T13 - Klik Keluar menuju T10
edit1 combobox1 Kategori Kata Kunci Cari Keluar Lihat dbgrid LOGO RSUD
3.5.13 Tampilan lihat data pegawai
Gambar 3.67 Perancangan antarmuka lihat data pegawai
3.5.14 Tampilan cari untuk mengubah data pegawai
3.5.15 Tampilan ubah data pegawai
Gambar 3.69 Perancangan antarmuka ubah data pegawai
3.5.16 Tampilan data dokter T16 DATA DOKTER dbgrid Tambah Ubah Keluar Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau,Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi :
- Klik Tambah Data untuk menambah
data Dokter, menuju T17 - Klik Ubah Data untuk mengubah data Dokter, menuju T18 - Klik Keluar untuk keluar dari form data Dokter, menuju T02, T04
Menu Data Master Data Transaksi
LOGO RSUD
3.5.17 Tampilan tambah data dokter
Gambar 3.71 Perancangan antarmuka tambah data dokter
3.5.18 Tampilan cari untuk mengubah data dokter T18
CARI DATA DOKTER
Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi :
- Masukkan nip untuk mencari data - Klik Cari, untuk mencari data yang akan dicari, apabila tidak ditemukan setelah itu akan muncul M10, M20
- klik ubah untuk mengubah data menuju T19
- Klik Batal, untuk membatalkan pencarian data, menuju T16 edit1 Nip Cari Batal Ubah dbgrid Logo RSUD
3.5.19 Tampilan ubah data dokter
Gambar 3.73 Perancangan antarmuka ubah data dokter
3.5.20 Tampilan data Pasien T20
dbgrid
Keluar
Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Tambah lihat Ubah
Navigasi :
- Klik Tambah untuk menambah data pasien, menuju T29 - Klik Lihat uutuk melihat data pasien, menuju T30 - Klik Ubah untuk mengubah data Pasien menuju T32 - Klik Cetak untuk mencetak data pasien , menuju T34 - Klik Keluar untuk keluar dari form data pasien, menuju T02, T03
Cetak
Menu Data Master Data Transaksi
3.5.21 Tampilan tambah data pasien
Gambar 3. 75 Perancangan antarmuka tambah data pasien
3.5.22 Tampilan cari untuk melihat data pasien
3.5.23 Tampilan lihat data pasien
Gambar 3. 77 Perancangan antarmuka lihat data pasien
3.5.24 Tampilan cari untuk mengubah data pasien
3.5.25 Tampilan ubah data pasien
Gambar 3.79 Perancangan antarmuka ubah data pasien
3.5.26 Tampilan Perancangan antarmuka cetak pasien
3.5.27 Tampilan data kamar
Gambar 3.81 Perancanngan data kamar
3.5.28 Tampilan tambah data kamar
3.5.29 Tampilan cari untuk melihat data kamar
VV T29
CARI DATA KAMAR
Keterangan :
Ukuran layar, 1024 X 786, warna background Biru Muda, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
edit1 combobox1 Kategori Kata Kunci Cari Keluar Lihat dbgrid Navigasi :
- Pilih Kategori dan masukkan kata kunci untuk mencari data
- Klik Cari, untuk mencari data yang akan dicari, apabila ada yang belum terisi maka muncul M14, M15, M16, apabila tidak ditemukan setelah itu akan muncul M10
- klik lihat untuk melihat data menuju T39
- Klik Keluar menuju T36
LOGO RSUD
Gambar 3.83 Perancangan antarmuka cari untuk melihat data kamar
3.5.30 Tampilan lihat data kamar
3.5.31 Tampilan cari untuk mengubah data kamar T31
CARI DATA KAMAR
Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi :
- Masukkan kode kamar untuk mencari data - Klik Cari, untuk mencari data yang akan dicari, apabila data yang dicari belum dimasukan akan muncul M21, apabila tidak ditemukan setelah itu akan muncul M10 - klik Ubah untuk mengubah data menuju T41
- Klik Keluar menuju T36 edit1 Kode kamar Cari Keluar Ubah dbgrid LOGO RSUD
Gambar 3.85 Perancangan antarmuka cari untuk mengubah data kamar
3.5.32 Tampilan ubah data kamar
3.5.33 Tampilan data tindakan medis T33
DATA TINDAKAN MEDIS
dbgrid
Keluar
Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Tambah lihat Ubah
Navigasi :
- Klik Tambah untuk menambah data tindakan medis, menuju T43 - Klik Lihat untuk melihat data tindakan medis, menuju T44 - Klik Ubah untuk mengubah data tindakan medis, menuju T46 - Klik Keluar untuk keluar dari form data tindakan medis, menuju T02, T04
Menu Data Master Data Transaksi
LOGO RSUD
Gambar 3. 87 Perancangan antarmuka data tindakan medis
3.5.34 Tampilan tambah data tindakan Medis
3.5.35 Tampilan cari untuk melihat data tindakan Medis
T35
CARI DATA TINDAKAN MEDIS
Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau, kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18 edit1 combobox1 Kategori Kata Kunci Pencarian Cari Keluar Lihat dbgrid Navigasi :
- Pilih Kategori dan masukkan kata kunci untuk mencari data - Klik Cari, untuk mencari data yang akan dicari, apabila ada yang belum terisi maka muncul M14, M15, M16, apabila tidak ditemukan setelah itu akan muncul M10 - klik lihat untuk melihat data menuju T45 - Klik Keluar menuju T42
LOGO RSUD
Gambar 3.89 Perancangan antarmuka cari untuk melihat data tindakan medis
3.5.36 Tampilan lihat data tindakan medis
3.5.37 Tampilan cari untuk mengubah data tindakan Medis T37
CARI DATA TINDAKAN MEDIS
Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi :
- Masukkan kode tindakan untuk mencari data
- Klik Cari, untuk mencari data yang akan dicari, apabila kode tindakan belum terisi maka muncul M22, apabila tidak ditemukan setelah itu akan muncul M10 - klik lihat untuk melihat data menuju T47 - Klik keluar, menuju T42
edit1 Kode tindakan Cari Keluar Ubah dbgrid
Gambar 3. 91 Perancangan antarmuka cari untuk mengubah data tindakan medis
3.5.38 Tampilan ubah data tindakan Medis
3.5.39 Tampilan data poliklinik T39 PASIEN POLIKLINIK dbgrid Keluar Keterangan :
Ukuran layar, 1024 X 786, warna background hijau, kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Tambah lihat Ubah
Navigasi :
- Klik Tambah Data untuk menambah
data poliklinik, menuju T49 - Klik Lihat Data untuk melihat data poliklinik, menuju T50 Klik Ubah Data untuk mengubah data poliklinik, menuju T52 - Klik Keluar untuk keluar dari form data poliklinik, menuju T02, T03
Menu Data Master Data Transaksi
LOGO RSUD
Gambar 3. 93 Perancangan antarmuka data polklinik
3.5.40 Tampilan tambah data poliklinik T40 Simpan Batal Id Pasien Tgl Periksa Pemeriksa Keterangan Poliklinik
ISI DATA PASIEN POLIKLINIK
Keterangan :
Ukuran layar, 1024 X 786, warna background Hijau, Kuning, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi :
Nama Dokter Nama Pasien
- Klik Simpan, apabila semua data belum terisi akan muncul M12, untuk menyimpan data yang telah diisikan, setelah itu akan muncul M09
- Klik Batal, untuk membatalkan pengisisan data menuju T48
LOGO RSUD
3.5.41 Tampilan cari untuk melihat data poliklinik
Gambar 3.95 Perancangan antarmuka cari untuk melihat data poliklinik
3.5.42 Tampilan lihat data poliklinik
3.5.43 Tampilan cari untuk mengubah data poliklinik
Gambar 3.97 Perancangan antarmuka cari untuk mengubah data poliklinik
3.5.44 Tampilan ubah data poliklinik
3.5.45 Tampilan data rawat inap
Gambar 3.99 Perancangan antarmuka data rawat inap
3.5.46 Tampilan tambah data rawat inap
3.5.47 Tampilan cari untuk melihat data rawat inap
Gambar 3. 101 Perancangan antarmuka cari untuk melihat data rawat inap
3.5.48 Tampilan lihat data rawat inap
3.5.49 Tampilan cari untuk mengubah data rawat inap
Gambar 3. 103 Perancangan antarmuka cari untuk mengubah data rawat inap
3.5.50 Tampilan ubah data rawat inap T50 Simpan Batal Id Pasien Tgl Masuk Kamar Diagnosa Masuk
UBAH DATA RAWAT INAP
Keterangan :
Ukuran layar, 1024 X 786, warna background biru mudau, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi :
Nama Pasien
- Klik Simpan, apabila semua data belum terisi akan muncul M12, untuk menyimpan data yang telah diisikan, setelah itu akan muncul M09
- Klik Batal, untuk membatalkan pengisisan data menuju T54
3.5.51 Tampilan Cari Pasien
Gambar 3. 105 Perancangan antarmuka Cari Pasien yang Akan keluar
3.5.52 Tampilan tagihan poliklinik
3.5.53 Tampilan tagihan rawat inap / tindakan medis T53 bayar Batal No tagihan Id Pasien Tgl Periksa Jenis Tagihan
TAGIHAN rawat inap / tindakan medis
Nama Pasien
Keterangan :
Ukuran layar, 1024 X 786, warna background Biru muda, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
- Klik bayar atau simpan untuk menyimpan data yang
telah diisikan, setelah itu akan muncul M09, apabila data belum diisikan semua akan muncul M12
- Klik Batal, untuk membatalkan pengisian data menuju T02, T05 Navigasi : v Nama tindakan v dbgrid dbgrid Simpan
Logo Nama Rumah sakit
Gambar 3. 107 Perancangan antarmuka tagihan rawat inap / tindakan medis
3.5.54 Tampilan bayar rawat inap T54
Hitung Batal
Id Pasien
Bayar rawat inap
Nama Pasien
Keterangan :
Ukuran layar, 1024 X 786, warna background Biru muda, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
- Klik hitung untuk menghitung pembayaran data yang
telah diisikan, setelah itu akan muncul M09, apabila data belu diisikan semua akan muncul M12
- Klik Batal, untuk membatalkan pengisian data menuju T02, T05 Navigasi : dbgrid dbgrid Kode kamar Lama harga total
3.5.55 Tampilan data tagihan
Gambar 3. 109 Perancangan antarmuka data tagihan
3.5.56 Tampilan cari untuk melihat data tagihan
3.5.57 Tampilan lihat data tagihan T57 Keluar No tagihan Id Pasien Tgl Tagihan Jenis tagihan Harga
LIHAT DATA TAGIHAN
Ket Tagihan
Keterangan :
Ukuran layar, 1024 X 786, warna backgroundbiru muda, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Navigasi : v Total Ket Lunas v v
- Klik keluar, untuk keluar menuju T67
Gambar 3. 111 Perancangan antarmuka lihat data tagihan
3.5.58 Tampilan data rekam medik
3.5.59 Tampilan tambah data rekam medik
Gambar 3. 113 Perancangan antarmuka tambah data rekam medik
3.5.60 Tampilan cari untuk melihat data rekam medik
T60
CARI DATA REKAM MEDIK
Keterangan :
Ukuran layar, 1024 X 786, warna background Biru Langit, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18 edit1 combobox1 Kategori Kata Kunci Pencarian Cari Keluar Lihat dbgrid Navigasi :
- Pilih Kategori dan masukkan kata kunci untuk mencari data - Klik Cari, untuk mencari data yang akan dicari, apabila ada yang belum terisi maka muncul M14, M15, M16, apabila tidak ditemukan setelah itu akan muncul M10 - klik lihat untuk melihat data menuju T73 - Klik Keluar menuju T70
LO
LOGO RSUD
3.5.61 Tampilan lihat data rekam medik
Gambar 3.115 Perancangan antarmuka lihat data rekam medik
3.5.62 Tampilan cari untuk mengubah data rekam medik
3.5.63 Tampilan ubah data rekam medik
Gambar 3.17 Perancangan antarmuka ubah data rekam medik
3.5.64 Tampilan cari untuk mencetak rekam medik
3.5.65 Tampilan cetak data rekam medik
Gambar 3. 119 Perancangan antarmuka cetak data rekam medik
3.5.66 Tampilan data detail tindakan medis T78
DATA DETAIL TINDAKAN MEDIS
dbgrid
Keluar
Keterangan :
Ukuran layar, 1024 X 786, warna background abu-abu, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
Tambah lihat
Navigasi :
- Klik Tambah untuk menambah data tindakan medis, menuju TS01
- Klik Lihat untuk melihat data tindakan medis, menuju TSC1
- Klik Keluar untuk keluar dari form data tindakan medis, menuju T02, T04
Menu Data Master Data Transaksi
3.5.67 Tampilan tambah data detail tindakan medis
Gambar 3.121 Perancangan antarmuka tambah data detail tindakan medis
3.5.68 Tampilan cari untuk melihat data detail tindakan medis T80
CARI DATA TINDAKAN MEDIS
Keterangan :
Ukuran layar, 1024 X 786, warna background abu-abu, Font : jenis Arial ukuran 10, 12 warna hitam, judul 18
edit1 combobox1 Kategori Kata Kunci Cari Keluar Lihat dbgrid Navigasi :
- Pilih Kategori dan masukkan kata kunci untuk mencari data
- Klik Cari, untuk mencari data yang akan dicari, apabila ada yang belum terisi maka muncul M14, M15, M16, apabila tidak ditemukan setelah itu akan muncul M10
- klik lihat untuk melihat data menuju T81
- Klik Keluar menuju T78
3.5.69 Tampilan detail tindakan Medis
Gambar 3. 123 Perancangan antarmuka detail tindakan medis
3.5.70 Tampilan pesan User name dan password tidak terdaftar
Gambar 3. 124 Perancangan Pesan User name dan password tidak terdaftar
3.5.71 Tampilan Pesan Silahkan Isi Nama Pasien
3.5.72 Tampilan Pesan Silahkan Isis Jenis Kelamin
Gambar 3. 126 Perancangan Pesan Silahkan Isis Jenis Kelamin
3.5.73 Tampilan Pesan Silahkan Isi Golongan darah
Gambar 3. 127 Perancangan Pesan Silahkan Isi Golongan darah
3.5.74 Tampilan Pesan Silahkan Isi Agama
Gambar 3. 128 Perancangan Pesan Silahkan Isi Agama
3.5.75 Tampilan Pesan Silahkan Isi Alamat
3.5.76 Tampilan Pesan Silahkan Isi Tempat Lahir
Gambar 3. 130 Perancangan Pesan Silahkan Isi Tempat Lahir
3.5.77 Tampilan Pesan Silahkan Isi Status
Gambar 3. 131 Perancangan Pesan Silahkan Silahkan Isi Status
3.5.78 Tampilan Pesan Silahkan Isi Pendidikan
Gambar 3. 132 Perancangan Pesan Silahkan Isi Pendidikan
3.5.79 Tampilan Pesan Silahkan Isi Pekerjaan
3.5.80 Tampilan Pesan Silahkan Isi Nama Ibu
Gambar 3. 134 Perancangan Pesan Silahkan IsiNama Ibu
3.5.81 Tampilan Pesan Silahkan Isi Nama Ayah
Gambar 3. 135 Perancangan Pesan Silahkan IsiAyah
3.5.82 Tampilan Pesan Data telah Tersimpan
Gambar 3. 136 Perancangan Pesan Data Telah Tersimpan
3.5.83 Tampilan Pesan Data Tidak Ditemukan
3.5.84 Tampilan Pesan Data Sudah Ada
Gambar 3. 138 Perancangan Pesan Data Sudah Ada
3.5.85 Tampilan Pesan Silahkan Isi Kategori terlebih dahulu
Ok
Silahkan isi Katgori dan Kata Kunci
Gambar 3. 139 Perancangan Pesan Silahkan Isis Kategori Dan kata Kunci
3.5.86 Tampilan Pesan Anda yakin Logout
Gambar 3. 140 Perancangan Pesan Anda yakin Logout
3.5.87 Tampilan Pesan Anda Yakin Keluar