bab iii pembahasan · 20 bab iii pembahasan 3.1. analisa kebutuhan berdasarkan pengamatan penulis...

20

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Berdasarkan pengamatan penulis mengenai sistem yang berjalan pada web

penjualan Tas atas dasar kebutuhan pelanggan yang menginginkan cara berbelanja

secara online, sehingga dapat menghemat waktu, mengetahui kendala yang ada,

maka penulis mencoba merancang web penjualan Tas secara online.

Adapun analisa kebutuhan pada system informasi penjualan Tas ini adalah:

3.1.1. Kebutuhan user

a. User atau pelanggan dapat melihat halaman-halaman yang tersaji di website ini

dan jika ingin melakukan pemesanan barang pelanggan harus registrasi

menjadi anggota atau bila sudah menjadi anggota harus login terlebih dahulu.

b. User atau pelanggan dapat melakukan pemesanan dengan cara memilih produk

yang ada di menu produk, setelah mendapat produk yang diingkan pelanggan

bisa langsung memilih tombol beli gambar produk, kegunaan dan harga

produk sudah tertera, setelah itu pelanggan akan di arahkan ke keranjang belanja,

di halaman ini pelanggan dapat merubah jumlah produk yang akan di pesan.

c. Apabila user atau pelanggan telah melakukan transaksi, diharuskan melakukan

konfirmasi pembayaran di menu konfirmasi pembayaran.

d. Jika user atau pelanggan telah selesai melakukan aktivitas pemesanan di

website ini, pelanggan dapat memilih menu logout.

21

3.1.2. Kebutuhan admin

a. Admin diharuskan login terlebih dahulu untuk dapat mengakses atau masuk

kehalaman beranda.

b. Setelah masuk admin dapat melakukan aktivitas mengelola web sesuai

kebutuhan.

c. Admin dapat mengelola data user admin, menambah, mengedit dan menghapus

data kategori, data produk.

d. Admin dapat mengelola data transaksi meliputi data pelanggan, data pesanan,

dan konfirmasi pembayaran.

e. Jika admin telah selesai melakukan aktivitas di web ini, admin bisa memilih

menu logout.

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Antar Muka

Merupakan gambaran dari tampilan web yang di usulkan penulis. Pada urain

di bawah ini dapat di jelaskan rancangan antar muka Web Penjualan Tas.

A. Rancangan Antar Muka Halaman User

22

1. Rancangan Antar Muka Index

Gambar III.1 Rancangan Antar Muka Index

2. Rancangan Antar Muka Profil

Gambar III.2 Rancangan Antar Muka Profil

23

3. Rancangan Antar Muka Produk

Gambar III.3 Rancangan Antar Muka Produk

4. Rancangan Antar Muka Cara Belanja

Gambar III.4 Rancangan Antar Muka Cara Belanja

24

5. Rancangan Antar Muka Kontak Kami

Gambar III.5 Rancangan Antar Muka Kontak Kami

6. Rancangan Antar Muka Member Area

Gambar III.6 Rancangan Antar Muka Member Area

25

7. Rancangan Antar Muka Info

Gambar III.7 Rancangan Antar Muka Info

8. Rancangan Antar Muka Cari Produk

Gambar III.8 Rancangan Antar Muka Cari Produk

26

B. Sfesifikasi Rancangan Halaman Admin

1. Rancangan Antar Muka Login Admin

Gambar III.9 Rancangan Antar Muka Login Admin

2. Rancangan Antar Muka Beranda Admin

Gambar III.10 Rancangan Antar Muka Beranda Admin

27

3. Rancangan Antar Muka Ganti Password Admin

Gambar III.11 Rancangan Antar Muka Ganti Passwoard Admin

4. Rancangan Antar Muka Modul Admin

Gambar III.12 Rancangan Antar Muka Modul Admin

28

5. Rancangan Antar Muka Kategori Admin

Gambar III.13 Rancangan Antar Muka Kategori Admin

6. Rancangan Antar Muka Produk Admin

Gambar III.14 Rancangan Antar Muka Produk Admin

29

7. Rancangan Antar Muka Vendor Admin

Gambar III.15 Rancangan Antar Muka Vendor Admin

8. Rancangan Antar Muka Order Admin

Gambar III.16 Rancangan Antar Muka Order Admin

30

9. Rancangan Antar Muka Ongkos Kirim

Gambar III.17 Rancangan Antar Muka Ongkos Kirim

10. Rancangan Antar Muka Kontak Kami

Gambar III.18 Rancangan Antar Muka Kontak Kami

