BAB III PEMBAHASAN. Kebutuhan customer dari sistem mendefinisikan hal-hal yang dibutuhkan oleh

(1)

24

PEMBAHASAN

3.1. Analisis Kebutuhan

Dalam analisa kebutuhan ini terdapat dua pengguna dalam mendeskripsikan

kebutuhan, antara lain :

1. Analisa kebutuhan customer

Kebutuhan customer dari sistem mendefinisikan hal-hal yang dibutuhkan oleh

pengguna, antara lain :

a. Customer dapat mendaftarkan pada form registrasi pelanggan baru jika

ingin menjadi pelanggan.

b. Customer dapat langsung login jika sudah menjadi pelanggan.

c. Pada tampilan produk obat customer dapat melihat apa saja produk obat

yang ada.

d. Customer juga dapat meng-edit data diri,password, dan melihat riwayat

transaksi

2. Analisa kebutuhan admin

Kebutuhan admin dari sistem mendefinisikan hal-hal yang di butuhkan oleh

(2)

a. Admin dapat mengolah produk obat yaitu : menghapus produk, mengubah,

dan meng-update stok obat.

b. Admin dapat melihat pelanggan yang sudah terdaftar pada menu data

pengguna, bias meng-edit, menambahkan, dan menghapus data pengguna.

c. Admin dapat mengelola kategori obat.

d. Admin dapat mengakses pembelian dan penjualan obat.

e. Admin dapat melihat pembelian dan penjualan pada menu laporan.

3.2. Perancangan Perangkat Lunak

Perancangan sistem dan perangkat lunak dalam rancangan program penjualan

obat berbasis web ini menggunakan pemrograman terstruktur, rancangan database

mengunakan Xampp, rancangan antar muka menggunakan UML, dan rancangan

struktur navigasi web menggunakan struktur navigasi linear.

3.2.1. Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada aplikasi

penjualan obat.

A. Rancangan antar muka admin

(3)

HEADER Login Registrasi Tentang Kami Username : Password : xxxxx xxxxx Login

Gambar III.1Rancangan antar muka login admin

2. Rancangan antar muka halaman useradmin

HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout USER DATA Add Data

No. Nama Lengkap No.Telepon Username Level Edit Delete 99 99 xxxxxxxxxx xxxxxxxxxx 99999999 99999999 xxxxxxxx xxxxxxxx xxxxx xxxxx Edit Edit Delete Delete

(4)

3. Rancangan antar muka halaman supplier admin HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout DATA SUPPLIER Add Data

No. Nama Supplier Alamat Edit Delete

99 99 xxxxxxxxxx xxxxxxxxxx xxxxxxxx xxxxxxxx Edit Edit Delete Delete

Gambar III.3Rancangan antar muka halaman supplier admin

4. Rancangan antar muka halaman obat admin

HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout DATA OBAT Add Data

No. Kategori Harga Edit Delete

99 99 xxxxxxxxxx xxxxxxxxxx 9999999 9999999 Edit Edit Delete Delete Nama Obat xxxxxxxxxx xxxxxxxxxx

(5)

5 Rancangan antar muka halaman kategori admin HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout DATA KATEGORI Add Data

No. Nama Kategori Qty Obat Edit Delete

99 99 xxxxxxxxxx xxxxxxxxxx 9999999 9999999 Edit Edit Delete Delete

Gambar III.5Rancangan antar muka halaman kategori admin

6. Rancangan antar muka halaman transaksi pembelian obat admin

HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout

TRANSAKSI PEMBELIAN OBAT

No. Kode Harga Beli Edit Delete

99 99 xxxxxxx xxxxxxx 9999999 9999999 Edit Edit Delete Delete Nama Obat xxxxxx xxxxxx No. Pembelian : Tanggal Pembelian : Supplier Obat : Catatan : Kode Obat : xxxxx 99-99-99 xxxxx xxxxx

xxxxx Harga Beli (Rp) 999999 Qty : 999

Qty 999

999 SIMPAN TRANSAKSI

Pilih

Gambar III.6Rancangan antar muka halaman transaksi pembelian obat admin

(6)

7. Rancangan antar muka halaman transaksi penjualan obat admin HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout

TRANSAKSI PENJUAAN OBAT No. Pembelian : Tanggal Pembelian : Kode Pelanggan : Catatan : Kode Obat : xxxxx 99-99-99 xxxxx xxxxx xxxxx Qty : 999 _Pilih Uang Bayar : 99999999 SIMPAN TRANSAKSI

No. Kode Harga Subtotal Delete

99 99 xxxxxxx xxxxxxx 9999999 9999999 99999 99999 Delete Delete Nama Obat xxxxxx xxxxxx Qty 999 999

Gambar III.7Rancangan antar muka halaman transaksi penjualan obat admin

8. Rancangan antar muka halaman laporan obat admin

HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout

LAPORAN DATA OBAT

No. Kategori Diskon Harga Jual 99 99 xxxxxxxxxx xxxxxxxxxx 9999999 9999999 9999 9999 Nama Obat xxxxxxxxxx xxxxxxxxxx Print

(7)

9. Rancangan antar muka halaman laporan pembelian obat admin HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout LAPORAN PEMBELIAN

No. Nama Supplier Tanggal Tampil Detail

99 99 xxxxxxxxxx xxxxxxxxxx 99-99-99 99-99-99 detail detail Cari : _99-99-99 _Cari

Gambar III.9Rancangan antar muka halaman laporan pembelian obat admin

10. Rancangan antar muka halaman laporan penjualan obat admin

HEADER Home Data Pengguna Data Supplier Data Kategori Data Obat Transaksi Pembelian Transaksi Penjualan Laporan Logout LAPORAN PENJUALAN

No. Nama Pasien Tanggal Tampil Detail 99 99 xxxxxxxxxx xxxxxxxxxx 99-99-99 99-99-99 detail detail Cari : 99-99-99 Cari Print

Gambar III.10Rancangan antar muka halaman laporan penjualan obat admin

(8)

3.2.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan table-tabel yang digambarkan

dengan Entity Relationship Diagram (ERD). Berikut adalah Entity Relationship

Diagram (ERD) :

A. Entity Relationship Diagram (ERD)

User melakukan Penjualan memiliki Penjualan_item Obat 1 M M 1 1 Attribute Pembelian_item M memiliki M Pembelian 1 M memiliki 1 melakukan Suplier userid nm_user username userid tgl_transaksi no_pembelian kd_obat jumlah no_pembelian userid pelanggan tgl_transaksi no_penjualan harga_beli harga_beli harga_jual nm_obat kd_obat jumlah harga_jual kd_obat no_penjualan melakukan alamat nm_supplier kd_supplier no_telepon memiliki tmp_penjualan tmp_pembelian memiliki memiliki 1 M M 1 id harga_beli qty kd_obat userid id kd_obat id harga_beli qty kd_obat userid kd_obat id kd_obat no_penjualan no_penjualan userid userid no_pembelian kd_supplier kd_supplier kd_obat no_pembelian level password

(9)

B. Logical Relational Structure (LRS) user userid * nm_user no_telepon alamat username password level penjualan no_penjualan * tgl_transaksi pelanggan catatan userid ** uang_bayar penjualan_item no_penjualan ** kd_obat ** harga_jual jumlah obat kd_obat * nm_obat merk harga_beli harga_jual stock kd_kategori ** pembelian no_pembelian * tgl_transaksi catatan kd_supplier ** userid ** pembelian_item no_pembelian ** kd_obat ** harga_beli jumlah kategori kd_kategori * nm_kategori supplier kd_supplier * nm_supplier alamat no_telepon tmp_pembelian id * harga_beli qty kd_obat ** userid ** tmp_penjualan id * kd_obat ** harga_jual qty userid ** 1 1 M 1 1 1 M M M M 1 1 M M 1 1 1 M 1 M

(10)

C. Spesifikasi File

Dalam aplikasi ini menggunakan satu buah file database dengan nama

clinicdengan 10 tabel didalamnya, yaitu :

1. Spesifikasi File Kategori

Nama File : Data Kategori

Akronim : kategori

Fungsi : Untuk menampilkan kategori

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 103 Karakter

Kunci Field : kd_kategori

Software : Xampp

Tabel III.1 Data Kategori

No. Elemen Data Akronim Tipe Panjang Keterangan

