BAB III PEMBAHASAN. Analisis kebutuhan adalah mengidentifikasi kebutuhan yang diperoleh

(1)

29

BAB III

PEMBAHASAN

3.1. Analisis Kebutuhan

Analisis kebutuhan adalah mengidentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna dan kebutuhan sistem. Berikut adalah tabel kebutuhan pengguna:

A. Analisis Kebutuhan Pengguna

Pengguna yang akan menggunakan web ini terdiri dari tiga bagian yaitu admin, pelanggan dan pengunjung, dengan asumsi pengguna yang sudah terbiasa menggunakan web, sebagai berikut:

Tabel III.1 Analisis Kebutuhan Pengguna

1.Admin Admin adalah bagian pengguna sistem yang memiliki hak akses lebih dibandingkan dengan pelanggan dan pengunjung, dengan karakteristik sebagai berikut:

a. Mempunyai kemampuan dasar di bidang komputer.

b. Pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet.

c. Memiliki pengalaman lebih lama dalam menggunakan komputer.

2.Pelanggan Pelanggan adalah bagian pengguna sistem yang memiliki batasan hak akses, dengan karakteristik sebagai berikut:

(2)

Berdasarkan karakteristik data di atas, pengguna yang ada di setiap bagian pada umumnya sudah bisa mengoperasikan komputer, dapat dilihat bahwa setiap pengguna minimal dapat melakukan browsing di internet dan dapat mengerti tentang e-commerce penjualan jam tangan, dilihat dari latar belakang pendidikan dan pengalaman yang lebih lama dalam menggunakan komputer.

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Antarmuka

A. Rancangan Antarmuka Halaman User 1. Halaman Beranda

Halaman ini merupakan yang akan pertama kali tampil di website, dibagian ini terdapat menu yang akan menyambung ke halaman-halaman didalam website. Pada saat kita klik menu main frame akan berganti. Desain tampilannya sebagai berikut:

b. Mampu mengoperasikan komputer dan dapat melakukan browsing di internet

3.Pengunjung Pengunjung adalah bagian pengguna sistem yang memiliki batasan hak akses, dengan karakteristik sebagai berikut:

a. Mempunyai kemampuan dasar di bidang komputer.

b. Mampu mengoperasikan komputer dan dapat melakukan browsing di internet.

(3)

Gambar III.1 Rancangan Antarmuka Halaman Beranda 2. Halaman Profil

Halaman ini adalah halaman dimana akan menampilkan visi dan misi perusahaan.

(4)

3. Halaman Cara Pesan

Halaman ini adalah halaman dimana akan menampilkan cara memesan barang.

Gambar III.3 Rancangan Antarmuka Halaman Cara Pesan 4. Halaman Buku Tamu

Halaman ini adalah halaman buku tamu yang berguna untuk mempertanyakan sesuatu dan bisa untuk saran dan kritik .

(5)

5. Halaman Keranjang Belanja

Halaman ini adalah halaman yang menampilkan pilihan brang sementara sebelum barang yang dipilh akan dibeli.

Gambar III.5 Rancangan Antarmuka Halaman Keranjang Belanja 6. Halaman Alamat Pengiriman

Halaman ini dimana akan memperbaharuan alamat pengiriman yang akan dikirim.

(6)

B. Rancangan Antar Muka Halaman Admin 1. Halaman Login Admin

Halaman ini adalah halaman pertama tampil sebelum kita masuk ke halaman web admin.

Gambar III.7

Rancangan Antar Muka Halaman Login Admin

2. Halaman Awal Admin Data Pesanan

Pada halaman ini berisi menu, main frame, header, dan footer. Saat kita klik salah satu menu maka main frame akan berganti.

Gambar III.8

(7)

Keterangan :

1. Menu 1 : Data Pesanan 2. Menu 2 : Laporan 3. Menu 3 : Data Barang 4. Menu 4 : Tambah Kategori 5. Menu 5 : Buku Tamu 6. Menu 6 : Data Member 7. Menu 7 : Data Admin

