Top Banner
BAB III PEMBAHASAN AnalisaKebutuhan Pada tahap observasi telah didapatkan gambaran tentang sistem penjualan online yang di rancang dan tahap selanjutnya adalah menganalisa kebutuhan sistem yang di rancang. Berikut dalah spesifikasi kebutuhan dari sistem penjualan online yang dirancang. Analisa Kebutuhan Pengguna Dalam website ini terdapat 3 pengguna yang saling berinteraksi dengan lingkungan sistem, yaitu Pengunjung, Member dan Admin. Ketiga pengguna tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda, yaitu : 1. Kebutuhan Pengunjung a. Melihat informasi produk yang di jual b. Melakukan pendaftaran member 2. Kebutuhan Member a. Melakukan transaksi pembelian b. Melakukan konfirmasi pembayarn c. Mengubah profil akun 3. Kebutuhan Admin a. Mengelola seluruh informasi yaitu melakukan menambah, merubah, dan menghapus data. b. Melakukan konfirmasi 32
38

BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

Oct 31, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

BAB III

PEMBAHASAN

AnalisaKebutuhan

Pada tahap observasi telah didapatkan gambaran tentang sistem penjualan

online yang di rancang dan tahap selanjutnya adalah menganalisa kebutuhan

sistem yang di rancang. Berikut dalah spesifikasi kebutuhan dari sistem penjualan

online yang dirancang.

Analisa Kebutuhan Pengguna

Dalam website ini terdapat 3 pengguna yang saling berinteraksi dengan

lingkungan sistem, yaitu Pengunjung, Member dan Admin. Ketiga pengguna

tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan

memiliki kebutuhan informasi yang berbeda, yaitu :

1. Kebutuhan Pengunjung

a. Melihat informasi produk yang di jual

b. Melakukan pendaftaran member

2. Kebutuhan Member

a. Melakukan transaksi pembelian

b. Melakukan konfirmasi pembayarn

c. Mengubah profil akun

3. Kebutuhan Admin

a. Mengelola seluruh informasi yaitu melakukan menambah, merubah,

dan menghapus data.

b. Melakukan konfirmasi

32

Page 2: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

33

Analisa Kebutuhan Sistem

1. Memberikan informasi tentang produk-produk yang di jual.

2. Memberikan informasi tentang alamat dan nomor telepon.

3. Menyediakan form pendaftaran untuk pengunjung yang berminat menjadi

member di toko online ini.

4. Menyediakan layanan dan informasi tentang transaksi pembelian produk.

Perancangan Perangkat Lunak

Dalam spesifikasi rancangan website ini dibahas mengenai bentuk-bentuk

maupun dokumen-dokumen yang mempunyai peranan dalam proses pengolahan

data. Masing-masing program di rancang harus saling berhubungan satudengan

yang lainnya.

RancanganAntarMuka

Menjelaskan rancangan antar muka (interface) yang terdapat pada website

penjualan alat tulis kantor online.

1. Rancangan antar muka halaman administrator.

Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola

database seperti menambah, merubah, menghapus data pada website.

Berikut adalah rancangan antar muka yang terdapat di dalam halaman

administrator.

a. Rancangan halaman login admin

Halaman ini di khususkan untuk admin atau pengelola website. Setelah

kita mengisi username dan password yang kemudian menekan tombol

login maka selanjutnya akan di arahkan ke menu utama halaman

Page 3: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

34

administrator. Rancangan halaman login adalah pada gambar di

bawah ini.

Gambar III.1.

Rancangan antar muka Login admin

b. Rancangan halaman beranda admin.

Pada halaman ini terdapat menu administrator yang dapat mengakses

ke halaman isinya, yaitu halaman kategori, produk, konfirmasi, pesan

user serta halaman pencetakan laporan. Rancangan antar muka

halaman beranda admin adalah pada gambar di bawah ini.

Gambar III.2.

Rancangan antar muka halaman beranda admin

Page 4: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

35

c. Rancangan halaman data barang.

Halaman ini berfungsi untuk menambahkan produk baru yang di isi

sesuai form yang ada. Selain itu pada halamnan ini juga terdapat tabel

