• Tidak ada hasil yang ditemukan

BAB III METODE PENELITIAN

3.8 Rancangan Interface

Perancangan antarmuka merupakan penggambaran tampilan yang digunakan secara langsung oleh pengguna, interaksi yang dapat dilakukan oleh pengguna dalam sistem. Perancangan antarmuka dapat dilihat sebagai berikut:

A. Rancangan Bagian Admin 1. Rancangan Halaman Login

Halaman ini menampilkan kolom penginputan username dan password agar dapat masuk ke halaman utama. Halaman login ini muncul di bagian pertama kali ingin masuk ke dalam system. Oleh sebab itu yang admin, petugas IGD dan petugas kamar akan selalu masuk ke halaman login ini.

Gambar 3.27 Rancangan halaman login 2. Rancangan Halaman Utama Admin / Beranda

Halaman utama atau beranda ini merupakan halaman yang pertama kali akan muncul ketika admin masuk ke alamat sistem ini. Halaman utama ini terdiri dari beberapa menu utama yaitu menu check kamar, user, data ruang, data kamar, data

jenis sakit dan laporan. Rancangan halaman utama admin dapat dilihat pada Gambar 3.28 berikut.

Gambar 3.28 Rancangan halaman utama admin 3. Rancangan Halaman Lihat User

Pada halaman lihat user ini menyediakan fitur lihat data keseluruhan user yang terdiri dari level petugas IGD dan petugas Kamar. Halaman lihat user akan terlihat ketika pengguna menekan menu user. Berikut tampilan rancangan halaman lihat user dapat dilihat pada Gambar 3.29.

Gambar 3.29 Rancangan halaman Lihat User 4. Rancangan Halaman Tambah / Edit User

Halaman ini dipadu menjadi satu antara tambah user dan edit user, dikarenakan form dari kedua fungsi ini sama. Oleh karena itu dirancang halaman tambah / edit user untuk memberikan hak akses sebagai petugas IGD maupun petugas Kamar. Halaman tambah / edit user dapat dilihat pada Gambar 3.30 berikut.

5. Rancangan Halaman Ruang

Pada halaman menu ruang ini menampilkan seluruh data ruang yang sudah dibuat. Halaman ini hanya dapat dilihat oleh admin, berikut ini tampilan halaman ruang dapat dilihat pada Gambar 3.31.

Gambar 3.31 Rancangan halaman ruang 6. Rancangan Halaman Tambah / Edit Ruang

Halaman ini dipadu menjadi satu antara tambah ruang dan edit ruang, dikarenakan form dari kedua fungsi ini sama. Oleh karena itu dirancang halaman tambah / edit ruang untuk memberikan informasi ruang ketika penginputan data kamar. Halaman tambah / edit ruang dapat dilihat pada Gambar 3.32 berikut.

Gambar 3.32 Rancangan halaman tambah / edit ruang 7. Rancangan Halaman Kamar

Halaman menu kamar ini memberikan informasi mengenai kamar yang akan digunakan oleh pasien. Pada menu kamar ini akan saling berkaitan dengan menu ruang karena ruang memiliki banyak kamar. Berikut ini tampilan halaman kamar dapat dilihat pada Gambar 3.33.

8. Rancangan Halaman Tambah / Edit Kamar

Halaman ini dipadu menjadi satu antara tambah kamar dan edit kamar, dikarenakan form dari kedua fungsi ini sama. Oleh karena itu dirancang halaman tambah / edit kamar untuk memberikan informasi kamar kepada petugas untuk melihat status kesediaan kamar untuk pasien. Halaman tambah / edit kamar dapat dilihat pada Gambar 3.34 berikut.

Gambar 3.34 Rancangan halaman tambah / edit kamar 9. Rancang Halaman Jenis Sakit

Halaman Jenis sakit ini merupakan halaman bantuan untuk memudahkan petugas IGD untuk menentukan dimana lokasi Ruang dan kamar yang dibutuhkan oleh pasien agar tidak bercampur dengan pasien yang lain. Rancangan halaman jenis sakit ini dipadukan menjadi satu halaman untuk memudahkan dalam pembuatan data jenis sakit diantaranya lihat seluruh data, tambah data jenis sakit, edit jenis sakit dan hapus jenis sakit. Berikut ini tampilan rancangan halaman jenis sakit dapat dilihat pada Gambar 3.35.

Gambar 3.35 Rancangan halaman jenis sakit 10. Rancangan Halaman Laporan

Rancangan halaman laporan ini berguna untuk memberikan laporan data yang ingin di tampilkan di system agar mempermudah admin dalam merekap data. Misalnya data pengecekan ruangan dan kamar yang masih kosong maupun yang sudah terisi. Berikut ini tampilan rancangan halaman laporan dapat dilihat pada Gambar 3.36.

Gambar 3.36 Rancangan halaman laporan