3. Halaman Laporan

Pada halaman ini berisi tentang laporan pengiriman barang yang sudah deal atau dipacking buat dikirim.

Gambar III.9

Rancangan Antar Muka Halaman Laporan Keterangan :

1. Menu 1 : Data Pesanan 5. Menu 5 : Buku Tamu 2. Menu 2 : Laporan 6. Menu 6 : Data Member 3. Menu 3 : Data Barang 7. Menu 7 : Data Admin 4. Menu 4 : Tambah Kategori

(8)

4. Halaman Data Barang

Pada halaman ini berisi tentang penginputan produk-produk yang akhirnya ditampilkan di halaman utama user.

Gambar III.10

Rancangan Antar Muka Halaman Data Barang Keterangan :

5. Halaman Tambah Kategori

Pada halaman ini berisi tentang penginputan kategori untuk membedakan suatu produk.

(9)

Gambar III.11

Rancangan Antar Muka Halaman Tambah Kategori Keterangan :

6. Halaman Buku Tamu

Pada halaman ini berisi tentang saran, kritik serta pertanyaan-pertanyaan yang dikirim oleh member.

Gambar III.12

(10)

Keterangan :

7. Halaman Data Member

Pada halaman ini berisi tentang biodata jelas member saat melakukan pendaftaran.

Gambar III.13

Rancangan Antar Muka Halaman Data Member Keterangan :

8. Halaman Data Admin

Pada halaman ini berisi tentang biodata jelas member saat melakukan pendaftaran.

(11)

Gambar III.14

Rancangan Antar Muka Halaman Data Admin

Keterangan :

1. Menu 1 : Data Pesanan 5. Menu 5 : Buku Tamu 2. Menu 2 : Laporan 6. Menu 6 : Data Member 3. Menu 3 : Data Barang 7. Menu 7 : Data Admin 4. Menu 4 : Tambah Kategori

(12)

3.2.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkandengan Entity Relationship Diagram (ERD) dan Logical Relational Structure (LRS).

A. Entity Relationship Diagram (ERD)

Barang gambar deskripsi stok Id_barang kategori nama harga Pelanggan username password nama alamat telpon Id_ pelanggan Nama_ pelanggan memilih Pemesanan_ detail No_pesan Id_barang Jumlah

melakukan mempunyai Kantong

jumlah stok Jam_ kantong Id_kantong Tgl_ kantong Id_barang _username M M 1 1 M M Pemesanan Id_kota Id_pesan No_pesan username Status_ pesan Tgl_pesan Jam_pesan Ongkir pesan Kategori Id_kategori Kategori memiliki memiliki memiliki Kota Id_kota Nama_kota Ongkos_ kirim Admin Id_admin usernama Password mengelola mengelola Pengiriman Id_kirim Tgl_kirim No_pesan Jam_kirim mempunyai melakukan 1 1 1 1 1 1 1 1 1 1 1 1 1 M

(13)

B. Logical Relational Structure(LRS) Barang Id_barang Kategori Nama Harga Stok Deskripsi Gambar Pelanggan Username Password Nama Nama_pelanggan Id_pelanggan Telpon Alamat Pemesanan_detail No_pesan Id_barang Jumlah Kantong Id_kantong Id_barang Jumlah Tgl_kantong Jam_kantong Stok username M M 1 1 M Pemesanan Id_kota Id_pesan No_pesan Username Status_pesan Ongkir_pesan Jam_pesan Tgl_pesan Kota Id_kota Nama_kota Ongkos_kirim Kategori Id_kategori kategori Admin Id_admin Usernama password Pengiriman Id_kirim Tgl_kirim Jam_kirim No_pesan 1 1 1 1 1 1 1 1 1 1 1 1 1 M M

