bab iii pembahasan · web ini dapat diakses oleh pelanggan, di pc yang terhubung dengan internet...

19

BAB III

PEMBAHASAN

3.1 Analisis Kebutuhan

1. Functional Requirements

Dalam web ini kami merancang agar user atau pengguna dapat mengakses

data informasi produk dengan lebih mudah.

2. Content Requirements

Konten yang terdapat pada web sistem penjualan ini berupa teks dan

gambar. Web ini membantu petugas penjualan (admin) dalam pengelolaannya.

3. Quality Requirements

Web ini dirancang dengan sistem keamanan yang belum ketat, serta manfaat

dan kegunaan dari web ini adalah untuk mempermudah admin dalam proses

pemesanan/pembelian produk yang dilakukan pelanggan (user).

4. System Environment Requirements

Web ini dapat diakses oleh pelanggan, di PC yang terhubung dengan

internet dimanapun dan kapanpun.

5. User Interface Requirements

Mudah digunakan dengan desain interface yang sederhana dan mudah

dimengerti oleh penggunanya.

6. Evolution Requirements

Web ini akan di update mengikuti perkembangan zaman yang ada.

20

7. Project Constraints

Kendala yang terjadi pada sub sistem yang kami buat adalah pelanggan

belum bisa mendaftarkan dirinya dan hanya bisa melakukan pengisian data saat

pemesanan/pembelian, pelanggan harus mengkonfirmasi melalui telepon untuk

proses transaksi ke admin, namun setelah itu admin akan melakukan pembaharuan

status pemesanan dan mengirim barang yang telah dipesan/dibeli.

3.2 Perancangan Perangkat Lunak

3.2.1 Rancangan Antar Muka

Rancangan antarmuka merupakan gambaran dari tampilan web yang

diusulkan oleh penulis. Pada uraian dibawah ini dapat dijelaskan rancangan

antarmuka yang kami buat.

1. Rancangan Antar Muka Admin

a. Rancangan Antar Muka Login Admin

Gambar III.1.

Rancangan Antar Muka Login Admin

21

b. Rancangan Antar Muka Menu Admin

Gambar III.2.

Rancangan Antar Muka Menu Admin

c. Rancangan Antar Muka Ganti Password

Gambar III.3.

Rancangan Antar Muka Ganti Password

22

d. Rancangan Antar Muka Kategori Produk

1) Rancangan Antar Muka Data Kategori Produk

Gambar III.4.

Rancangan Antar Muka Data Kategori Produk

2) Rancangan Antar Muka Edit Kategori

Gambar III.5.

Rancangan Antar Muka Edit Kategori

23

3) Rancangan Antar Muka Tambah kategori

Gambar III.6.

Rancangan Antar Muka Tambah Kategori

e. Rancangan Antar Muka Produk

1) Rancangan Antar Muka Data Produk

Gambar III.7.

Rancangan Antar Muka Data Produk

24

2) Rancangan Antar Muka Edit Produk

Gambar III.8.

Rancangan Antar Muka Edit Produk

3) Rancangan Antar Muka Tambah Produk

Gambar III.9.

Rancangan Antar Muka Tambah Produk

25

f. Rancangan Antar Muka Penjualan

1) Rancangan Antar Muka Data Penjualan

Gambar III.10.

Rancangan Antar Muka Data Penjualan

2) Rancangan Antar Muka Detail Order

Gambar III.11.

Rancangan Antar Muka Detail Order

26

g. Rancangan Antar Muka Ongkos Kirim

1) Rancangan Antar Muka Data Ongkos Kirim

Gambar III.12.

Rancangan Antar Muka Data Ongkos Kirim

2) Rancangan Antar Muka Tambah Ongkos Kirim

Gambar III.13.

Rancangan Antar Muka Tambah Ongkos Kirim

27

3) Rancangan Antar Muka Edit Ongkos Kirim

Gambar III.14.

Rancangan Antar Muka Edit Ongkos Kirim

h. Rancangan Antar Muka Data Hubungi Kami

Gambar III.15.

Rancangan Antar Muka Data Hubungi Kami

28

i. Rancangan Antar Muka Edit Profil

Gambar III.16.

Rancangan Antar Muka Edit Profil

j. Rancangan Antar Muka Edit Cara Pembelian

Gambar III.17.

Rancangan Antar Muka Edit Cara Pembelian

