perancangan sistem informasi daftar obat dan dokter

Seminar Nasional Teknologi Informasi dan Multimedia 2016STMIK AMIKOM Yogyakarta, 6-7 Februari 2016

ISSN : 2302-3805

2.11-1

PERANCANGAN SISTEM INFORMASI DAFTAR OBAT DAN DOKTERBERBASIS WEB PADA APOTEK DUTA ESA FARMA BEKASI

Mokhammad Rifqi Tsani

Teknik Informatika STMIK YMI TegalJl Pendidikan No.1 Tegal 52147Email : [email protected])

Abstrak

Berkembangnya teknologi informasi sangat berpengaruhbagi kehidupan masyarakat. Banyaknya situs-situs yangberisi tentang informasi dan pengetahuan pentingmembuat masyarakat beralih ke dunia maya untukmendapatkan informasi yang lebih cepat. Saat iniApotek Duta Esa Farma belum memiliki situs websiteuntuk memberikan informasi tentang daftar obat dandokter dan pelayanannya. Pelanggan masih kesulitanuntuk mengetahui daftar obat yang tersedia dan jadwalpraktek dokter. Dalam melakukan promosi produk obatbaru masih kurang dan kesulitan. Sehingga membuatpemilik apotek kesulitan untuk menyampaikan informasikepada pelanggan dan masih banyak hal yang harusdiperbaiki tentang bagaimana penyampaian informasiapotek, penyampaian informasi pelayanan apotek dankinerja apotek. Untuk itu penulis mencoba membuatperancangan sistem informasi daftar obat dan dokterberbasis web pada Apotek Duta Esa Farma.Dengan sistem informasi daftar obat dan dokter ini bisamempermudah pelanggan mendapatkan informasi obat,jadwal praktek dokter dan sebagai media promosiapotek sehingga mempermudah kinerja pemilik apotekuntuk menyampaikan informasi. Dalam perancangansistem informasi daftar obat dan dokter berbasis web inimetode perancangan yang digunakan adalah ADDIE(Analysis, Design, Development or Production,Implementation or Delivery and Evaluations) denganaplikasi Adobe Dreamweaver CS5 dan MySQL untukperancangan basis datanya.

Kata kunci: Perancangan, Sistem Informasi, ADDIE,Web, Apotek.

1. Pendahuluan

Informasi adalah salah satu kebutuhan pokok bagimasyarakat dalam kehidupannya. Pencarian informasidapat diperoleh dari berbagai sumber seperti mediacetak, media massa, maupun media elektronik khususnyamenggunakan internet. Melalui media elektronik dapatmemecahkan masalah dari kekurangan pencarianinformasi melalui media cetak dan media massa. Denganmedia elektronik khususnya yang menggunakan internet,informasi bisa diakses kapan saja dan dimana saja.Untuk hal waktu juga lebih cepat dalam mendapatkaninformasi tersebut. Pada saat ini kebutuhan media

publikasi di internet seperti website sangat dibutuhkanuntuk mempermudah penyampaian informasi dan untukmendapatkan informasi secara mudah. Apotek duta esafarma belum memiliki web untuk informasi daftar obatdan dokter, sehingga penulis membuat perancangansistem informasi daftar obat dan dokter untukmempermudah apotek duta esa farma memberikaninformasi daftar obat dan dokter kepada konsumen.Dalam penelitian ini, penulis membatasi perancanganweb yang di buat yaitu hanya memberikan informasi dariApotek Duta Esa Farma diantaranya pada bagianpengunjung terdapat menu Beranda, Tentang Kami,Daftar Obat, Artikel, Praktek Dokter, dan Buku Tamu.Sedangkan untuk bagian admin terdapat menu LoginAdmin, Beranda, Ruang Admin, Data Obat, DataArtikel, Data Dokter, Buku Tamu dan Logout yang didalam menu tersebut dapat melakukan Tambah Data,Ubah Data, dan Hapus Data. Namun untuk ruang adminhanya dapat melakukan Tambah Admin dan GantiPassword. Didalam proses perancangan sistem informasidaftar obat dan dokter berbasis web, metode yangdigunakan adalah ADDIE (Analysis, Design,Development or Production, Implementation or Deliveryand Evaluations) dengan aplikasi Adobe DreamweaverCS5 dan MySQL untuk perancangan basis datanya.Pengertian MySQL (My Structure Query Language)adalah salah satu Database Management System(DBMS) dari sekian banyak DBMS seperti Oracle, MSSQL, Postrage SQL, dan lainnya yang berfungsi untukmengolah database menggunakan bahasa SQL [1].Adobe Dreamweaver CS5 merupakan suatu perangkatlunak web editor keluaran Adobe System yang digunakanuntuk membangun dan mendesign suatu website denganfitur – fitur yang menarik dan kemudahan dalampenggunaannya [2]. Untuk memulai program, jalankanbrowser seperti Internet Explorer, Mozilla Firefox atauNescape. Sistem informasi persediaan obat bertujuanagar dapat mendukung kegiatan operasional usahaapotek [3]. Penggunaan sarana website di dalam sistempemasaran adalah merupakan cara paling tepat karenacustomer mendapatkan informasi data yang lengkap danakurat serta dapat diakses dimanapun dengan melaluimedia cyberspace [4].

