Perancangan Dan Implementasi Aplikasi Informasi

Kamar Kosong Berbasis MVC

(Studi Kasus : RSUD Kabupaten Wonosobo)

Artikel Ilmiah

Diajukan Kepada

Fakultas Teknologi Informasi

Untuk Memperoleh Gelar Sarjana Komputer

Oleh:

Isa Maulana Tantra

NIM : 672013111

Program Studi Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Salatiga

April 2017

1

2

3

4

5

Perancangan Dan Implementasi Aplikasi Informasi

Kamar Kosong Berbasis MVC

(Studi Kasus : RSUD Kabupaten Wonosobo)

1)Isa Maulana Tantra, 2)Felix David

Fakultas Teknologi Informasi

Program Studi Tehnik Informatika

Universitas Kristen Satya Wacana

Jl. Diponegoro 52-60, Salatiga 50711, Indonesia

Email: 1672013111@student.uksw.edu, 2felix@staff.uksw.edu

Abstract

Regional General Hospital (RSUD) is a unit of work or SKPD local government that

serves the community related to health. Difficult information about empty rooms and

doctor schedules resulted community become difficult find out the information. In this

study designing information Android application of RSUD district Wonosobo. The

application built with Java language programming and use Android Studio for IDE. Based

on the application can help the community to get information about empty rooms and

make it easy for RSUD to manage the information room.

Abstrak Rumah Sakit Umum Daerah (RSUD) adalah unit kerja atau SKPD pemerintah daerah yang

melayani masyarakat terkait dengan kesehatan. Informasi mengenai kamar kosong dan

jadwal dokter yang terbatas mengakibatkan masyarakat sulit mengetahui informasi

tersebut. Pada penelitian ini merancang aplikasi informasi RSUD Kabupaten Wonosobo

berbasis Android dengan metode MVC. Aplikasi dibangun dengan bahasa pemrograman

Java dengan menggunakan IDE Android Studio. Berdasarkan aplikasi yang dibuat dapat

membantu masyarakat untuk mendapatkan informasi kamar kosong dan memudahkan

pihak rumah sakit dalam mengelola informasi kamar.

Kata Kunci : Informasi Kamar, Jadwal Dokter RSUD Kab. Wonosobo, MVC, Android

Studio.

1. Pendahuluan

Rumah Sakit Umum Daerah (RSUD) adalah unit kerja atau SKPD pemerintah daerah

yang melayani masyarakat terkait dengan kesehatan. Informasi mengenai kamar kosong dan

jadwal dokter yang terbatas mengakibatkan masyarakat sulit mengetahui informasi tersebut.

Kebutuhan akan informasi yang cepat dan akurat mempunyai peranan yang sangat

penting. Kecepatan komunikasi untuk mendapatkan informasi sangatlah diperlukan untuk

menggantikan sistem manual yang dapat memperlambat pekerjaan dan memungkinkan

banyak kesalahan dalam mengolah data

6

Berdasarkan latar belakang yang telah dijelaskan, didapatkan rumusan masalah dari

penelitian ini yaitu bagaimana membuat sistem atau aplikasi yang memberi informasi bagi

masayarakat dan memudahkan pihak RSUD dalam mengubah informasi kamar pasien. Hasil

dari ini diharapkan dapat membantu pihak rumah sakit dalam mengubah informasi dan juga

calon pasien mendapatkan informasi dengan mudah.

2. Kajian Pustaka

Penelitian ini melibatkan beberapa referensi pendukung. Penelitian pertama yang

berjudul “Aplikasi Reservasi Kamar pada Hotel Berbasis Android” yang ditulis oleh

Widagdo Yudho [1]. Aplikasi di simpulan dapat memberikan alternatif bagi pengunjung

dalam memperoleh informasi tentang kamar yang kosong saat akan melakukan reservasi di

hotel.

Penelitian kedua yang berjudul “Sistem Pemesanan Ruang Rawat Inap Bersalin Berbasis

Mobile” yang ditulis oleh Syahreni Putri Lubis, dan Arie Rafika Dewi [2]. Hasil dari

penelitian ini yaitu mempercepat dan memperlancar penyampaian informasi sehingga

masayrakat dapat lebih mengetahui fasilitas pada kamar dan mengetahui ruang inap bersalin

yang masih kosong.

Web Service

Web service merupakan sistem perangkat lunak yang mampu diakses lintas platform dan

bahasa pemrograman yang netral serta sebuah mekanisme komunikasi yang independen,

biasanya web service (layanan web) disediakan oleh laman web untuk menyediakan layanan