31

3.2.2. Rancangan Basis Data

Rancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan

dengan Entity Reltionship Diagram (ERD).

A. Entity Relationship Diagram

Gambar III.19 Entity Relationship Diagram

32

B. Logical Record Structure (LRS)

Gambar III.20 Logical Record Structure

C. Spesifikasi File

Spesifikasi file dibuat sebagai pendukung agar pemakai (user) program

mengetahui segala yang berhubungan dengan file ataupun field db_ta pada

pengolahan database.

1. Spesifikasi file admin

Nama File : admin

Akronim : admin.MYD

Fungsi : untuk menyimpan data admin

Tipe File : File Master

Organisasi File : index sequental

33

Akses File : random

Media : Harddisk

Panjang Record : 340 byte

Kunci Field : id_admin

Software : MySQl

Tabel III.1

Spesifikasi File Admin

No Elemen Data Nama Field Type Size Keterangan

1. Username Username varchar 50

2. Password Password varchar 50

3. Nama_Lengkap nama_lengkap varchar 100

4. Email Email varchar 100

5. No_telpon no_telp varchar 20

6. Level Level varchar 20

7. Blokir Blokir enum

2. Spesifikasi file Kategori

Nama File : kategori

Akronim : kategori.MYD

Fungsi : untuk menyimpan data kategori



34

Akses File : random

Media : Harddisk


Kunci Field : id_kategori

Software : MySQl

Tabel III.2

Spesifikasi File Kategori


1. Id_kategori id_kategori int 5 Primary key

2. Nama_kategori nama_kategori varchar 50

3. Seo Seo varchar 50

3. Spesifikasi file Kontak

Nama File : kontak

Akronim : kontak.MYD

Fungsi : untuk menyimpan data kontak



Akses File : random

Media : Harddisk


Kunci Field : id_kontak

35

Software : MySQl

Tabel III.3

Spesifikasi File Kontak


1. Id_kontak id_kontak integer 5 Primary key

2. Nama Nama varchar 50

3. Email Email varchar 100

4. Subjek subjek varchar 100

5. Pesan Pesan text

6. Tanggal tanggal date

4. Spesifikasi file Kota

Nama File : kota

Akronim : kota.MYD

Fungsi : untuk menyimpan data kota



Akses File : random

Media : Harddisk


Kunci Field : id_kota

36

Software : MySQl

Tabel III.4

Spesifikasi File Kota


1. Id_kota id_kota integer 3 Primary key

2. Nama_kota nama_kota varchar 100

3. Ongkos_kirim ongkos_kirim integer 10

5. Spesifikasi file Modul

Nama File : modul

Akronim : modul.MYD

Fungsi : untuk menyimpan data Modul



Akses File : random

Media : Harddisk


Kunci Field : id_modul

Software : MySQl

37

Tabel III.5

Spesifikasi File Modul


1. Id_modul id_modul Integer 5 Primary key

2. Nama_modul nama_modul Varchar 50

3. Link Link Varchar 100

4. Status Status Enum

5. Aktif Aktif Enum

6. Urutan Urutan Integer 5

6. Spesifikasi file Orders

Nama File : orders

Akronim : orders.MYD

Fungsi : untuk menyimpan data Orders



Akses File : random

Media : Harddisk


38

Kunci Field : id_orders

Software : MySQl

Tabel III.6

Spesifikasi File Orders


1. Id_orders id_orders Integer 5 Primary key

2. Nama_customer nama_customer Varchar 50

3. Alamat_lengkap alamat_lengkap Varchar 100

4. Telpon Telpon Varchar 50

5. Email Email Varchar 50

6. Status_order status_order Char 50

7. Jam_order jam_order Time

8. Tanggal_order tgl_order Date

9. Id_kota id_kota Integer 4

7. Spesifikasi file Orders Detail

Nama File : orders detail

Akronim : orders.MYD

Fungsi : untuk menyimpan data Orders Detail



39

Akses File : random

Media : Harddisk


Kunci Field :

Software : MySQl

Tabel III.7

Spesifikasi File Orders Detail


1. Id_orders id_orders Integer 5

2. Id_Produk id_Produk Integer 50

3. Jumlah Jumlah Integer 10

8. Spesifikasi file Orders Temp

Nama File : orders temp

Akronim : orders temp

Fungsi : untuk menyimpan data Orders Temp



Akses File : random

Media : Harddisk


Kunci Field : id_orders_temp

40

Software : MySQl

Tabel III.8

Spesifikasi File Orders Temp


