bab iii pembahasan 3.1. analisa kebutuhan

39

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Analisa kebutuhan adalah mengidentifikasi kebutuhan yang diperoleh

berdasarkan kebutuhan pengguna dan kebutuhan sistem.

1. Kebutuhan Pengguna

Pada aplikasi e-commerce terdapat pengguna yang dapat saling berinteraksi

dalam lingkungan sistem yaitu front-end untuk kebutuhan pengunjung dan back-

end untuk kebutuhan admin. Setiap pengguna mempunyai kebutuhan informasi

yang berbeda-beda, yaitu :

a. Administrator

1) Melakukan login admin

2) Melihat seputar kategori, produk, member, order, laporan penjualan, artikel,

testimoni, dan konfirmasi pembayaran.

3) Menghapus member

4) Menambah, mengedit, dan menghapus produk.

5) Menambah, mengedit, dan menghapus kategori

6) Menambah, mengedit, dan menghapus data user admin

7) Melihat detail Pembayaran

40

b. Pengunjung

1) Melihat seputar Home, Produk, Cara Order, Tentang Kami, Kontak Kami,

dan Testimoni serta melihat daftar produk dari setiap kategori dan

spesifikasi dari setiap produk.

2) Mengisi atau mendaftar menjadi member

c. Member

1) Melakukan login member

2) Mengisi keranjang belanja

3) Melakukan transaksi pembelian dan konfirmasi pembayaran

4) Melakukan logout

2. Kebutuhan Sistem

Pada aplikasi e-commerce terdapat sistem operasi yang digunakan untuk

mengendalikan program. Setiap sistem operasi mempunyai kegunaan masing-masing,

yaitu :

a. Pengunjung sebelum melakukan transaksi harus melakukan registrasi menjadi

member untuk dapat memesan produk.

b. Administrator melakukan login untuk masuk ke menu admin dan logout untuk

keluar.

c. Sistem harus dapat mengubah, mengedit dan menambah yang terdapat pada

menu admin.

41

3.2. Perancangan Perangkat Lunak

Suatu struktur yang diterapkan pada pengembangan produk perangkat lunak

yang bertujuan untuk mengembangkan sistem dan memberikan panduan yang

bertujuan untuk mensukseskan proses pengembangan sistem melalui tahap demi

tahap. Berikut adalah tahap dalam pengembangan perancangan perangkat lunak

3.2.1. Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada web e-

commerce.

1. Rancangan Antarmuka Login Admin

Gambar III.6

Rancangan Antarmuka Login Admin

Submit Reset

42

2. Rancangan Antarmuka Halaman Admin User

Gambar III.7

Rancangan Antarmuka Halaman Admin User

3. Rancangan Antarmuka Halaman Admin Artikel

4. Rancangan Antarmuka Halaman Admin

Gambar III.8

Rancangan Antarmuka Halaman Admin Artikel

Tambah Artikel

Judul Artikel

Gambar

Isi Artikel

Tambah Admin User

Username

password

Header

Home

Admin User

Kategori

Produk

Member

Order

Laporan

penjualan

Artikel

Pesan

Testimoni

Cancel

Save

Header

Home

Admin User

Kategori

Produk

Member

Order

Laporan penjualan

Artikel

Pesan

Testimoni

Save

Reset

No File Choosen

Choose File

43

5. Rancangan Antarmuka Halaman Admin Tambah Produk

Gambar III.9

Rancangan Antarmuka Halaman Admin

6. Rancangan Antarmuka Halaman User

Gambar III.10

Rancangan Antarmuka Halaman User

Tambah Produk

Nama produk

Kategori

Harga

Berat

Stok

Deskripsi

Gambar

Home

Admin User

Kategori

Produk

Member

Order

Laporan

penjualan

Artikel

Pesan

Testimoni

Header

Choose File

Save

Reset

Home

Cari Produk

Artikel

Kategori

Produk Cara Order Tentang kami Kontak Register Login

Slider CS Online

Bank Tranfer

Testimoni

v

No File Choosen

Footer

Isi

44

3.2.2. Rancamgan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan

dengan Entity Relationship Diagram (ERD).

1. Entity Relationship Diagram (ERD).

pelangganmelakukanbelanja

Transaksi_

penjualanpengiriman

Transaksi_

belanja

kategoribarang

memilik

memiliki mempunyai

mempunyai

mempunyai

alamat

Nama_kota

password

No_tlpn

nama

Id_kota

ukuran

Jumlah_barang

kode_barang

Id_belanja

biaya

