PERANCANGAN APLIKASI DIGIZONE UNTUK JASA E-COMMERCE - Narotama University Repository

(1)

BAB IV

HASIL DAN PEMBAHASAN

4.1.Pengumpulan Data 4.1.1. Analisa Kebutuhan

Wawancara dan dokumentasi aplikasi sebagai sistem penjualan produk digital berupa pulsa, data, listrik, item game, dan pembayaran tagihan merupakan bagian dari proses analisa kebutuhan perancangan aplikasi digizone. Berikut hasil rekaman yang diperoleh dari wawancara langsung dengan pemilik digizone:

1. Produk digital adalah yang dijual.

2. Sistem pengisian saldo dan order secara otomatis.

3. Dapat mengunduh laporan penjualan bulanan.

4. Aplikasi dapat digunakan kapan saja.

5. Aplikasi terutama dapat menanggapi langsung pertanyaan atau keluhan pelanggan..

4.2.Perancangan Sistem

HTML dan Javascript digunakan dalam perancangan sistem aplikasi digizone. karena lebih mudah merancang aplikasi untuk memenuhi kebutuhan Anda sekaligus terlihat bagus.

Aplikasi Bukaolshop dan aplikasi Midtrans merupakan software pendukung untuk optimalisasi aplikasi Digizone.

(2)

4.2.1. Struktur Tabel

Struktur yang hadir dalam pengembangan aplikasi digunakan untuk mengumpulkan data yang diperlukan di bawah ini:

1. Users

Kunci Utama : id_User Kunci Tidak Dikenal : -

Fungsi : Mengumpulkan data user

Tabel 4.1. Struktur Tabel User

No Field Tipe Data Length Contraint

1. ID User INT PRIMARY KEY

2. Nama VARCHAR 255

3. Alamat VARCHAR 255

4. Email VARCHAR 255

5. No Telepon VARCHAR 14

6. Username VARCHAR 255

7. Password VARCHAR 255

8. Pin VARCHAR 6

2. Produk

Kunci Utama : ID_Product Kunci Tidak Dikenal : Kategori_Produk

Fungsi : Mengumpulkan data produk

Tabel 4.2. Struktur Tabel Produk

(3)

1. ID Produk INT PRIMARY KEY

2. Nama Produk VARCHAR 255

3. Deskripsi VARCHAR 255

4. Harga VARCHAR 255

5. Stok Produk INT

6. Kategori Produk

INT 7. Keterangan

Produk

VARCHAR 255 FOREIGN KEY

3. Kategori Produk

Kunci Utama : ID_Kategori Kunci Tidak Dikenal : -

Fungsi : Mengumpulkan data kategori produk

Tabel 4.3. Struktur Tabel Kategori Produk

1. ID Kategori INT PRIMARY KEY

2. Nama Kategori VARCHAR 225

4. Galeri Produk

Kunci Utama : ID_Galeri

Kunci Tidak Dikenal : Kategori_Produk

Fungsi : Mengambil data galeri produk

Tabel 4.4. Struktur Tabel Galeri Produk

1. ID_Galeri INT PRIMARY KEY

2. URL VARCHAR 225

(4)

3. Kategori_Produk INT FOREIGN KEY

5. Transaksi

Kunci Utana : ID_Transaksi Kunci Tidak Dikenal : -

Fungsi : Mengambil data transaksi

Tabel 4.5. Struktur Tabel Transaksi

1. ID_Transaksi INT PRIMARY

2. ID_User INT FOREIGN

3. Alamat VARCHAR 255

4. Nomor User VARCHAR 255

5. Total Harga INT 6. Total Ongkos

Kirim

INT

7. Status VARCHAR 255

8. Metode Pembayaran

VARCHAR 255

6. Detail Transaksi

Kunci Utama : ID_Detail Transaksi

Kunci Tidak Dikenal : ID_User, ID_Transaksi, ID_Produk Fungsi : Mengambil data detail transaksi

Tabel 4.6. Stuktur Tabel Detail Transaksi

1. ID_Wishlist INT PRIMARY KEY

2. ID_Produk INT FOREIGN KEY

3. Harga VARCHAR 255

(5)

7. Keranjang Belanja

Kunci Utama : ID_Wishlist Kunci Tidak Dikenal : ID_Produk

Fungsi : Mengambil data keranjang belanja

Tabel 4.7. Struktur Tabel Keranjang Belanja

1. ID_Wishlist INT PRIMARY KEY

3. Total Harga INT 4. Quantity INT

5. Nomor User VARCHAR 255

8. Halaman Favorit

Kunci Utama : ID_Favorit Kunci Tidak Dikenal : ID_Produk