informasi pada sistem lain yang melakukan request, sehingga dua buah sistem atau lebih

dapat berkomunikasi melalui layanan web tersebut[3]. Web Service disini digunakan untuk

menyambungkan aplikasi dengan Database, tidak hanya itu Web Service ini juga digunakan

untuk memanipulasi data pada Database semisal aplikasi ini akan menampilkan data atau

mengedit data.

JSON

JSON (dilafalkan "Jason"), singkatan dari JavaScript Object Notation (bahasa Indonesia:

notasi objek JavaScript), adalah suatu format ringkas pertukaran data komputer[4]. JSON

pada aplikasi ini digunakan untuk menampung data yang akan ditampilkan pada List View di

aplikasi dan untuk menampung data saat data pada Database akan diubah.

MVC

MVC (Model View Controller) adalah sebuah bentuk pemrograman yang memisahkan

berdasarkan logika penanganan tampilan, logika pengontrolan dan logika model. MVC

bertujuan supaya pada pengembangan perangkat lunak yang besar mudah untuk dilakukan

7

maintenance (perbaikan / penambahan atau pengurangan code)[4]. Berikut adalah skema dari

MVC yang ada pada Gambar 1.

Gambar 1 Skema MVC.

3. Metodologi Penelitian

Penelitian ini dilakukan dalam lima tahapan, yaitu analisis dan pengumpulan data,

perancangan sistem yang meliputi perancangan proses, perancangan arsitektur, perancangan

database, dan perancangan antarmuka aplikasi, pembuatan aplikasi, pengujian dan analisis

hasil pengujian, dan penulisan hasil penelitian.

TAHAPAN TUJUAN

LANGKAH 1Analisis Data dan Pengumpulan

Informasi

LANGKAH 2

Perancangan Sistem meliputi : · Perancangan Proses (UML).· Perancangan Arsitektur.· Perancangan Database.· Perangangan Antarmuka Aplikasi

LANGKAH 3 Pembuatan Aplikasi

LANGKAH 4 Pengujian dan Analisis Hasil Pengujian

LANGKAH 5 Penulisan Laporan Hasil Penelitian

Gambar 2 Tahapan Penelitian

Dalam tahap perancangan sistem, dilakukan desain sistem dan perangkat lunak untuk

menggambarkan proses kerja aplikasi. Aplikasi mobile dapat digunakan oleh calon pasien

dan admin rumah sakit, aplikasi ini memiliki fitur untuk melihat informasi kamar kosong

secara online. Tidak hanya melihat informasi kamar, admin juga dapat mengubah jumlah

kamar kosong dengan aplikasi ini. Aplikasi mobile ini dibuat menggunakan IDE Android

8

Studio dan diimplementasikan pada Android, Android dipilih karena pengguna smartphone

Android sebagai alat komunikasi lebih banyak daripada platform lainnya.

Gambar 3 Arsitektur Sistem

Gambar 3 menjelaskan mengenai Arsitektur Sistem. Mobile Device harus terkoneksi

dengan internet untuk mengakses web service yang ada diserver dan terhubung ke database.

Gambar 4 Arsitektur Aplikasi

Gambar 4 menjelaskan mengenai Arsitektur Aplikasi yang berjalan di Mobile. Aplikasi

Mobile menggunakan struktur Model View Controller (MVC). Model berisi struktur data,

View merupakan tampilan yang diperlihatkan ke user dan Controller merupakan jembatan

antara view dan model.

Pemodelan aplikasi pada penelitian ini menggunakan UML (Unified Modelling

Language). UML adalah bahasa pemodelan untuk sistem atau perangkat lunak yang

berparadigma berorientasi objek[5]. Pemodelan pada aplikasi ini terdiri dari use case

diagram, activity diagram, sequence diagram, dan class diagram.

9

AdminInformasi KamarLogin

Update Info Kamar

Informasi Kamar Lihat Informasi KamarUser

Jadwal Praktek

LIhat Jadwal Praktek

Gambar 5 Rancangan Use Case Diagram

Pada Gambar 5 merupakan rancangan use case diagram, User dapat mengakses dua

menu antara lain: lihat informasi kamar, dan lihat jadwal praktek. User tidak perlu melakukan

login ke dalam sistem untuk mengakses menu tersebut. Sedangkan untuk Admin harus

melakukan login terlebih dahulu ketika akan mengubah informasi kamar.

Activity Diagram merupakan gambaran dari aktifitas dari sistem yang sedang dirancang

dari awal proses sampai dengan akhir, dibagi menjadi 3 yaitu Rancangan Activity Diagram