Gambar III.16 Logical Relational Structure (LRS)

C. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan atau file-file penunjang untuk web). File-file ini tersimpan pada penjualan_aksesoris dengan parameter-parameter sebagai berikut:

(14)

1. Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : Pelanggan.myd

Fungsi : Menyimpan data pelanggan Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 145 karakter Kunci Field : Id_pelanggan

Software : MySQL

Tabel III.2 Spesifikasi File Pelanggan

No Elemen Data Nama Field Type Size Ket

1. Kode Pelanggan Id_pelanggan Integer 35 Primary key

2. Username Username Varchar 15

3. Password Password Varchar 15

4. Nama Pelanggan Nama_pelanggan Varchar 30

5. Alamat Alamat Text

6. Telpon Telpon Varchar 20

(15)

2. Spesifikasi File Kategori

Nama File : Kategori

Akronim : Kategori.myd

Fungsi : Menyimpan data kategori barang Tipe File : File Master

Media : Harddisk

Panjang Record : 60 karakter Kunci Field : id_kategori

Tabel III.3

Spesifikasi File Kategori

1. Kode Kategori Id_kategori Int 10 Auto_increment,Primary Key

(16)

3. Spesifikasi File Barang

Nama File : Barang

Akronim : Barang.myd

Fungsi : Menyimpan data barang Tipe File : File Master

Media : Harddisk

Panjang Record : 153 karakter Kunci Field : Id_barang

Tabel III.4

Spesifikasi File Barang

1. Kode Barang Id_barang Integer 5 Primary key, Auto_increment 2. Kategori Kategori Varchar 25 Foreign key

3. Nama Barang Nama Varchar 50

4. Harga Harga Int 8

5. Stok Stok Integer 15

6. Deskripsi Deskripsi Varchar 50

(17)

4. Spesifikasi File Pemesanan

Nama File : Pemesanan

Akronim : Pemesanan.myd

Fungsi : Menyimpan data pemesanan Tipe File : File Transaksi

Media : Harddisk

Panjang Record : 125 karakter Kunci Field : no_faktur

Tabel III.5

Spesifikasi File Pemesanan

1. Kode Pesanan Id_pesan Integer 5 Primary key, Auto_Increment 2 No. Pesanan No_pesan Varchar 10 Foreign key

3 Tgl. Pesanan Tgl_pesan Date

4 Username Username Varchar 50 5 Jam Pesanan Jam_pesan Time

6 Status Pesanan Status_pesan Varchar 30

7 Id kota Id_kota Integer 15

(18)

5. Spesifikasi File Admin

Nama File : Admin

Akronim : Admin.myd

Fungsi : Mengatur data Barang Tipe File : File Master

Media : Harddisk

Panjang Record : 25 karakter Kunci Field : id_admin

Tabel III.6 Spesifikasi File Admin No Elemen Data Nama Field Type Size Ket

1. Id Admin Id_admin Integer 5 Primary key, Auto_Increment

2. Username Username Varchar 10

(19)

6. Spesifikasi File Kota

Nama File : Kota

Akronim : Kota.myd

Fungsi : Menentukan daerah kota Tipe File : File Master

Media : Harddisk

Panjang Record : 80 karakter Kunci Field : id_kota

Tabel III.7 Spesifikasi File Kota

No Elemen Data Nama Field Type Size Ket

1. Id Kota Id_kota Integer 15 Primary key, Auto_Increment 2. Nama Kota Nama_kota Varchar 35

(20)

7. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim : Konfirmasi.myd

Fungsi : Menyimpan data pemesanan barang Tipe File : File Master

Media : Harddisk

Panjang Record : 108 karakter Kunci Field : No_konfirmasi

Tabel III.8

Spesifikasi File Konfirmasi

1 No Konfirmasi No_konfirmasi Integer 11 Primary key, Auto_increment 2 Username Username Varchar 50 Foreign key

