bab iii pembahasan - repository.bsi.ac.id · pemesanan obat a) tugas a. melakukan pencatatan...

28

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Dalam tinjauan perusahaan ini akan dijelaskan tentang sejarah, struktur

organisasi dan fungsi.

3.1.1. Sejarah Perusahaan

Apotek Yaasin Farma dibangun di bulan Februari 2010 yang terletak di Jalan

Raya Susukan Rt 03/07. Susukan adalah suatu Kecamatan Banjarnegara dengan luas

5.265,67 HA. Secara demografis kecamatan ini berpotensi untuk berkembang lebih

baik, ditinjau dari sarana transportasi yang menunjang meningkat, kecamatan ini di

jalan utama yang menuju Kabupaten Banyumas dengan jumlah penduduk 62.481

jiwa (BPS per 9 Oktober 2009). Dari sisi kesehatan terdapat 1 Puskesmas induk, 1

Puskesmas pembantu, tenaga kesehatan terdapat Dokter, Polides, Bidan dan Apotek.

Pendirian Apotek Yaasin Farma dimaksudkan agar apotek yang dikelola dapat

memberikan nilai dan manfaat yang besar bagi masyarakat sekitar dalam pelayanan

dibidang kesehatan. Apotek Yaasin Farma ini dikelola langsung oleh Ibu Ike Yuni

Kurniasih.S.Farm.,Apt sebagai apoteker pengelola sekaligus pemilik Apotek Yaasin

Farma yang telah berdiri sembilan tahun lalu. Dan kini Apotek Yaasin Farma dari

waktu ke waktu telah berkembang demi untuk memenuhi kebutuhan kebutuhan

masyarakat terutama di bidang kesehatan

1.1.2. Struktur Organisasi

Sebuah perusahaan akan berjalan baik bila mempunyai struktur organisasi

untuk berjalan efektif dan efisien, jika komponen dalam Apotek Yaasin Farma

berfungsi secara maksimal.

Sumber: Apotek Yaasin Farma

Gambar III. 1 Struktur Organisasi

Fungsi dan komponen sebagai berikut :

1. Apoteker

a) Tugas

a. Memimpin seluruh kegiatan apotek

b. Mengatur, melaksanakan dan mengawasi administrasi

c. Membayar pajak yang berhubungan dengan perapotekan.

d. Mengusahakan agar apotek yang dipimpinnya dapat memberikan hasil yang

maksimal sesuai dengan rencana kerja.

e. Pelayanan resep, OTC/HV

b) Wewenang

Apoteker mempunyai wewenang memimpin seluruh kegiatan apoteknya.

75

c) Tanggung Jawab

a. Dibidang persediaan barang : pengadaan yang sehat, ketertiban

penyimpanan dan pengamanan.

b. Dibidang keuangan : penggunaan seefisien mungkin, pengamanan dan

kelancaran keuangan.

c. Dibidang personalia : ketentraman kerja, efisien dan strategi

d. Dibidang inventaris : penggunaan yang seefisien mungkin pemeliharaan

serta pengamanannya.

e. Dibidang umum : kelancaran, penyimpanan, pengamanan, berhubungan

dengan dokumen.

2. Administrasi

a) Tugas

a. Membuat laporan harian, pencatatan, penjualan kredit, pencatatan

pembelian.

b. Membuat laporan bulanan, merealisasi data untuk apoteker

b) Wewenang

Melaksanakan pelayanan kefarmasian sesuai dengan petunjuk dari APA dan

semua peraturan perundang-undangan yang berlaku.

c) Tanggung Jawab

Bertanggung jawab kepada APA

3. Pemesanan Obat

a) Tugas

a. Melakukan pencatatan kegiatan pembelian ke buku pembelian.

b. Melakukan tukar faktur kepada distributor

76

c. Mempersiapkan kelengkapan pembayaran hutang dagang berupa faktur asli,

materai, faktur penerimaan barang.

d. Membuat surat pemesanan berdasarkan defecta barang dari gudang.

e. Melakukan pemesanan dan pembelian barang.

f. Memeriksa kebenaran faktur pembelian meliputi nama jumlah barang, harga

dan potongan harga sesuai dengan surat pesanan.

b) Wewenang

Memilih distributor yang menguntungkan dari segi kualitas barang, harga dan

