BAB III PEMBAHASAN. saling berinteraksi dalam lingkungan sistem, yaitu pelanggan dan administrator.

(1)

25

PEMBAHASAN

3.1. Analisis Kebutuhan

Analisa kebutuhan di bagi menjadi 2 bagian yaitu kebutuhan pengguna dan kebutuhan sistem :

A. Kebutuhan Pengguna.

Pada aplikasi penjualan tas online ini terdapat dua pengguna yang saling berinteraksi dalam lingkungan sistem, yaitu pelanggan dan administrator. Kedua pengguna tersebut mempunyai karakteristik interaksi dengan sistem dan memiliki kebutuhan yang berbeda. Berikut ini adalah interaksi dan kebutuhan pengguna:

1. Kebutuhan Pengguna Administrator.

Pada halaman ini admin dapat mengelola data produk, data pelanggan, mengubah isi website dan melihat data laporan.

2. Kebutuhan Pengguna atau User.

Pada halaman ini disediakan menu-menu untuk pengguna seperti : home, data produk, cara belanja, resi pengiriman, serta pelanggan bisa melakukan transaksi. B. Kebutuhan Sistem.

Berikut ini adalah kebutuhan sistem dalam aplikasi penjualan tas online :

1. Admin harus login terlebih dahulu untuk masuk kedalam sistem dan logout untuk keluar sistem.

(2)

2. Penggguna harus melakukan pendaftaran terlebih dahulu untuk mendapatkan username dan password untuk login.

3. Pengguna harus login terlebih dahulu dengan menggunakan username dan password untuk dapat mengakses ke dalam sistem.

4. Pengguna harus logout untuk keluar dari aplikasi setelah selesai menggunakan aplikasi.

5. Dan sistem melakukan kalkulasi transaksi pembelian.

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada perancangan sistem informasi penjualan tas berbasis web.

A. Rancangan Antar muka Administrator 1. Rancangan Antar Muka Login Admin

Gambar III.1.

(3)

2. Rancangan Antar Muka Home

Gambar III.2.

(4)

3. Rancangan Antar Muka Produk

Gambar III.3.

Rancangan Antar Muka Produk 4. Rancangan Antar Muka Kategori

Gambar III.4.

(5)

5. Rancangan Antar Muka Admin

Gambar III.5.

Rancangan Antar Muka Data Administrator 6. Rancangan Antar Muka Pelanggan

Gambar III.6.

(6)

7. Rancangan Antar Muka Buku Tamu

Gambar III.7.

Rancangan Antar Muka Buku Tamu 8. Rancangan Antar Muka Data Pemesanan

Gambar III.8.

(7)

9. Rancangan Antar Muka Konfirmasi

Gambar III.9.

Rancangan Antar Muka Data Konfirmasi 10. Rancangan Antar Muka Laporan Pemesanan

Gambar III.10.

(8)

B. Rancangan Antar Muka Pelanggan 1. Rancangan Antar muka Home User

Gambar III.11.

(9)

2. Racangan Antar Muka Kategori

Gambar III.12.

(10)

3. Rancangan Antar Muka Cara Belanja

Gambar III.13.

(11)

4. Rancangan Antar Muka Ongkos Kirim.

Gambar III.14.

(12)

5. Rancangan Antar Muka Resi Pengiriman.

Gambar III.15.

(13)

6. Rancangan Antar Muka Hubungi Kami.

Gambar III.16.

(14)

3.2.2. Rancangan Basis Data.

Perancangan basis data ini menghasilkan pemetaan tabel-tabel yang dapat digambarkan dengan Entity Relationship Diagram (ERD).

A. Entity Relationship Diagram (ERD)

Gambar III.17.

(15)

B. Logical Relation Structure (LRS).

LRS Merupakan representasi struktur record-record pada tabel yang terbentuk dari himpunan antar entitas. Berikut ini adalah LRS dari penjualan tas online:

Gambar III.18.

Rancangan Logical Relation Structure (LRS) C. Spesifikasi File

Spesifikasi file ini menjelaskan tentang file–file yang akan digunakan dalam rancangan website yang diajukan dan sebagai media penyimpanan data dari proses yang telah terjadi pada rancanagan website. Adapun nama file dalam databasenya adalah penjualan_tas_online, dan berikut ini adalah spesifikasi file yang ada dalam database:

(16)

1. Spesifikasi File Admin

Nama Tabel : admin

Akronim : Admin

Fungsi : Menyimpan data admin Tipe File : File Master

Organisasi File : Index Sequential Akses File : Random