produk yang berisi rincian dari produk yang di jual. Pada masing-

masing baris juga terdapat tombol edit untuk merubah data dan hapus

untuk menghapus data produk. Rancangan halaman produk adalah

pada gambar di bawah ini.

Gambar III.3.

Rancangan antar muka halaman produk

d. Rancangan halaman kategori.

Halaman ini berfungsi untuk menambahkan kategori baru. Selain itu

halaman ini juga terdapat tabel kategori yang berisi data kategori. Pada

masing-masing baris terdapat tombol edit untuk merubah data kategori

dan tombol hapus untuk menghapus data kategori yang diperlukan.

Rancangan halaman kategori adalah pada gambar di bawah ini.

Page 5: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

36

Gambar III.4.

Rancangan antar muka halaman kategori

e. Rancangan halaman konfirmasi transfer.

Halaman ini berfungsi untuk mengetahui apakah pelanggan sudah

melakukan pembayaran apa belum. Pada masing-masing baris tersedia

tombol untuk melakukan konfirmasi penerimaan pembayaran.

Rancangan halaman konfirmasi penerimaan pembayaran adalah pada

gambar di bawah ini.

Gambar III.5.

Rancangan antar muka Halaman Konfirmasi Transfer

Page 6: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

37

2. Rancangan antar muka halaman pengunjung.

Website pengunjung merupakan halaman yang di tampilkan utuk para

pengunjung dan member yang di kelola melaluii web administrator. Di

dalam web pengunjung ataupun member terdapat rancangan sebagai

berikut.

a. Rancangan antar muka halaman beranda pengunjung dan member.

Halaman ini disebut juga sebagai halaman pembuka karena pada saat

pertama kali website di buka maka halaman inilah yang akan tampil

sebelum halaman lainnya. Rancanganhalamanberanda pengunjung

adalah pada gambar di bawah ini.

Gambar III.6.

Rancangan antarmuka halaman beranda pengunjung

b. Rancangan antar muka halaman rincian produk.

Pada halaman ini dapat melihat rincian produk yang di jual, termasuk

stok yang tersedia. Rancangan halaman rincian produk adalah pada

gambar di bawah ini.

Page 7: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

38

Gambar III.7.

Rancangan antarmuka halaman rincian produk

c. Rancangan antar muka halaman konfirmasi pembayaran.

Halaman ini memberikan informasi tentang pembayaran yang telah di

transfer, nominal jumlah yang di bayarkan.. Rancangan antar

mukanya adalah seperti gambar di bawah ini.

Gambar III.8.

Rancangan antarmuka halaman konfirmasi pembayaran

Page 8: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

39

d. Rancangan antar muka halaman panduan belanja

Halaman ini menjelaskan tentang tata cara pembelian, cara pembelian

dan bagaimana konfirmasi pembayarannya. Rancangan halaman

panduan belanja adalah pada gambar di bawah ini.

Gambar III.9.

Rancangan antarmuka halaman panduan belanja

e. Rancangan antar muka halaman login member.

Halaman ini berfungsi untuk pengunjung melakukan login sebagai

member untuk dapat melakukan transaksi pembelian.

Gambar III.10.

Rancangan antarmuka halaman login member

Page 9: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

40

Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

Gambar III.11.

Entity Relationship Diagram

Page 10: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

41

2. Logical Relational Structure (LRS)

Gambar III.12.

Logical Relational Structure

Page 11: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

42

3. Spesifikasi File

Menjelaskan tentang file-file yang digunakan dalam rancangan website

yang di ajukan dan sebagai media penyimpanan data dari proses yang terjadi pad

rancangan website. Adapun spesifikasi file pada rancangan website ini adalah

sebagai berikut:

1. Spesifikasi File Admin

Nama File : Admin

Akronim : admin.MYD

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 57

Kunci Field : id_admin

Software : Mysql

Tabel III.1.

Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Keterangan

1. Id Admin Id Integer 2 Primary Key, Auto_Increment

2. Username Username Varchar 15

3. Password Password Varchar 40

2. Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : pelanggan.MYD

Page 12: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

43

Fungsi : Untuk menyimpan data pelanggan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 150