potongan harga, kecepatan pelayanan dan syarat pembayaran yang ringan atas

sepengetahuan kepala apotek.

4. Petugas Gudang

a) Tugas

a. Menerima barang dari distributor.

b. Menyimpan dan menyusun barang di gudang dan mengatur pengeluaran

barang dari gudang berdasarkan sistem FIFO (First In First Out).

c. Mencatat barang masuk dan keluar dari gudang dalam kartu stok gudang.

d. Memberikan informasi mengenai kondisi barang yang rusak atau mendekati

kadaluarsa kepada petugas pembelian untuk ditukar.

3.2. Analisa Kebutuhan

Analisa kebutuhan merupakan proses mengklasifikasikan objek berdasarkan data

yang diperoleh dari apotek. Proses ini digunakan untuk membangun website yang

interaktif sesuai dengan kebutuhan.

77

3.2.1. Analisa Kebutuhan Pengguna

Merupakan segala bentuk proses yang dibutuhkan oleh user dalam mengakses

sebuah website berdasarkan kriteria dan fungsinya. Adapun beberapa kebutuhannya

sebagai berikut:

1. Kebutuhan Admin Gudang (Admin Super)

a. Dapat melakukan login ke halaman administrator menggunakan username dan

Password yang telah disediakan.

b. Mengubah, menambah atau menghapus informasi seputar produk dan kategori

produk

c. Membuat data laporan dari data barang masuk dan keluar.

d. Menambah atau menghapus admin baru atau lama.

2. Kebutuhan Apoteker (Admin Biasa)

a. Dapat melakukan login ke halaman khusus menggunakan username dan

Password yang telah disediakan.

b. Menambah, mengubah dan menghapus data obat masuk.

c. Menambah, mengubah dan menghapus data obat keluar.

d. Mengecek laporan obat masuk dan keluar.

e. Dapat mencetak laporan.

3.2.2. Analisa Kebutuhan Sistem

1. Hak Akses

a. Admin Gudang (Admin Super)

78

Admin gudang tidak sepenuhnya memiliki hak untuk melakukan proses input,

update, dan delete terhadap semua data yang ada di dalam sistem seperti data

produk, data admin serta semua data yang termasuk ke dalam hak akses admin.

b. Apoteker (Admin Biasa)

Apoteker memiliki hak penuh untuk melakukan proses input, update, dan

delete terhadap semua data yang ada di dalam sistem seperti data produk,

laporan, serta semua data yang termasuk ke dalam hak akses khusus Apoteker

kecuali menambah atau menghapus data apoteker.

2. Pengolahan Data

Dalam pembuatan website ini dibutuhkan beberapa data, yaitu:

a. Data apotek yang berupa informasi produk yang ada.

b. Data apotek yang berupa data para karyawan.

3. Keamanan

a. Menggunakan username dan Password yang tervalidasi bagi setiap admin dan

apoteker yang akan login.

b. Password menggunakan encryption key.

3.3. Rancangan Dokumen Antarmuka

Rancangan antarmuka merupakan sebuah tampilan dari halaman web

berdasarkan navigasi yang dipilih. Sedangkan hal yang membedakan setiap tampilan

halaman diperoleh dari adanya hak akses user. Berikut ini merupakan gambaran

antar muka dari website Inventory Obat di Apotek Yaasin Farma berdasarkan hak

akses usernya.

79

1. Rancangan Halaman Login Admin

Gambar III. 2 Rancangan Halaman Login Admin

Keterangan :

a. Logo berisi logo apotek.

b. Text field username digunakan sebagai pengisian username.

c. Text Password digunakan sebagai pengisian Password.

d. Tombol login digunakan untuk melanjutkan prosedur otentifikasi oleh

pengguna setelah memasukan username dan Password yang valid.

80

a) Halaman Home berisi jumlah data yang ada dari setiap sub yang ada.

Gambar III. 3 Rancangan Halaman Home

b) Data obat

Pada form data obat berisi obat apa saja yang tersedia diapotek, di halaman ini

juga dapat menghapus atau mengedit keterangan obat.

81

Gambar III. 4 Rancangan Halaman Data Obat

Keterangan :

a. Tombol tambah obat digunakan untuk menambah data obat baru.

