bab iii pembahasan - bsi...title, dan alamat website pada halaman front end dengan mudah. 5. control...

19

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Analisa kebutuhan adalah mengidentifikasi kebutuhan yang diperoleh

berdasarkan kebutuhan sistem dan kebutuhan pengguna. Berikut adalah tabel

kebutuhan sistem:

Tabel III.1

Kebutuhan Sistem

No. Kebutuhan Sistem Keterangan

1. Input a. Admin dapat memasukan data produk, mengubah

data profil dan mengatur halaman user (front end)

pada halaman admin.

b. Admin dapat melakukan interaksi seperti

menampilkan katalog dan memberikan bukti

transaksi kepada member.

c. Operator hanya dapat membantu memasukan data

produk, menampilkan katalog, memberikan bukti

pembayaran dan mengganti data profil operator.

d. Pengunjung dapat memasukan data diri untuk

melakukan pendaftaran menjadi member.

e. Member yang melakukan transaksi wajib mengisi

20

data, tipe pembayaran dan data pengiriman produk

yang dipesan.

f. Pengunjung maupun member dapat memasukkan

data berupa saran pada buku tamu yang tertera di

website e-commerce.

2. Output a. Sistem dapat menampilkan data produk yang akan

dijual secara detail sesuai kategori pada halaman

front end.

b. Sistem dapat menampilkan informasi order produk

yang dipesan oleh member pada halaman member.

c. Sistem dapat menampilkan informasi tentang order

produk yang dipesan, alamat pengiriman produk, dan

detail order produk berupa hasil cetak (printout).

d. Sistem dapat menampilkan hasil cetak (printout)

laporan transaksi harian, laporan transaksi bulanan,

dan laporan produk pada halaman admin.

3. Process a. Sistem memproses login untuk mengatur akses

admin, operator, dan member pada website.

b. Admin berhak mengatur, mengelola, dan melakukan

proses add, update, delete, view, dan report

keseluruhan data yang akan ditampilkan pada

halaman front end.

21

c. Operator hanya dapat mengatur, mengelola, dan

melakukan proses add, update, dan delete pada data

produk dan menampilkan katalog kepada member

dalam bentuk pdf.

d. Sistem melakukan logout dan enkripsi untuk

keamanan data yang dikelola didalam website.

e. Setiap pengunjung yang ingin melakukan transaksi,

diwajibkan mengisi keranjang belanja kemudian

login, jika belum menjadi member pengunjung

diwajibkan untuk mengisikan form pendaftaran.

f. Member melakukan pembayaran sesuai sistem

pembayaran yang dipilih, cash on delivery atau

transfer bank.

4. Performance a. Sistem dapat mendukung penyimpanan data dengan

menggunakan database agar data dapat tersimpan

dengan baik, sehingga akan menghilangkan

kemungkinan terjadinya kerusakan dan kehilangan

data serta informasi yang dihasilkan lebih akurat.

b. Sistem didukung metode enkripsi url untuk

meningkatkan keamanan website.

c. Sistem dapat melakukan tracking status order

member.

22

d. Sistem memungkinkan member untuk dapat

mengunduh katalog terbaru dan melihat bukti

transaksi pada halaman member.

e. Halaman website didesain dengan tampilan

responsive pada layar smartphone dan gadget,

sehingga pengunjung dapat mengakses halaman

website setiap saat dan dimana saja.

f. Sistem pencarian (search) dibuat dengan metode

auto complete sehingga pengunjung atau member

dapat langsung mengetahui hasil pencarian data

produk.

g. Sistem dapat memungkinkan pengunjung atau

member membeli lebih dari satu produk.

h. Admin dapat mengubah tema warna, logo, favicon,

title, dan alamat website pada halaman front end

dengan mudah.

5. Control a. Sistem memberikan akses level admin, operator, dan

member. Dengan adanya akses ini akan memberikan

keamanan pada setiap pengguna.