Media : Harddisk

Panjang Record : 25 karakter Kunci Field : id_admin

Software : MySQL

Tabel III.1. Spesifikasi File Admin

No Elemen Data Nama Field Type Size Keterangan

1. ID id_admin Int 5 Auto_increment,Pr

imary Key 2. USERNAME username Varchar 10

(17)

2. Spesifikasi File Barang

Nama Tabel : barang

Akronim : Barang

Fungsi : Menyimpan data produk/ barang Tipe File : File Master

Media : Harddisk

Panjang Record : 370 karakter Kunci Field : id_barang

Software : MySQL

Tabel III.2. Spesifikasi File Barang

I. ID id_barang Int 5 Primary key Auto increment

2 Kategori Kategori Varchar 30

3 Nama Nama Varchar 45

4 Harga Harga Int 25

5 Stok Stok Int 15

6 Deskripsi Deskripsi Varchar 250

(18)

3. Spesifikasi File Bukutamu

Nama Tabel : bukutamu

Akronim : Bukutamu

Fungsi : Menyimpan data komentar pelanggan Tipe File : File Master

Media : Harddisk

Panjang Record : 315 karakter Kunci Field : id_tamu

Software : MySQL

Tabel III.3.

Spesifikasi File Bukutamu

1. id tamu id_tamu Int 10 Primary key

Auto increment

2. Nama Nama Varchar 45

3. Email Email Varchar 45

4. Pesan Pesan Varchar 200

(19)

4. Spesifikasi File Kantong

Nama Tabel : kantong

Akronim : Kantong

Fungsi : Menyimpan daftar belanja Tipe File : File Transaksi

Media : Harddisk

Panjang Record : 48 karakter Kunci Field : id_kantong

Software : MySQL

Tabel III.4. Spesifikasi File Kantong

No Elemen Data Nama Field Type Size Ket

1 Id kantong id_kantong Int 10 Primary key

Auto increment

2 Stok Stok Int 15

3 Jumlah Jumlah Date

4 Tanggal katong tgl_kantong Int 15 5 Jam kantong jam_kantong Time

6. Username username Varchar 35

(20)

5. Spesifikasi File Kategori

Nama Tabel : kategori

Akronim : Kategori

Fungsi : Menyimpan daftar kategori produk Tipe File : File Master

Media : Harddisk

Panjang Record : 55 karakter Kunci Field : id_kategori

Software : MySQL

Tabel III.5. Spesifikasi File Kategori

1 ID id_kategori Int 10 Primary key

Auto increment 2 Kategori nm_kategori Varchar 45

(21)

6. Spesifikasi File Konfirmasi

Nama Tabel : konfirmasi

Akronim : Konfirmasi

Fungsi : Menyimpan daftar konfirmasi pembayaran Tipe File : File Transaksi

Media : Harddisk

Panjang Record : 127 karakter Kunci Field : no_konfirmasi

Software : MySQL

Tabel III.6.

Spesifikasi File Konfirmasi No Elemen Data Nama Field Type Size Ket

1. No konfirmasi no_konfirmasi Intr 11 Primary key Auto increment

2. Username Username Varchar 35

3. Jumlah Bayar Jumbay Int 11

4. Tanggal Bayar tgl_bayar Date

5. Bukti Gambar Text

(22)

7. Dari Rekening dari_rekening varchar 20

8. No.pesan no_pesan Varchar 15 Foreign key

7. Spesifikasi File Kota

Nama Tabel : kota

Akronim : Kota

Fungsi : Menyimpan daftar kota beserta ongkos kirim Tipe File : File Master

Media : Harddisk

Panjang Record : 80 karakter Kunci Field : id_kota

Software : MySQL

Tabel III.7. Spesifikasi File Kota

1. Id kota id_kota int 10 Primarkey,Auto_i

ncrement 2. Nama kota nama_kota varchar 45

(23)

8. Spesifikasi File Pelanggan

Nama Tabel : pelanggan

Akronim : Pelanggan

Fungsi : Menyimpan data pelanggan Tipe File : File Master

Media : Harddisk

Panjang Record : 195 karakter Kunci Field : id_pelanggan

Software : MySQL

Tabel III.8.

Spesifikasi File Pelanggan

1. Id Pelanggan id_pelanggan int 10 Primary key auto_increment

2. Username Username Varchar 35

3. Password Password Varchar 10

4. Nama pelanggan nama_pelanggan Varchar 45

5. Alamat Alamat text

6. Telpon Telpon Varchar 15

(24)