b. Tombol cetak digunakan untuk mencetak laporan obat apa saja yang terdapat

dalam data obat.

c. Tombol search digunakan untuk mencari data obat yang diinginkan.

d. Edit digunakan untuk mengedit (mengubah) data yg sudah ada dalam tabel data

obat apabila ada kesalahan.

e. Hapus digunakan untuk menghapus field yang tidak dibutuhkan.

c) Tampilan tambah data obat

Menambahkan data obat yang baru ada di apotek.

Gambar III. 5 Rancangan Halaman Tambah Data Obat

Keterangan :

a. Nama obat digunakan untuk menginputkan nama obat yang baru ada.

b. Pilih jenis digunakan untuk memilih jenis obat tersebut termasuk kedalam jenis

obat apa.

82

c. Stock digunakan untuk mengiputkan berapa stok yang tersedia.

d. Pilih satuan digunakan untuk memilih obat akan dihitung perbox atau perpicis.

e. Submit digunakan untuk menyimpan data obat apabila telah selesai menginput.

f. Cencel digunakan apabila tidak jadi menginputkan data dan ingin kembali ke

halaman data obat.

d) Jenis Obat

Jenis obat berisi tentang berbagai jenis obat yang ada.

Gambar III. 6 Rancangan Halaman Jenis Obat

Keterangan :

a. Tombol tambah jenis obat digunakan untuk menambah jenis obat baru.

b. Tombol cetak digunakan untuk mencetak laporan obat apa saja yang terdapat

dalam jenis obat.

c. Tombol search digunakan untuk mencari jenis obat yang diinginkan.

d. Edit digunakan untuk mengedit (mengubah) data yg sudah ada dalam tabel data

obat apabila ada kesalahan.

e. Hapus digunakan untuk menghapus field yang tidak dibutuhkan.

83

e) Tampilan tambah jenis obat

Menambahkan jenis obat, apabila memang ada jenis obat yang baru ada.

Gambar III. 7 Rancangan Halaman Perkiraan

Keterangan :

a. Jenis obat digunakan untuk menginputkan jenis obat baru yang belum ada pada

data.

b. Submit digunakan untuk menyimpan data obat apabila telah selesai menginput.

c. Cencel digunakan apabila tidak jadi menginputkan data dan ingin kembali ke

halaman data obat.

f) Data Obat Masuk

Berisikan tentang data-data obat yang masuk di apotek.

84

Gambar III. 8 Rancangan Halaman Data Obat Masuk

Keterangan :

a. Tombol tambah obat digunakan untuk menambah data obat masuk.

b. Tombol cetak digunakan untuk mencetak laporan obat masuk.

c. Tombol search digunakan untuk mencari data obat masuk yang diinginkan.

d. Edit digunakan untuk mengedit (mengubah) data yg sudah ada dalam tabel data

obat apabila ada kesalahan.

e. Hapus digunakan untuk menghapus field yang tidak dibutuhkan.

g) Tampilan tambah data obat masuk

Untuk menambahkan obat yang baru datang dari distributor, supaya stok atau data

obat terus terupdate.

85

Gambar III. 9 Rancangan Halaman Tampilan Tambah Obat Masuk

Keterangan :

a. Pilih obat digunakan untuk memilih obat apa yang baru datang dan akan di

inputkan pada form tambah obat masuk.

b. Batch digunakan untuk menginputkan nomor batch pada setiap barang yang

akan diinput.

c. Jumlah digunakan untuk menginputkan berapa banyak barang yang masuk.

d. Expired digunakan untuk menginputkan tanggal kadaluwarsa obat.

e. Submit digunakan untuk menyimpan data obat apabila telah selesai menginput.

f. Cencel digunakan apabila tidak jadi menginputkan data dan ingin kembali ke

halaman obat masuk.

h) Data Obat Keluar

Data- data obat yang keluar dari apotek akan di tampilkan pada halaman ini.

86

Gambar III. 10 Rancangan Halaman Data Obat Keluar

Keterangan :

a. Tombol tambah obat digunakan untuk menambah obat keluar.

b. Tombol cetak digunakan untuk mencetak laporan obat keluar.

c. Tombol search digunakan untuk mencari data obat keluar yang diinginkan.