Kunci Field : kd_pelanggan

Software : Mysql

Tabel III.2.

Spesifikasi File Pelanggan

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Pelanggan kd_pelanggan char 6 Primary Key

2. Nama Pelanggan nm_pelanggan Varchar 25

3. Jenis Kelamin Kelamin enum

4. Email Email Varchar 40

5. No. Telepone no_telepone Varchar 14

6. Username Email Varchar 15

7. Password Password Varchar 50

8 Tgl Daftar tgl_daftar Date

3. Spesifikasi File Barang

Nama File : Barang

Akronim : barang.MYD

Fungsi : Untuk menyimpan data barang

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Page 13: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

44

Media File : Harddisk

Panjang Record : 128

Kunci Field : kd_barang

Software : Mysql

Tabel III.3.

Spesifikasi File Barang

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Barang kd_barang char 6 Primary Key

2. Nama Barang nm_barang Varchar 50

3. Harga Modal harga_modal Integer 7

4. Harga Jual harga_jual Integer 7

5. Stok Stok Integer 4

6. Keterangan Keterangan Text

7. File Gambar file_gambar varchar 50

8 Kode Kategori kd_kategori char 4 Foreign Key

4. Spesifikasi File Kategori

Nama File : Kategori

Akronim : kategori.MYD

Fungsi : Untuk menyimpan data kategori produk

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 24

Kunci Field : kd_kategori

Software : Mysql

Page 14: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

45

Tabel III.4.

Spesifikasi File Kategori

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Kategori kd_kategori Char 4 Primary Key

2. Nama Kategori nm_kategori Varchar 20

5. Spesifikasi File Pemesanan

Nama File : Pemesanan

Akronim : pemesanan.MYD

Fungsi : Untuk menyimpan data transaksi pemesanan barang

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 82

Kunci Field : no_pemesanan

Software : Mysql

Tabel III.5.

Spesifikasi File Pemesanan

No Elemen Data Nama Field Tipe Size Keterangan

1. No. Pemesanan no_pemesanan Char 8 Primary Key

2. Kode_pelanggan kd_pelanggan Char 6 Foreign Key

3. Tgl Pemesanan tgl_pemesanan Date

4. Nama Penerima nama_penerima Varchar 25

5. Alamat alamat_lengkap Text

6. Kode Provinsi kd_provinsi Char 3 Foreign Key

7. Kota Kota Varchar 20

8. Kode Pos kode_pos Varchar 6

Page 15: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

46

9. No. Telephone no_telepone Varchar 14

10 Status Bayar status_bayar Enum

6. Spesifikasi File Pemesanan Item

Nama File : Pemesanan Item

Akronim : pemesanan_item.MYD

Fungsi : Untuk menyimpan data detail pemesanan

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 27

Kunci Field : id

Software : Mysql

Tabel III.6.

Spesifikasi File Pemesanan Item

No Elemen Data Nama Field Tipe Size Keterangan

1. Id Item Id Integer 4 Primary Key Auto_Incremnent

2. No. Pemesanan no_pemesanan Char 8 Foreign Key

3. Kode Barang kd_barang Char 5

4. Jumlah Jumlah Integer 3

5. harga Subtotal Integer 7

7. Spesifikasi File Provinsi

Nama File : Provinsi

Akronim : provinsi.MYD

Fungsi : Untuk menyimpan data provinsi pengiriman

Page 16: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

47

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 29

Kunci Field : kd_provinsi

Software : Mysql

Tabel III.7.

Spesifikasi File Provinsi

No Elemen Data Nama Field Tipe Size Keterangan

1. Kode Provinsi kd_provinsi Integer 3 Primary Key

2. Nama Provinsi nm_provinsi Varchar 20

3. Biaya Kirim biaya_kirim Integer 6

8. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim : konfirmasi.MYD

Fungsi : Untuk menyimpan data konfirmasi pembayaran

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 45

Kunci Field : id

Software : Mysql

Page 17: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

48

Tabel III.8.

Spesifikasi File Konfirmasi

No Elemen Data Nama Field Tipe Size Keterangan