1. Id_orders_temp id_orders_temp integer 5 Primary key

2. Id_produk id_Produk integer 5

3. Id_session id_session varchar 100

4. Jumlah jumlah integer 20

5. Tanggal_order_temp tgl_order_temp Date

6. Jam_order_temp jam_order_temp varchar 100

9. Spesifikasi file Produk

Nama File : produk

Akronim : produk.MYD

Fungsi : untuk menyimpan data Produk



Akses File : random

Media : Harddisk

41


Kunci Field : id_produk

Software : MySQl

Tabel III.9

Spesifikasi File Produk


1. Id_produk id_produk integer 5 Primary key

2. Id_kategori id_kategori integer 5

3. Id_vendor id_vendor integer 3

4. Nama_produk nama_produk varchar 100


6. Deskripsi deskripsi Text

7. Dimensi dimensi varchar 20

8. Berat berat double

9. H_awal h_awal integer 20

10. Harga harga integer 20

11. Ongkir ongkir integer 20

12. Stok Stok integer 20

13. Tanggal_masuk tgl_masuk Date

14. Gambar gambar varchar 100

42

15. Dibeli dibeli integer 4

16. Promo promo Char 3

17. Soon Soon Char 3

10. Spesifikasi file Vendor

Nama File : vendor

Akronim : vendor.MYD

Fungsi : untuk menyimpan data vendor



Akses File : random

Media : Harddisk


Kunci Field : id_vendor

Software : MySQl

Tabel III.10

Spesifikasi File Vendor


1. Id_vendor id_review integer 11 Primary key

2. Nama_vendor nama_customer varchar 30

43


11. Spesifikasi file Member

Nama File : member

Akronim : member.MYD

Fungsi : untuk menyimpan data member



Akses File : random

Media : Harddisk


Kunci Field : id_member

Software : MySQl

Tabel III.11

Spesifikasi File Member


1. Id_member id_member integer 11 Primary key

44

2. Nama nama varchar 50

3. Email email varchar 50

4. Telpon Tlp varchar 20

5. Alamat alamat varchar 200

6. Kota Kota varchar 25

7. Katasandi katasandi varchar 20

3.3. Implementasi dan pengujian Unit

3.3.1. Implementasi

A. Implementasi Halaman Rancangan Antar Muka

Implementasi rancangan antar muka pada web penjualan tas berdasarkan hasil

rancangan antar muka.

1. Halaman Index (Beranda)

Halaman ini adalah halaman depan dari semua halaman yang ada pada website.

45

Gambar III.21 Halaman Beranda

2. Halaman Profil Kami

Halaman ini merupakan profile dari web Penjualan Tas Wanita.

46

Gambar III.22 Halaman Profil

3. Halaman Produk

Halaman ini merupakan halaman yang menampilkan semua produk yang ada di

web Penjualan Tas Wanita.

Gambar III.23 Halaman Produk

4. Halaman Cara Belanja

47

Halaman yang menampilkan dan menjelaskan bagaimana cara Berbelanja di web

Penjualan Tas Wanita.

Gambar III.24 Halaman Cara Belanja

5. Halaman Kontak

Halaman untuk hubungi kontak web penjualan tas wanita.

Gambar III.25 Halaman Kontak

6. Halaman Member Area

48

Halaman untuk login member penjualan tas wanita.

Gambar III.26 Halaman Member

7. Halaman Info

Halaman untuk pemberitahuan informasi terbaru di web Penjualan Tas Wanita

Gambar III.27 Halaman Info

49

B. Implementasi Rancangan Antar Muka Admin

1. Halaman Login Admin

Admin harus login dahulu untuk melakukan kendali di ruang admin.

Gambar III.28 Halaman Login Admin

2. Halaman Beranda Admin

Halaman ini untuk menampilkan menu-menu yang ada pada halaman admin.

Admin dapat melihat, menambah, mengedit, menghapus semua yang ada di

menu admin.

Gambar III.29 Halaman Beranda Admin

50

3. Halaman Ganti Passwoard Admin

Halaman ini admin bisa mengganti passwoard yang lama menjadi passwoard

terbaru.

Gambar III.30 Halaman Ganti Password Admin

4. Halaman Manajemen Modul

Halaman ini admin bisa menambahkan modul dari web penjualan tas wanita.

Gambar III.31 Halaman Modul Admin

51

5. Halaman Kategori

Halaman ini admin bisa menambah atau menghapus nama kategori yang dijual

untuk web penjualan tas wanita.

Gambar III.32 Halaman Kategori Admin