Informasi Kamar pada Gambar 6, Rancangan Activity Diagram Jadwal Praktek pada Gambar

7 dan Rancangan Activity Diagram Login dan Update Informasi Kamar pada Gambar 8.

Mulai

Melihat Informasi

Kamar

Selesai

Request

Informasi

Menampilkan

Informasi

Mencari Informasi

Kamar JSON

Web Serv iceAplikasiUser

Gambar 6 Rancangan Activity Diagram Informasi Kamar

Gambar 6 merupakan rancangan activity diagram dari proses user melihat informasi

kamar kosong yang digunakan pada aplikasi mobile. Aktivitas dimulai saat pengguna

menekan tombol lihat kamar. Lalu aplikasi meminta informasi ke Web Service, Web Service

menampilkan data dalam bentuk JSON selanjutnya aplikasi menampilkan kedalam List View.

10

LIhat Jadwal

Praktek

Mulai

Selesai

Request

Foto

Menampilk

an Foto

Mencari

Foto

Serv erAplikasiUser

Gambar 7 Rancangan Activity Diagram Jadwal Praktek

Gambar 7 merupakan rancangan activity diagram Jadwal Praktek pada Aplikasi Mobile.

Setelah User menekan tombol Jadwal Praktek maka aplikasi akan mendownload foto dari

server. Pada aplikasi telah diatur URL letak dan nama foto pada Server. Sehingga data yang

di kirim dari Server adalah foto yang akan ditampilkan di Image View.

input username dan

password

Mengubah

Informasi

Mulai

Selesai

kirim user dan password

ke webservice

menampilkan

informasi kamar

Kirim Informasi

Kamar

Menampilkan

Info Kamar

cek user dan password

pada database

Update Informasi Kamar

Pada Database

Berhasil

Gagal

webserv iceaplikasiadmin

Gambar 8 Rancangan Activity Diagram Login dan Update Info Kamar

Gambar 8 merupakan rancangan activity diagram Login dan Update Info Kamar pada

Aplikasi Mobile. Admin memasukkan username dan password lalu aplikasi mengirim ke

webservice. Webservice mencari username dan password jika tidak ditemukan maka akan

kembali ke halaman input user dan password. Jika user dan password ditemukan maka

aplikasi akan menuju pada list informasi kamar. Setelah bisa masuk Admin bisa meng-update

informasi kamar. Lalu aplikasi mengirimnya ke webservice, webservice akan melakukan

11

update pada database. Setelah berhasil aplikasi akan kembali ke list informasi kamar dengan

data yang telah berhasil diubah.

Sequence diagram menggambarkan tentang proses interaksi yang terjadi dalam suatu

sistem yang disusun dalam satu serial waktu. Sequence diagram secara khusus menjabarkan

behavior sebuah skenario tunggal dan menunjukkan sejumlah obyek contoh dan pesan yang

melewati obyek-obyek yang terdapat dalam use case. Sequence yang terjadi dalam penelitian

ini dapat dilihat pada Gambar 9 sampai Gambar 12.

UserUserAplikasiAplikasi Web ServiceWeb Service DatabaseDatabase

Lihat Info Kamar

Request Info Kamar

Mencari Info Kamar

Return Data

Menampilkan Info Kamar

Selesai

Gambar 9 Rancangan Sequence Diagram Informasi Kamar.

Gambar 9 menjelaskan mengenai rancangan sequence yang terjadi dalam aplikasi mobile

saat pengguna melihat informasi kamar. Dengan menekan tombol informasi kamar. Aplikasi

Mobile akan meminta data pada web service yang ada pada sever lalu web service akan

mencari data informasi kamar pada database. Setelah berhasil data akan ditampilkan pada

List View yang ada pada aplikasi tersebut.

12

UserUserAplikasiAplikasi ServerServer

Lihat Jadwal Praktek

Request Jadwal Praktek

Menampilkan Jadwal Praktek

Selesai

Gambar 10 Rancangan Sequence Diagram Jadwal Praktek.

Gambar 10 menjelaskan mengenai rancangan sequence diagram proses lihat jadwal

praktek. Pertama pengguna menekan tombol jadwal praktek pada aplikasi. Setelah itu

aplikasi akan mengunduh data dari server, lalu data akan ditampilkan pada List View yang

ada pada aplikasi.

Kirim Username dan Password

AdminAdminAplikasiAplikasi Web ServiceWeb Service DatabaseDatabase

Masuk Admin

Tampilkan Halaman Login

Memasukkan User dan Password

Cek User dan Password

Data Ditemukan