1. Id Konfirmasi Id Integer 4 Primary Key

2. No. Pemesanan no_pemesanan Varchar 8

3. Nama Pelanggan nama_pelanggan Varchar 25

4. Jumlah Transfer jumlah_transfer Integerr 8

5 Keterangan Keterangan Text

6 Tanggal Tanggal Date

9. Spesifikasi File Tmp_Keranjang

Nama File : Tmp_Keranjang

Akronim : tmp_keranjang.MYD

Fungsi : Untuk menyimpan data keranjang belanja

Tipe File : File Transaksi

Organisasi File : Indexed Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 45

Kunci Field : id

Software : Mysql

Tabel III.9.

Spesifikasi File Tmp_Keranjang

No Elemen Data Nama Field Tipe Size Keterangan

1. Id Keranjang Id Integer 5 Primary Key

2. Kode Barang kd_barang Char 5

3. Harga harga Integer 7

4. Jumlah jumlah Integerr 3

Page 18: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

49

5 Tanggal tanggal Date

6 Kode Pelanggan kd_pelanggan Char 6

Rancangan Struktur Navigasi

Struktur navigasi pada website penjualan alat tulis kantor ini berfungsi

untuk memperlihatkan keseluruhan isi dari website beserta hubungan antar isi.

Website penjualan alat tulis kantor pada halaman user sebagai pengunjung, user

sebagai member dan user sebagai admin menggunakan struktur navigasi

campuran.

1. Struktur Navigasi Halaman User Pengunjung

Gambar III.13.

Struktur navigasi halaman user pengunjung

Page 19: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

50

2. Struktur Navigasi Halaman User Member

Gambar III.14.

Struktur navigasi halaman user member

3. Struktur Navigasi Halaman Admin

Gambar III.15.

Struktur navigasi halaman admin

Page 20: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

51

Implementasi dan Pengujian Unit

Implementasi

1. Implementasi Rancangan Antar Muka.

Implementasi rancangan antar muka pada website penjualan alat tulis

kantor ini adalah:

a. Halaman From Login Admin

Halaman login merupakan syarat akses untuk menampilkan halaman Admin.

Pada halaman ini disediakan form untuk mengisi username dan password

yang benar sesuai database. Adapun tampilan dari halaman login admin

adalah pada gambar di bawah ini.

Gambar III.16.

Halaman login admin

b. Halaman Home Admin

Halaman admin ini merupakan administrasi dari website penjualan Alat tulis

lantor yang hanya bisa diakses setelah validasi form login dilakukan. Pada

halaman ini terdapat beberapa menu yang berfungsi untuk menampilkan isi

Page 21: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

52

dari menu tersebut. Menu tersebut adalah Home, Pasword Admin, Data

Provinsi, Data Kategori, Data Barang, Data Pelanggan, Pemesanan barang,

Konfirmasi Transfer, dan laporan. Adapun tampilan halaman home admin

pada gambar di bawah ini.

Gambar III.17.

Halaman Home admin

c. Halaman Data Barang

Halaman data barang pada admin ini menampilkan data keseluruhan barang

yang di jual di website alat tulis kantor ini. Admin dapat menambahkan data

barang baru, mengedit data barang dan menghapus data tersebut, adapun

tampilan dari halaman data barang sesuai gambar di bawah ini.

Page 22: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

53

Gambar III.18.

Halaman data barang pada admin

d. Halaman Data Pelanggan

Halaman ini menampilkan keseluruhan data pelanggan. Admin hanya dapat

melihat informasi tentang pelanggan website tersebut. Berilut adalah tampilan

antar muka halaman data pelanggan.

Page 23: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

54

Gambar III.19.

Halaman data pelanggan pada admin

e. Halaman Konfirmasi Transfer

Berisi informasi pembayaran yang di lakukan oleh pelanggan melalui transfer

bank, sesuai pesanan yang dibeli. Adapun tampilan dari halaman konfirmasi

transfer adalah pada gambar di bawah ini.

Gambar III.20.

Halaman data konfirmasi terima transfer

Page 24: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

55

f. Halaman Pemesanan Barang

Halaman ini merupakan halaman yang berisi data pemesanan barang yang di