6. Halaman Produk

Halaman ini admin bisa menambah atau menghapus produk yang dijual web

penjualan tas wanita.

Gambar III.33 Halaman Produk Admin

52

7. Halaman Vendor

Halaman ini admin bisa menambah atau menghapus merk tas yang dijual web

penjualan tas wanita.

Gambar III.34 Halaman Vendor Admin

8. Halaman Order

Pada halaman ini admin bisa melihat hasil order dari pelanggan yang sudah

memesan barang.

Gambar III.35 Halaman Order Admin

53

9. Halaman Ongkos Kirim Admin

Pada halaman ini admin bisa menambah atau menghapus harga ongkos kirim tas

yang dijual web penjualan tas wanita.

Gambar III.36 Halaman Ongkos Kirim Admin

C. Spesifikasi Sistem Komputer

Sebagai sarana pendukung yang digunakan dalam aplikasi website diperlukan

perangkat keras dan perangkat lunak yang baik. Dalam merancang website

penjualan tas wanita ini penulis memerlukan beberapa perangkat, yaitu:

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor AMD E-350

(b) RAMDDR3 2 GB

(c) Hard Disk 250 GB

2) Mouse

3) Keyboard

54

4) Monitor dengan layar minimum 1366x768

5) Koneksi internet dengan kecepatan 2 Mbps.

a. Client

1) CPU

(a) Processor AMD E-350

(b) RAMDDR3 2 GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan layar minimum 1366x768

5) Koneksi internet dengan kecepatan 2 Mbps

2. Spesifikasi perangkat lunak

1. Server

a. Sistem operasi yang digunakan: Microsoft windows

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

komponen, diantaranya:

(1) Aplikasi PHP Server

(2) Aplikasi MySQL Server

(3) Aplikasi phpMyAdmin

c. Aplikasi Web Mozilla Firefox, Google Chrome.

2. Client

a. Sistem operasi yang digunakan : Microsoft Windows b. Aplikasi web browser Mozilla Firefox, Google Chrome.

55

3.3.2 Rancangan Stuktur Navigasi

Dalam tinjauan kali ini penulis akan memaparkan bagaimana gambaran

struktur navigasi untuk halaman user dan halaman admin adapun stuktur navigasi

adalah struktur navigasi campuran. Adapun gambaran struktur navigasi untuk

halaman user dan admin website Tas Wanita adalah sebagai berikut:

1. Rancangan Stuktur Navigasi User

Gambar III.37 Struktur Navigasi Halaman User

56

2. Rancangan Stuktur Navigasi Halaman Admin

Gambar III.38 Struktur Navigasi Halaman Admin

3.3.3. Pengajuan Unit

Pengajuan terhadap program dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

57

A. Pengujian Terhadap Login Anggota

Tabel III.13

Hasil Pengujian Blackbox Testing Halaman Login Member

No Skenario

Pengujian

Test Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1. Mengetikan

username tetapi password tidak di isi kemudian

klik tombol login

Username:

Fazliani

Fauziah

Password:

(kosong)

Sistem akan

menolak dan

menampilkan

perintah

“Anda Belum

Mengisikan

Password”

Sesuai

harapan

Valid

2. Mengetikan salah satu kondisi salah

pada username atau Password kemudian klik

tombol login

Username”

Fazliani

Fauziah

Password:

1234

(salah)

Sistem akan

menolak dan

menampilan

perintah

“username

atau password

masih salah”

Sesuai

harapam

Valid

3.

Username tidak diisi(kosong)da

n password diisi kemudian klik tombol

login

Username:

(kosong)

Password

Tes

Sistem akan

menolak dan

menampilkan

perintah

“Anda belum

mengisikan

username”

Sesuai

harapan

Valid

5 Mengetikan username dan

password dengan benar

Username :

Fazliani

fauziah

Password :

Tes

Sistem

menerima dan

akses masuk

kemudian

menampilkan

perintah

“Anda

berhasil login

sebagai

Fazliani

Fauziah”

Sesuai

harapan

Valid

58

B. Pengujian Terhadap Halaman Kontak Kami

Tabel III.14

Hasil Pengujian Blackbox Testing Kontak Kami

No Skenario Pengujian

Test Case Hasil yang Diharapkan

Hasil Pengujian

Kesimpulan

1. Semua field tidak diisi

kemudian klik tombol kirim

Langsung

menekan

tombol kirim

Sistem

menolak dan

menampilkan

perintah

“Anda Belum

Mengisi

nama”

Sesuai