d. Edit digunakan untuk mengedit (mengubah) data yg sudah ada dalam tabel data

obat apabila ada kesalahan.

e. Hapus digunakan untuk menghapus field yang tidak dibutuhkan.

i) Tampilan tambah obat keluar

Apabila ada obat yang keluar, maka petugas akan menginputkan datanya disini.

Gambar III. 11 Rancangan Halaman Tampilan Tambah Obat Keluar

87

Keterangan :

a. Pilih obat digunakan untuk mengentry obat yang akan dikeluarkan oleh petugas

gudang.

b. Jumlah digunakan untuk menginputkan berapa banyak barang yang akan keluar.

c. Submit digunakan untuk menyimpan data obat apabila telah selesai menginput.

d. Cencel digunakan apabila tidak jadi menginputkan data dan ingin kembali ke

halaman obat keluar.

j) Perkiraan

Digunakan untuk memperkirakan berapa kebutuhan perbulan yang diperlukan

untuk apotek.

Gambar III. 12 Rancangan Halaman Perkiraan

Keterangan :

a. Tombol tambah obat digunakan untuk menambah perkiraan.

b. Tombol cetak digunakan untuk mencetak laporan perkiraan.

88

c. Tombol search digunakan untuk mencari perkiraan yang diinginkan.

d. Edit digunakan untuk mengedit (mengubah) data yg sudah ada dalam tabel data

obat apabila ada kesalahan

e. Hapus digunakan untuk menghapus field yang tidak dibutuhkan.

k) Tampilan Tambah Perkiraan

Untuk menambah perkiraan pada obat yang baru datang atau baru pernah ada di

apotek.

Gambar III. 13 Rancangan Halaman Tambah Perkiraan

Keterangan :

a. Pilih obat digunakan untuk memilih obat apa yang ingin dihitung perkiraannya.

b. Kebutuhan pertahun digunakan untuk menginputkan berapa kebutuhan pertahun

yang dibutuhkan.

c. Harga beli digunakan untuk menginputkan berapa harga beli obat tersebut.

d. Submit digunakan untuk menyimpan data obat apabila telah selesai menginput.

e. Cencel digunakan apabila tidak jadi menginputkan data dan ingin kembali ke

halaman data obat.

89

2. Form Login Adminsuper

Gambar III. 14 Rancangan Form Login Adminsuper

Keterangan :

a. Logo berisi logo apotek

b. Text field username digunakan sebagai pengisian username

c. Text field password digunakan sebagai pengisian password.

d. Tombol login digunakan untuk melanjutkan prosedur otentifikasi oleh

pengguna setelah memasukan username dan password yang valid.

a) Halaman admin

Di halaman ini adminsuper bisa menghapus admin lama, mengedit username atau

passworrd maupun menambah admin baru.

90

Gambar III. 15 Rancangan Form Data Admin

Keterangan :

a. Tombol tambah admin digunakan untuk menambah data admin baru.

b. Tombol cetak digunakan untuk mencetak laporan obat apa saja yang terdapat

dalam data admin.

c. Tombol search digunakan untuk mencari data admin yang diinginkan.

d. Edit digunakan untuk mengedit (mengubah) data yg sudah ada dalam tabel data

admin, apabila ada kesalahan.

e. Hapus digunakan untuk menghapus field yang tidak dibutuhkan.

b) Halaman Tambah Admin

Gambar III. 16 Rancangan Form Tambah Admin

91

Keterangan :

a. Nama digunakan untuk menginputkan nama orang yang akan dijadikan admin.

b. Username digunakan untuk menginputkan atau memberikan ID untuk si admin

baru tersebut.

c. Password digunakan untuk menginputkan atau memberikan sandi kepada admin

baru tersebut supaya nanti bisa login saat sudah menjadi admin.

d. Submit digunakan untuk menyimpan data obat apabila telah selesai menginput.

e. Cencel digunakan apabila tidak jadi menginputkan data dan ingin kembali ke

halaman data obat.

c) Halaman Ganti Sandi

Di halaman ini adminsuper bisa mengganti sandi bila memang merasa sandi perlu

untuk diganti.

Gambar III. 17 Rancangan Form Ganti Sandi

Keterangan :

a. Pada form password baru digunakan untuk menginputkan sandi baru yang

