BAB IV ANALISA PERANCANGAN DESAIN 4.1 Perancangan Antar Muka Perancangan dilakukan untuk menggambarkan, merencanakan, dan membuat sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Perancangan ini merupakan hasil transformasi dari analisa ke dalam perancangan yang nantinya akan di implementasikan. Hal penting yang menjadi perhatian pada perancangan adalah bahwa rancangan yang dibuat diharapkan dapat digunakan dengan mudah oleh semua pengguna website. Tidak hanya seorang ahli dalam memainkan sistem informasi saja yang dapat menggunakan analisa rancangan ini, namun orang awam pun dengan mudah dapat memainkannya. Selain itu beberapa hal yang harus diperhatikan antara lain adalah kinerja program yang baik dalam mengoperasikan rancangan yang dibuat. Interface atau antar muka merupakan tampilan dari suatu perancangan yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. Berikut ini adalah perancangan antarmuka pada sistem yang akan dibuat. 4.1.1 Perancangan Antar Muka Website Gambar 4.1 Antarmuka Tampilan Menu Utama 61
Halaman utama dari aplikasi terdiri dari tujuh menu pilihan yang dapat diakses. Untuk beberapa menu, diperlukan koneksi internet dalam menjalankannya. Gambar 4.2 Antarmuka Halaman Form Pendaftaran Pasien Perancangan halaman form pendaftaran pasien dimana pasien harus mengisi biodata diri, sehingga data pasien tersimpan di sistem. Sistem ini memerlukan koneksi internet. Gambar 4.3 Antarmuka Halaman login 62
Perancangan Pada halaman login terdapat tiga user untuk Peserta. Pada menu login ini, peserta harus memasukkan user id dan password terlebih dahulu untuk mengakses sistem tersebut. Setelah itu klik login untuk masuk dan menggunakan sistem tersebut. Diperlukan koneksi internet untuk menjalankan sistem ini. Gambar 4.4 Antarmuka Checklist Perancangan antarmuka checklist berisi dari berkas yang akan di upload nantinya berisi informasi mengenai apasaja berkas yang harus di isi dan dilengkapi berkas yang akan 63
di upload harus disajikan dalam bentuk file. Checklist tersebut akan otomatis diperbaharui sewaktu waktu bila terjadi perubahan dari database. Gambar 4.5 Antarmuka Notifikasi Perancangan notifikasi gunanya untuk memberitahukan kepada peserta yang telah melakukan pendaftaran langsung diberi konfirmasi oleh sistem kepada peserta. Diperlukan koneksi internet dalam menjalankannya. Gambar 4.6 Antarmuka Rumah Sakit Perancangan antarmuka Rumah Sakit ini gunanya untuk melihat rumah sakit mana saja yang berkerjasama dengan dinas, sehingga pasien dapat memilih kemana tujuan rumah sakit yang di pilih. 64
4.1.2 Perancangan Antarmuka Staff Gambar 4.7 Antarmuka Data Pasien Perancangan antarmuka ini didalamnya terdapat sebuah form untuk staff melihat data yang telah dimasukan oleh pasien. Gambar 4.8 Antarmuka Verifikasi Pasien 65
Perancangan verifikasi pasien ini gunanya untuk mengkonfirmasi data yang dimasukan pasien yang nantinya akan dikonfirmasi oleh staff, sehingga pasien akan memiliki username dan password. Gambar 4.9 Menu Cetak SJBB Perancangan menu Cetak Surat dilakukan untuk menampilkan hasil dari peserta mengisi berkas yang harus dilengkapi, sehingga staff bisa mengirim hasil entri surat ke sistem sehingga bisa di download oleh peserta. Gambar 4.10 Laporan kunjungan 66
Perancangan laporan kunjungan bisa di lihat oleh staff, sehingga staff tahu berapa jumlah kunjungan peserta setiap hari sampai akhir periode tersebut. Gambar 4.11 Cetak Laporan Perancangan cetak laporan gunanya untuk kadin melihat langsung atau menerima laporan dari staff sehingga kadin bisa mencetak laporan 67