b. Sistem dapat melakukan reportberupa cetak transaksi

harian dan bulanan agar memudahkan kontrol

pendapatan dan banyaknya kegiatan transaksi.

23

Berikut adalah tabel kebutuhan pengguna:

Tabel III.2

Kebutuhan Pengguna

No Kebutuhan Pengguna Keterangan

1. Admin Seorang admin dapat mengendalikan semua sistem,

baik input, update, delete atau output (cetak) yang

berada di dalam website meliputi data admin, data

produk, data merk produk, data member, data order,

data katalog, buku tamu, dan cetak laporan transaksi.

2. Operator Operator dapat mengendalikan beberapa sistem yang

berada di dalam website meliputi data produk dan

data catalog dengan tujuan membantu admin

mengendalikan halaman website.

3. Member Dengan tampilan yang tidak rumit dapat

mempermudah member untuk berbelanja online di

dalam website, disertakan juga halaman member agar

member dapat mengetahui status order produk yang

dibeli, info katalog terbaru, pesan atau saran dan

mengubah data profil member serta sistem pencarian

yang membantu member mencari produk yang akan

dibeli.

24

3.2. Perancangan Perangkat Lunak

3.2.1 Rancangan Antarmuka

Menjelaskan rancangan antarmuka (interface) yang terdapat pada website e-

commerce penjualan jam.

1. Rancangan AntarmukaLogin Admin dan Operator

Gambar III.1

Rancangan Antarmuka Login Admin dan Operator

Administrator

Username

Password

Sign In

25

2. Rancangan Antarmuka Halaman Admin

Gambar III.2

Rancangan Antarmuka Halaman Admin

Navbar

Header Foto

Home

Web

Service

Media

Report

Interaction

Logout

Main Content

Footer

26

3. Rancangan Antarmuka Halaman Operator

Gambar III.5

Rancangan Antarmuka Halaman Operator

Gambar III.3

Rancangan Antarmuka Halaman Operator

Navbar

Header Foto

Home

Web

Service

Interaction

Logout

Main Content

Footer

27

4. Rancangan Antarmuka Halaman Login Member

Gambar III.4

Rancangan Antarmuka Halaman Login Member

5. Rancangan Antarmuka Halaman Member

Gambar III.5

Rancangan Antarmuka Halaman Member

Login Member

Sign In

Email

Password

Header

Side Bar

Main Content

28

6. Rancangan Antarmuk Halaman Utama (Home)

Gambar III.6

Rancangan Antarmuka Halaman Utama

Navheader

Header

Navbar

Slider

Footer

29

7. Rancangan Antarmuka Halaman Kategori

Gambar III.7

Rancangan Antarmuka Halaman Kategori

Navheader

Header

Navbar

Side Bar

Footer

Main Content

30

3.2.2 Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan

dengan Entity Relationship Diagram (ERD).

1. Entity Relationship Diagram (ERD)

Gambar III.8

Entity Relationship Diagram (ERD)

31

2. Logical Relational Structure (LRS)

Gambar III.9

Logical Relational Structure (LRS)

A. Spesifikasi File

32

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD.

File ini tersimpan pada database dengan ketentuan sebagai berikut:

a. Spesifikasi Tabel Akses

Nama File : Akses

Akronim : tb_akses

Fungsi : Tempat penyimpanan data admin dan operator untuk

mengakses halaman web back end.

Tipe File : File Master

Organisasi File : Index Sequential

Aksi File : Random

Media : Harddisk

Panjang Record : 251 karakter

Kunci Field : id_akses

Software : MySQL

Tabel III.3

33

Spesifikasi Tabel Akses

No Elemen Data Nama Field Tipe Size Keterangan

1. Id Akses id_akses int 11 Primary Key

2. Username username varchar 50

3. Password password varchar 50

4. Nama Lengkap nama varchar 50

5. Email email varchar 50

6. Nomor Telepon no_telepon varchar 20

