39
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
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.
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
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
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
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).
pelanggan melakukanbelanja Transaksi_ penjualan pengiriman Transaksi_ belanja kategori barang 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_transaksi no username Id_kota Kode_barnag Jumlah_barang Kode_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 1 melakukan 1 1 1 1 1 1 Gambar III.11
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
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. Nama File : Table Pelanggan Akronim : pelanggan
Fungsi : Sebagai tempat menyimpan data Pelanggan Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media : Hardisk Panjang Record : 220 Karakter Kunci Field : username Software : MySQL
Table III.6
Spesifikasi File Pelanggan
No Elemen data Nama field Type Size Keterangan
1 Username Username Varchar 50 Primary Key
2 Password Password Varchar 100
3 Nama Nama Varchar 50
4 Alamat Alamat Text
3. Nama File : Table Belanja Akronim : belanja
Fungsi : Sebagai tempat menyimpan keranjang belanja sementara Type File : File Sementara
Organisasi File : Index Sequential Akses File : Random
Media : Hardisk Panjang Record : 65 Karakter Kunci Field : id_belanja Software : MySQL
Table III.7 Spesifikasi File Belanja
No Elemen data Nama field Type Size Keterangan
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
4. Nama File : Table Transaksi Penjualan Akronim : transaksi_penjualan
Fungsi : Sebagai tempat menyimpan detail transaksi pembelian Type File : File Transaksi
Organisasi File : Index Sequential Akses File : Random
Media : Hardisk Panjang Record : 114 Karakter Kunci Field : no
Software : MySQL
Table III.8
Spesifikasi File Transaksi penjualan
No Elemen data Nama field Type Size Keterangan
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
6 Username Username Varchar 50 Foreign key
7 Kode Barang kode_barang Varchar 10 Foreign key
5. Nama File : Table Transaksi Belanja Akronim : transaksi_belanja
Fungsi : Sebagai tempat menyimpat status dalam setiap pembelian Type File : File Trasaksi
Organisasi File : Index Sequential Akses File : Random
Media : Hardisk Panjang Record : 85 Karakter Kunci Field : kode_transaksi Software : MySQL
Table III.9
Spesifikasi File Transaksi Belanja
No Elemen data Nama field Type Size Keterangan 1 Kode Transaksi kode_transaksi Varchar 10 Primary key
2 Tanggal Transaksi tgl_transaksi Date
3 Username Username Varchar 50 Foreign key
4 Total Belanja total_belanja double
5 Biaya Pengiriman biaya_pengiriman double
6 Alamat Alamat Text
6. Nama File : Table Barang Akronim : barang
Fungsi : Sebagai tempat menyimpan data barang Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media : Hardisk Panjang Record : 356 Karakter Kunci Field : kode_barang Software : MySQL
Table III.10 Spesifikasi File Barang
No Elemen data Nama field Type Size Keterangan 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. Nama File : Table Pengiriman Akronim : pengiriman
Fungsi : Sebagai tempat menyimpan data daftar tujuan pengiriman Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media : Hardisk Panjang Record : 60 Karakter Kunci Field : id_kota Software : MySQL
Table III.11
Spesifikasi File Pengiriman
No Elemen data Nama field Type Size Keterangan
1 Id Kota id_kota Varchar 10 Primary key
2 Nama Kota nama_kota Varchar 50
8. Nama File : Table konfirmasi Akronim : konfirmasi
Fungsi : Sebagai tempat menyimpan data konfirmasi pembayaran Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media : Hardisk Panjang Record : 81 Karakter Kunci Field : username Software : MySQL
Table III.12
Spesifikasi File Konfirmasi
No Elemen data Nama field Type Size Keterangan
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
9. Nama File : Table kategori Akronim : kategori
Fungsi : Sebagai tempat menyimpan data kategori Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media : Hardisk Panjang Record : 60 Karakter Kunci Field : id_kategori Software : MySQL
Table III.13 Spesifikasi File Kategori
No Elemen data Nama field Type Size Keterangan
1 Kode Kategori Id_Kategori Varchar 10 Primary key
2 Nama Kategori Nama_Kategori Varchar 50
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
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
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
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
5. Halaman Keranjang Belanja
Gambar III.19
Halaman Keranjang Belanja
6. Halaman Konfirmasi Pengiriman
Gambar III.20
7. Halaman Riwayat Belanja
Gambar III.21
Halaman Riwayat Belanja
8. Halaman Konfirmasi Pembayaran
Gambar III.22
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.
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.
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
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
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