9. Spesifikasi File Pemesanan

Nama Tabel : pemesanan

Akronim : Pemesanan

Fungsi : Menyimpan data pemesanan Tipe File : File Transaksi

Media : Harddisk

Panjang Record : 125 karakter Kunci Field : id_pesan

Software : MySQL

Tabel III.9.

Spesifikasi File Pemesanan

1. Id pesan id_pesan Int 10 Primary key

auto_increment 2. Tanggal pesan tgl_pesan Date

3. Username Username Varchar 35 4. Jam Order jam_pesan Time 5. Status Order status_pesan Varchar 30

7. Id kota id_kota Int 10 Foreign key

(25)

10. Spesifikasi File detail_pemesanan

Nama Tabel : pemesanan_ detail Akronim : pemesanan detail

Fungsi : Menyimpan data laporan pemesanan Tipe File : File Transaksi

Media : Harddisk

Panjang Record : 40 karakter Kunci Field : no_pesan

Software : MySQL

Tabel III.10.

Spesifikasi File pemesanan detail

No Elemen Data Nama Field Type Size Keterangan 1. No pesan no_pesan varchar 10 Primary key

auto_increment

2. id_pesan id_pesan int 15 Foreign key

(26)

11. Spesifikasi File pengiriman

Nama Tabel : pengiriman

Akronim : pengiriman

Fungsi : Menyimpan data pengiriman barang Tipe File : File Transaksi

Media : Harddisk

Panjang Record : 20 karakter Kunci Field : id_kirim

Software : MySQL

Tabel III.11.

Spesifikasi File Pengiriman

1. Id kirim id_kirim int 10 Primary key

auto_increment 2. Tanggal kirim tgl_kirim Date

3. Jam kirim jam_kirim Time

(27)

12. Spesifikasi tampil_bukutamu

Nama Tabel : tampil_bukutamu Akronim : tampil buku tamu

Fungsi : Menyimpan komentar dari pelanggan Tipe File : File Master

Media : Harddisk

Panjang Record : 515 karakter Kunci Field : id_pesan

Software : MySQL

Tabel III.12.

Spesifikasi File Tampil_Bukutamu

No Elemen Data Nama Field Type Size Keterangan 1. Id pesan id_pesan int 10 Primary key

auto_increment 2. Tanggal pesan tgl_pesan Date

(28)

3.2.3. Rancangan Struktur Navigasi

Pada tugas akhir penjualan tas online ini, terdapat tiga struktur navigasi, yaitu: navigasi admin, navigasi pengunjung dan navigasi pelanggan. Dan struktur navigasi pada penjualan tas online ini merupakan struktur navigasi campuran.

A. Struktur Navigasi Admin

Gambar III.19.

(29)

C. Struktur Navigasi Pengunjung

Gambar III.20.

(30)

D. Struktur Navigasi Pelanggan

Gambar III.21.

Rancangan Navigasi Campuran Halaman Pelanggan

3.3. Implementasi Dan Pengujian Unit

3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka website e-commerce pada penjualan tas berdasarkan rancangan antar muka.

(31)

1. Implementasi Halaman Login Admin

Halaman ini, Administrator harus login terlebih dahulu untuk dapat mengakses halaman admin.

Gambar III.22.

(32)

2. Implementasi Halaman Home Admin

Pada halaman ini, admin dapat memilih menu yang ada pada halaman home.

Gambar III.23.

(33)

3. Implementasi Halaman Produk

Pada halaman ini berisi tentang data produk yang sudah di input dan terdapat tombol edit,hapus dan tambah produk.

Gambar III.24.

(34)

4. Implementasi Halaman Kategori

Pada halaman ini admin dapat menambahkan dan menghapus kategori produk.

Gambar III.25.

(35)

5. Implementasi Halaman Data Admin

Halaman ini berisi data admin. Dan juga ada menu edit,hapus serta tambah admin.

Gambar III.26.

(36)

6. Implementasi Halaman Pelanggan

Pada halaman ini berisi list data pelanggan yang sudah melakukan pendaftaran member.

Gambar III.27.

(37)

7. Implementasi Halaman Buku Tamu

Halaman ini berisi data komentar yang dikirim oleh pelanggan.

Gambar III.28.

(38)

8. Implementasi Halaman Pemesanan

Halaman ini berisi tentang list pemesanan barang oleh pelanggan.

Gambar III.29.

(39)

9. Implementasi Halaman Konfirmasi

Pada halaman ini terapat data konfirmasi pembelian dari konsumen.

Gambar III.30.

(40)