2. PembahasanMetode perancangan yang digunakan dalam penelitianini adalah ADDIE (Analysis, Design, Development orProduction, Implementation or Delivery and


ISSN : 2302-3805

2.11-2

Evaluations). Menurut langkah-langkah pengembanganproduk, model ini dapat digunakan untuk berbagaimacam bentuk pengembangan produk seperti model,strategi pembelajaran, metode pembelajaran, media danbahan ajar [5].

Gambar 1. Model Pengembangan ADDIEActivity diagram merepresentasikan dinamika dari suatusistem, berupa grafik alur (flowchart) yangmenggambarkan alur kerja dari suatu sistem. Activitydiagram juga menggambarkan kontrol alur antaraktivitas didalam sistem. Berikut activity diagram darisistem informasi data obat:

Gambar 2. Activity Diagram Sistem Informasi data obat

Untuk menggambarkan control alur mengelola datadokter penulis menggunakan activity diagram sebagaiberikut:

Gambar 3. Activity Diagram Sistem Informasi dokter

Database dalam perancangan sistem informasi daftarobat dan dokter ini sangat penting untuk nyimpanberbagai macam data diantaranya data obat, data dokterdan data buku tamu. Jika dituangkan ke dalam EntityRelationship Diagram atau ERD, maka desain awal darisistem ini adalah seperti gambar berikut:

Gambar 4. Entity Relationship Diagram

Spesifikasi file yang ada pada program ini merupakankumpulan data dari beberapa tabel yang terdapat dalamdatabase. Berikut ini akan diterangkan beberapaspesifikasi file database apotek yaitu :

a. Spesifikasi file admin

Nama Database : apotekNama Tabel : adminAkronim : admin.mydOrganisasi file : Index SequentialAkses file : RandomPanjang record : 213 karakterKunci field : id_adminMedia file : HardiskSoftware : MySQL

Tabel 1. Spesifikasi file admin

no field jenis ukuran keterangan

1. id_admint 3

auto_increment

primary key

2. user varchar 10

3. pass varchar 200

b. Spesifikasi File Obat

Nama Database : apotekNama Tabel : obatAkronim : obat.mydOrganisasi file : Index SequentialAkses file : RandomPanjang record : 165 karakter

act Activity dataobat

start

melihat dataobat

decision

update dataobat

merge simpan data

obat

decision

laporandata

hapusdata

merge

end

[edit]

[hapus]

act Activitydata Dokter

start

melihatdata dokter

decision

updatedata dokter

merge simpan data

dokter

decision

Tampilandata dokter

hapus datadokter

merge

end


ISSN : 2302-3805

2.11-3

Kunci field : kodeMedia file : HarddiskSoftware : MySQL

Tabel 2. Spesifikasi file obat


1 kode int 5 Primary key

2 nama varchar 30

3 jenis varchar 30

4 gambar varchar 100

5 deskripsi text

6 harga double

c. Spesifikasi File Dokter

Nama Database : apotekNama Tabel : dokterAkronim : dokter.mydOrganisasi file : Index SequentalAkses file : RandomPanjang record : 99 karakterKunci field : id_dokterMedia file : HarddiskSoftware : MySQL

Tabel 3. Spesifikasi file dokter


1 id_dokter int 4 primary key

2 nama_dokter varchar 35

3 waktu varchar 30

4 spesialis varchar 30

d. Spesifikasi File Buku Tamu

Nama Database : apotikNama Tabel : buku_tamuAkronim : buku_tamu.mydOrganisasi file : Index SequentialAkses file : RandomPanjang record : 109 karakterKunci field : idMedia file : HarddiskSoftware : MySQL

Tabel 4. Spesifikasi file buku tamu


1 id int 4 primary key

2 nama varchar 35

3 email varchar 35

4 subjek varchar 35

5 pesan text

6 tanggal date

7 jawab test

8 blokir enum “ya”tidak”