digunakan untuk menggantikan sandi lama.

b. Ulangi password baru digunakan untuk mengulangi password baru untuk

memastikan bahwa password yang pertama diinputkan sama.

92

c. Lihat password digunakan jika ingin melihat sandi yang telah diganti sebelum

diupdate.

d. Update digunakan untuk memperbaharui password yang telah diganti tadi.

Halaman adminsuper dengan admin biasa hampir sama, yang membedakan

hanya di halaman adminsuper ada form admin dan adminsuper dapat mengganti

sandinya sedangkan admin gudang tidak bisa. Selain itu semua hal yang dilakukan

admin gudang bisa dilakukan juga oleh adminsuper.

3.4. Entity Relationship Diagram

Dari sebuah database akan dibagi kedalam beberapa tabel tergantung pada

kebutuhan pengelolaan dan pengembangannya. Kemudian tabel-tabel tersebut akan

diimplementasikan menjadi sebuah gambar Entity Relationship Diagram (ERD) dan

Logical Record Structure (LRS). Berdasarkan data yang ada dapat digambarkan

ERD dan LRS website ini sebagai berikut :

3.4.1. Entity Relationship Diagram

ERD adalah suatu pemodelan basis data yang menghubungkan/merelasikan

antar entitas. Berikut ini adalah Entity Relationship Diagram (ERD) untuk database

website Sistem Aplikasi Inventory Obat (SITOBAT) di Apotek Yaasin Farma yaitu :

93

Gambar III. 18 Entity Relationship Diagram (ERD)

3.4.2. Logical Record Strructure (LRS)

Logical Record Structure (LRS) merupakan konversi dari Entitiy Relationship

Diagram (ERD) yang sebelumnya telah dibuat untuk memudahkan dalam

mendefinisikan spesifikasi file. Berikut ini adalah Entity Relationship Diagram

(ERD) untuk database website Sistem Aplikasi Inventory Obat (SITOBAT) di

Apotek Yaasin Farma yaitu :

94

Gambar III. 19 Logical Record Structure (LRS)

3.5. Spesifikasi File

Spesifikasi file menjelaskan tentang file-file yang akan digunakan dalam

pengolahan database dan sebagai media penyimpanan data dari proses yang terjadi.

Dalam website Sistem Aplikasi Inventory Obat (SITOBAT) di Apotek Yaasin Farma

yaitu data dikumpulkan dalam database mysql yang terdiri dari beberapa tabel antara

lain :

1. File Tabel Admin

Nama File : sitobat.sql

Akronim : admin

Fungsi : Menyimpan semua data dan informasi admin

Tipe File : File Master

Software : PhpMyadmin

Media : Hard disk

Panjang Record : 161 byte

Kunci Field : id_admin

95

Tabel III. 1 Spesifikasi File Tabel Admin

No Elemen Data Nama Field Type Size Keterangan

1. id_admin id_admin Integer 11 Primary

2. nama nama Varchar 50

3. username username Varchar 50

4. password password Varchar 50

2. File Table Adminsuper

Nama File : sitobat.sql

Akronim : adminsuper

Fungsi : Menyimpan semua data dan informasi tentang adminsuper

Tipe File : File Master

Software : PhpMyadmin

Media : Hard disk

Panjang Record : 111 byte

Kunci Field : id_admin

Tabel III. 2 Spesifikasi File Tabel Adminsuper

No Elemen Data Nama Field Type Size Keterangan

1. id_adminsuper id_adminsuper Integer 11 Primary

2. username username Varchar 50

3. password password Varchar 50

3. File Tabel Jenis Obat

Nama File : sitobat.sql

Akronim : tb_jenisobat

Fungsi : Menyimpan semua data dan informasi tentang jenis obat

Tipe File : File Master

Software : PhpMyadmin

96

Media : Hard disk

Panjang Record : 86 byte

Kunci Field : id_jenis

Tabel III. 3 Spesifikasi File Tabel Jenis Obat

No Elemen Data Nama Field Type Size Keterangan

1. id_jenis id_jenis Integer 11 Primary

2. Jenisobat jenisobat Varchar 75

4. File Tabel Obat Keluar

Nama File : sitobat.sql

Akronim : tb_obatkeluar

Fungsi : Menyimpan semua data dan informasi tentang obat keluar