10. Implementasi Halaman Laporan Pemesanan Halaman ini berisi laporan penjualan di tas online.

Gambar III.31.

(41)

11. Implementasi Halaman Home Pelanggan

Halaman ini merupakan tampilan utama ketika pelanggan berhasil melakukan login.

Gambar III.32.

(42)

12. Implementasi halaman login pelanggan

Gambar III.33.

Implementasi Halaman Login Pelanggan 13. Implementasi Halaman Daftar Member Baru

Halaman ini merpakan tampilan form untuk user yang belum terdaftar menjadi member. User harus menginput data sesuai yang ditentukan.

Gambar III.34.

(43)

14. Implementasi Halaman Produk

Pada halaman ini user bisa melihat detail produk dan membeli produk.

Gambar III.35.

(44)

15. Implementasi Halaman cara belanja

Pelanggan atau user dapat melihat petunjuk cara berbelanja tas online.

Gambar III.36.

(45)

16. Implementasi Halaman Ongkos Kirim

Pada halaman ini pelanggan atau user dapat melihat daftar ongkos kirim ke suatu kota.

Gambar III.37.

(46)

17. Implementasi Halaman Resi Pengiriman

Pada halaman ini pengunjung dapat melihat apakah barang yang dibeli sudah dikirim atau belum.

Gambar III.38.

(47)

18. Implementasi Halaman Hubungi Kami

Halaman ini disediakan bagi pengunjung apabila mengalami kesulitan dalam berbelanja, maka mereka dapat mengisi form hubungi kami.

Gambar III.39.

(48)

19. Implementasi Halaman Konfirmasi

Halaman ini pembeli dianjurkan untuk melakukan konfirmasi pembayaran dengan cara menginput no pesan, jumlah bayar dan mengupload bukti pembayaran.

Gambar III.40.

(49)

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras (hardware) dan perangkat lunak (software) yang dibutuhkan untuk mengimplementasikan sistem informasi penjualan tas online.

1. Spesifikasi Perangkat Keras a. Server

1.) CPU

a. Processor Intel® Core™ i5-4210U CPU @1.70GHz 2.40 GHz b. RAM 4.00 GB

c. Hard Disk 463.3 GB 2.) Keyboard

3.) Mouse

4.) Monitor dengan resolusi layar minimum 1024 x 768 b. Client

1.) CPU

d. Processor Intel® Core™ i3 e. RAM DDR 2.2 GB

f. Hard Disk 250 GH 2.) Keyboard

(50)

2. Spesifikasi Perangkat Lunak a. Server

1.) Sistem operasi yang digunakan yaitu Microsoft Windows 8.1 2.) Aplikasi bundle web server : Xampp v 2.5

a.) Aplikasi PHP Server v5.0.45 b.) Aplikasi MySQL v5.0.45

c.) Aplikasi PHP MyAdmin v2.11.1

3.) Aplikasi web browser : Mozilla Firefox, Internet Explorer dan Google Chrome

4.) Aplikasi coding web : Dreamweaver CS6 5.) Aplikasi pengolahan gambar : Photoshop CS3 b. Client

1.) Aplikasi web browser yang digunakan seperti: Mozilla Firefox, Internet Explorer dan Google Chrome.

(51)

3.3.2. Pengujian Unit

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

A. Hasil Pengujian Terhadap Halaman Login Pelanggan

Tabel III.13.

Tabel Pengujian Terhadap Halaman Login Pelanggan 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 login Username : uun Password: (kosong) Sistem akan menolak akses user dan menampilkan “Password Belum Terisi” Sesuai harapan Valid 3. Username tidak di isi dan password di isi kemudian klik tombol login Username : (kosong) Password: uun 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 : uun (benar) Password: 888 (salah) Sistem akan menolak akses user dan menampilkan “Gagal Login.Harap masukan username dan password dengan benar” Sesuai harapan Valid

(52)

5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username: uun (benar) Password: uun (benar) Sistem menerima akses login , kemudian langsung menampilkan ”selamat datang di Toko Tas Online

sdr/sdri uun”.

Sesuai harapan

Valid

B. Hasil Pengujian Terhadap Halaman Login Administrator .

Tabel III.14.

Tabel Pengujian Terhadap Halaman Login Administrator 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 Password tidak diisi atau kosong kemudian klik tombol login Username : chomsyia Password: (kosong) Sistemakan menolak akses user dan menampilkan “Password Belum Terisi” Sesuai harapan Valid 3. Username tidak di isi Username : (kosong) Password: uun Sistem akan menolak akses user dan menampilkan “Username belum terisi atau anda gagal login”