7. Alamat alamat text -

8. Foto foto text -

9. Level level varchar 20

b. Spesifikasi Tabel Buku Tamu

34

Nama File : Buku Tamu

Akronim : tb_buku_tamu

Fungsi : Tempat penyimpanan data testimonial dan komentar

member atau pengunjung web.



Aksi File : Random

Media : Harddisk


Kunci Field : id_inbox

Software : MySQL

Tabel III.4

Spesifikasi Tabel Buku Tamu


1. Id Inbox id_inbox int 11 Primary Key

2. Nama Lengkap nama_lengkap varchar 50

3. Email Email varchar 50

4. Pesan Message text -

5. Tanggal Kirim Tanggal date -

c. Spesifikasi Tabel Delivery

35

Nama File : Delivery

Akronim : tb_delivery

Fungsi : Tempat penyimpanan data alamat penerima barang.

Tipe File : File Transaksi


Aksi File : Random

Media : Harddisk


Kunci Field : id_delivery

Software : MySQL

Tabel III.5

36

Spesifikasi Tabel Delivery


1. Id Pengiriman id_delivery int 11 Primary Key

2. Kode Invoice kode_invoice varchar 15

3. Kode Member kode_member varchar 10

4. Nama Penerima nama_penerima varchar 50

5. Telepon Telepon double -

6. Alamat Penerima alamat_penerima text -

7. Kode Pos kode_pos int 11

8. Provinsi Provinsi varchar 50

9. Tanggal Proses tanggal_proses varchar 30

d. Spesifikasi Tabel Gambar

37

Nama File : Gambar

Akronim : tb_gambar

Fungsi : Tempat penyimpanan data gambar produk.



Aksi File : Random

Media : Harddisk


Kunci Field : kode_gambar

Software : MySQL

Tabel III.6

Spesifikasi Tabel Gambar


1. Kode Gambar kode_gambar Int 11 Primary Key

2. Kode Produk kode_produk Varchar 15

3. Gambar Pertama gambar_satu Text -

4. Gambar Kedua gambar_dua Text -

5. Gambar Ketiga gambar_tiga Text -

e. Spesifikasi Tabel Katalog

38

Nama File : Katalog

Akronim : tb_katalog

Fungsi : Tempat penyimpanan data katalog.



Aksi File : Random

Media : Harddisk


Kunci Field : id_katalog

Software : MySQL

Tabel III.7

Spesifikasi Tabel Katalog


1. Id Katalog id_katalog Int 11 Primary Key

2. Kode Member kode_member Varchar 10

3. File Katalog File Text -

4. Pesan Pesan Text -

5. Tanggal Tanggal Varchar 50

f. Spesifikasi Tabel Kategori

39

Nama File : Kategori

Akronim : tb_kategori

Fungsi : Tempat penyimpanan data kategori produk.



Aksi File : Random

Media : Harddisk


Kunci Field : kode_kategori

Software : MySQL

Tabel III.8

Spesifikasi Tabel Kategori


1. Kode Kategori kode_kategori varchar 5 Primary Key

2. Nama Kategori nama_kategori varchar 50

g. Spesifikasi Tabel Konfigurasi

40

Nama File : Konfigurasi

Akronim : tb_konfigurasi

Fungsi : Tempat penyimpanan data konfigurasi tampilan web.

Tipe File : File Konfigurasi


Aksi File : Random

Media : Harddisk


Kunci Field : id_web

Software : MySQL

Tabel III.9

41

Spesifikasi Tabel Konfigurasi


1. Id Web id_web Int 11 Primary Key

2. Judul Title Varchar 50

3. Favicon Favicon Text -

4. Meta Deskripsi meta_deskripsi Text -

5. Meta Keyword meta_keyword Text -

6. No Telepon no_hp Double -

7. Fax Fax Double -

8. Jam Kerja jam_kerja Text -

9. Alamat Alamat Text -

10. Warna Color Varchar 50