username

Kode_transaksi

Total_belanja

Nama_kategori

Kode_barang

Id_kategori

Nama_barang

Deskripsi_barang

harga

gambar

Id_kategori

memiliki

Tgl_transaksino

username

Id_kota

Kode_barnag

Jumlah_barangKode_transaksi

Konfirmasi

nama_bank

kode_transaksi

mempunyai

no

nama_pemilik

Jumlah_transfer

usernama

Tgl_belanja

username

Tgl_transaksi

Biaya_pengiriman

alamat

status

Tgl_trans

Ukuran

icon

1

M

1

1 M 1

M

1

Stok

1

1melakukan

1

1

1

1

1

1

Gambar III.11

Entity Relationship Diagram (ERD)

45

2. Logical Relational Structure (LRS)

username *

password

nama

alamat

no_tlp

Pelanggan

kode_transaksi *

Tgl_transaksi

Username

Total_belanja

Biaya_pengiriman

alamat

status

Transaksi_belanja

id_belanja*

Kode_barang

jumlah_barang

ukuran

tgl_belanja

username**

Belanja

No*

kode_transaksi**

tgl_transaksi

jumlah_barang

Ukuran

username**

kode_barang**

id_kota**

Transaksi_penjualan

id_kota*

nama_kota

biaya

Pengiriman

kode_barang*

nama_barang

stok

harga

deskripsi_barang

gambar

id_katagori**

Barang

no**

Tgl_trans

kode_transaksi

nama_bank

nama_pemilik

jumlah_transfer

konfirmasi

id_katagori*

nama_katagori

icon

Katagori

1

M

‘

1

1

1

M

M

1

1

1

M

1 1

M

Gambar III.12

Logical Relational Structure (LRS)

46

3. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD

(dan atau file-file penunjang untuk web). File-file ini tersimpan pada database xerin

dengan parameter-parameter sbb :

1. Nama File : Table Admin

Akronim : admin

Fungsi : Sebagai tempat menyimpan data user admin

Type File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 150 Karakter

Kunci Field : user_name

Software : MySQL

Table III.5

Spesifikasi File Admin

No Elemen data Nama field Type Size Keterangan

1 User_name Username Varchar 50 Primary Key

2 Password Password Varchar 100

47

2. Nama File : Table Pelanggan

Akronim : pelanggan

Fungsi : Sebagai tempat menyimpan data Pelanggan



Akses File : Random

Media : Hardisk


Kunci Field : username

Software : MySQL

Table III.6

Spesifikasi File Pelanggan


1 Username Username Varchar 50 Primary Key

2 Password Password Varchar 100

3 Nama Nama Varchar 50

4 Alamat Alamat Text

5 Nomer Telepon no_tlp Varchar 20

48

3. Nama File : Table Belanja

Akronim : belanja

Fungsi : Sebagai tempat menyimpan keranjang belanja sementara

Type File : File Sementara


Akses File : Random

Media : Hardisk


Kunci Field : id_belanja

Software : MySQL

Table III.7

Spesifikasi File Belanja


1 Id Belanja id_belanja Int 11 Primary Key

2 Kode Barang kode_barang Varchar 10 Foreign key

3 Jumlah Barang jumlah_barang Int 11

4 Ukuran ukuran varchar 3

5 Tanggal Belanja tgl_belanja Date

6 Username Username Varchar 30 Foreign key

49

4. Nama File : Table Transaksi Penjualan

Akronim : transaksi_penjualan

Fungsi : Sebagai tempat menyimpan detail transaksi pembelian

Type File : File Transaksi


Akses File : Random

Media : Hardisk


Kunci Field : no

Software : MySQL

Table III.8

Spesifikasi File Transaksi penjualan


1 Nomor No Int 11 Primary Key

2 Kode Transaksi kode_transaksi Varchar 10 Foreign key

3 Tanggal Transaksi tgl_transaksi Date

4 Jumblah Barang jumlah_barang Int 20

5 Ukuran ukuran Varchar 3


7 Kode Barang kode_barang Varchar 10 Foreign key

8 Id Kota id_kota Varchar 10 Foreign key

50

5. Nama File : Table Transaksi Belanja

Akronim : transaksi_belanja

Fungsi : Sebagai tempat menyimpat status dalam setiap pembelian

Type File : File Trasaksi


Akses File : Random

Media : Hardisk


Kunci Field : kode_transaksi

Software : MySQL

Table III.9

Spesifikasi File Transaksi Belanja


1 Kode Transaksi kode_transaksi Varchar 10 Primary key

