bab iii pembahasan - repository.bsi.ac.id · pemesanan obat a) tugas a. melakukan pencatatan...
Post on 29-Oct-2020
4 Views
Preview:
TRANSCRIPT
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
top related