21 BAB III
PEMBAHASAN
3.1 Analisa kebutuhan
Konsep dasar web yang penulis bangun berdasrkan konsep waterfall dapat dibagi menjadi 4 bagian, berikut ini konsep waterfall menurut Sukamto dan M. Shalahuddin (2013:28).
Sebelum merancang sebuah website diperlukan analisa kebutuhan terlebih dahulu. Tujuan dari analisa kebutuhan adalah sebagai bahan yang diperlukan untuk mengetahui kebutuhan admin, pengunjung dan pelanggan.
A. Anaslisa Kebutuhan Pengguna 1. Analisa Berdasar Administrator
a. Admin dapat mengganti logo toko
b. Admin dapat mengganti detail informasi toko
c. Admin dapat menambahan,mengedit,menghapus produk d. Admin dapat melihat transaksi dari user
e. Admi dapat melakukan approval pemesanan dari user f. Admin dapat melihat informasi user
g. Admin dapat merubah harga sewaktu-waktu
h. Admin dapat melihat dan menghapus komentar pengunjung i. Admin dapat mencetak laporan transaksi
2. Analisa Berdasar Pengunjung
a. Pengunjung hanya dapat melihat produk yang ditawarkan
b. Pengunjung hanya mendapatkan informasi produk seperti gambar,nama, detail dan harga produk
3. Analisa Berdasar Member
a. Member mengisi data member untuk akun
b. Member dapat melihat produk serta detail produk dan mengisi alamat pengiriman setelah selesai pilih beli.
c. Member dapat mengisikonfirmasi pembayaran via whatsapp lalu transaksi dapat diproses dan barang akan dikirim ke pembeli
B. Analisa Kebutuhan system
Kebutuhan system untuk member yaitu menyediakan form pendaftaran bagi pengunjung yang ingin menjadi member, menyediakan layanan untuk komentar, menyediakan layanan transaksi pembelian, memberikan informasi produk yang dijual.
3.2 Desain Perancangan Perangkat Lunak
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk terstruktur data, arsitektur perangkat lunak, representasi antarmuka dan prosedur pengkodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap analisis
kebutuhan ke presentasi desain supaya dapat diimplementasikan menjadi program pada tahap selanjutnya. Dibawah ini merupakan beberapa desain antar muka yang penulis rancang :
3.2.1 Desain Rancangan Antar Muka untuk Pengunjung A. Desain Rancangan Antar Muka Home Untuk Pengunjung
Gambar III.1
B. Desain Rancangan Antar Muka Product Pengunjung
Gambar III.2
Tampilan Gambar Produk Pengunjung C. Desain Rancangan Antar Muka How To Buy Pengunjung
Gambar III.3
D. Desain Rancangan Antar Muka About Us Pengunjung
Gambar III.4
Tampilan About Us Pengunjung E. Desain Rancangan Antar Muka Contact Us Pengunjung
Gambar III.5
3.2.2 Desain Rancangan Antar Muka untuk Member a. Desain Rancangan Antar Muka Indeks Member
Gambar III.6
Rancangan Halaman Index Member b. Desain Rancangan Antar Muka Home Member
Gambar III.7
c. Desain Rancangan Antar Muka Product Member
Gambar III.8
Gambar Tampilan Product Member d. Desain Rancangan Antar Muka How To Buy Member
Gambar III.9
e. Desain Rancangan Antar Muka Home About Us Member
Gambar III.10
Gambar Tampilan About Us Member f. Desain Rancangan Antar Muka Home Contact Us Member
Gambar III.11
g. Desain Rancangan Antar Muka Home Transaksi Member
Gambar III.12
Gambar Tampilan Transaksi Member 3.2.3 Desain Rancangan Antar Muka untuk Admin
a. Gambar Tampilan Log In Admin
Gambar III.13
b. Gambar Tampilan Menu Admin
Gambar III.14
Gambar Tampilan Beranda Admin c. Gambar Tampilan Menu Admin
Gambar III.15
d. Gambar Tampilan Menu Product Admin
Gambar III.16
Gambar Tampilan Menu Product Admin e. Gambar Tampilan Menu Kategori Admin
Gambar III.17
f. Gambar Tampilan Laporan Admin
Gambar III.18
3.2.4 Desain Rancangan Basis Data
a. Enterprise Relationship Diagram (ERD)
Gambar III.20
b. Logical Relational Structure (LRS)
Gambar III.21
c. Spesifikasi file
Di dalam perancangan website sistem informasi penjualan ini penulis menggunakan satu database dengan nama dbtas. Berikut adalah spesifikasi dari tabel-tabel didalam database dbtas .
a. Spesifikasi File Admin Database : dbtas Nama File : admintbl Akronim : admin
Fungsi : Untuk menyimpan file admin Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk Panjang Record : 41 karakter Kunci File : Id
Software : MySQL
Tabel III.1 Spesifikasi File Admin
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Id Int 11 Primary Key
2. Username Username Varchar 30
b. Spesifikasi File Barang Database : dbtas Nama File : barangtbl Akronim : barang
Fungsi : Untuk menyimpan file barang Tipe File : File Master
Organisasi File : Indexed Sequential Media : Harddisk
Akses File : Random Panjang Record : 143 karakter Kunci File : Id barang Software : MySQL
Tabel III.2 Spesifikasi File Barang
No. Elemen Data Nama Field Tipe Size Keterangan
1. Id Barang Id Int 11 Primary Key
2. Nama Barang Nama Varchar 35
3. Deskripsi Barang Deskripsi Text
4. Warna Barang Warna Text
5. Kategori Barang Kategori Varchar 25
6. Harga Barang Harga Int 11 7. Stock Barang Stock Int 11
8. Gambar Barang Gambar Varchar 50
c. Spesifikasi File Kategori Database : dbtas Nama File : kategoritbl Akronim : kategori
Fungsi : Untuk menyimpan data kategori Tipe File : File Master
Organisasi File : Indexed Sequential Media : Harddisk
Akses File : Random Panjang Record : 36 karakter Kunci File : Id kategori Software : MySQL
Tabel III.3 Spesifikasi File Kategori
No. Elemen Data Nama Field Tipe Size Keterangan 1. Id Kategori Barang Id Int 11 Primary key 2. Kategori Barang Kategori Varchar 25
d. Spesifikasi File Pelanggan Database : dbtas
Nama File : pelanggantbl Akronim : pelanggan
Fungsi : Untuk menyimpan data pelanggan Tipe File : File Master
Organisasi File : Indexed Sequential Media : Harddisk
Akses File : Random Panjang Record : 91 karakter Kunci File : Id pelanggan Software : MySQL
Tabel III.4
Spesifikasi File Pelanggan
No. Elemen Data Nama Field Tipe Size Keterangan 1. Nomor Id Pelanggan Id Int 11 Primary Key
2. Nama Pelanggan Nama Varchar 35 3. Alamat Pelanggan Alamat Text
4. Email Pelanggan Email Text
5. Telepon Pelanggan Telepon Varchar 25 6. Username Pelanggan Username Varchar 20 7. Password Pelanggan Password Int
e. Spesifikasi File Testimonial Database : dbtas
Nama File : testimonialtbl Akronim : testimonial
Tipe File : File Testimonial Organisasi File : Indexed Sequential Media : Harddisk
Akses File : Random Panjang Record : 96 karakter Kunci File : Id testimonial Software : MySQL
Tabel III.5
Spesifikasi File Testimonial
No. Elemen Data Nama Field Tipe Size Keterangan 1. Id Testimonial Id Int 11 Primary Key
2. Nama Pelanggan Nama Varchar 35 3. Email Pelanggan Email Varchar 50 4. Tanggal Tanggal Date 5. Testimonial Testimonial Text
f. Spesifikasi File Transaksi Rinci Database : dbtas
Nama File : transaksirincitbl Akronim : transaksi rinci
Fungsi : Untuk menyimpan data transaksi rinci Tipe File : File Transaksi
Organisasi File : Indexed Sequential Media : Harddisk
Akses File : Random Panjang Record : 149 karakter Kunci File : Notransaksi Software : MySQL
Tabel III.6
Spesifikasi File Transaksi Rinci
No. Elemen Data Nama Field Tipe Size Keterangan 1. Nomor Transaksi Notransaksi Varchar 25 Primary Key
2. Username Pelanggan
Username Varchar 20
3. Id Nomor Produk Id Int 11 4. Nama Produk Nama Varchar 60 5. Harga Produk Harga Int 11 6. Jumlah Produk Jumlah Int 11 7. Subtotal Produk Subtotal Int 11
g. Spesifikasi File Pemesanan Database : dbtas Nama File : pemesanan Akronim : pemesanan
Fungsi : Untuk menyimpan data pemesanan Tipe File : File Pemesanan
Media : Harddisk Akses File : Random Panjang Record : 201 karakter Kunci File : pemesanan Software : MySQL
Tabel III.7
Spesifikasi File Pemesanan
No. Elemen Data Nama Field Tipe Size Keterangan 1. Nomor Pemesanan No Pemesanan Varchar 25 Primary
Key
2. Kode Pelanggan Kd_pelanggan Varchar 20 3. Tanggal Pemesanan Tgl_pemesanan Int 11 4. Nama Penerima Nama_penerima Varchar 60 5. Alamat Penerima Alamat_lengkap Int 11
6. Kode Kota Kd_kota Int 11
7. Kode Pos Kode_pos Int 11
8. Nomer telepon No_telepon Varchar 20 9. Status bayar Status_bayar Enum
h. Spesifikasi File Transaksi Database : dbtas Nama File : transaksitbl Akronim : transaksi
Fungsi : Untuk menyimpan data transaksi Tipe File : File Transaksi
Organisasi File : Indexed Sequential Media : Harddisk
Akses File : Random Panjang Record : 32 karakter Kunci File : pemesanan Software : MySQL
Tabel III.8
Spesifikasi File Transaksi
No. Elemen Data Nama Field Tipe Size Keterangan 1. No transaksi notransaksi Int 11 Primary key 2. Username pelanggan username Varchar 20
3. Status Status Int 1
3.2.5 Desain Rancangan Struktur Navigasi
Struktur navigasi web perangkat komputer ini adalah struktur navigasi campuran (composite). Melalui struktur navigasi ini, terlihat bagaimana isi dan
susunan dari sebuah website secara menyeluruh. Pembuatan struktur navigasi website ini akan sangat membantu nantinya ketika akan membuat rancangan seluruh halaman website.
1. Navigasi Halaman Administrator
Menu navigasi pada administrator menggunakan sistem navigasi campuran.
Gambar III.22
2. Navigasi Halaman User
Menu navigasi pada sisi user menggunakan sistem navigasi campuran.
Gambar III.23
Struktur Navigasi Halaman User 3. Navigasi Halaman Member
Menu sruktur navigasi member ini menggunakan sistem navigasi campuran.
Gambar III.24
3.2.6. Desain Implementasi Web 1. Tampilan Halaman Member
Tampilan halaman member merupakan hasil design yang penulis buat dalam web yang penulis buat. Dan hasil design yang penulis buat dapat dilihat dari beberapa tampilan yang penulis sudah srenshoot dari web yang penulis buat.
a. Tampilan Halaman Index Member
Gambar III.25 Tampilan Index Member
b. Tampilan Halaman Daftar Member
Gambar III.26 Tampilan Daftar Member c. Tampilan Halaman Login Member
Gambar III.27 Tampilan Login Member
d. Tampilan Halaman Index Member
Gambar III.28 Tampilan Index Member
e. Tampilan Halaman Produk Member
Gambar III.28 Tampilan Product Member f. Tampilan Halaman Detail Produk Member
Gambar III.29
g. Tampilan Keranjang Belanja Member
Gambar III.30
Tampilan Keranjang Belanja Member h. Tampilan Proses Transaksi Member
Gambar III.31
i. Tampilan Transaksi Selesai Member
Gambar III.32
Tampilan Transaksi Selesai Member 2. Tampilan Halaman Pengunjung
a. Tampilan Halaman Index Pengunjung
Gambar III.33
b. Tampilan Halaman Produk Pengunjung
Gambar III.34
Tampilan Product Pengunjung c. Tampilan Halaman cara Order Pengunjung
Gambar III.35
d. Tampilan Halaman Tentang Kami Pengunjung
Gambar III.36
Tampilan Tentang Kami Pengunjung e. Tampilan Halaman Kontak Kami Pengunjung
Gambar III.37
3. Tampilan Halaman Admin
a. Tampilan Halaman Login Admin
Halam login admin merupakan halaman pertama yang admin gunakan dimana seorang admin dapat melakukan login dan dapat mengolah data yang berada di web yang admin kelola.
Gambar III.38
b. Tampilan Halaman Utama Admin
Halaman utama admin merupakan halaman yang berisi menu apa yang dapat admin kelola.
Gambar III.39
c. Tampilan Halaman Admin
Didalam halaman admin, admin dapat menambahkan admin baru dan admin dapat mengedit, menambah admin baru.
Gambar III.40 Tampilan Halaman Admin
d. Tampilan Halaman Tambah Produk Admin
halaman tambah produk, admin dapat menambah produk dan dapat memberi isi detail dari produk yang ingin ditambahkan.
Gambar III.41
e. Tampilan Halaman Menu Kategori Admin
Admin juga dapat menambahkan menu kategori baru admin juga dapat mengubah dan mengedit atau menghapus kategori yang sudah ada.
Gambar III.42
f. Tampilan Halaman Laporan Admin
Menu ini menyediakan data laporan setiap kegiatan yang berlangsung didalam website.
Gambar III.43
Tampilan Menu Laporan Admin 3.3 Pengujian
pengujian merupakan tahap dari konsep waterfall yang menguji terhadap web yang digunakan user dan digunakan oleh admin, seprti contoh jika user ingin login user dapat memasukan username dan password dan pengujiannya pun dapat berupa sesuai dan valid atau tidak sesusai dan tidak validnya saat user menginput password, dan dalam pengujian sebuah web juga terdapat hasil yang diharapkan oleh user dan admin.
3.3.1 Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce.
A. Spesifikasi Perangkat Keras (Hardware)
Perangkat keras adalah keseluruhan komponen peralatan yang membentuk suatu sistem computer dan peralatan lainnya yang memungkinkan computer dapat menjalankan tugasnya, termasuk juga mesin-mesin pembantu penyimpanan data dan alat komunikasi lainya. Dalam suatu penerepan komputerisasi, tingkat kecepatan dan kapasitas memori sangat penting. Apabila computer yang digunakan memiliki kecepatan rendah akan mempengaruhi jalannya sistem program yang dijalankan, terutama untuk program yang berorientasi bisnis karena berhubungan dengan informasi yang dihasilkan.
Adapun perangkat keras minimal yang diperlukan untuk webserver dan untuk client adalah sebagai berikut :
1. Spesifikasi Perangkat Keras 1) CPU
(a) Processor Intel (R) Celeron (R) CPU 847@ 1.10GHz (b) RAM 2.00 GB
(c) Hard Disk 300 GB 2) Keyboard
4) Koneksi internet dengan kecepatan 1 Mbps a. Client
1) CPU
(a) Processor Intel Pentium (b) RAM 2 GB
(c) Hard Disk 300 GB 2) Keyboard
3) Monitor dengan resolusi layar minimum 1366 x 768 4) Koneksi internet dengan kecepatan 1 Mbps
2. Spesifikasi Perangkat Lunak
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux
2) Aplikasi bundle web server seperti: Xampp.
3) Aplikasi Web seperti Mozilla Firefox, Internet Explorer, Google Chrome.
a. Client
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux .
2) Aplikasi Web seperti Mozilla Firefox, Opera, Internet Explorer, Google Chrome.
3.3.2. Pengujian Unit
Dalam pengujian program yang telah dibuat penulis menggunakan black box testing yang meliputi testing input dan testing output, sebagai berikut :
A. Pengujian Terhadap Form Login Admin
No. Skenario pengujian Test case
Hasil yang diharapkan Hasil pengujian Kesimpul an 1
Mengosongkan semua isi data pada login lalu langsung mengklik „Login‟
Username (kosong) password (kosong) Ketika di klik “gagal” Sesuai yang diharapka n Valid 2.
Hanya mengisi data
username dan
mengosongkan data password, lalu langsung mengklik „Login‟ Username admin password (kosong) Ketika di klik “gagal” Sesuai yang diharapka n Valid 3.
mengisi data password dan mengosongkan username, lalu langsung mengklik „Login Username (kosong) password **** Ketika di klik “gagal” Sesuai yang diharapka n Valid
4.
Menginputkan dengan kondisi username benar dan password salah, atau sebaliknya, lalu mengklik „Login‟ Username admin (benar) password (****) (salah) Ketika di klik “gagal” Sesuai yang diharapka n Valid 5.
Menginputkan username dan password dengan data yang benar, lalu mengklik „Login‟
Username admin (benar) password (****) (benar) Ketika di klik “berhasil” Sesuai yang diharapka n Valid Tabel III.9
Hasil Pengujian Black Box Testing Login Admin B. Pengujian Terhadap Halaman Admin (Ubah Password Admin)
No. Skenario Pengujian Test Case Hasil yang diinginkan
Hasil pengujian
Kesimpulan
1 Mengosongkan isi password lama dan baru
Password Lama (kosong) Password Baru (kosong) Ketika di klik Password lama salah, input dengan benar password lama Anda
Sesuai yang diharapkan
Valid
2 Mengisi password lama (benar) dan mengosongkan password baru Password Lama (benar) Password Baru (kosong) Ketika di klik Password lama salah, input dengan benar password lama
Sesuai yang diharapkan
Tabel III.10
Hasil Pengujian Black Box Testing Halaman Admin (Ubah Password Admin)
C. Pengujian Terhadap Form Login Pelanggan Anda 3 Mengisi password lama
(salah) dan mengosongkan password baru Password Lama (salah) Password Baru (kosong) Ketika di klik Password lama salah, input dengan benar password lama Anda
Sesuai yang diharapkan
Valid
4 Mengosongkan password lama dan mengisi password baru
Password Lama (kosong) Password Baru (***) Ketika di klik Password lama salah, input dengan benar password lama Anda
Sesuai yang diharapkan
Valid
6 Mengisi password lama (benar) dan mengisi password baru Password Lama (benar) Password Baru (****) Ketika di klik langsung ter-update secara otomatis Sesuai yang diharapkan Valid
No. Scenario Pengujian Test case Hasil yang diharapkan Hasil Pengujian
Kesimpu lan
1
Mengosongkan semua isi data pada login pelanggan lalu langsung mengklik „Login‟ Username (kosong) password (kosong)
Sistem menolak akses login dan menampilkan pesan “Anda Belum Mengisikan Username”
Sesuai yang
Tabel III.11
Hasil Pengujian Black Box Testing Login Pelanggan 2 mengisi data username dan mengosongkan data password lalu langsung mengklik „Login‟ Username Password (kosong)
Sistem akan menolak akses login dan menampilkan pesan “Anda Belum Mengisikan Password” Sesuai yang diharapkan Valid 3 mengisi data password dan mengosongkan data username lalu mengklik „Login‟ Username (kosong) password (***)
Sistem akan menolak akses login dan menampilkan pesan “Anda Belum Mengisikan Username” Sesuai yang diharapkan Valid 4 Menginputkan dengan benar kondisi username dan
password salah, lalu langsung mengklik „Login‟ Username (benar) password (***) (salah)
Sistem menolak akses login dan menampilkan pesan “username dan password belum benar, Ulangi lagi!!” Sesuai yang diharapkan Valid 5 Menginputkan dengan kondisi username salah dan password benar, lalu langsung mengklik „Login‟ Username (salah) password (***) (benar)
Sistem akan menolak akses login dan menampilkan pesan “username dan
password belum benar, Ulangi lagi!!” Sesuai yang diharapkan Valid 6 Menginputkan data username dan password dengan benar, lalu langsung mengklik login
Username (benar) password (benar)
Sistem akan menerima akses login dan
kemudian muncul pesan “Selamat datang di web ini”
Sesuai yang
D. Pengujian Terhadap Halaman Pelanggan Keranjang Belanja
No. Scenario Pengujian Text case Hasil yang diharapkan
Hasil Pengujian Kesimpulan 1. Pelanggan tidak memilih produk - Sistem akan menampilkan keranjang belanja kosong Sesuai yang diharapkan Valid 2. Pelanggan memilih produk dan memilih
Nama produk, harga beli, gambar produk, dan diisi Sistem akan menghasilkan output berupa data pemesanan
Sesuai yang diharapkan
Valid
Tabel III.12
Hasil Pengujian Black Box Testing Keranjang Belanja
E. Pengujian Terhadap Halaman Pelanggan Proses Pemesanan Produk
No. Skenario Pengujian Test case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Pelanggan mengklik “beli” pada salah satu produk yang diinginkan
Otomatis keluar keranjang belanja
Sistem akan menghasilkan output berupa data produk yang ingin dibeli di keranjang
Sesuai yang diharapka n Valid 2 Pelanggan mengubah banyak jumlah produk yang diinginkan
Jumlah banyak produk
Sistem akan menghasilkan berupa jumlah data dan harga produk yang ingin dibeli di
Sesuai yang diharapka
(***) keranjang sementara berubah. n
3
Pelanggan membatalkan produk yang ingin dibeli didalam keranjang belanja sementara
Hapus
Sistem akan menghapus secara otomatis Sesuai yang diharapka n Valid 4 Pelanggan memilih beberapa jenis produk . Lalu langsung mengklik “selesai”
Diinput sesuai keinginan
Sistem akan menghasilkan output berupa daftar data pemesanan dan data konfirmasi belanja sesuai dengan pilihan. Sesuai yang diharapka n Valid 5
Pelanggan mengisi data konfirmasi belanja lalu langsung mengklik “Simpan dan Lanjutkan Transaksi”. Diinput data konfirmasi pengiriman produk
Sistem akan menghasilkan output berupa daftar transaksi pembelian produk. Sesuai yang diharapka n Valid 6 Pelanggan ingin membatalkan pembelian yang sudah dipesan namun belum dibayar
Hapus / Batal
Sistem akan menghasilkan output berupa daftar transaksi pembelian produk tidak ada.
Sesuai yang diharapka n Valid Tabel III.13