lakukan oleh pelanggan. Admin dapat melihat pesanan dari masing-masing

pelanggan, detail dari barang-barang yang di pesan. Pada halaman ini admin

dapat melakukan konfirmasi penerimaan pembayaran dan melakukan update

status pesanan “lunas” jika sudah melakukan pembayaran dan “dikirim” jika

pesanan telah dikirim. Adapun tampilan dari halaman pemesanan barang

adalah pada gambar di bawah ini.

Gambar III.21.

Halaman daftar pemesanan barang

g. Halaman Laporan Pemesanan

Halaman ini merupakan halaman yang berisi rincian semua pemesanan masuk,

dapat di filter berdasarkan tanggal. Di bawah ini adalah tampilan halaman

laporan pemesanan.

Page 25: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

56

Gambar III.22.

Halaman laporan pemesanan

h. Halaman Home Pengunjung

Merupakan tampilan pertama ketika website alat tulis kantor di akses, pada

halaman ini pengunjung hanya dapat melihat informasi website tersebut dan

informasi tentang barang-barang yang di jual. pada halaman ini terdapat form

login member dan menu untuk melakukan pendaftaran member.

Gambar III.23.

Halaman home pengunjung

Page 26: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

57

i. Halaman Home Member

Setelah login member akan di arahkan ke halaman ini. Dengan login sebagai

member dapat melakukan transaksi pemesanan barang. Halaman home

member adalah di bawah ini.

Gambar III.24.

Halaman home member

j. Halaman profil

Berisi informasi tentang toko. Tampilan halaman profil adalah di bawah ini.

Gambar III.25.

Halaman profil pengunjung

Page 27: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

58

k. Halaman panduan Belanja

Berisi informasi tentang cara pemesanan barang, adapun tampilannya adalah

di bawah ini.

Gambar III.26.

Halaman pandauan belanja

l. Halaman Konfirmasi Transfer

Pada halaman ini berfungsi untuk mengirimkan informasi bahwa telah

dilakukan pembayaran sesuai barang yang di pesan.

Gambar III.27.

Halaman konfirmasi transfer

Page 28: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

59

m. Halaman Keranjang Belanja

Halaman ini menampilkan daftar pemesana produk sementara yang bisa di

perbaharui oleh pemesan. Pada keranjang belanjang ini terdapat gambar

produk, nama produk, jumlah produk yang dipesan, harga produk dan pilihan

untuk menghapus pesanan. Selain itu juga ditampilkan total harga dari

keseluruhan produk yang dipesan.

Gambar III.28.

Halaman keranjang belanja.

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan aplikasi penjualan sepatu

1. Spesifikasi Perangkat Keras.

a. CPU

1) Core (TM) i3-2350M CPU @2.30GHz 2.30 GHz

Page 29: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

60

2) RAM DDR2 2 GB

3) Hard Disk 500 GB

b. Mouse

c. Keyboard

d. Monitor dengan resolusi layar minimum 1024x768

e. Koneksi internet dengan kecepatan 2 Mbps.

2. Spesifikasi Perangkat Lunak

a. Server

a. Sistem operasi yang digunakan seperti: Microsoft Windows

b. Aplikasi bundle web server seperti: Xampp, yang terdiri dari beberapa

komponen, diantaranya:

Aplikasi Apache Server v2

Aplikasi PHP Server v5

Aplikasi MySQL Server v5

Aplikasi phpMyAdmin v3

Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari,

Internet Explorer, Google Chrome.

c. Client

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dan lain-lain).

2) Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer,Google Chrome.

Page 30: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

61

Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan black box testing

yang fokus terhadap proses masukan dan keluaran program.

1. Pengujian Form Login Admin

Tabel III.10.

Hasil Pengujian Black Box Testing Halaman Login Admin

No Sekenario

Pengujian Test case

Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Username dan

password

tidak diisi

kemudian klik

tombol login

Username:

(Kosong)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

“Username dan

password tidak

boleh kosong”

Sesuai

harapan

Valid

2. Username

diisi dan

password

tidak diisi atau

kosong

kemudian klik

tombol login

Username:

(admin)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