29

2. Rancangan Antar Muka User

a. Rancangan Antar Muka Menu User

Gambar III.18.

Rancangan Antar Muka Menu User

b. Rancangan Antar Muka Profil

Gambar III.19.

Rancangan Antar Muka Profil

30

c. Rancangan Antar Muka Cara Pembelian

Gambar III.20.

Rancangan Antar Muka Cara Pembelian

d. Rancangan Antar Muka Semua Produk

Gambar III.21.

Rancangan Antar Muka Semua Produk

31

e. Rancangan Antar Muka Produk Perkategori

Gambar III.22.

Rancangan Antar Muka Produk Perkategori

f. Rancangan Antar Muka Detail Produk

Gambar III.23.

Rancangan Antar Muka Detail Produk

32

g. Rancangan Antar Muka Keranjang Belanja

Gambar III.24.

Rancangan Antar Muka Keranjang Belanjaan

h. Rancangan Antar Muka Data Pembeli

Gambar III.25.

Rancangan Antar Muka Data Pembeli

33

i. Rancangan Antar Muka Proses Transaksi Selesai

Gambar III.26.

Rancangan Antar Muka Proses Transaksi Selesai

j. Rancangan Antar Muka Hubungi Kami

Gambar III.27.

Rancangan Antar Muka Hubungi Kami

34

3.2.2 Basis Data

A. Entity Relational Diagram (ERD)

Entity Relational Diagram merupakan pemodelan basis data dengan

menggunakan diagram relasi antar entitas, dapat dilakukan dengan

menggunakan suatu pemodelan basis data. Berikut ERD dari sistem

penjualan yang saya buat :

Gambar III.28.

Entity Relational Diagram

B. Logical Relational Structure (LRS)

Representasi dari struktur record-record pada tabel-tabel yang terbentuk

dari hasil relasi antar himpunan entitas. Berikut LRS dari sistem

pendaftaran yang saya buat :

35

Gambar III.29.

Logical Relational Structure

C. Spesifikasi File

Adapun spesifikasi file yang digunakan dalam perancangan program

penjualan barang elektronik adalah sebagai berikut:

1. Spesifikasi Tabel Admins

Nama File : Tabel Admins

Akronim File : admins

Fungsi File : Menyimpan spesifikasi data admin secara detail

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

36

Media File : Harddisk

Panjang Record : 340

Kunci Field : username

Software : Mysql

Tabel III.1.

Tabel Admins

No Elemen Data Nama Field Tipe Size Ket

1 Username username Varchar 50 Primary

Key

2 Password password Varchar 50

3 Nama Lengkap nama_lengkap Varchar 100

4 Email email Varchar 100

5 No. Tlp no_tlp Varchar 20

6 Level level Varchar 20

7 Blokir blokir Enum(„Y‟,‟N‟)

2. Spesifikasi Tabel Kategori

Nama File : Tabel Kategori

Akronim File : kategori

Fungsi File : Menyimpan spesifikasi data kategori



Akses File : Random



Kunci Field : id_kategori

Software : Mysql

37

Tabel III.2.

Tabel Kategori


1 Id Kategori id_kategori Int 5 Primary Key

2 Nama kategori nama_kategori Varchar 100

3 Kategori Seo kategori_seo Varchar 100

3. Spesifikasi Tabel Produk

Nama File : Tabel Produk

Akronim File : produk

Fungsi File : Menyimpan spesifikasi data produk secara detail



Akses File : Random


Panjang Record : 345,2

Kunci Field : id_produk

Software : Mysql

Tabel III.3.

Tabel Produk


1 Id Produk id_produk Int 5 Primary Key

2 Id Kategori id_kategori Int 5 Foreign Key

3 Nama Produk nama_produk Varchar 100

4 Produk Seo produk_seo Varchar 100

5 Deskripsi deskripsi Text

6 Harga Harga Int 20

38

7 Stok Stok Int 5

8 Berat berat Decimal 5,2

9 Tanggal tgl_masuk Date

10 Gambar gambar Varchar 100

11 Dibeli dibeli Int 5

4. Spesifikasi Tabel Orders

Nama File : Tabel Orders

Akronim File : orders

Fungsi File : Menyimpan spesifikasi data order secara detail



Akses File : Random



Kunci Field : id_order

Software : Mysql

Tabel III.4.