1. Kode Kategori kd_kategori char 3 PK

(11)

2. Spesifikasi File Tabel Obat

Nama File : Data Obat

Akronim : obat

Fungsi : Untuk menyimpan data obat

Akses File : Random

Kunci Field : kd_obat

Software : Xampp

Tabel III.2 Data Obat

1. Kode Obat kd_obat Char 6 PK

2. Nama Obat nm_obat Varchar 100

3. Merk merk Varchar 100

4. Harga beli harga_beli Double

5. Harga Jual harga Jual Double

6. Diskon diskon Int 11

(12)

8. Kode Kategori kd_kategori Char 3

3. Spesifikasi File Tabel Pembelian

Nama File : Tabel Pembelian

Akronim : pembelian

Fungsi : Untuk menyimpan Transaksi Pembelian

Tipe File : File Transaksi

Akses File : Random

Kunci Field : no_pembelian

Software : Xampp

Tabel III.3 Data Transaksi Pembelian

1. Nomor Pembelian no_pembelian char 7 PK 2. Tanggal Transaksi Date

(13)

4. Kode Suppller kd_suppler char 4

5. User Id userid char 4

5. Spesifikasi File Tabel Pembelian Item

Nama File : Pembelian Item

Akronim : pembelian_item

Fungsi : Untuk menyimpan transaksi pembelian item

Akses File : Random

Kunci Field : -

Software : Xampp

Tabel III.4 Data Transaksi Pembelian Item

1. No. Pembelian no_pembelian char 7

2. Kode Obat kd_obat char 6

3. Harga Beli harga_beli Int 11

(14)

6. Spesifikasi File Tabel Penjualan

Nama File : Tabel Penjualan

Akronim : penjualan

Fungsi : Untuk menyimpan Transaksi Penjualan

Akses File : Random

Kunci Field : no_penjualan

Software : Xampp

Tabel III.5 Data Transaksi Penjualan

1. No. Penjualan no_penjualan Char 7 PK

2. Tanggal Transaksi tgl_transaksi Date

3. Pelanggan pelanggan Varchar 100

4. Catatan catatan Varchar 100

5. User Id userid Char 4

(15)

7. Spesifikasi File Penjualan Item

Nama File : Penjualan Item

Akronim : penjualan_item

Fungsi : Untuk menyimpan Transaksi Penjualan Item

Akses File : Random

Kunci Field : -

Software : Xampp

Tabel III.6 Data Transaksi Penjualan Item

1. Nomer Penjualan no_penjualan Char 7

2. Kode Obat kd_obat Char 6

3. Harga Jual harga_jual Int 10

(16)

8. Spesifikasi File Tabel Supplier

Nama File : Tabel Supplier

Akronim : supplier

Fungsi : Untuk menyimpan data Supplier

Akses File : Random

Kunci Field : kd_supplier

Software : Xampp

Tabel III.7 Data Supplier

1. Kode Supplier kd_supplier Char 4 PK

2. Nomer Supplier nm_supplier Varchar 100

3. Alamat alamat Varchar 200

(17)

9. Spesifikasi File Tabel User

Nama File : Tabel User

Akronim : user

Fungsi : Untuk menyimpan data User

Akses File : Random

Kunci Field : userid

Software : Xampp

Tabel III.8 Data User

1. Kode User userid Char 4 PK

2. Nama User nm_user Varchar 100

3. Nomor Telepone no_telepon Varchar 20

4. Alamat alamat Varchar 200

5. Username username Varchar 20

(18)

7. Level level Enum

10.Spesifikasi File Tabel Tmp Pembelian

Nama File : Pembelian Sementara

Akronim : tmp_pembelian

Fungsi : Untuk penyimpanan data pembelian sementara

Akses File : Random

Kunci Field : id

Software : Xampp

Tabel III.9 Data Pembelian Sementara

1. Kode Id Int 11 PK

2. Harga Beli harga_beli Varchar 45

3. Qty qty Varchar 45

(19)

11.Spesifikasi File Tabel Tmp Penjualan

Nama File : Penjualan Sementara

Akronim : tmp_penjualan

Fungsi : Untuk penyimpanan data penjualan sementara

Akses File : Random

Panjang Record : 42Karakter

Kunci Field : id