2 Tanggal Transaksi tgl_transaksi Date


4 Total Belanja total_belanja double

5 Biaya Pengiriman biaya_pengiriman double

6 Alamat Alamat Text

7 Status status Varchar 25

51

6. Nama File : Table Barang

Akronim : barang

Fungsi : Sebagai tempat menyimpan data barang



Akses File : Random

Media : Hardisk


Kunci Field : kode_barang

Software : MySQL

Table III.10

Spesifikasi File Barang


1 Kode Barang kode_barang Varchar 10 Primary key

2 Nama Barang nama_banrang Varchar 225

3 Stok Barang stok Int 10

4 Harga Harga Double

5 Deskripsi deskripsi_barang Text

6 Gambar Gambar Varchar 100

7 Id Kategori Kategori Varchar 11 Foreign key

52

7. Nama File : Table Pengiriman

Akronim : pengiriman

Fungsi : Sebagai tempat menyimpan data daftar tujuan pengiriman



Akses File : Random

Media : Hardisk


Kunci Field : id_kota

Software : MySQL

Table III.11

Spesifikasi File Pengiriman


1 Id Kota id_kota Varchar 10 Primary key

2 Nama Kota nama_kota Varchar 50

3 Biaya Biaya Double

53

8. Nama File : Table konfirmasi

Akronim : konfirmasi

Fungsi : Sebagai tempat menyimpan data konfirmasi pembayaran



Akses File : Random

Media : Hardisk


Kunci Field : username

Software : MySQL

Table III.12

Spesifikasi File Konfirmasi


1 No Konfirmasi No Int 11 Primary key

2 Tanggal Transaksi tgl_trans Date

3 Kode Transaksi kode_transaksi Varchar 10

4 Bank nama_bank Varchar 10

5 Nama Pemilik Rek. nama_pemilik Varchar 50

6 Total Bayar jumlah_transfer Double

54

9. Nama File : Table kategori

Akronim : kategori

Fungsi : Sebagai tempat menyimpan data kategori



Akses File : Random

Media : Hardisk


Kunci Field : id_kategori

Software : MySQL

Table III.13

Spesifikasi File Kategori


1 Kode Kategori Id_Kategori Varchar 10 Primary key

2 Nama Kategori Nama_Kategori Varchar 50

3 Icon Icon text

55

3.2.3. Struktur Navigasi

Struktur navigasi website berfungsi sebagai gambaran seluruh isi dari sebuah

situs web secara garis besar dan sebagai gambaran mengenai hubungan antara satu

halaman dan halaman lain dalam website tersebut.

Struktur navigasi yang penulis gunakan dalam pembuatan website ini adalah

struktur navigasi non linier. Melalui struktur navigasi ini akan terlihat isi beserta

seluruh susunan yang ada dalam sebuah website.

Pembuatan struktur navigasi ini nantinya akan sangat membantu dan berguna

dalam perancangan seluruh halaman I. Struktur navigasi yang baik adalah yang

mampu memberitahukan pengunjung tentang lokasi mereka saat ini, dan lokasi

berikutnya yang bisa pengunjung kunjungi.

1. Rancangan Struktur Navigasi Halaman Admin

Gambar III.13

Struktur Navigasi Halaman Admin

56

2. Rancangan Struktur Navigasi Halaman User

Gambar III.14

Struktur Navigasi Halaman User

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada aplikasi elearning berdasarkan hasil

rancangan antar muka

1. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat menggunakan

57

modul-modul yang tersedia Jika login berhasil, maka menu-menu yang sesuai dengan

kategori user tersebut akan ditampilkan.

Gambar III.15

Halaman Login Admin

2. Halaman Tambah Produk

Module ini digunakan untuk melihat dan menambah barang baru yang berisi

katagori, kode barang , nama barang, harga barang , deskripsi barang , serta upload

gambar . Jika berhasil ditambahkan maka barang akan bertambah.

Gambar III.16

Halaman Tambah Produk

58

3. Halaman Tambah Artikel

Module ini digunakan untuk melihat dan menambah artikel , serta upload gambar

. Jika berhasil ditambahkan maka barang akan bertambah.

Gambar III.17

Halaman Tambah Artikel

4. Halaman Login User

Gambar III.18

Halaman Login User

59

5. Halaman Keranjang Belanja

Gambar III.19

Halaman Keranjang Belanja

6. Halaman Konfirmasi Pengiriman

Gambar III.20

Halaman Konfirmasi Pengiriman

60