Tipe File : File Master

Software : PhpMyadmin

Media : Hard disk

Panjang Record : 22 byte

Kunci Field : id_keluar

Tabel III. 4 Spesifikasi File Tabel Obat Keluar

No Elemen Data Nama Field Type Size Keterangan

1. id_keluar id_keluar Integer 11 Primary

2. id_obat id_obat Integer 11

3. jumlah jumlah Double

4. tgl Keluar tgl_keluar Date

5. File Tabel Obat Masuk

Nama File : sitobat.sql

Akronim : tb_obatmasuk

97

Fungsi : Menyimpan semua data dan informasi tentang obat masuk

Tipe File : File Master

Software : PhpMyadmin

Media : Hard disk

Panjang Record : 83 byte

Kunci Field : id_masuk

Tabel III. 5 Spesifikasi File Tabel Obat Masuk

No Elemen Data Nama Field Type Size Keterangan

1. id_masuk id_masuk Integer 11 Primary

2. id_obat id_obat Integer 11

3. batch batch Varchar 50

4. jumlah jumlah Integer 11

5. ed ed Date

6. tgl_masuk tgl_masuk Date

6. File Tabel Perkiraan

Nama File : sitobat.sql

Akronim : tb_perkiraan

Fungsi : Menyimpan semua data dan informasi tentang perkiraan

Tipe File : File Master

Software : PhpMyadmin

Media : Hard disk

Panjang Record : 44 byte

Kunci Field : id_perkiraan

98

Tabel III. 6 Spesifikasi File Tabel Perkiraan

No Elemen Data Nama Field Type Size Keterangan

1. id_perkiraan id_perkiraan Integer 11 Primary

2. id_obat id_obat Integer 11

3. kebutuhan_

pertahun

kebutuhan_perta

hun

Double

4. Hargabeli hargabeli Integer 11

5. kebutuhan_

perbulan

kebutuhan_perb

ulan

Integer 11

6. hargaperbulan hargaperbulan Double

7. File Tabel Persediaan

Nama File : sitobat.sql

Akronim : tb_persediaan

Fungsi : Menyimpan semua data dan informasi tentang persediaan

Tipe File : File Master

Software : PhpMyadmin

Media : Hard disk

Panjang Record : 88 byte

Kunci Field : id_obat

Tabel III. 7 Spesifikasi File Tabel Persediaan

No Elemen Data Nama Field Type Size Keterangan

1. id_obat id_obat Integer 11 Primary

2. namaobat namaobat Varchar 35

3. id_jenis id_jenis Integer 11

4. stock Ssock Integer 11

5. satuan satuan Varchar 20

3.6. Spesifikasi Program

Spesifikasi program yang penulis buat dalam website ini dapat dilihat dari

struktur navigasi di bawah ini :

99

3.6.1. Struktur Navigasi

Agar mempermudah dalam merancang sebuah website, maka diperlukan

pengembangan struktur navigasi terlebih dahulu. Hal ini bertujuan untuk

memperjelas pada saat merancang tampilan website.

3. Struktur Navigasi Adminsuper

Gambar III. 20 Struktur Navigasi Adminsuper

4. Struktur Navigasi Admin

Gambar III. 21 Struktur Navigasi Admin

100

3.7. Spesifikasi Komputer

Sistem komputer memiliki peran sebagai media untuk mendesain tampilan dan

membuat struktur kode dari website yang dibuat, maka diperlukan spesifikasi

minimum untuk perangkat keras dan perangkat lunak dari sistem komputer yang

digunakan.

3.7.1. Spesifikasi Perangkat Keras

a. Server

1) Monitor : 1366 x 768 pixels (14 inc).

2) Processor : Intel(R) Core(TM) i3-2130 CPU @3.40GHz

3) RAM : 4.00 GB

4) Hardisk : 500 GB HDD

5) Printer : Epson L310 Series

6) Keyboard : Standard Qwerty

7) Mouse : Logitech

b. Client

1) Monitor : 1024 x 600 pixels (10 inc).

2) Processor : Intel(R) Atom(TM) CPU N2600 @b1.60 GHz

3) RAM : 2.00 GB

4) Hardisk : 500 GB HDD

5) Printer : Epson L310 Series