Adapun rancangan halaman detail laporan ruang jika menekan tombol lihat pada baris Ruang, maka tampilan akan memperlihatkan detail keseluruhan data kamar yang dimiliki oleh Ruang tersebut. Tampilan rancangan halaman detail laporan ruang dapat dilihat pada Gambar 3.37 berikut.

Gambar 3.37 Rancangan halaman detail laporan ruang

Adapun Rancangan halaman berikut ini menampilkan detail dari setiap informasi kamar yang dimiliki oleh data Ruang. Informasi Detail kamar akan memperlihatkan data-data yang saling berkaitan diantaranya nama-nama pasien yang menempati kamar tersebut. Tampilan rancangan halaman detail laporan kamar dapat dilihat pada gambar 3.38 berikut.

B. Rancangan Bagian Petugas IGD

1. Rancangan halaman utama petugas IGD / Beranda

Halaman utama atau beranda ini merupakan halaman yang pertama kali akan muncul ketika petugas IGD masuk ke alamat sistem ini. Halaman utama ini terdiri dari beberapa menu utama yaitu menu check kamar, pasien dan laporan. Rancangan halaman utama petugas IGD dapat dilihat pada Gambar 3.39 berikut.

Gambar 3.39 Rancangan Halaman utama petugas IGD 2. Rancangan Halaman Check Kamar

Halaman check kamar ini berfungsi untuk mencari kamar-kamar yang belum terisi untuk pasien baru. Pasien akan diperiksa terlebih dahulu apakah pasien tersebut dirawat inap, jika pasien dirawat inap maka petugas IGD wajib mencari kamar di semua Ruang. Tampilan rancangan halaman check kamar dapat dilihat pada Gambar 3.40 berikut.

Gambar 3.40 Rancangan Halaman Check Kamar 3. Rancangan Halaman Pasien

Pada Rancangan halaman pasien ini menampilkan seluruh pasien yang telah terdaftar di system untuk memberikan informasi pasien kepada petugas IGD. Halaman ini hanya menampilkan data yang bersangkutan dengan waktu masuk dan waktu keluar pasien dikarenakan petugas IGD memerlukan informasi tersebut untuk mencari kamar kosong. Tampilan rancangan halaman pasien dapat dilihat pada Gambar 3.41 berikut.

Gambar 3.41 Rancangan Halaman Pasien 4. Rancangan Halaman Tambah Pasien

Tampilan rancangan halaman tambah pasien ini berguna untuk menambahkan data pasien baru. Pasien akan diperiksa terlebih dahulu, jika pasien dinyatakan rawat inap maka petugas IGD wajib mencarikan kamar kosong untuk pasien tersebut. Tampilan rancangan halaman tambah pasien dapat dilihat pada Gambar 3.42 berikut.

Gambar 3.42 Rancangan halaman tambah pasien 5. Rancangan Halaman Laporan

Tampilan rancangan halaman laporan pada bagian Petugas IGD sama dengan laporan yang ada di bagian Admin. Oleh sebab itu penulis tidak membuat kembali tampilan laporan ini.

C. Rancangan Bagian Petugas Kamar

1. Rancangan halaman utama petugas Kamar / Beranda

Halaman utama atau beranda ini merupakan halaman yang pertama kali akan muncul ketika petugas Kamar untuk masuk ke alamat sistem ini. Halaman utama ini terdiri dari beberapa menu utama yaitu menu check kamar, pasien dan laporan. Rancangan halaman utama petugas IGD dapat dilihat pada Gambar 3.43 berikut.

Gambar 3.43 Rancangan Halaman utama petugas Kamar 2. Rancangan Halaman Check Ketersediaan Kamar

Rancangan halaman check ketersediaan kamar berfungsi untuk melihat ketersediaan kamar yang ada di ruang tempat petugas kamar ditempatkan. Petugas kamar hanya dapat melihat data ruang yang diembannya saja. Tampilan rancangan halaman check ketersediaan kamar dapat dilihat pada Gambar 3.44 berikut.

3. Rancangan Halaman Booking Kamar

Rancangan halaman booking kamar ini berfungsi untuk mengecek pasien yang ingin masuk dan yang ingin keluar rumah sakit. Petugas Kamar akan melakukan checkin dan checkout jika pasien sudah dinyatakan masuk / keluar. Data yang masuk pertama kali dari petugas IGD yang melakukan input data pasien serta informasi Booking kamar hanya akan terlihat pada petugas Kamar yang ditujukan saja. Petugas Kamar hanya melakukan tekan tombol terima untuk mengisi kamar yang bersangkutan agar status jumlah kamar dapat berkurang dan memberikan informasi baru ke petugas IGD. Tampilan rancangan halaman checkin dan checkout dapat dilihat pada Gambar 3.45 berikut.

Gambar 3.45 Rancangan Halaman Booking Kamar 4. Rancangan Halaman Laporan

Tampilan rancangan halaman laporan pada bagian Petugas IGD sama dengan laporan yang ada di bagian admin. Oleh sebab itu penulis tidak membuat kembali tampilan laporan ini.

Dokumen terkait