3 No Pesan No_pesan Varchar 10 Foreign key 4 Jumlah Bayar Jumbay Integer 11

5 Tgl Bayar Tgl_bayar Date

6 Gambar Gambar Text

7 Dari Rekening Dari_rekening Varchar 11 8 Dari Bank Dari_bank Varchar 15

(21)

8. Spesifikasi File Pemesanan Detail Nama File : Pemesanan detail Akronim : Pemesanan_detail.myd Fungsi : Menentukan pemesanan Tipe File : File Master

Media : Harddisk

Panjang Record : 20 karakter Kunci Field : No_pesan

Tabel III.9

Spesifikasi File Pemesanan Detail

No Elemen Data Nama Field Type Size Ket 1. No Pesan No_pesan Varchar 10 Primary key, 2. Id Barang Id_barang Integer 5 Foreign key

(22)

3.2.3 Rancangan Struktur Navigasi

Struktur navigasi merupakan alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan website.

1. Struktur Navigasi Linier dan Hirarki Halaman Utama

Index

Buku

Tamu

Cari

Keranjang

Belanja

Cara Pesan

Profil

Kategori

Daftar

Login

Hal.

Profil

Hal.

Cara Pesan

Simpan

Hal. Cari

Hal.

Kategori

Hal.

Daftar

Beranda

Beli Detail

Batal

Gambar III.17

(23)

2. Struktur Navigasi Linier dan Hirarki Member Index Buku Tamu Cari Keranjang Belanja Cara Pesan

Profil Kategori Log Out

Hal. Profil

Hal.

Cara Pesan Simpan Hal. Cari

Hal. Kategori

Beranda

Beli Detail Batal

Keranjang Belanja Hal. Keranjang Belanja Update Jumlah Lanjutkan Belanja Selesai Belanja Pilih Kota Tujuan Struk Pemesanan Hal. Kategori Gambar III.18

(24)

3. Struktur Navigasi Linier dan Hirarki Halaman Admin

Gambar III.19 Rancangan Struktur Navigasi Halaman Admin

3.3. Implementasi dan Pengujian Unit 3.3.1 Implementasi

A. Implementasi Rancangan Antar Muka Halaman User

Rancangan implementasi antar muka pada web e-commerse berdasarkan hasil rancangan antar muka.

1. Halaman Beranda

(25)

Gambar III.20 Halaman Awal Beranda

(26)

2. Halaman Profil

Gambar III.21 Halaman Awal Profil

3. Halaman Cara pesan

Gambar III.22 Halaman Awal Cara Pesan

(27)

4. Halaman Buku Tamu

Gambar III.23

Halaman Awal Buku Tamu

5. Halaman Utama Member

Gambar III.24

(28)

6. Halaman Keranjang Belanja

Gambar III.25

Halaman Awal Keranjang Belanja 7. Halaman Alamat Pengiriman

Gambar III.26

(29)

B. Implementasi Rancangan Antar Muka Halaman Admin 1. Halaman Login Admin

Gambar III.27 Halaman Login Admin

2. Halaman Data Pesanan

Gambar III.28 Halaman Data Pesanan

(30)

3. Halaman Laporan

Gambar III.29 Halaman Data Laporan

4. Halaman Data Barang

Gambar III.30 Halaman Data Barang

(31)

5. Halaman Tambah Kategori

Gambar III.31

Halaman Tambah Kategori

6. Halaman Buku Tamu

Gambar III.32 Halaman Buku Tamu

(32)

7. Halaman Data Member

Gambar III.33 Halaman Data Member 8. Halaman Data Admin

Gambar III.34

Halaman Data Admin

C. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce untuk sistem penjualan aksesoris motor berbasis web.

(33)

1. Spesifikasi Perangkat Keras a) CPU

(1) Processor Pentium® Core 2 Duo (2) RAM DDR2 100 GB

(3) Hard Disk 198 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

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