Tabel Orders


1 Id Orders id_orders Int 5 Primary Key

2 Nama Kostumer nama_kostumer Varchar 100

3 Alamat alamat Text

4 Telepon telpon Varchar 20


6 Status Order status_order Varchar 50

7 Tanggal Order tgl_order Date

39

8 Jam Order jam_order Time

9 Id Kota id_kota Int 2

10 Total total Int 11

5. Spesifikasi Tabel Orders Detail

Nama File : Tabel Orders Detail

Akronim File : orders_detail

Fungsi File : Menyimpan spesifikasi data order untuk membuat

laporan



Akses File : Random


Panjang Record : 15

Kunci Field : id_orders

Software : Mysql

Tabel III.5.

Tabel Orders Detail


1 Id Orders id_orders Int 5

2 Id Produk id_produk Int 5

3 Jumlah Jumlah Int 5

40

6. Spesifikasi Tabel Kota

Nama File : Tabel Kota

Akronim File : kota

Fungsi File : Menyimpan spesifikasi data kota



Akses File : Random



Kunci Field : id_kota

Software : Mysql

Tabel III.6.

Tabel Kota


1 Id Kota id_kota Int 3 Primary Key

2 Nama Kota nama_kota Varchar 100

3 Ongkos Kirim ongkos_kirim Int 10

7. Spesifikasi Tabel Hubungi

Nama File : Tabel Hubungi

Akronim File : hubungi

Fungsi File : Menyimpan spesifikasi data user yang

menghubungi admin secara detail



41

Akses File : Random



Kunci Field : id_hubungi

Software : Mysql

Tabel III.7.

Tabel Hubungi


1 Id Hubungi id_hubungi Int 5 Primary Key

2 Nama nama Varchar 50


4 Subjek subjek Varchar 100

5 Pesan pesan Text

6 Tanggal tanggal Date

42

3.2.3 Rancangan Struktur Navigasi

1. Struktur Navigasi Admin

Gambar III.30.

Struktur Navigasi Admin

43

2. Struktur Navigasi User

Gambar III.31.

Struktur Navigasi User

44

3.3 Implementasi dan Pengujian Unit

3.3.1 Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi berisi tampilan antar muka web yang telah dirancang

sebelumnya.

1. Implementasi Halaman Antar Muka Admin

a. Halaman Login Admin

Gambar III.32.

Halaman Login Admin

b. Halaman Menu Admin

Gambar III.33.

Halaman Menu Admin

45

c. Halaman Ganti Password

Gambar III.34.

Halaman Ganti Password

d. Halaman Kategori Produk

1) Halaman Data Kategori

Gambar III.35.

Halaman Data Kategori

46

2) Halaman Edit Kategori

Gambar III.36.

Halaman Edit Kategori

3) Halaman Tambah Kategori

Gambar III.37.

Halaman Tambah Kategori

47

e. Halaman Produk

1) Halaman Data Produk

Gambar III.38.

Halaman Data Produk

2) Halaman Edit Produk

Gambar III.39.

Halaman Edit Produk

48

3) Halaman Tambah Produk

Gambar III.40.

Halaman Tambah Produk

f. Halaman Penjualan

1) Halaman Data Penjualan

Gambar III.41.

Halaman Data Penjualan

49

2) Halaman Detail Order

Gambar III.42.

Halaman Detail Order

g. Halaman Ongkos Kirim

1) Halaman Data Ongkos Kirim

Gambar III.43.

Halaman Data Ongkos Kirim

50

2) Halaman Edit Ongkos Kirim

Gambar III.44.

Halaman Edit Ongkos Kirim

3) Halaman Tambah Ongkos Kirim

Gambar III.45.

Halaman Tambah Ongkos Kirim

h. Halaman Data Hubungi Kami

Gambar III.46.

Halaman Data Hubungi Kami

51

i. Halaman Edit Profil

Gambar III.47.

Halaman Edit Profil

j. Halaman Edit Cara Pembelian

Gambar III.48.

Halaman Edit Cara Pembelian

52

2. Implementasi Antar Muka User

a. Halaman Menu User

Gambar III.49.

Halaman Menu User

b. Halaman Profil

Gambar III.50.

Halaman Profil

53

c. Halaman Cara Pembelian

Gambar III.51.

Halaman Cara Pembelian

d. Halaman Semua Produk