11. Gambar Logo image_logo Text -

42

h. Spesifikasi Tabel Member

Nama File : Member

Akronim : tb_member

Fungsi : Tempat penyimpanan data member.



Aksi File : Random

Media : Harddisk


Kunci Field : kode_member

Software : MySQL

43

Tabel III.10

Spesifikasi Tabel Member


1 Kode Member kode_member varchar 10 Primary Key

2 Nama Member nama_member varchar 50

3 Email Member email_member varchar 50

4 Password Password varchar 100

5 No Telepon no_telp double -

6 Alamat Alamat text -

7 Provinsi Provinsi varchar 50

8 Tanggal Daftar tanggal_daftar date -

44

i. Spesifikasi Tabel Merk

Nama File : Merk

Akronim : tb_merk

Fungsi : Tempat penyimpanan data merk produk.



Aksi File : Random

Media : Harddisk


Kunci Field : kode_merk

Software : MySQL

Tabel III.11

Spesifikasi Tabel Merk


1. Kode Merk kode_merk varchar 30 Primary Key

2. Nama Merk nama_merk varchar 50

45

j. Spesifikasi Tabel Order

Nama File : Order

Akronim : tb_order

Fungsi : Tempat penyimpanan data order produk.



Aksi File : Random

Media : Harddisk


Kunci Field : kode_invoice

Software : MySQL

Tabel III.12

Spesifikasi Tabel Order


1 Kode Invoice kode_invoice varchar 15 Primary Key

2 Kode Member kode_member varchar 10

3 Nama Member nama_member varchar 50

4 Pengiriman Shipment varchar 30

5 Pembayaran Payment varchar 30

6 No Rekening no_rekening varchar 25

7 Status Order status_order varchar 30

8 Tanggal Order tanggal_order varchar 50

46

k. Spesifikasi Tabel Order Detail

Nama File : Order Detail

Akronim : tb_order_detai

Fungsi : Tempat penyimpanan data order produk secara detail.



Aksi File : Random

Media : Harddisk


Kunci Field : id_detail

Software : MySQL

Tabel III.13

Spesifikasi Tabel Order Detail


1 Id Detail id_detail int 11 Primary Key

2 Kode Invoice kode_invoice varchar 15

3 Kode Produk kode_produk varchar 15

4 Nama Produk nama_barang varchar 50

5 Quantity Qty double -

6 Harga Harga double -

7 Subtotal Subtotal double -

8 Biaya Pengiriman cost_shipment double -

47

l. Spesifikasi Tabel Produk

Nama File : Produk

Akronim : tb_produk

Fungsi : Tempat penyimpanan data produk.



Aksi File : Random

Media : Harddisk


Kunci Field : kode_produk

Software : MySQL

Tabel III.14

Spesifikasi Tabel Produk


1. Kode Produk kode_produk varchar 15 Primary Key

2. Nama Produk nama_barang varchar 50

3. Kode Kategori kode_kategori varchar 5

4. Kode Merk kode_merk varchar 30

5. Stock Stock int 11

6. Harga Harga double -

7. Diskon Diskon int 11

8. Total total double -

9. Gambar Gambar text -

48

3.2.3 Rancangan Struktur Navigasi

Struktur navigasi yang penulis gunakan dalam pembuatan website ini adalah

struktur navigasi campuran. Melalui struktur navigasi ini akan terlihat isi beserta

seluruh susunan yang ada dalam sebuah website.

1. Rancangan Struktur Navigasi Halaman Utama (Home)

Gambar III.10

Struktur Navigasi Halaman Utama (Home)

49

2. Rancangan Struktur Navigasi Halaman Admin

Gambar III.11

Struktur Navigasi Halaman Admin

50

3. Rancangan Struktur Navigasi Halaman Operator

Gambar III.12

Struktur Navigasi Halaman Operator

51

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan web e-commerce.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Atom™ CPU N2600 @ 1.60GHz 1.60GHz