Harapan

Valid

2. Nama diisi

dan email tidak diisi kemudian klik

kirim

Nama:

Fazliani

Email:

(kosong)

Sistem

menolak dan

menampilkan

perintah

“Anda Belum

Mengisikan

email

kontak”

Sesuai

Harapan

Valid

3. Namadan email diisi,

tetapi subjek tidak diisi kemudian klik

kirim.

Nama:

Fazliani

Email:

fazlianifauzia

[email protected].

id

Subjek:

(kosong)

Sistem

menolak dan

menampilkan

perintah

“Anda Belum

Mengisikan

subjek”

Sesuai

Harapan

Valid

mailto:[email protected]



59

4. Nama, email, subjek diisi

tetapi pesan tidak diisi kemudian klik

kirim

Nama: Fazliani

Email: fazlianifauzia

[email protected]

Subjek: Tes

Pesan: (kosong)

Sistem menolak dan

menampilkan perintah “Anda Belum

Mengisikan isi pesan”

Sesuai Harapan

Valid

C. Pengujian Terhadap Login Admin

Tabel III.15

Hasil Pengujian Blackbox Testing Halaman Login Admin

No Skenario

Pengujian

Test Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1. Username dan password tidak

di isi kemudian klik tombol login

Username

(kosong)

Password

(kosong)

Sistem akan menolak dan

menampilkan perintah “Anda Belum

Mengisi Username”

Sesuai Harapan

Valid

2. Mengetikan

username tetapi

password tidak

di isi kemudian

klik tombol

login

Username:

Admin

Password:

(kosong)

Sistem akan

menolak dan

menampilkan

perintah

“Anda Belum

Mengisi

Password”

Sesuai

harapan

Valid




60

3 Mengetikan

salah satu

kondisi salah

pada username

atau Password

kemudian klik

tombol login

Username”

Admin

Password:

1234

(salah)

Sistem akan

menolak dan

menampilan

perintah

“username

atau password

anda tidak

benar”

Sesuai

harapam

Valid

4

Username diisi

dan password

diisi, tetapi

tidak mengisi

kode Captcha

(kosong)

kemudian klik

tombol login

Username:

Admin

Password:

Admin

Kode

Captcha:

(kosong)

Sistem akan

menolak dan

menampilkan

perintah

“Anda belum

mengisi kode

captcha”

Sesuai

harapan

Valid

5 Mengetikan

username dan

password

dengan benar

Username :

Admin

Password :

Admin

Kode

captcha:

TuuCwb

Sistem

menerima dan

akses masuk

kemudian

langsung

menampilkan

index atau

beranda

Sesuai

harapan

Valid

61

D. Pengujian Terhadap Halaman Tambah kategori

Tabel III.16

Hasil Pengujian Blackbox Testing Halaman Tambah Kategori

No Skenario

pengujian

Test case Hasil yang

Diharapkan

Hasil

pengujian

Kesimpulan

1 Nama

kategori tidak diisi kemudian klik

tombol simpan

Nama

kategori : (kosong)

Sistem akan

menolak dan menampilkan perintah

“anda belum mengisikan kategori”

Sesuai

harapan

Valid

E. Pengujian Halaman Tambah Produk

Tabel III.17

Hasil Pengujian Blackbox Testing Halaman Tambah Produk

No Skenario pengujian

Test case Hasil yang Diharapkan

Hasil pengujian

Kesimpulan

1. Nama barang tidak diisi kemudian klik

tombol simpan

Nama : (kosong)

Sistem akan menolak dan menampilkan

perintah “nama produk

sebaiknya diisi”

Sesuai harapan

Valid

2. Nama barang diisi tetapi

harga tidak diisi kemudian klik

tombol simpan

Nama: Balenciaga

Harga: (kosong)


menampilkan perintah “Harga Produk

harus diisi”

Sesuai harapan

Valid

62

3. Nama barang dan harga diisi,

Jenis Stok tidak di isi kemudian klik

tombol simpan

Nama: Balenciaga

Harga: 200000

Stok: (kosong)


menampilkan perintah “stok harus

diisi”

Sesuai harapan

Valid

4. Mengetikan

Nama barang, harga dan Stok dengan benar

Nama:

Balenciaga Harga:

200000 Stok:

10

Sistem

menerima dan akses masuk

kemudian langsung menampilkan

Halaman tambah Produk

Sesuai

harapan

Valid

bab iii pembahasan · 20 bab iii pembahasan 3.1. analisa kebutuhan berdasarkan pengamatan penulis...

Documents