Software : Xampp

Tabel III.10 Data Penjualan Sementara

1. Kode Id Int 11 PK

3. Harga Jual harga_jual Int 10

4. Qty qty Int 11

(20)

3.2.3. Rancangan Struktur Navigasi

Struktur navigasi pada penjualan obat adalah struktur navigasi campuran

(composite). Melalui struktur navigasi ini, terlihat bagaimana isi dan susunan dari

sebuah website secara menyeluruh. Pembuatan struktur navigasi website ini akan

sangat membantu nantinya ketika akan membuat rancangan seluruh halaman

website.

1. Navigasi halaman admin

Menu navigasi pada sisi admin adalah sebagai berikut :

Login

Data Supplier Data Kategori Data obat Pembelian

Data Pengguna Penjualan Laporan Logout

Tambah Edit Hapus Tambah Edit Hapus Tambah Edit Hapus Tambah Edit Hapus Tampil Pembelian Laporan Tampil

Penjualan Tampil Laporan

(21)

Penjelasan untuk masing-masing halaman admin adalah sebagai berikut :

a. Login admin

Halaman ini yang pertama kali di akses saat seorang admin login untuk

dapat menggunakan modul-modul yang tersedia jika login berhasil.

b. Data Pengguna

Halaman ini untuk menambah, meng-edit dan menghapus pengguna.

c. Data Supplier

Halaman ini untuk menambah, meng-edit dan menghapus Supplier.

d. Data Kategori

Halaman ini untuk menambah, meng-edit dan menghapus Kategori.

e. Data Obat

Halaman ini admin dapat melihat produk-produk yang telah ada di dalam

database. Admin juga bias menambah produk obat baru, meng-edit, dan

juga menghapus daftar obat.

f. Pembelian

Halaman ini admin dapat mengelola pembelian obat kepada supplier.

g. Penjualan

Halaman ini admin dapat mengelola penjualan obat kepada customer.

h. Halaman ini berfungsi untuk admin melihat laporan data obat, kategori,

(22)

2. Menu Navigasi halaman customer

Menu navigasi dari sisi pelanggan termasuk navigasi hirarki adalah sebagai

berikut :

Index

Home Ubah Data Data Obat Riwayat Logout

Tampil data

diri Tampil Obat Cari

Logout

Tampil RIwayat Gambar III.12 Struktur Navigasi Customer

Penjelasan untuk masing-masing halaman customer adalah sebagai berikut :

a. index atau home

Pada halaman home, tampil navigasi pelanggan dari website. Pelanggan

bias memilih menu-menu utama yang ada.

b. Ubah Data

Menu ini menampilkan data diri pelanggan, dapat merubah data diri dan

(23)

c. Data Obat

Menu ini menampilkan semua produk yang ada.

d. Riwayat

Halaman ini menampilkan data riwayat transaksi customer.

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi rancangan antar muka admin

Implementasi rancangan antar muka pada aplikasi penjualan obat berdasarkan

hasil rancangan antar muka.

1. Halaman login admin

Admin harus melakukan login dahulu untuk dapat menggunakan

modul-modul yang tersedia jika login berhasil, maka menu-menu yang sesuai

(24)

Gambar III.13 Halaman login admin

2. Halaman home Admin

(25)

3. Halaman Data Obat

Gambar III.15 Halaman Data Obat

4. Halaman add Data Obat

(26)

5. Halaman Data Pengguna

Gambar III.17 Halaman Data Pengguna

6. Halaman add Data Pengguna

(27)

7. Halaman Data Supplier

Gambar III.19 Halaman Data Supplier

8. Halaman add Data Supplier

(28)

9. Halaman Data Kategori Obat

Gambar III.21 Halaman Data Kategori Obat

10. Halaman Transaksi Pembelian Obat

(29)

11. Halaman Transaksi Penjualan Obat

Gambar III.23 Halaman Transaksi Penjualan Obat

12. Laporan Pembelian Obat

(30)

13. Laporan Penjualan Obat

Gambar III.25 Halaman Laporan Penjualan Obat

B. Implementasi rancangan antar muka pengguna

Implementasi rancangan antar muka pada aplikasi penjualan obat berdasarkan

hasil rancangan antar muka.

1. Halaman home pengguna