Fungsi : -

1. ID_Detail Transaksi

INT PRIMARY KEY

2. Quantity INT

3. ID_User INT FOREIGN KEY

4. ID_Transaksi INT FOREIGN KEY

(6)

4.3. Implementasi

HTML dan java script digunakan untuk merancang implementasi desain dan analisis kebutuhan pada tahap ini. Perangkat lunak Bukaolshop akan berfungsi sebagai platform bagi administrator toko untuk mengelola desain. Gambaran umum aplikasi digizone berikut desain berbasis air terjunnya dapat ditemukan di bawah ini

4.3.1. Tampilan Halaman Dashboard

Tampilan awal Aplikasi Digizone yang menampilkan menu dan galeri kategori layanan dapat dilihat di bawah ini.

Gambar 4.1. Tampilan Halaman Dashboard

(7)

4.3.2. Tampilan Jelajah

Pada sebuah pembahasan ini merupakan tampilan produk pencarian. Ini menunjukkan rekomendasi produk, yang merupakan deskripsi dari semua halaman, seperti katalog produk.

Tampilan halaman roaming diimplementasikan dengan cara berikut:

Gambar 4.2. Tampilan Halaman Jelajah

4.3.3. Tampilan Halaman Keranjang

Penyimpanan barang/produk dan bisa dibeli sewaktu-waktu ditampilkan pada ilustrasi gambar. Tunjukkan sebagai berikut:

(8)

Gambar 4.3. Tampilan Halaman Keranjang

4.3.4. Tampilan Produk yang disukai

Gambar 4.4 memperlihatkan produk pilihan yang ditampilkan pada tampilan halaman produk untuk masing-masing kategori,berikut contoh gambar dari 4.4 :

(9)

Gambar 4.4. Tampilan Halaman Favorit

4.3.5. Tampilan Chat dengan Admin

Ada ruang antara administrator dan pengguna di halaman obrolan ini untuk mengakomodasi kebutuhan informasi pengguna.

(10)

Gambar 4.5. Tampilan Halaman Chat

4.3.6. Tampilan Notifikasi

Pengguna akan menerima informasi tentang status transaksi aplikasi di tampilan ini.

(11)

Gambar 4.6. Tampilan Halaman Notifikasi

4.3.7. Tampilan Status Pengiriman

Gambar 4.7 menggambarkan status transaksi yang telah diakses pada halaman ini :

(12)

Gambar 4.7. Tampilan Status Pengiriman

4.3.8. Tampilan Top Up

Pengisian saldo sebagai pembayaran utama transaksi dapat dilihat pada halaman ini.

Bekerja sama dengan MIDTRANS untuk menyiapkan transaksi pengisian saldo otomatis untuk metode pembayaran ini. Biaya administrasi sebesar 0,7 persen dari jumlah yang disetorkan akan dikenakan untuk setiap transaksi pengisian saldo. Gambar 13-15 menunjukkan bahwa ada juga saldo maksimum dan minimum yang dapat diisi ulang di halaman ini:

(13)

Gambar 4.8. Tampilan Halaman Top Up Saldo

Metode pembayaran yang digunakan yaitu Go-pay, Shopee-pay, dan QRIS (Barcode yang dapat digunakan sebagai media pembayaran manapun). Tentu dengan metode pembayaran ini merupakan metode yang mudah dan umum digunakan masyarakat sehari-hari.

Khusus untuk pembayaran Go-pay dan Shopee-pay akan diarahkan langsung pada kedua aplikasi tersebut agar langsung dapat lakukan dengan sekali klik pembayaran.

(14)

Gambar 4.9. Tampilan Halaman Metode Pembayaran

Tampilan dibawah ini merupakan tampilan halaman pembayaran top up saldo serta waktu pembayaran yang harus segera di lakukan. Pembayaran ini memiliki tambahan biaya admin sebesar 0,7% dari jumlah nominal yang akan didepositokan. Bila pembayaran selesai dilakukan, otomatis akan ditambahkan saldo ke akun user. Namun bila gagal, pembayaran akan otomatis tercancel atau dibatalkan karena alasan tertentu.

(15)

Gambar 4.10. Tampilan Halaman Pembayaran

4.3.9. Tampilan Halaman Profil User

Nama, alamat email, nomor telepon, dan informasi kontak lainnya semuanya tercantum di halaman profil pengguna. Halaman profil memungkinkan pengguna mengelola informasi pribadi mereka. Halaman ini berisi profil toko, juga dikenal sebagai "tentang kami". Halaman profil pengguna muncul pada gambar di bawah :

(16)

Gambar 4.11. Tampilan Halaman Profile User