“Password tidak

boleh kosong”

Sesuai

harapan

Valid

3. Username

tidak diisi

(kosong) dan

password diisi

kemudian klik

tombol login

Username:

(kosong)

Password:

(admin)

Sistem akan

menolak akses

user dan

menampilkan

“Username

tidak boleh

kosong”

Sesuai

harapan

Valid

Page 31: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

62

4. Mengetikkan

salah satu

kondisi salah

pada

username atau

password

kemudian klik

tombol login

Username:

admin

(benar)

Password:

12345

(salah)

Sistem akan

menolak akses

login dan dan

kembali pada

form login

Sesuai

harapan

Valid

5. Mengetikkan

Username dan

Password

dengan data

yang

benar

kemudian

klik tombol

login

Username:

admin

(benar)

Password:

admin

(benar)

Sistem

menerima akses

login dan

kemudian

langsung

menampilkan

halaman admin

Sesuai

harapan

Valid

2. Pengujian Form Login Pelanggan.

Tabel III.11.

Hasil Pengujian Black Box Testing Halaman Login Pelanggan

No Sekenario

Pengujian Test case

Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Username dan

password

tidak diisi

kemudian klik

tombol login

Username:

(Kosong)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

“Username

kosong,

Password

kosong,

Username dan

Password yang

Sesuai

harapan

Valid

Page 32: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

63

Anda masukan

belum benar”

2. Username

diisi dan

password

tidak diisi atau

kosong

kemudian klik

tombol login

Username:

(admin)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

“Password

kosong,

Username dan

Password yang

Anda masukan

belum benar”

Sesuai

harapan

Valid

3. Username

tidak diisi

(kosong) dan

password diisi

kemudian klik

tombol login

Username:

(kosong)

Password:

(admin)

Sistem akan

menolak akses

user dan

menampilkan

“Username

kosong,

Username dan

Password yang

Anda masukan

belum benar”

Sesuai

harapan

Valid

4. Mengetikkan

salah satu

kondisi salah

pada

username atau

password

kemudian klik

tombol login

Username:

admin

(benar)

Password:

12345

(salah)

Sistem akan

menolak akses

user dan

menampilkan

Username dan

Password yang

Anda masukan

belum benar

Sesuai

harapan

Valid

Page 33: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

64

5. Mengetikkan

Username dan

Password

dengan data

yang

benar

kemudian

klik tombol

login

Username:

admin

(benar)

Password:

admin

(benar)

Sistem

menerima akses

login dan

kemudian

langsung

menampilkan

halaman utama

pelanggan dan

menampilkan

status login

pada header

Sesuai

harapan

Valid

3. Pengujian Form Daftar Member.

Tabel III.12.

Hasil Pengujian Black Box Testing Halaman Daftar Member

No Sekenario

Pengujian Test case

Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Semua field

tidak diisi

kemudian

klik tombol

Daftar

Nama

Pelanggan:

(kosong)

Kelamin:

(kosong)

E-Mail:

(kosong)

No.Telepon:

(kosong)

Username:

(kosong)

Password:

(kosong)

Password

(Lagi):

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Data

masih ada

yang kosong”

Sesuai

harapan

Valid

Page 34: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

65

2. Hanya

mengisi

beberapa

field dan

field lainnya

kosong

kemudian

klik tombol

Daftar

Nama

Pelanggan: Ali

Kelamin: Laki-

laki

E-Mail:

(kosong)

No.Telepon:

(kosong)

Username: ali

Password:

(kosong)

Password

(Lagi):

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Data

masih ada

yang kosong”

Sesuai

harapan

Valid

3. Mengisi

semua field

tetapi field

password

dan ulangi

password

diisi value

yang

berbeda

kemudian

klik tombol

Daftar

Nama

Pelanggan: Ali

Kelamin: Laki-

laki

E-Mail:

[email protected]

No.Telepon:

081256235485

Username: ali

Password:

bsipemuda

Password

(Lagi):

pemuda

Sistem akan

menolak akses

dan

menampilkan

pesan “Data

Password Ke 2

tidak sama

dengan

sebelumnya”

Sesuai

harapan