Gambar III.52.

Halaman Semua Produk

54

e. Halaman Produk Perkategori

Gambar III.53.

Halaman Produk Perkategori

f. Halaman Keranjang Belanjaan

Gambar III.54.

Halaman Keranjang Belanjaan

55

g. Halaman Detail Produk

Gambar III.55.

Halaman Detail Produk

h. Halaman Data Pembeli

Gambar III.56.

Halaman Data Pembeli

56

i. Halaman Proses Transaksi Selesai

Gambar III.57.

Halaman Proses Transaksi Selesai

j. Halaman Hubungi Kami

Gambar III.58.

Halaman Hubungi Kami

57

B. Spesifikasi Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan aplikasi Penjualan

Barang Elektronik Berbasis Web.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

58

2. Spesifikasi Perangkat Lunak

a. Server

1. Sistem operasi yang umum digunakan seperti: Microsoft Windows

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

2. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad

yang terdiri dari beberapa komponen, diantaranya:

(a) Aplikasi Apache Server v2

(b) Aplikasi PHP Server v5

(c) Aplikasi MySQL Server v5

(d) Aplikasi phpMyAdmin v3

3. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

b. 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.

59

3.3.2 Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan black box testing

yang fokus terhadap proses masukan dan keluaran program.

Tabel III.8.

Hasil Pengujian Black Box Testing Halaman Login

No. Skenario

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 dan

akan

menampilkan

“Anda

Belum

Mengisikan

Username”

Sesuai

harapan

Valid

2. Mengetikkan

username

dan

password

tidak diisi

atau kosong

kemudian

klik tombol

login.

Email :

owner

Password :

(kosong)

Sistem akan

menolak dan

akan

menampilkan

“Anda

Belum

Mengisikan

Password”

Sesuai

Harapan

Valid

3. Username

tidak diiisi

atau kosong

dan

password

diisi

kemudian

klik tombol

login.

Email :

(kosong)

Password :

admin

Sistem akan

menolak dan

akan

menampilkan

“Anda

Belum

Mengisikan

Username”

Sesuai

Harapan

Valid

4. Mengetikkan

username

dan

password

dengan data yang benar

kemudian

klik tombol

login.

Email :

owner

Password :

admin

Sistem

menerima

akses login

dan

kemudian langsung

menampilkan

menu utama

admin

Sesuai

Harapan

Valid

60

Tabel III.9.

Hasil Pengujian Black Box Testing Tambah Produk

No

.

Skenario

Pengujian


diharapkan

Hasil

pengujian

Kesimpu

lan

1. Nama

produk,

kategori,

berat, harga,

stok,

deskripsi,

gambar

tidak diisi

kemudian

klik tombol

simpan.

Nama Produk:

(kosong)

Kategori:

(kosong)

Berat: (kosong)

Harga: (kosong)

Stok: (kosong)

Deskripsi:

(kosong)

Gambar:

(kosong)

Sistem akan

menerima

akses dan

produk tidak

ada yang

ditambahkan

Sesuai

harapan

Valid

2. Mengetikan

nama

produk,

kategori.

Berat, harga,

stok,

deskripsi,

gambar

tidak diisi

kemudian

klik tombol

simpan.

Nama Produk:

Acer Aspire One

Z12

Kategori: Laptop

Berat: (kosong)

Harga: (kosong)

Stok: (kosong)

Deskripsi:

(kosong)

Gambar:

(kosong)

Sistem akan

menerima

akses dan

produk tidak

ada yang

ditambahkan

Sesuai

Harapan

Valid

3. Mengetikka

n nama

produk,

kategori,

berat, harga,

stok,

deskripsi,

gambar

kemudian

klik tombol

simpan.

Nama Produk:

Acer Aspire One

Z12

Kategori: Laptop

Berat: 2

Harga: 6000000

Stok: 2

Deskripsi: Full

Specifications of

Laptop Acer

Aspire One Z1

Prosesor Core i3

LAYAR 14

inches

Ram 2GB

VGA Nvidia

Geforce 9900

500MB

Harddisk 500GB

Sistem akan

menerima

akses dan

produk

ditambahkan

Sesuai

Harapan

Valid

61

DVD RW

WiFi

Windows 8.1

CAMERA

Bluetooth

Gambar:

2acer.jpg

Tabel III.10.