(31)

2. Halaman loginpengguna

Gambar III.27 Halaman login pengguna 3. Halaman registrasi pengguna

(32)

4. Halaman Tentang Kami

Gambar III.29 Halaman Tentang Kami C. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak yang

dibutuhkan untukm mengimplementasikan sistem apotek penjualan obat.

1. Spesifikasi perangkat keras

a. Server

1) CPU

(a) Processor Intel (R) Core(TM) i5-4200U CPU @1.60GHz

2.30 GHz

(b) RAM 4.00 GB

(c) Hard Disk 1500 GB

(33)

3) Keyboard

4) Monitor dengan resolusi layar 1366 x 768

b. Client

1) CPU

(d) Processor Intel (R) Core(TM) i5-4200U CPU @1.60GHz

2.30 GHz

(e) RAM 4.00 GB

(f) Hard Disk 1500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar 1366 x 768

2. Spesifikasi perangkat lunak

a. Server

1) Sistem operasi yang digunakan adalah Microsoft windows 10

pro64bit(x64)

2) Aplikasi bundle web server adalah Xampp terdiri dari

beberapa komponen diantaranya :

(a) Aplikasi PHP

(b) Aplikasi MySQL

(34)

3) Aplikasi web browser seperti internet explorer, google

chrome, edge, mozila firefox

b. Client

1) Sistem operasi yang digunakan seperti : Microsoft windows 10

pro 64bit (x64)

2) Aplikasi web browser seperti internet explorer, google

chrome, edge, mozila firefox.

3.3.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

focus terhadap proses masukan dan keluaran program.

A. Pengujian terhadap form login admin

Tabel III.11 Hasil pengujian blackbox testing halaman login admin

No. Skenario

Pengujian

Test Case Hasil yang

diharapkan Hasil pengujian Kesimpulan 1. Username dan password dikosongkan kemudian klik tombol login User id : (kosong) Password: (kosong) Sistem akan menolak akses admin dan menampilkan “username dan Sesuai harapan Valid

(35)

password salah !” 2. Mengetikan username dan password tidak di isi kemudian klik tombol login Username admin Password: (kosong) Sistem akan menolak akses admin dan menampilkan “username dan password salah!” Sesuai harapan Valid 3. Username

tidak di isi dan

password di isi kemudian klik tombol login Username: (kosong) Password: Syauqi Sistem akan menolak akses admin dan menampilkan “username dan password salah!” Sesuai harapan valid 4. Mengetikan salah satu kondisi salah pada username atau password kemudian klik Username: Admin (benar) Password: Qweo (salah) Sistem akan menolak akses admin dan menampilkan “username dan password salah!” Sesuai harapan Valid

(36)

tombol login 5. Mengetikan username dan password dengan data yang benar kemudian klik tombol login Username: Admin (benar) Password: Syauqi (benar) Sistem akan menerima akses login dan kemudian langsung menampilkan halaman menu utama admin Sesuai harapan valid

B. Pengujian terhadap form login pengguna

Table III.12 Hasil pengujian blackbox testing halaman login pengguna

No. Skenario

Pengujian

Test Case Hasil yang

diharapkan Hasil pengujian Kesimpulan 1. Username dan password dikosongkan kemudian klik tombol login User id : (kosong) Password: (kosong) Sistem akan menolak akses admin dan menampilkan “username dan password salah !” Sesuai harapan Valid

(37)

2. Mengetikan username dan password tidak di isi kemudian klik tombol login Username oki Password: (kosong) Sistem akan menolak akses admin dan menampilkan “username dan password salah!” Sesuai harapan Valid 3. Username

tidak di isi dan

password di isi kemudian klik tombol login Username: (kosong) Password: oki Sistem akan menolak akses admin dan menampilkan “username dan password salah!” Sesuai harapan valid 4. Mengetikan salah satu kondisi salah pada username atau password kemudian klik tombol login Username: oki (benar) Password: 123123 (salah) Sistem akan menolak akses admin dan menampilkan “username dan password salah!” Sesuai harapan Valid

(38)

username dan password dengan data yang benar kemudian klik tombol login oki (benar) Password: oki (benar) menerima akses login dan kemudian langsung menampilkan halaman menu utama admin harapan