2. Aplikasi bundle web server seperti: Xampp yang terdiri dari beberapa komponen, diantaranya:

a. Aplikasi PHP Server v5 b. Aplikasi MySQL Server v5 c. Aplikasi phpMyAdmin v3

3. Aplikasi Web Lihatr seperti Mozilla Firefox, Internet Explorer,Google Chrome.

B. Client

(34)

2. Aplikasi web browser seperti Mozilla Firefox, , Internet Explorer,Google Chrome.

3.3.2.Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang fokus terhadap proses masukan dan keluaran program.

Tabel III.10

Hasil Pengujian Halaman Login User

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 user

dan menampilkan “Username Belum Terisi Atau Anda

Gagal Login” Sesuai harapan Valid 2 Username di isi dan password tidak di isi atau kosong kemudian klik tombol Username : agam Password: (kosong) Sistem akan menolak akses user

dan menampilkan “Password Belum Terisi” Sesuai harapan Valid

(35)

login 3. Username tidak di isi dan password di isi kemudian klik tombol login Username : (kosong) Password: agam Sistem akan menolak akses user

dan menampilkan “Username Belum Terisi Atau Anda

Gagal Login” Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username : agam (benar) Password: 1234 (salah) Sistem akan menolak akses user

dan menampilkan “Gagal Login.Harap masukan username dan password dengan benar” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar kemudian Username: agam (benar) Password: agam (benar) Sistem menerima akses login , kemudian langsung menampilkan ”selamat datang di

Muda Mudi Citra

Sesuai harapan

(36)

klik tombol login

Tailor sdr/sdri dan masuk kehalaman

member.

A. Pengujian Terhadap Form Daftar

Tabel III.11

Hasil Pengujian Halaman Daftar Member

No. Skenario pengujian

Test case Hasil yang diharapkan Hasil pengujian Kesimpulan 1 Mengisi form daftar dengan lengkap Klik button daftar Data Pelanggan yang sudah diisi tersimpan di database Sesuai harapan Valid 2 Mengisi form daftar salah satu data tidak diisi Klik button daftar Data pelanggan tidak tersimpan Sesuai harapan Valid 3 Form daftar tidak diisi semua Klik button daftar Data pelanggan tidak tersimpan Sesuai harapan Valid

(37)

B. Pengujian Terhadap Form Login Admin Tabel III.12

Hasil Pengujian Halaman Login Admin

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 user dan

menampilkan “Username belum terisi atau anda gagal

login”

Sesuai harapan Valid

2 Password tidak

diisi atau kosong kemudian klik tombol login Username : sagam Password: (kosong) Sistemakan menolak akses user dan

menampilkan “Password Belum

Terisi”

3. Username tidak di isi Username : (kosong) Password: 1234

menampilkan “Username belum terisi atau anda gagal

login”

(38)

4. Mengetikkan salah satu kondisi

salah pada username atau password kemudian klik tombol login Username : agam (benar) Password: agam (salah)

menampilkan “Username atau password salah”

5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username : agam (benar) Password: 1234 (benar) Sistem menerima akses login , kemudian langsung menampilkan ”Login

Sukses dan masuk kehalaman Beranda

Admin.

C. Pengujian Terhadap Keranjang Belanja

Tabel III.13 Tabel Pengujian Terhadap Keranjang Belanja

Test Case Hasil yang diharapkan

Hasil pengujian Kesimpulan

1. Jika ingin melanjutkan belanja Klik tombol lanjutkan belanja Sistem akan mengarahkan pada halaman member atau halaman kategori.

(39)

2. Jika ingin mengupdate jumlah beli Klik tombol update-jumlah atau menekan tombol enter Sistem akan memproses dan akan muncul kotak

pesan yang berisi “jumlah beli

ter-update”

3. Jika ingin menghapus barang Klik tombol hapus Sistem akan menghapus pembelian dikeranjang dan akan muncul kotak