6) Keyboard :Standard Qwerty

7) Mouse : Logitech

101

3.7.2. Spesifikasi Perangkat Lunak

a. Server

1) Sistem Operasi : Windows

2) Program Desain : Sublime Text 3

3) Web Server : PHPMyAdmin dan XAMPP

4) Web Browser : Google Chrome, Mozila Firefox, Opera,

Internet Explore, UC Browser.

5) Bahasa Pemrograman : PHP dan HTML

6) Database : MySQL

b. Client

1) Sistem Operasi : Windows

2) Web Browser : Google Chrome, Mozila Firefox dan UC Browser

3.8. Implementasi

a. Halaman Admin

1. Implementasi Halaman Admin

Halaman admin hanya dapat di buka oleh admin melalui form login dengan

mengisi username dan Password. Berikut ini adalah implementasi rancangan

halaman login :

102

Gambar III. 22 Implementasi Login Admin

2. Implementasi Halaman Home

Gambar III. 23 Implementasi Halaman Home

103

3. Implementasi Halaman Data Obat

a. Implementasi Halaman Jenis Obat

Gambar III. 24 Implementasi Halaman Jenis obat

Gambar III. 25 Implementasi Halaman Tambah Jenis Obat

104

b. Implementasi Halaman Data Obat

Gambar III. 26 Implementasi Halaman Data Obat

Gambar III. 27 Implementasi Halaman Tambah Data Obat

105

4. Implementasi Halaman Data Obat Masuk

Gambar III. 28 Implementasi Halaman Data Obat Masuk

Gambar III. 29 Implementasi Halaman Tambah Obat Masuk

106

5. Implementasi Halaman Data Obat Keluar

Gambar III. 30 Implementasi Halaman Data Obat Keluar

Gambar III. 31 Implementasi Halaman Tambah Obat Keluar

107

6. Implementasi Halaman Perkiraan

Gambar III. 32 Implementasi Perkiraan

Gambar III. 33 Implementasi Tambah Perkiraan

108

b. Halaman Admin

1. Implementasi Halaman Adminsuper

Halaman admin hanya dapat di buka oleh admin melalui form login dengan

mengisi username dan Password. Berikut ini adalah implementasi rancangan

halaman login :

Gambar III. 34 Implementasi Halaman Adminsuper

2. Implementasi Halaman Home

109

Gambar III. 35 Implementasi Halaman Home Adminsuper

3. Implementasi Halaman Data Admin

Gambar III. 36 Implementasi Halaman Admin

Gambar III. 37 Implementasi Halaman Tambah Admin

4. Implementasi Halaman Ganti Password

110

Gambar III. 38 Implementasi Ganti Sandi

3.9. Pengujian Unit

Pengujian unit menjelaskan mengenai pengujian sistem yang dibuat

menggunakan black box testing untuk proses input dan output. Berikut adalah hasil

dari pengujian sistem dari beberapa form dalam website ini :

1. Form Login Admin

Tabel III. 8 Hasil Black Box Testing Login Admin

No

.

Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Keterangan

1. Username dan

Password

tidak diisi, lalu

klik tombol

login

Username

(kosong)

Password

(kosong)

Sistem akan

menampilkan

alert

“Username

tidak boleh

kosong”

Sesuai

harapan

Valid

2. Mengisi

username

dengan benar

dan Password

tidak diisi, lalu

klik tombol

login

Username

(benar)

Password

(kosong)

Sistem akan

menampilkan

alert

“Password

tidak boleh

kosong”

Sesuai

harapan

Valid

3. Mengisi

Password

dengan benar

dan username

tidak diisi atau

kosong

sembarang,

lalu klik

tombol login

Username

(kosong)

Password

(benar)

Sistem akan

menampilkan

alert

“Username

tidak boleh

kosong”

Sesuai

harapan

Valid

111

4. Mengisi

username

dengan

sembarang dan

Password diisi

sembarang,

lalu klik

tombol login

Username

(salah)

Password

(salah)

Sistem akan

menampilkan

alert

“Username/

Password

tidak

terdaftar”

Sesuai

harapan

Valid

5. Mengisi

username

dengan benar

dan Password

diisi dengan

benar, lalu klik

tombol login

Username

(benar)

Password

(benar)

Sistem akan