(b) RAM DDR 3 2.00 GB

(c) Hard Disk 300 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024 x 600

5) Koneksi internet dengan kecepatan 1Mbps

b. Client

1) CPU

(a) Processor Intel® Atom™ CPU N2600 @ 1.60GHz 1.60GHz

(b) RAM DDR 3 2.00 GB

(c) Hard Disk 300 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024 x 600

5) Koneksi internet dengan kecepatan 1Mbps

52

2. Spesifikasi Perangkat Lunak

a. Server

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

2) Aplikasi bundle web server seperti: Xampp, 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 browser lihat seperti: Mozilla Firefox dan Google

Chrome.

b. Client

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

2) Aplikasi web browser seperti: Mozilla Firefox, Internet Explorer dan

Google Chrome.

53

3.3. Implementasi dan Pengujian Unit

3.3.1 Implementasi

54

3.3.2 Pengujian Unit

Pengujian terhadap program yang menggunakan blackbox testing yang fokus

terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form 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 diisi

kemudian klik

tombol login

Username :

(kosong)

Password :

(kosong)

Sistem akan

menolak

akses dan

menampilkan

“Please fill

out this field”

Sesuai

harapan

Valid

2. Checkbox tidak

diceklis

Checkbox :

(kosong)

Sistem akan

menolak

akses dan

menampilkan

“Please

check this

box if you

want to

Sesuai

harapan

Valid

55

proceed”

3. Mengetikan salah

satu kondisi salah

pada Username atau

Password kemudian

klik tombol login

Username :

admin

(benar)

Password:

adminweb

(salah)

Sistem akan

menolak

akses dan

menampilkan

popup

message box

“username

atau

password

yang anda

masukan

salah, ulangi

login”

Sesuai

harapan

Valid

4. Mengetikan

username atau

password dengan

simbol titik, koma,

petik dll

Username :

admin

(benar)

Password :

1’or’1

(salah)

Sistem akan

menolak

akses dan

menampilkan

“maaf sistem

tidak dapat

mengakses

permintaan

Sesuai

harapan

Valid

56

anda”

5. Mengetikan

username dan

password dengan

data yang benar

kemudian klik

tombol login

Username :

admin

(benar)

Password :

admin

(benar)

Sistem

menerima

akses login

dan

kemudian

menampilkan

halaman

dashboard

Sesuai

harapan

Valid

57

B. Pengujian Terhadap Form Login Member

Tabel III.16

Hasil Pengujian Blackbox Testing Halaman Login Member

No Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1. Email dan Password

tidak diisi kemudian

klik tombol sign in

Email :

(kosong)

Password :

(kosong)

Sistem akan

menolak

akses dan

menampilkan

“Please fill

out this field”

Sesuai

harapan

Valid

2. Mengetikan salah

satu kondisi salah

pada Email atau

Password kemudian

klik tombol sign in

Email:

ardiansyahi

@ymail.com

(benar)

Password:

admin

(salah)

Sistem akan

menolak

akses dan

menampilkan

popup

message box

“maaf email

atau

password

Sesuai

harapan

Valid

58

yang anda

masukan

salah”

3. Mengetikan

password dengan

simbol titik, koma,

petik dll

Email :

ardiansyahi

@ymail.com

(benar)

Password :

1’or’1

(salah)

Sistem akan

menolak

akses dan

menampilkan

“maaf sistem

tidak dapat

mengakses

permintaan

anda”

Sesuai

harapan

Valid

4. Mengetikan email

dan password

dengan data yang

benar kemudian klik

tombol sign in

Email :

ardiansyahi

@ymail.com

(benar)

Password:

admin web

(benar)

Sistem

menerima

akses

loginmember

dan

kemudian

menampilkan

halaman

member

Sesuai

harapan

Valid

bab iii pembahasan - bsi...title, dan alamat website pada halaman front end dengan mudah. 5. control...

Documents