BAB III ANALISIS DAN PERANCANGAN SISTEM
3.5 Perancangan Antar Muka
3.5.1 Perancangan Antar Muka Untuk Administrator
Pada antar muka menu login, administrator harus memasukkan nomor ID, nama dan password untuk dapat login. Jika password yang dimasukkan benar maka administrator akan dapat melakukan tambah, edit, atau hapus data obat generik. Jika tidak administrator diminta mengulang mengisi password sampai benar. Tampilan login administrator adalah sebagai berikut :
INFORMASI OBAT GENERIK
Login Admin
Nama Admin :
Password :
LOGI N
Gambar 3.10 Rancangan antar muka menu login administrator
3.5.1.2 Perancangan Tampilan Menu Utama Administrator
Setelah admin login dengan password yang benar, maka akan masuk ke menu utama admin. Pada antar muka menu utama, terdapat beberapa menu yaitu
jenis obat, indikasi, kontra indikasi, efek samping, dosis, bentuk sediaan, dan keluar. Rancangan tampilannya adalah sebagai berikut :
INFORMASI OBAT GENERIK
Menu Utama Admin
Jenis Obat Dosis
Indikasi Bentuk Sediaan
Efek Samping
KELUAR
Kontra Indikasi
Gambar 3.11 Rancangan antar muka menu utama administrator
3.5.1.3 Perancangan Menu Jenis Obat
Pada menu jenis obat ini jika ingin melakukan edit data, klik link edit untuk membuka form edit data jenis obat. Untuk menambah data jenis obat baru,klik link tambah jenis obat maka akan muncul form tambah jenis obat untuk mengisi datanya. Jika ingin menghapus data, cek list dahulu data-data yang ingin dihapus kemudian tekan hapus. Sedangkan link subjenis untuk masuk ke form subjenis dari suatu jenis obat. Rancangan menu jenis obat adalah seperti gambar berikut :
INFORMASI OBAT GENERIK
Jenis Obat Generik
Menu Utama
Tambah Jenis Obat
Hapus ID Nama Jenis Obat
Edit SubJenis SubJenis
SubJenis
Hapus
Gambar 3.12 Rancangan antar muka menu jenis obat
3.5.1.4 Perancangan Menu Edit Data Jenis Obat
Pada rancangan antar muka form edit data jenis obat Generik, administrator dapat melakukan edit data nama jenis obat. Tombol simpan digunakan untuk merekam data jenis obat yang diedit ke dalam database. Tombol kembali digunakan untuk kembali ke menu utama administrator.
INFORMASI OBAT GENERIK
Edit Jenis Obat
ID Jenis Obat :
Nama Jenis Obat :
Gambar 3.13 Rancangan antar muka menu edit jenis obat Simp
an
Kemba li
3.5.1.5 Perancangan Menu Tambah Jenis Obat
Pada rancangan antar muka form tambah data jenis obat Generik, administrator dapat melakukan tambah data dengan memasukkan id jenis obat dan nama jenis obat. Tombol simpan digunakan untuk merekam data jenis obat yang baru ke dalam database. Tombol kembali digunakan untuk kembali ke menu utama administrator.
INFORMASI OBAT GENERIK
Tambah Jenis Obat
ID Jenis Obat :
Nama Jenis Obat :
Simp an
Kemba li
Gambar 3.14 Rancangan antar muka menu tambah jenis obat
3.5.1.6 Perancangan Menu SubJenis Obat
Pada menu subjenis obat ini jika ingin melakukan edit data, klik link edit untuk membuka form edit data subjenis obat. Untuk menambah data jenis obat baru, klik link tambah subjenis obat maka akan muncul form tambah subjenis obat untuk mengisi datanya. Jika ingin menghapus data, cek list dahulu data-data yang ingin dihapus kemudian tekan hapus. Sedangkan link sub2jenis untuk masuk ke form sub2jenis dari suatu subjenis obat. Rancangan menu subjenis obat adalah seperti gambar berikut :
INFORMASI OBAT GENERIK
SubJenis Obat Generik
Jenis Obat>>Menu Utama
Tambah SubJenis Obat
Hapus ID Nama SubJenis Obat
Edit Sub2Jenis Sub2Jenis
Sub2Jenis
Hapus
Gambar 3.15 Rancangan antar muka menu subjenis obat
3.5.1.7 Perancangan Menu Edit Data SubJenis Obat
Pada rancangan antar muka form edit data subjenis obat Generik, administrator dapat melakukan edit data nama subjenis obat. Tombol simpan digunakan untuk merekam data subjenis obat yang diedit ke dalam database. Tombol kembali digunakan untuk kembali ke menu utama administrator.
INFORMASI OBAT GENERIK
Edit SubJenis Obat
ID SubJenis Obat :
Nama SubJenis Obat :
Gambar 3.16 Rancangan antar muka menu edit subjenis obat Simp
an
Kemba li
3.5.1.8 Perancangan Menu Tambah SubJenis Obat
Pada rancangan antar muka form tambah data subjenis obat Generik, administrator dapat melakukan tambah data dengan memasukkan id subjenis obat dan nama subjenis obat. Tombol simpan digunakan untuk merekam data subjenis obat yang baru ke dalam database. Tombol kembali digunakan untuk kembali ke menu utama administrator.
INFORMASI OBAT GENERIK
Tambah SubJenis Obat
ID Jenis Obat :
ID SubJenis Obat :
Nama SubJenis Obat :
Gambar 3.17 Rancangan antar muka menu tambah subjenis obat Simp
an
Kemba li
3.5.1.9 Perancangan Menu Sub2Jenis Obat
Pada menu sub2jenis obat ini jika ingin melakukan edit data, klik link edit untuk membuka form edit data sub2jenis obat. Untuk menambah data sub2jenis obat baru, klik link tambah subjenis obat maka akan muncul form tambah
sub2jenis obat untuk mengisi datanya. Jika ingin menghapus data, cek list dahulu data-data yang ingin dihapus kemudian tekan hapus. Sedangkan link obat untuk masuk ke form obat dari suatu sub2jenis obat. Rancangan menu sub2jenis obat adalah seperti gambar berikut :
INFORMASI OBAT GENERIK
Sub2Jenis Obat Generik
SubJenis Obat>>Jenis Obat>>Menu Utama
Tambah Sub2Jenis Obat
Hapus ID Nama Sub2Jenis Obat
Edit Obat Obat
Obat
Hapus
Gambar 3.18 Rancangan antar muka menu sub2jenis obat
3.5.1.10 Perancangan Menu Edit Data Sub2Jenis Obat
Pada rancangan antar muka form edit data sub2jenis obat Generik, administrator dapat melakukan edit data nama sub2jenis obat. Tombol simpan digunakan untuk merekam data sub2jenis obat yang diedit ke dalam database. Tombol kembali digunakan untuk kembali ke menu utama administrator.
INFORMASI OBAT GENERIK
Edit Sub2Jenis Obat
ID Sub2Jenis Obat :
Nama Sub2Jenis Obat :
Gambar 3.19 Rancangan antar muka menu edit sub2jenis obat Simp
an
Kemba li
3.5.1.11 Perancangan Menu Tambah Sub2Jenis Obat
Pada rancangan antar muka form tambah data sub2jenis obat Generik, administrator dapat melakukan tambah data dengan memasukkan id sub2jenis obat dan nama sub2jenis obat. Tombol simpan digunakan untuk merekam data sub2jenis obat yang baru ke dalam database. Tombol kembali digunakan untuk kembali ke menu utama administrator.
INFORMASI OBAT GENERIK
Tambah Sub2Jenis Obat
ID SubJenis Obat :
ID Sub2Jenis Obat :
Nama Sub2Jenis Obat :
Gambar 3.20 Rancangan antar muka menu tambah sub2jenis obat Simp
an
Kemba li
3.5.1.12 Perancangan Menu Obat
Pada menu obat ini jika ingin melakukan edit data, klik link edit untuk membuka form edit data obat. Untuk menambah data obat baru, klik link tambah obat maka akan muncul form tambah obat untuk mengisi datanya. Jika ingin
menghapus data, cek list dahulu data-data yang ingin dihapus kemudian tekan hapus. Rancangan menu adalah seperti gambar berikut :
INFORMASI OBAT GENERIK
Obat Generik
Sub2Jenis Obat>>SubJenis Obat>>Jenis
Obat>>Menu Utama
Tambah Obat
Hapus Nama Obat Edit
Hapus
Gambar 3.21 Rancangan antar muka menu obat
3.5.1.13 Perancangan Menu Tambah Obat
Pada rancangan antar muka form tambah data obat Generik, administrator dapat melakukan tambah data dengan memasukkan id obat dan nama obat. Tombol simpan digunakan untuk merekam data obat yang baru ke dalam
database. Tombol tambah digunakan untuk menambah lagi data obat baru. Tombol keluar digunakan untuk kembali ke menu utama administrator..
INFORMASI OBAT GENERIK Tambah Obat ID Sub2JenisObat : ID Obat : Nama Obat : Simp an Tamba h Kelua r
Gambar 3.22 Rancangan antar muka menu tambah obat
3.5.1.14 Perancangan Menu Edit Obat
Pada antar muka edit obat terdapat link-link ke form informasi obat yang ingin diedit, yaitu indikasi obat, efek samping obat, bentuk sediaan obat, dan kontra indikasi obat.
INFORMASI OBAT GENERIK EDIT OBAT
Indikasi Efek Samping Bentuk Sediaan Kontra Indikasi
Gambar 3.23 Rancangan antar muka menu edit keterangan obat
3.5.1.15 Perancangan Menu Edit Indikasi Obat
Untuk antarmuka edit informasi keterangan obat yaitu indikasi obat, efek samping obat, bentuk sediaan obat, dan kontra indikasi obat sama semua. Pada Form ini kita dapat menginputkan sekaligus mengedit data dengan men-ceklist keterangan yang merupakan informasi suatu obat. Berikut adalah bentuk dari form edit informasi keterangan indikasi obat.
Id Indikasi Keterangan Indikasi Checked
KEMBALI Simp
Gambar 3.24 Rancangan antar muka menu edit keterangan indikasi obat Untuk form edit kontraindikasi, edit bentuk sediaan, dan edit efeksamping sama seperti bentuk form edit indikasi di atas.
3.5.2 Perancangan Antar Muka Untuk User