Dari hasil perancangan database dengan EntityRelationship Diagram, kemudian penulis merancangproses dari website yang akan dibuat dengan use casediagram. Pada perancangan sistem informasi daftar obatdan dokter berbasis web, penulis menggunakan use casediagram untuk penggambaran sistem dari sudut pandangpengguna sistem tersebut (user). Berikut adalah use casediagram dari sistem informasi daftar obat dan dokter:

Gambar 5. Use Case Diagram Obat dan Dokter

Dari Use Case Diagram Obat dan dokter diatas dapatdideskripsikan sebagai berikut:

Tabel 5. Deskripsi Use Case Diagram Obat dan Dokter

Use CaseName Sistem Informasi Obat dan Dokter

Goal

Pelanggan dapat melihat daftar obat,jadwal dokter dan informasi doktermelalui buku tamu

Pre-conditions

Pelanggan mengetahui situs dari sisteminformasi online

Post-conditions Pelanggan melihat daftar obat dan dokterFailed endconditions Pelanggan complain melalui buku tamuPrimaryActors

Pelanggan dapat mengetahui harga obatdan jadwal dokter.


ISSN : 2302-3805

2.11-4

MainFlow/Basic Path 1. User melihat daftar obat

2. User melihat jadwal dokter3. User melihat artikel kesehatan4. User mengisi buku tamu

Invariant -

Pada perancangan sistem informasi daftar obat dandokter berbasis web, penulis menggunakan use casediagram untuk penggambaran system mengelola datapada halaman admin. Berikut adalah use case diagramdari sistem informasi mengelola data obat dan dokter:

Gambar 6. Use Case Diagram Mengelola Data

Dari Use Case Diagram Mengelola Data diatas dapatdideskripsikan sebagai berikut:

Tabel 6. Deskripsi Use Case Diagram Mengelola Data

Use CaseName Mengelolah Data

Goal

Admin dapat menambah, mengedit,menghapus dan menyimpan data obat,dokter, buku tamu dan artikel.

Pre-conditions Admin telah loginPost-conditions

Data barang tersimpan, terhapus danterupdate

Failed endconditions

Gagal menyimpan, menghapus danmengupdate data.

PrimaryActors AdministratorMainFlow/Basic Path 1. Admin melihat data barang

2. Admin menambah data barang3. Admin menyimpan data barang

AlternateFlow/Invariant 1 Admin mengedit data barangInvariant2 Admin menghapus data barang

Dari hasil perancangan proses dengan use case diagramuser dan admin, penulis merancang struktur navigasiuntuk merancang tampilan website. Pada pembuatanwebsite dibuat rancangan struktur navigasi website untukmenggambarkan secara garis besar isi dari seluruh situsweb dan menggamabarkan bagaimana hubungan antaraisi tersebut. Struktur navigasi website ini adalah strukturnavigasi campuran (composite). Melalui strukturnavigasi ini, terlihat bagaimana isi dan susunan darisebuah website secara menyeluruh. Pembuatan strukturnavigasi sangat membantu untuk pembuatan rancanganseluruh halaman web. Struktur navigasi adalah Susunanmenu atau hirarki dari suatu situs yang menggambarkanisi dari setiap halaman dan link atau navigasi tiaphalaman pada suatu situs web [6]. Berikut adalahstruktur rancangan navigasi website:

Gambar 7. Struktur navigasi user

Dalam perancangan tampilan website apotek untuk userini terdiri dari beberapa rancangan halaman diantaranyadaftar obat, praktek dokter dan buku tamu yaitu sebagaiberikut:

a. Tampilan halaman daftar obat dalam

Halaman yang memberikan informasi tentang daftar obatdalam yang tersedia di apotek.

Gambar 8. Tampilan halaman daftar obat dalam

Beranda

Praktek DokterArtikelDaftar ObatTentang Kami Buku Tamu

Detail

Obat Dalam Obat Bebas


ISSN : 2302-3805

2.11-5

b. Tampilan halaman jadwal praktek dokter

Halaman yang berfungsi memberikan informasi tentangjadwal praktek dokter yang ada di apotek tersebut.

Gambar 9. Tampilan halaman jadwal praktek doktek

c. Tampilan halaman buku tamu

Halaman yang berfungsi untuk memberikan kritik dansaran dari pengunjung pada apotek tersebut.

Gambar 10. Tampilan halaman buku tamu

Perancangan struktur navigasi pada admin sangatmembantu dalam pembuatan website halaman admin,berikut struktur navigasi halaman admin:

Gambar 11. Struktur navigasi admin