Menampilkan Halaman Admin

Selesai

Gambar 11 Rancangan Sequence Diagram Login Admin.

Gambar 11 menjelaskan mengenai rancangan sequence diagram Login Admin, dimulai

dengan Admin menekan tombol masuk admin. Aplikasi akan menampilkan halaman Login,

13

lalu Admin mengisi user dan password setelah itu aplikasi akan mengirim data ke web service

yang ada pada server. Web service akan mencari user dan password pada database. Setelah

berhasil ditemukan maka plikasi akan menampilkan halaman admin.

AdminAdminAplikasiAplikasi Web ServiceWeb Service DatabaseDatabase

PIlih Kamar

Menampilkan Dialog Ubah Informasi

Mengubah Informasi Kamar

Kirim Data

Melakukan Update

Berhasil

Kembali Ke Halaman Admin

Selesai

Gambar 12 Rancangan Sequence Diagram Ubah Informasi Kamar.

Gambar 12 menjelaskan mengenai proses admin mengubah informasi kamar kosong.

Pada halaman admin, admin mencari informasi kamar yang akan diubah. Setelah dapat,

admin menekan beberapa detik informasi kamar tersebut lalu aplikasi akan memunculkan

dialog ubah informasi kamar. Admin melakukan perubahan pada informasi kamar tersebut

lalu setelah selesai admin menekan tombol simpan maka aplikasi akan mengirim data ke

webservice. Webservice akan melakukan update pada database setelah berhasil maka aplikasi

akan kembali ke halaman admin dan memunculkan toast data berhasil di update.

Class diagram dalam UML menggambarkan mengenai struktur dari sistem dengan

menampilkan class, attribut, operasi, dan relasi antar obyek. Rancangan Class diagram yang

digunakan dalam aplikasi mobile dapat dilihat pada Gambar 13.

14

Gambar 13 Rancangan Class Diagram

Terdapat tiga buah kontrol yang ada dalam aplikasi mobile, lihat informasi kamar, lihat

info kamar admin, dan lihat jadwal praktek. Kontrol yang ada digunakan untuk berinteraksi

dengan entity melalui controller yang menangani proses permintaan dan pengiriman data.

4. Hasil dan Pembahasan

Penelitian ini menghasilkan aplikasi informasi kamar kosong RSUD Kabupaten

Wonosobo yang memiliki fitur melihat kamar kosong secara online, melihat jadwal dokter,

dan mengubah informasi kamar kosong melalui mobile Android. Pada penelitian ini sistem

diuji dengan sistem operasi Android. Berikut adalah tampilan aplikasi yang telah dibuat.

Aplikasi mobile digunakan untuk melihat informasi kamar kosong melalui menu yang

disediakan. Berikut tampilan menu awal pada Gambar 14.

Gambar 14 Tampilan Awal Aplikasi

Gambar 14 merupakan menu awal pada aplikasi mobile. Pada menu awal ini, ada

beberapa button yaitu button lihat kamar kosong, jadwal praktek, masuk admin, dan keluar.

Berikut tampilan list informasi kamar kosong pada Gambar 15 dan tampilan jadwal praktek

dokter pada Gambar 16.

15

Gambar 15 List Informasi Kamar

Gambar 15 merupakan list informasi kamar pada aplikasi mobile. Pengguna bisa melihat

informasi kamar beserta tanggal update-nya. Pengguna juga dapat menggunakan fitur

pencarian berdasarkan nama bangsal.

Gambar 16 Tampilan Jadwal Dokter

Gambar 16 merupakan menu jadwal dokter pada aplikasi mobile. Pengguna dapat

melihat jadwal praktek dokter.

16

Gambar 17 Menu Login

Gambar 17 merupakan menu login pada aplikasi mobile. Pada tampilan ini, Admin

harus memasukan username dan password kedalam kolom yang disediakan dan memilih

tombol masuk untuk login kedalam aplikasi. Berikut tampilan setelah berhasil masuk

kedalam aplikasi pada Gambar 18.

Gambar 18 List Informasi Kamar Admin

Gambar 18 merupakan tampilan list informasi kamar untuk admin. Sekilas sama dengan

list informasi kamar untuk user tetapi disini admin bisa mengubah informasi kamar kosong

dengan cara menahan beberapa detik informasi kamar yang akan diubah. Pada aplikasi ini

admin hanya bisa mengubah jumlah tempat tidur terisi dan tempat tidur kosong.

17

Gambar 19 Dialog Ubah Informasi Kamar

Gambar 19 merupakan tampilan dialog ubah informasi kamar pada aplikasi mobile.