Valid

Page 35: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

66

4. Mengisi

semua field

sesuai

dengan

ketentuan

kemudian

klik tombol

Daftar

Nama

Pelanggan: Ali

Kelamin: Laki-

laki

E-Mail:

[email protected]

No.Telepon:

081256235485

Username: ali

Password:

bsipemuda

Password

(Lagi):

bsipemuda

Sistem akan

menerima

akses dan

kemudian

menyimpan

data ke

database”

Sesuai

harapan

Valid

4. Pengujian Form Tambah Data Barang.

Tabel III.13.

Hasil Pengujian Black Box Testing Halaman Tambah Data Barang

No Sekenario

Pengujian Test case

Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Semua field

tidak diisi

kemudian

klik tombol

Simpan Data

Kode :

(kosong)

Nama Barang :

(kosong)

Harga Modal

(Rp) : (kosong)

Harga Jual

(Rp) : (kosong)

Jumlah Stock :

(kosong)

File Gambar :

(kosong)

Keterangan :

Sistem akan

menolak akses

dan

menampilkan

pesan “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

Page 36: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

67

(kosong)

Kategori :

(kosong)

2. Mengisi Kode : B0006 Sistem akan Sesuai Valid

beberapa Nama Barang : menolak akses harapan

field dan Penggaris dan

field lainnya Harga Modal menampilkan

kosong (Rp) : 15000 pesan “Data

kemudian Harga Jual tidak boleh

klik tombol (Rp) : (kosong) kosong”

Simpan Data Jumlah Stock :

20

File Gambar :

(kosong)

Keterangan :

(kosong)

Kategori :

(kosong)

3. Mengisi Kode : B0006 Sistem akan Sesuai Valid

semua field Nama Barang : menerima harapan

sesuai Penggaris akses dan

dengan Harga Modal kemudian

ketentuan (Rp) : 15000 menyimpan

kemudian Harga Jual data ke

klik tombol (Rp) : 16000 database”

Simpan Data Jumlah Stock :

20

File Gambar :

penggaris.jpg

Keterangan :

penggaris

panjang 30 cm

Page 37: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

68

Kategori :

ATK lain

5. Pengujian Form Tambah Data Kategori.

Tabel III.14.

Hasil Pengujian Black Box Testing Halaman Tambah Data Kategori

No Sekenario

Pengujian Test case

Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Semua field

tidak diisi

kemudian

klik tombol

Simpan

Kode :

(kosong)

Nama Barang :

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

2. Mengisi

field Kode

kategori

tetapi field

Nama

kategori

kosong

kemudian

klik tombol

Simpan

Kode : K008

Nama Kategori

: (Kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

3. Mengisi

semua field

sesuai

dengan

ketentuan

kemudian

klik tombol

Simpan

Kode : K008

Nama Kategori

: Kertas

Sistem akan

menerima

akses dan

kemudian

menyimpan

data ke

database”

Sesuai

harapan

Valid

Page 38: BAB III PEMBAHASAN · penjualan alat tulis kantor online. 1. Rancangan antar muka halaman administrator. Halaman ini dapat di gunakan oleh pemilik toko online untuk mengelola database

69

6. Pengujian Form Tambah Data Provinsi.

Tabel III.15.

Hasil Pengujian Black Box Testing Halaman Tambah Data Provinsi

No Sekenario

Pengujian Test case

Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1. Semua field

tidak diisi

kemudian

klik tombol

Simpan

Kode :

(kosong)

Nama Provinsi

: (kosong)

Biaya Kirim :

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

2. Mengisi

hanya salah

satu field

dan field

lainnya

dikosongkan

kemudian

klik tombol

Simpan

Kode : P33

Nama Provinsi

: (kosong)

Biaya Kirim :

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Data

tidak boleh

kosong”

Sesuai

harapan

Valid

3. Mengisi

semua field

sesuai

dengan

ketentuan

kemudian

klik tombol

Simpan

Kode : P33

Nama Provinsi

: Jawa Barat

Biaya Kirim :

10000

Sistem akan

menerima

akses dan

kemudian

menyimpan

data ke

database”

Sesuai

harapan

Valid