menerima

akses login

kemudian

masuk ke

halaman home

admin

Sesuai

harapan

Valid

2. Form Tambah Data Obat

Tabel III. 9 Hasil Black Box Testing Form Tambah Data Obat

No. Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Keterangan

1. Mengosongkan

semua kolom

pada form

tambah data

obat, kemudian

klik tombol

“simpan”

Nama

obat(kosong)

Jenis

obat(kosong)

Stock (kosong)

Satuan

(kosong)

Sistem akan

menampilkan

alert “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

2. Mengisi kolom

Nama jenis,

Jenis obat

kemudian pada

kolom stock

dan satuan

tidak diisi, lalu

klik tombol

“simpan”

Nama jenis

(benar)

Jenis

obat(benar)

Stock (kosong)

Satuan

(kosong)

Sistem akan

menampilkan

alert “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

3. Mengisi kolom

Stock,Satuan

kemudian pada

kolom Nama

jenis dan Jenis

Nama jenis

(kosong)

Jenis obat

(kosong)

Stock (benar)

Sistem akan

menampilkan

alert “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

112

Obat tidak

diisi, lalu klik

tombol

“simpan”

Satuan (benar)

4. Mengisi semua

kolom pada

form tambah

data obat,

kemudian klik

tombol

“simpan”

Nama

obat(benar)

Jenis

obat(benar)

Stock (benar)

Satuan (benar)

Sistem akan

menampilkan

alert “Data

Berhasil

Disimpan!Te

rimakasih”

Sesuai

harapan

Valid

3. Form Edit Data Admin

Tabel III. 10 Hasil Black Box Testing Form Edit Data Admin

No

.

Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Keterangan

1. Mengosongkan

kolom yang

ada

Pada form data

admin, lalu

klik tombol

submit

Nama

(kosong)

Username

(kosong)

Sistem akan

menampilkan

alert “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

2. Mengisi Nama

dan

mengosongkan

username, lalu

klik tombol

submit

Nama

(benar)

Username

(kosong)

Sistem akan

menampilkan

alert “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

3. Mengisi

username dan

mengosongkan

Nama, lalu

klik tombol

submit

Nama

(kosong)

Username

(benar)

Sistem akan

menampilkan

alert “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

4.

Mengisi nama

dan username,

lalu klik

tombol submit

Username

(benar)

Password

(benar)

Sistem akan

menampilkan

alert “Data

Berhasil Di

Edit”

Sesuai

harapan

Valid

4. Form Ganti Sandi

Tabel III. 11 Hasil Black Box Testing Form Ganti Sandi

113

No. Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Keterangan

1. Mengosongkan

semua kolom

pada form ganti

sandi, kemudian

klik tombol

“Update”

Password

baru

(kosong)

Ulangi

Password

baru

(kosong)

Sistem akan

menampilkan

alert

“Password

tidak boleh

kosong”

Sesuai

harapan

Valid

2. Mengisi

Password baru

dan

mengosongkan

ulangi Password

baru, lalu klik

tombol

“Update”

Password

baru(benar)

Ulangi

Password

baru

(kosong)

Sistem akan

menampilkan

alert

“Password

tidak boleh

kosong”

Sesuai

harapan

Valid

3. Mengisi Ulangi

Password Baru

dan

mengosongkan

Password Baru,

lalu klik tombol

“Update”

Password

baru

(kosong)

Ulangi

Password

baru (benar)

Sistem akan

menampilkan

alert

“Password

tidak boleh

kosong”

Sesuai

harapan

Valid

4. Mengisi

Password baru

dan mengisi

Ulangi

Password baru

dengan

password yang

sudah diisikan

sebelumnya, lalu

klik tombol

“Update”

Password

baru(benar)

Ulangi

Password

baru (salah)

Sistem akan

menampilkan

alert

“Update

Password

gagal

pastikan

mengisi

dengan

benar!

Terimakasih”

Sesuai

harapan

Valid

5. Mengisi

Password baru

dan mengisi

Ulangi

Password baru

dengan sama,

lalu klik tombol

“Update”

Password

baru(benar)

Ulangi

Password

baru (benar)

Sistem akan

menampilkan

alert

“Update

Password

Berhasil!

Terimakasih”

Sesuai

harapan

Valid