7. Halaman Riwayat Belanja

Gambar III.21

Halaman Riwayat Belanja

8. Halaman Konfirmasi Pembayaran

Gambar III.22

Halaman Konfirmasi Pembayaran

61

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® Core™ 2 CPU T6600

(b) RAM Dual Core 1.00 GB

(c) Hard Disk 320 GB HDD

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1366x768

5) Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1) CPU

(a) Processor Intel® Celeron®

(b) RAM DDR2 1.00 GB

(c) Hard Disk 250 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1366x768

5) Koneksi internet dengan kecepatan 56 kbps.

62

2. Spesifikasi Perangkat Lunak

a. Server

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

Linux (Ubuntu, Fedora, dll).

2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

3) Aplikasi Web Lihat seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

b. Client

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

Linux (Ubuntu, Fedora, dll).

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

Explorer, Google Chrome.

63

3.3.2. Pengujian Unit

Pengujian terhadap web yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login Admin

Tabel III.14

Hasil Pengujian Black Box Testing Halaman Login Admin

No. Skenario pengujian Test Case Hasil yang diharapkan Hasil

Pengujian Kesimpulan

1.

Username, Password

kosong kemudian klik

tombol submit

Username :

Kosong

Password

Kosong

Sistem menolak dan

menampilkan pesan

“Please fill out this

field ”

Sesuai

Harapan Valid

2.

Satu atau lebih field

input terisi namun ada

field input lain yang

kosong kemudian klik

tombol submit

Username :

admin

Password :

(kosong)

Sistem menolak dan

menampilkan pesan

“Please fill out this

field”

Sesuai

Harapan Valid

3.

Username dan

Password terisi

namun salah satu

value-nya salah

kemudian klik tombol

submit

Username :

admin (benar)

Password :

admin1(salah)

Sistem menolak dan

menampilkan pesan

“Login gagal”

Sesuai

Harapan Valid

4.

Username dan

Password terisi dan

semua value-nya

benar kemudian klik

tombol submit

Username :

admin

Password :

admin

Sistem menerima dan

menampilkan halaman

admin

Sesuai

Harapan Valid

64

B. Pengujian Terhadap Form Login Member

Tabel III.15

Hasil Pengujian Black Box Testing Halaman Login Member

No Skenario

Pengujian Test Case Hasil yang diharapkan

Hasil

Pengujian Kesimpulan

1.

Semua

inputan

kosong

lalu klik

login

username :

(Kosong)

Password :

(Kosong)

Sistem menolak dan

menampilkan pesan “Please fill

out this field”

Sesuai

Harapan Valid

2.

Salah satu

kolom

kosong

lalu klik

login

username :

(Kosong)

Password :

fahmi

Sistem menolak dan

menampilkan pesan “Please fill

out this field”

Sesuai

Harapan Valid

3.

Semua

kolom

terisi lalu

klik login

username :

fahmiprase

tyo610@g

mail.com

Password :

fahmi

Sistem menerima “sistem

langsung masuk sebagai member"

Sesuai

Harapan Valid

65

C. Pengujian Terhadap Form Tambah Data Barang

Tabel III.16

Hasil Pengujian Black Box Testing Halaman Tambah Barang

No. Skenario

pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Nama produk,

Katagori, harga,

berat, stok,

deskripsi, upload

gambar

kemudian klik

save

nama produk:

(kosong)

katagori: (kosong)

harga: (kosong)

berat: (kosong)

stok: (kosong)

deskripsi: (kosong)

upload gambar:

(kosong)

Sistem akan

menampilkan

pesan pada

kolom”please

fill out this

field dan

pada gambar

no file

selected”

Sesuai

harapan

Valid

2. Nama produk,

Katagori, harga,

berat, stok,

deskripsi, upload

gambar

kemudian klik

save

nama produk: (terisi)

katagori: (terisi)

harga: (terisi)

berat: (terisi)

stok: (terisi)

deskripsi: (terisi)

upload gambar:

(kosong)

Sistem akan

menampilkan

pesan “

please select

a file”

Sesuai

harapan

Valid

3. Nama produk,

Katagori, harga,

berat, stok,

deskripsi, upload

gambar

kemudian klik

save

nama produk: (terisi)

katagori: (terisi)

harga: (terisi)

berat: (terisi)

stok: (terisi)

deskripsi: (terisi)

upload gambar:

(terisi)

Sistem akan

menyimpan

data baru

Sesuai

harapan

Valid

bab iii pembahasan 3.1. analisa kebutuhan

Documents