Admin dapat mengubah jumlah kamar terisi dan kamar kosong. Ada dua button pada dialog

tersebut, batal untuk membatalkan dan simpan untuk menyimpan perubahan informasi.

Hasil Pengujian

Sistem yang dibangun selanjutnya diuji dengan menggunakan metode Black box testing.

Pengujian yang dilakukan antara lain : (1) Proses login; (2) Proses search, (3) List informasi

kamar; (4) Update informasi kamar, (5) Lihat jadwal praktek . Tabel 1 menunjukan hasil

black box testing.

Tabel 1 Hasil Black Box Testing

Poin

Pengujian

Kondisi Hasil yang

diharapkan

Hasil Uji Status

Proses

login

Username :

benar

Password :

benar

Login berhasil Login berhasil Sesuai

Username :

salah

Password :

benar

Login gagal Login gagal Sesuai

Username :

benar

Password :

salah

Login gagal Login gagal Sesuai

Proses

Search

Ketik nama

bangsal

Menampilkan

bangsal yang di

cari

Menampilkan

bangsal yang di cari

Sesuai

List info

kamar

Menekan

tombol lihat

kamar kosong

Menampilkan

informasi

kamar

Menampilkan

informasi kamar

Sesuai

Update

informasi

kamar

Menekan

tombol

Simpan

Data berhasil di

Update

Data berhasil di

Update

Sesuai

18

Lihat

jadwal

praktek

Menekan

tombl jadwal

praktek

Menampilkan

jadwal praktek

Menampilkan

jadwal praktek

Sesuai

Pengujian kepengguna dilakukan dengan membagi kuisioner kepada empat belas

responden untuk mengetahui pendapat tentang aplikasi pemesanan makanan. Kuisioner

memiliki sepuluh pertanyaan dalam skala Likert dengan lima skala yaitu Sangat Setuju (SS),

Setuju (S), Netral (N), Tidak Setuju (TS), dan Sangat Tidak Setuju (STS). Berikut Hasil dari

perhitungan skala Likert pada Tabel 2.

Tabel 2 Hasil Perhitungan Skala Likert

NO PERTANYAAN SS S N TS STS Hasil

TAMPILAN

1 Perpaduan warna pada aplikasi terlihat bagus 3 10 1 0 0 82.86%

2 Penempatan tombol pada menu utama 2 12 0 0 0 82.86%

3 Tampilan aplikasi secara keseluruhan terlihat

menarik

4 8 2 0 0 82.86%

KEMUDAHAN

1 Aplikasi dapat digunakan dengan mudah 6 8 0 0 0 88.57%

2 Aplikasi dapat memudahkan dalam mengubah

informasi kamar

4 9 1 0 0 84.29%

3 Aplikasi ini dapat menghemat waktu dalam

mendapatkan informasi yang dibutuhkan

3 9 2 0 0 81.43%

FUNGSI

1 Aplikasi dapat berjalan dengan baik 5 9 0 0 0 87.14%

2 Dapat menampilkan informasi yang diperlukan 4 8 2 0 0 82.86%

3 Informasi yang ditampilkan lengkap 3 6 5 0 0 77.14%

4 Aplikasi dapat digunakan mengubah informasi

kamar

6 7 1 0 0 87.14%

5. Simpulan

Berdasarkan dari aplikasi yang dibuat, maka dapat ditarik kesimpulan dari penelitian ini :

(1) Aplikasi Informasi Kamar Kosong RSUD Kabupaten Wonosobo berbasis MVC dapat

berjalan baik pada platform Android. (2) Aplikasi ini dapat memudahkan calon pasien dalam

melihat informasi kamar kosong. (3)Aplikasi ini memudahkan pihak rumah sakit dalam

mengubah informasi kamar kosong.

6. Daftar Pustaka

[1]. Husodo, Widagdo Yudho. Perancangan Aplikasi Reservasi Kamar Pada Hotel Berbasis Android. Bandung : Mediakom. 2013

[2]. Lubis, Syahreni Putri. Dewi, Arie Rafika. Sistem Pemesanan Ruang Rawat Inap Bersalin Berbasis Mobile. E-Jurnal.

[3]. Kreger, H. 2001. Web-Services Conceptual Architecture (WSCA 1.0). USA: IBM Software Group.

[4]. Yohan Naftali. 2011. Konsep Pemrograman MVC(Model View Controller)

19

[5]. Nugroho, Adi. 2010. Rekayasa Perangkat Lunak Berorientasi Objek dengan Metode USDP. Yogyakarta : Andi.