Hasil Pengujian Black Box Testing Tambah Kategori

No

.

Skenario

Pengujian


diharapkan

Hasil

pengujian

Kesimpu

lan

1. Nama

kategori

tidak diisi

kemudian

klik tombol

simpan.

Nama Kategori:

(kosong)

Sistem akan

menerima

akses dan

kategori

ditambahkan

Sesuai

harapan

Valid

2. Mengetikan

nama

kategori

kemudian

klik tombol

simpan.

Nama Kategori:

Laptop

Sistem akan

menerima

akses dan

kategori

ditambahkan

Sesuai

Harapan

Valid

Tabel III.11.

Hasil Pengujian Black Box Testing Tambah Ongkos Kirim

No

.

Skenario

Pengujian


diharapkan

Hasil

pengujian

Kesimpu

lan

1. Nama kota,

ongkos

kirim

tidak diisi

kemudian

klik tombol

simpan.

Nama Kota:

(kosong)

Ongkos Kirim:

(kosong)

Sistem akan

menerima

akses dan

ongkos kirim

ditambahkan

Sesuai

harapan

Valid

2. Mengetikan nama kota,

ongkos

kirim

tidak diisi

kemudian

Nama Kota: Surabaya

Ongkos Kirim:

(kosong)

Sistem akan menerima

akses dan

ongkos kirim

ditambahkan

Sesuai Harapan

Valid

62

klik tombol

simpan.

3 Mengetikan

ongkos

kirim, nama

kota tidak

diisikan

kemudian

klik tombol

simpan.

Nama Kota:

(kosong)

Ongkos Kirim:

13000

Sistem akan

menerima

akses dan

ongkos kirim

ditambahkan

Sesuai

Harapan

Valid

4 Mengetikan

nama kota,

ongkos

kirim

kemudian

klik tombol

simpan.

Nama Kota:

Surabaya

Ongkos Kirim:

13000

Sistem akan

menerima

akses dan

ongkos kirim

ditambahkan

Sesuai

Harapan

Valid

Tabel III.12.

Hasil Pengujian Black Box Testing Data Pembeli

No. Skenario

Pengujian


diharapkan

Hasil

pengujian

Kesimpulan

1 Nama,

alamat

lengkap,

telepon,

email, kota

tujuan,

masukan

kode tidak

diisikan

kemudian

klik proses.

Nama: (kosong)

Alamat

Lengkap:

(kosong)

Telepon:

(kosong)

Email: (kosong)

Kota Tujuan:

(kosong)

Masukan Kode:

(kosong)

Sistem akan

menolak

akses dan

menampilkan

“Anda

Belum

Mengisikan

Nama”

Sesuai

Harapan

Valid

2 Mengetikan

nama,

alamat

lengkap.

Telepon,

email, kota

tujuan, masukan

kode tidak

diisikan

kemudian

klik proses.

Nama: Riko

Alamat

Lengkap:

Jakarta

Telepon:

(kosong)

Email: (kosong) Kota Tujuan:

(kosong)

Masukan Kode:

(kosong)

Sistem akan

menolak

akses dan

menampilkan

“Anda

Belum

Mengisikan Telepon”

Sesuai

Harapan

Valid

63

3 Mengetikan

nama,

alamat

lengkap,

telepon,

email tidak

sesuai

format,

kota tujuan,

masukan

kode

kemudian

klik proses.

Nama: riko

Alamat

Lengkap:

jakarta

Telepon:

081234567

Email: riko.co

Kota Tujuan:

jakarta

Masukan Kode:

abcdegh

Sistem akan

menolak

akses dan

menampilkan

“Alamat

email anda

tidak valid,

mungkin

kurang titik

(.) atau tanda

@

Ulangi lagi”

Sesuai

Harapan

Valid

4 Mengetikan

nama,

alamat

lengkap,

telepon,

email

sesuai

format,

kota tujuan,

masukan

kode

kemudian

klik proses.

Nama: riko

Alamat

Lengkap:

jakarta

Telepon:

081234567

Email:

[email protected]

Kota Tujuan:

jakarta

Masukan Kode:

236cfge

Sistem akan

menerima

akses dan

menampilkan

proses

transaksi

selesai.

Sesuai

Harapan

Valid

bab iii pembahasan · web ini dapat diakses oleh pelanggan, di pc yang terhubung dengan internet...

Documents