ISSN 2622-8351
Roberto Kaban1, Roy Sari Milda Siregar2, Sumarlin3, Petri Yusrina4, Rica Yunita5, Romulo Parlindungan Aritonang6
1
Teknik Informatika, Sekolah Tinggi Teknik Poliprofesi Medan
email: roberto.kaban@yahoo.com
2
Teknik Informatika, STMIK Harapan Ibu, Langsa
email: roysarimilda@harapanibu.ac.id
3
Manajemen Informatika, Politeknik Poliprofesi Medan
email: netcomandiri@gmail.com
4
Teknik Informatika, Universitas Teuku Umar, Meulaboh
email: ie_febrina@yahoo.com
5
Teknik Informatika, Langsa Informatika, Langsa
email: yoeni_ika2@yahoo.co.id
6
Akuntansi, Politeknik Poliprofesi Medan
email: romuloaritonang@yahoo.co.id
Abstrak
Sistem informasi yang baik tidak hanya harus rapi, efektif, dan tangguh, tetapi juga harus user friendly dan
kekinian. Dalam arti, mampu diaplikasikan pada berbagai jenis perangkat elektronik, mudah diakses di mana dan
kapan saja (real time), dan dapat dimodifikasi sesuai kebutuhan user dengan cara yang relatif mudah dan
sederhana. Sistem informasi kini dibutuhkan oleh berbagai pihak, khususnya dalam bidang administrasi dan
penjualan obat-obatan Rumah Sakit Cut Nyak Dhien. Selama ini, pencatatan di buku sudah sangat tidak efektif
dan menimbulkan banyak permasalahan, seperti kesulitan mengakses data lama, dan informasi yang didapatkan
tidak real time. Untuk itu, penelitian ini mengangkat tema perancangan sistem informasi yang tepat guna bagi
rumah sakit yang bersangkutan, dengan memanfaatkan framework CSS Bootstrap dan metodologi penelitian
untuk pengembangan web yaitu Web Development Life Cycle. Penelitian ini menghasilkan sebuah sistem yang
responsive dengan memberikan kemudahan akses melalui perangkat komputer desktop, tablet maupun smartphone
sehingga akan membantu pihak rumah sakit dalam proses pengolahan data obat-obatan secara real time.
Kata kunci: Admnistrasi obat-obatan, Sistem Informasi rumah sakit, Web Development Life Cycle, Bootstrap CSS
Framework
Abstract
A good information system must not only be neat, effective, and resilient, but also must be user friendly and up to
date. In a sense, it is able to be applied to various types of electronic devices, easily accessible at any whereand
time (real time), and can be modified according to user needs in a relatively easy and simple way. Information
systems are now needed by various parties, especially in the field of administration and sale of medicines for Cut
Nyak Dhien Hospital. During this time, recording in books has been very ineffective and caused many problems,
such as difficulty in accessing old data, asa well as the information obtained was not real time. To solve it, this
research raises the theme of the appropriate information system design for the hospital concerned, by utilizing
CSS Bootstrap framework and research methodology for web development, namely Web Development Life Cycle.
This research resulted in a responsive system by providing easy access through desktop computers, tablets, and
smartphones so that it would help the hospital in the data processing process in real time.
Keywords: Drug administration, Hospital information system, Web Development Life Cycle, Bootstrap CSS
Framework
Rancangan database
Database merupakan kumpulan data yang
dapat diolah atau dimanipulasi untuk menghasilkan
informasi. Pada sistem informasi obat-obatan ini,
penulis menggunakan sebelas tabel yang terdiri dari nonaktif yang tidak diperbolehkan lagi mengakses
tabel obat, distributor, golongan, satuan, sistem.
penggunaan. Kemudian tabel dokter, spesialis, resep Transaksi penjualan obat-obatan di simpan
dan resep_detail. Selanjutnya tabel pegawai dan dalam tabel resep. Tingkat relasi antara tabel resep
user. Relasi antar tabel dalam database seperti dan tabel obat adalah many to many ditandai dengan
gambar berikut. field resep_id pada tabel resep berelasi ke tabel
resep_detail, begitu juga field obat_id pada tabel
obat. Penggunaan tabel resep_detail ini disebabkan
satu resep obat dapat terdiri dari beberapa jenis obat.
Semua tabel di dalam database disertai field
created_by, updated_by, created_at dan updated_at
untuk menyimpan log pengguna berikut waktu pada
setiap transaksi penginputan dan perubahan data.
Hasil perancangan
Berikut ini penulis sertakan beberapa tampilan
hasil dari sistem informasi obat-obatan yang sudah
dirancang.
a. Tampilan halaman utama administrator
Pada gambar relasi antar tabel diatas, semua Gambar 4. Halaman utama administrator
data pengguna baik yang levelnya Administrator, Pada gambar diatas adalah dashboard ataupun
Apoteker dan Ka.Apoteker di simpan pada tabel halaman utama setelah berhasil login ke sistem. Pada
pegawai. Di tabel pegawai, field pegawai_id berelasi halaman dashboard disertakan rekapitulasi total user,
ke tabel user untuk menyimpan data authentikasi dokter, distributor dan obat yang sudah di input ke
untuk masuk ke sistem.Untuk membedakan hak dalam sistem. Pada bagian tengah dashboard terdapat
akses setiap pengguna, di tabel user terdapat field resep dan obat yang terakhir di input. Tampilan
level dengan tipe data enum yang berisi pilihan nilai halaman dashboard ini responsive sehingga dapat
1,2 atau 3. Nilai 1 untuk identitas pengguna dengan menyesuaikan ukuran secara otomatis berdasarkan
level Administrator, nilai 2 untuk identitas pengguna perangkat yang mengakses (desktop, tablet maupun
dengan level Apoteker dan nilai 3 untuk identitas smartphone). Dashboard Administrator tidak ada
pengguna dengan level akses Ka.Apoteker. Pada perbedaan dengan dashboard Apoteker, hanya pada
tabel juga user juga terdapat field status sebagai sidebar sebelah kanan pada menu Apoteker tidak di
identitas pengguna yang dapat mengakses sistem. sediakan item menu untuk mengelola user dan
Nilai 1 sebagai identitas untuk pengguna yang dapat backup/restore.
mengakses sistem, nilai 0 sebagai identitas pengguna
b. Tampilan data obat
[6] Baidawi, T., Nasution, A. 2016. “Sistem [14] Asidhiqi, U., Hartanto, A. D. 2013. “Pembuatan
Informasi Penjualan Obat Berbasis Web Pada dan Perancangan Sistem E-Letter Berbasi Web
Apotek Perwira Jaya Bekasi”. Informatics For dengan Codegniter dan Bootstrap. Studi Kasus:
Educators And Professionals”. Vol.1, No. 1, Kantor Kecamatan Klego”. Jurnal ilmiah DASI
Desember 2016, 70 – 83 E-Issn: 2548-3412. Amikom Vol.14 No.4 2013.
[7] Muntihana, V. 2017. “Analisis Dan [15] Toreh, J.B., Sentinuwo, S. R., Sambul, A. M.
Perancangan Sistem Informasi Berbasis Web 2016. “Rancang Bangun Aplikasi Website
Dan Android Pada Klinik Gigi Lisda Medica Di Administrasi Kerja Praktek dan Tugasakhir
Kabupaten Bulukumba Sulawesi Selatan”.
Mahasiswa Program Studi Teknik Informatika
Jurusan Teknik Informatika, Fakultas Sains Dan
Teknologi, Universitas Islam Negeri (Uin) Universitas Sam Ratulangi”. E-Journal Teknik
Alauddin Makassar. Informatika Universitas Sam Ratulangi Volume
[8] Kaban, R. 2017. ”Design Website Responsive 9, No.1 2016.
dengan Bootstrap”. INA-Rxiv [16] Kamatchi, R. et al. 2013. “Software
https://doi.org/10.17605/OSF.IO/MFW39 Engineering:Web Development Life
[9] Lambert, M., Jobsen, B., Cochran, D., Whitley, I. Cycle”. International Journal of
2017. “Complete Bootstrap: Responsive Web Engineering Research & Technology.
Development with Bootstrap 4: Learn all the [17] http://cs.tsu.edu/ghemri/CS117/Class
new features and build a set of example Notes/Web%20Development%20Life%20
applications for your portfolio with the latest
Cycle_small.htm diakses pada 11 Juni 2018
version of Bootstrap”. Packt Publishing Ltd
[10] Martin, J., Tanaamah, A. R. 2018. [18] French, A. M. 2011. “Web Development Life
“Perancangan Dan Implementasi Sistem Cycle: A New Methodology for Developing
Informasi Penjualan Berbasis Desktop Website Web Applications”. Journal of Internet Banking
Menggunakan Framework Bootstrap Dengan and Commerce Vol. 16 No.2 2011.
Metode Rapid Application Development, Studi [19] Hoffer, J. A., George, J. F.,Valacich, J. S. 2011.
Kasus Toko Peralatan Bayi ‘Eeng Baby Shop’”. “Modern systems analysis and design”. 6th ed.
Jurnal Teknologi Informasi dan Ilmu Komputer edn, Pearson/Prentice Hall, Upper Saddle River,
(JTIIK), Vol. 5, No. 1, Maret 2018, hlm. 57-68. N.J.
[11] Kaban, R., Fajrillah. 2017. “Pengembangan [20] Valacich, J. F., George, J. F., Hoffer, J. S.
2009.Essentials of system analysis and design, 4th
Sistem Informasi Perpustakaan dengan
edn, Prentice Hall Press
framework Css Bootstrap dan Web
Development Life Cycle”. Jurnal Ilmiah
Informatika Amik Ibrahimy Vol. 2 No. 1 2017.
[12] Alhamri, R. Z. 2016. “Aplikasi Data Pokok
Pendidikan Kota Kediri dengan
Pengimplementasian CSS Bootstrap”. Jurnal
Informatika dan Multimedia Politeknik Kediri
Vol 8 No 2 2016.
[13] Efendi, F. S., Nugroho, Benny A., Andhika, D.
F. 2015. “Aplikasi Tempat Kos di Kota Kediri
Berbasis Web Gis dan CSS Bootstrap”. Jurnal
Informatika dan Multimedia Politeknik Kediri
Vol 7 No 1 2015.