Untuk mengelola sebuah website agar informasi yangada selalu update diperlukan halaman admin agar mudahuntuk merubah informasi yang ada di website,diantaranya data obat, data dokter dan buku tamu.Berikut tampilan halaman admin:

a. Tampilan halaman update data obat dalam

Halaman yang berfungsi untuk melihat data obat dalam,tambah data obat dalam, mengubah data obat dalam danhapus data obat dalam.

Gambar 12. Tampilan halaman update data obat dalam

b. Tampilan halaman update jadwal dokter

Halaman yang berfungsi untuk melihat data dokter,tambah data dokter, mengubah data dokter danmenghapus data dokter.

Gambar 13. Tampilan halaman update jadwal dokter

c. Tampilan konfirmasi daftar buku tamu

Halaman yang berfungsi untuk melihat daftar buku tamu,menampilkan buku tamu, blokir buku tamu, hapus danbalas buku tamu. Admin disini mempunyai hak untukmenampilkan atau tidak buku tamu yang telah di isi olehpengunjung.

Gambar 14. Tampilan konfirmasi daftar buku tamu


ISSN : 2302-3805

2.11-6

Setelah melakukan perancangan tampilan website,penulis membuat rancangan untuk publikasi sisteminformasi daftar obat dan dokter berbasis web. Untuk itupenulis mempersiapkan nama domain untuk alamatwebsite apotek duta esa farma. Nama domain (domainname) adalah nama unik yang diberikan untukmengidentifikasi nama server komputer seperti webserver atau email server di jaringan komputer ataupuninternet. Nama domain berfungsi untuk mempermudahpengguna di internet pada saat melakukan akses keserver, selain juga dipakai untuk mengingat nama serveryang dikunjungi tanpa harus mengenal deretan angkayang rumit yang dikenal sebagai IP address. Namadomain kadang-kadang disebut pula dengan istilah URL,atau alamat website. Untuk itu apotek duta esa farmaingin memiliki nama domain sendiri, dengan namadomain atau URL : www.apotek.dutaesafarma.com.

Setelah membuat rancangan untuk nama domain, penulismembuat rancangan pemeliharaan sistem.Untukmenjalankan dan memelihara sistem yang akandiimplementasikan, maka diperlukan sumberdayamanusia yang dapat mengatur sistem, SDM yangdiperlukan adalah sebagai berikut:

a. Web administratorOrang yang bertugas untuk melakukan manipulasi(update, insert,delete) data pada database secara online.b. Web developerorang yang bertugas melakukan pengembanganpemeliharaan halaman website.

3. Kesimpulan

Berdasarkan penelitian yang dilakukan, maka penulismenyimpulkan:

1. Dengan adanya website ini pengunjung dapat melihatdaftar obat yang tersedia dan mengetahui jadwalpraktek dokter.

2. Dapat mempermudah kinerja pemilik apotek untukmenyampaikan beberapa informasi apotek.

3. Memberikan informasi yang positif dan bermanfaatmengenai kesehatan dan pelayanan apotek.

4. Website ini juga dimanfaatkan untuk media promosiproduk baru yang ada di apotek.

Daftar Pustaka[1] Sadeli, Muhammad. 2011. 7 Jam Belajar Interaktif Dreamweaver

CS5. Madiun: Maxikom.[2] ST, Anhar. 2010. Panduan Menguasai PHP & MySQL Secara

Otodidak. Jakarta : Mediakita.[3] Helmi Kurniawan. 2015. Perancangan Sistem Informasi

Persediaan Obat Pada Apotik ABC Berbasis Client Server.JUSITI, 4(1) : 1-12.

[4] Ni Luh Ratniasih. 2015. Rancang Bangun Sistem InformasiPemasaran Produk Kecantikan Berbasis Web. KNSI 2015: 532-538.

[5] Arkun, S, & Akkoyunlu, B. 2008. A Study on the developmentprocess of a multimedia learning environment according to theADDIE model and students’ opinions of the multimedia, Number17, 1-19.

[6] Prihatna, Henky. 2005. Kiat Praktis Menjadi WebmasterProfesional. Jakarta: Elex Media Komputindo.

Biodata Penulis

Mokhammad Rifqi Tsani, memperoleh gelar SarjanaKomputer (S.Kom), Jurusan Sistem Informasi STMIKNusa Mandiri Jakarta, lulus tahun 2014. Sedangmenempuh Program Pasca Sarjana Magister TeknikInformatika Universitas Dian Nuswantoro Semarang.Saat ini menjadi Dosen di STMIK YMI Tegal.

perancangan sistem informasi daftar obat dan dokter

Documents