Sesuai harapan

(53)

4. Mengetikkan salah, pada salah satu kondisi username atau password kemudian klik tombol login Username : chomsyia (benar) Password: 888 (salah) Sistem akan menolak akses user dan menampilkan “Username atau password salah” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username:cho msyia(benar) Password: uun (benar) Sistem menerima akses login , kemudian langsung menampilkan ”Login Sukses”. Sesuai harapan Valid

C. Hasil Pengujian Terhadap Hubungi Kami

Tabel III.15.

Tabel Pengujian Terhadap Halaman Hubungi Kami No Skenario

pengujian

Test case Hasil yang diharapkan Hasil pengujian Keterangan 1. Nama,email dan pesan kosong Nama:(kosong) Email:(kosong) pesan(kosong) Sistem menolak dan menampilkan “Harap Isi Nama lengkap Anda” Sesuai harapan 2. Nama diisi,email dan pesan kosong Nama: uun Email dan pesan(kosong) Sistem menolak dan tidak bisa mengirim pesan

Sesuai harapan

Valid

3. Nama dan email diisi dan pesan tidak Nama: uun Email: uun @gmail.com Pesan(kosong) Sistem menolak”Harap isi pesan anda”

Sesuai harapan

Valid

4. Nama tidak di isi, email dan pesan diisi Nama(kosong) Email:uun @gmail.com Pesan:xxxx Sistem menolak”Harap isi nama lenkap anda”

Sesuai harapan

Valid

5. Nama, email dan pesan diisi

Nama: uun Email: uun Sistem menerima”Pesan Sesuai harapan Valid

(54)

semua @gmail.com Pesan : xxxx

terkirim”

D. Hasil Pengujian Terhadap Daftar Member.

Tabel III.16.

Tabel Pengujian Terhadap Halaman Daftar Member no Skenario

pengujian

Test case Hasil yang diharapkan Hasil pengujian Keterangan 1. Semua data tidak diisi atau kosong,kemu d-ian klik daftar Nama:(kosong) email:(kosong) telpon:(kosong) alamat:(kosong) username:(kosong) password:(kosong) Sistem akan menolak dan menampilkan “Harap Isi Nama lengkap Anda” Sesuai harapan Valid 2. Nama,telpon ,alamat,usern ame Password diisi dan email kosong Nama:(uun) email:(kosong) telpon:(08976543267) alamat:(jl.raya raya) username:(uun) password:(uun) Sistem akan menolak dan menampilkan “Harap Isi email Anda" Sesuai harapan Valid 3. Nama,telpon ,alamat,email ,username Password kosong Nama:(uun) email:(chomsyiah @gmail.com) telpon:(08976543267) alamat:(jl.raya raya) username:(uun) password:(kosong) Sistem akan menolak dan menampilkan “Harap Isi password Anda Sesuai harapan Valid 4. Nama,telpon ,alamat,email , Password diisi, username kosong Nama:(uun) email:( chomsyiah@gmail. com) telpon:(08976543267) alamat:(jl.raya raya) username:(kosong) password:(uun) Sistem akan menolak dan menampilkan “Harap Isi username Anda” Sesuai harapan Valid 5. Semua data diisi, Nama:(uun) email:( Sistem Menerima Sesuai harapan Valid

(55)

kemudian klik daftar chomsyiah@gmail. com) telpon:(08976543267) alamat:(jl.raya raya) username:(uun) password:(uun) Dan menampilkan “anda berhasil terdaftar, silahkan login”

E. Pengujian Terhadap Keranjang Belanja

Tabel III.17.

Tabel Pengujian Terhadap Keranjang Belanja no Skenario

pengujian

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. Sesuai harapan Valid 2. Jika ingin mengupdate jumlah beli Klik tombol update-jumlah atau menekan tombol enter Sistem akan memproses dan akan

muncul pesan yang berisi “jumlah beli

ter-update” Sesuai harapan Valid 3. Jika ingin menghapus barang Klik tombol hapus Sistem akan menghapus pembelian dikeranjang dan akan muncul pesan

“Keranjang masih kosong” dan sistem

akan mengarahkan ke halaman katalog. Sesuai harapan Valid 4. Jika selesai belanja, dan member memilih kota tujuan pengiriman Klik tombol cetak struk Sistem akan mengarahkan ke halaman cetak struk pemesanan dan akan mengolah data kota

tujuan dan ongkos kirim untuk dicetak

pada struk.

Sesuai Harapan