31
PEMBAHASAN
3.1. Analisa Kebutuhan3.1.1. Analisa Kebutuhan Sistem
Analisa yang akan dibangun ini memiliki kebutuhan sistem dapat dikelompokan dalam 5 tingkatan yang akan mengakses aplikasi yaitu: input, proses, output, performance,control
Tabel III.1.
Kebutuhan Sistem
NO. Kebutuhan Sistem Keterangan
1. Input Admin melakukan login
Admin melakukan input barang Pelanggan melakukan login Pelanggan melakukan transaksi
Pelanggan melakukan cetak bukti transaki
2. Proses Sistem proses login , untuk bisa melakukan
pembelian
3. Output Admin dapat memodifikasi data kategori
4. Performance Sistem meningkatkan keamanan untuk admin
5. Control Sistem pencatatan transaksi langsung tersimpan ke
database.
Sistem membuat keamanan untuk semua member dan admin.
3.1.2. Analisa Kebutuhan Pengguna
Analisa yang akan dibangun ini memiliki kebutuhan informasi dapat dikelompokan dalam 3 tingkatan yang akan mengakses aplikasi yaitu: admin, pengunjung dan pelanggan.
Tabel III.2.
Kebutuhan Pengguna
NO. Kebutuhan Pengguna Keterangan
1. Admin a. Tentang administrator merupakan tingkatan tertinggi yang dapat mengakses seluruh bagian dari database. Mempunyai hak penuh untuk verifikasi data user dan memelihara isi dari database. Administrator juga diberikan hak untuk menambah, mengubah maupun menghapus data atau informasi yang ada.
b. Status pembayaran
Merubah status user dari pesan menjadi lunas setelah user melakukan transfer. 2. Pengunjung a. Pengunjung hanya bisa melihat informasi
produk, cara belanja, dan Tanya jawab. Jika ingin mengakses data pembelian produk, pengunjung bisa mendaftar untuk menjadi
pelanggan terlebih dahulu.
3. Pelanggan a. Pelanggan masuk ke halaman utama web kemudian pilih produk (beli) secara otomatis produk yang telah dipilih masuk ke dalam shopping cart atau keranjang belanja, b. pelanggan bisa mengubah jumlah pembelian
dan membatalkan pembelian produk.
c. pelanggan bisa mencetak bukti daftar pemesanan produk tersebut dan melakukam transaksi melalui ATM dengan cara mentransfer grand total yang sudah tertera di “cetak lengkap pemesanan produk”. d. Untuk melakukan konfirmasi pembayaran,
pelanggan bisa masuk ke menu konfirmasi dan mengisi data konfirmasi yang tertera di kolom transaksi.
3.2. Perancangan Perangkat Lunak 3.2.1. Rancangan Antar Muka A. Rancangan Antar Muka Admin
1. Rancangan Antar Muka Halaman Login Admin
Halaman login admin yang terdiri dari username dan password dimana halaman ini akan muncul pertama kali pada rancangan antar muka admin untuk mengakses sistus administrator website.
Gambar III.1.
Halaman Antar muka login admin
2. Rancangan Antarmuka Halaman Utama Admin
Halaman admin ini dibuat untuk admin dapat mengatur keseluruhan isi website seperti : menambahkan, mengedit, menghapus, mengupdate, dan melihat laporan pembelian
Gambar III.2 Halaman Utama Admin
3. Rancangan Antarmuka Halaman Ganti Password Admin
Halaman ini terdiri dari ubah password untuk Admin dapat mengubah data password
Gambar III.3
4. Rancangan Antarmuka Admin ( Data Provinsi )
Halaman ini berisi data kota dan harga pegiriman ke kota tujuan dan menghapus data
kota.
Gambar III.4 Data Provinsi
5. Rancangan Antarmuka Admin ( Data Kategori )
Halaman ini berisi data kategori didalam website, admin dapat menghubah, menghapus atau menambahkan kategori pada halaman ini.
Gambar III.5
B. Rancangan Antar Muka Pengunjung
Rancangan Antar Muka Pengunjung ( Halaman Utama ) Halaman yang bisa diakses oleh seluruh pengunjung, halaman ini berisi form login, beranda, profil, produk, cara belanja, status, dan pencarian produk.
Gambar III.6
1. Rancangan Antar Muka Pelanggan ( Pendaftaran pelanggan baru )
Halaman yang bisa diakses oleh pengunjung yang belum menjadi pelanggan yang sudah aktif menjadi member, halaman ini berisi form pendaftaran pelanggan baru.
Gambar III.7
2. Rancangan Antar muka pelanggan (Produk)
Halaman yang bisa diakses oleh pelanggan yang sudah melakukan login, halaman ini berisi form produk , pelanggan dapat melihat detail barang dan melakukan pembelian produk.
Gambar III.8
Halaman Antarmuka Pelanggan (Produk)
3. Rancangan antar muka pelanggan ( cara membeli )
Halaman ini berisi mengenai penjelasan cara membeli di Citra Collection
Gambar III.9
4. Rancangan Antarmuka Pelanggan ( Daftar Pemesanan Pelanggan )
Halaman ini berisi seputar daftar produk yang sudah di pesan oleh member .
Gambar III.10
5. Rancangan Antarmuka Pelanggan ( Konfirmasi Pembelian)
Halaman konfirmasi berfungsi apabila pelanggan sudah melakukan transaksi melalui transfer, maka diharuskan untuk mengkonfirmasi bukti pembayaran untuk selanjutnya produk itu bisa segera dikirim.
Gambar III.11
3.2.2 Basis Data
A. Entity Relationship Diagram (ERD)
B . Logical Relationship Structure (LRS)
C. Spesifikasi File
Di dalam perancangan website sistem informasi penjualan ini penulis menggunakan satu database dengan nama gamisdb. Berikut adalah spesifikasi dari tabel-tabel di dalam database gamisdb:
1. Spesifikasi Tabel Admin
Database : gamisdb
Nama File : Admin
Akronim : Admin
Fungsi : Untuk menyimpan data admin Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang record : 62 byte Kunci Field : id
Software : Mysql
Tabel III.3
Spesifikasi Tabel Admin
No Elemen Data Nama Field Tipe Size Keterangan 1 2 3 Identitas Username Password Id Username Password Interger Varchar Varchar 2 10 50 Primary Key
2. Spesifikasi Tabel Barang Database : gamisdb Nama File : Barang Akronim : Barang
Fungsi : Untuk menyimpan data barang Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk Panjang record : 107 byte Kunci Field : Kd_Barang Software : Mysql
Tabel III.4
Spesifikasi Tabel Barang
No Elemen Data Nama Field Tipe Size Keterangan 1 2 3 4 5 6 7 8 Kode Barang Nama Barang Harga Modal Harga Jual Stok Barang Keterangan File Gambar Identitas Kd_Barang Nm_Barang Harga_Modal Harga_Jual Stok Keterangan File_Gambar Id Char Varchar Interger Interger Interger Text Varchar Char 5 50 12 12 4 20 4
3. Spesifikasi Tabel Kategori Database : gamisdb Nama File : Kategori Akronim : Kategori
Fungsi : Menampilkan Data Kategori Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk Panjang record : 17 byte Kunci Field : Id Software : Mysql
Tabel III.5
Spesifikasi Tabel Kategori
No Elemen Data Nama Field Tipe Size Keterangan 1 2 Identitas Kategori Id Kategori Interger Varchar 2 15 Primary Key
4. Spesifikasi Tabel Konfirmasi Database : gamisdb Nama File : Konfirmasi Akronim : Konfirmasi
Fungsi : Untuk menyimpan data konfirmasi pemesanan Tipe File : File Transaksi
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk Panjang record : 54 byte Kunci Field : Id Software : Mysql
Tabel III.6
Spesifikasi Tabel Konfirmasi
No. Elemen data Nama Field Tipe Size Ket
1. 2. 3. 4. 5. 6. Identitas No Pelanggan Nama Pelanggan Jumlah Transfer Keterangan Tanggal Id no_pemesanan nm_pelanggan jumlah_transfer Keterangan Tanggal Interger Varchar Varchar Int Text Date 4 8 30 12 - Primary Key Foreign Key
5. Spesifikasi Tabel Pelanggan Nama File : Pelanggan Akronim : Pelanggan
Fungsi : Untuk menyimpan data pembeli Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hardisk
Panjang record : 176
Kunci Field : kd_pelanggan
Software : Mysql
Tabel III.7
Spesifikasi Tabel Pelanggan
No. Elemen data Nama Field Tipe Size Ket 1. 2. 3. 4. 5. 6. 7. 8. Kode Pelanggan Nama Pelanggan Kelamin Email Nomer Telfon Username Password Tanggal Daftar Kd_Pelanggan Nm_Pelanggan Kelamin Email No_Telepon Username Password Tgl_daftar Char Varchar Enum Varchar Varchar Varchar Varchar Date 6 30 - 50 20 20 50 - Primary Key
6. Spesifikasi Tabel Pemesanan Nama File : pemesanan
Akronim : pemesanan
Fungsi : Untuk menyimpan dan memesan barang Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hardisk
Panjang record : 153
Kunci Field : no_pemesanan
Software : Mysql
Tabel III.8
Spesifikasi Tabel Pemesanan
No. Elemen data Nama Field Tipe Size Ket
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. Nomer Pemesanan Kode Pelanggan Tanggal Pemesanan Nama Penerima Alamat Lengkap Kode Provinsi Kota Kode Pos Nomet Telepon Status Pembayaran no_pemesanan kd_pelanggan tgl_pemesanan nama_penerima alamat_lengkap kd_provinsi kota kode_pos no_telepon status_bayar Char Char Date Varchar Varchar Char Varchar Varchar Varchar Enum 8 6 - 30 50 3 30 6 20 - Primary Key Foreign Key
7. Spesifikasi Tabel Pemesanan Item Nama File : pemesanan item Akronim : pemesanan item
Fungsi : Untuk menyimpan dan memesan per item Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hardisk
Panjang record : 32 Kunci Field : id
Software : Mysql
Tabel III.9
Spesifikasi Tabel Pemesan Item
No. Elemen data Nama Field Tipe Size Ket 1. 2. 3. 4. 5. Identitas Nomer Pemesanan Kode Barang Harga Jumlah Id no_pemesanan kd_barang harga jumlah Interger Char Char Char Interger 4 8 5 12 3 Primary Key
8. Spesifikasi Tabel Provinsi Nama File : provinsi Akronim : provinsi
Fungsi : Untuk mengetahui daerah pemesanan konsumen Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hardisk
Panjang record : 45
Kunci Field : kd_provinsi
Software : Mysql
Tabel III.10
Spesifikasi Tabel Provinsi
No. Elemen data Nama Field Tipe Size Ket
1. 2. 3. kd_provinsi nm_provinsi biaya_kirim kd_provinsi nm_provinsi biaya_kirim Char Varchar Int 3 30 12 Primary Key
1. Spesifikasi Tabel Tempat Keranjang Nama File : tempat keranjang Akronim : tmp_keranjang
Fungsi : Untuk menyimpan data pemesanan beli Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Hardisk
Panjang record : 31 Kunci Field : id
Software : Mysql
Tabel III.11
Spesifikasi Tabel Tempat Keranjang No. Elemen data Nama Field Tipe Size Ket 1. 2. 3. 4. 5. 6. Id kode_barang harga jumlah tanggal kd_pelanggan id_keranjang kd_barang Harga Jumlah Tanggal Kd_pelanggan Int Char Int Varchar Date Char 5 5 12 3 - 6 Primary Key Foreign Key Foreign Key
3.2.3. Struktur Navigasi
A. Struktur Navigasi Admin
Laporan Data
barang Login
Beranda Password admin Data provinsi Data kategori Data pelanggan Pemesan barang Konfirmasi Transfer Logout Pemesanan bayar From ganti password Delete
komfirmasi Laporan barang Delete pelanggan Laporan pemesanan lunas periode Laporan kategori Pemesan lihat Laporan pemesanan lunas tanggal Pemesan tampil Laporan pelanggan Laporan pemesanan masuk periode
B. Struktur Navigasi Pengunjung
C. Struktur Navigasi Member
3.3. Implementasi dan Pengujian Unit 3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka 1. Halaman Login Admin
Administrator harus melakukan login terlebih dahulu untuk dapat
menggunakan modul-modul yang tersedia Jika login berhasil, maka menu-menu yang sesuai dengan kategori user tersebut akan ditampilkan.
Gambar III.17 Halaman Login Admin
2. Halaman Beranda Admin
Halaman ini adalah halaman beranda ketika Administrator sudah melakukan login
Gambar III.18 Halaman Beranda Admin
3. Halaman Tambah Barang
Module ini digunakan untuk melihat dan menambah barang baru yang berisi kode, nama barang , stok, keterangan barang , stok ,dan harga barang. Jika berhasil ditambahkan maka barang akan bertambah.
Gambar III.19
4 Halaman Pendaftaran Pelanggan
Untuk mendaftar akun, pelanggan harus melakukan pengisian data terlebih dahulu secara lengkap. Jika berhasil maka pelanggan bisa memakai akun yang sudah dibuat.
Gambar III.20
5 Halaman Login Member
Pelanggan harus melakukan login terlebih dahulu sebelum melakukan pembelian barang. Jika berhasil maka pelanggan bisa langsung mengakses halaman pembayaran serta halaman konfirmasi pembayaran.
Gambar III.21 Halaman login Pelanggan
6 Halaman Keranjang Belanja
Pada halaman ini pelanggan yang sudah memilih barang dapat melanjutkan ke proses konfirmasi belanja.
Gambar III.22 Halaman Keranjang Belanja
7 Halaman Konfirmasi Pembelian
Pada tahap ini, pelanggan yang sudah menentukan barang dapat mengisi data diri untuk informasi pengiriman barang oleh penjual ke pelanggan, tetapi setelah melakukan konfirmasi pembayaran.
Gambar III.23
Halaman Konfirmasi Pembelian
8 Halaman Daftar Pemesanan
Setelah melakukan konfirmasi belanja, pelanggan dapat melihat daftar barang yang sudah di pesan pada form ini.
Gambar III.24 Halaman Daftar Pemesaan
9 Halaman Daftar Barang
Pada halaman ini pelanggan dapat melihat dan memilih produk yang ingin dibeli.
Gambar III.25 Halaman Daftar Barang
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 i3 4030U @ 1.90GHz(4CPUs) (b) RAM DDR3 4 GB
(c) Hard Disk 500 GB 2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 10 Mbps.
b. Client
1) CPU
(a) Processor Intel®Pentium® B90 @ 2.00 GHz (2CPUs) (b) RAM DDR3 4 GB
(c) Hard Disk 250 GB 2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 10 mbps.
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 Browser 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.10
Hasil Pengujian Black Box Testing Halaman Login Admin 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) 1. Data Username tidak boleh kosong ! 2. Data Password tidak boleh kosong ! Sesuai harapan Valid 2. Mengetikkan username dan pasword tidak diisi atau kosong kemudian klik Username: admin Password: (kosong) Sistem akan menolak akses user dan menampilkan “1. Data Password Sesuai harapan Valid
tombol login tidak boleh kosong !” 3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username: (kosong) Password: admin Sistem akan menolak akses user dan menampilkan “1. Data Username tidak boleh kosong !” Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username: admin Password: 123 Sistem akan menolak akses user dan menampilkan “Halaman login lagi” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar Username: admin Password: admin Sistem menerima akses login dan kemudian langsung Sesuai harapan Valid
kemudian klik tombol login
menampilkan menu utama
B. Pengujian Terhadap Form Login Member Tabel III.11
Hasil Pengujian Black Box Testing Halaman Login Member No. Skenario
pengujian
Test Case Hasil yang diharapkan Hasil pengujian Kesimpu lan 1. Username dan password tidak diisi kemudian klik tombol Login Usernam e: (kosong) Password : (kosong) Sistem akan menolak akses user dan menampilkan “ 1 . Data Username tidak boleh kosong ! 2 . Data Password tidak boleh kosong ! 3 . Data Username dan Password yang Sesuai harapan Valid
Anda masukan salah” 2. Mengetikkan username dan pasword tidak diisi atau kosong kemudian klik tombol Login Usernam e: bsi Password : (kosong) Sistem akan menolak akses user dan menampilkan “ 1 . Data Password tidak boleh kosong ! 2 . Data Username dan Password yang Anda masukan salah” Sesuai harapan Valid 3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol Sign In Usernam e: (kosong) Password : bsi Sistem akan menolak akses user dan menampilkan 1 . Data Username tidak boleh kosong ! 2 . Data Sesuai harapan Valid
Username dan Password yang Anda masukan salah” 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol Login Usernam e: bsi (benar) Password : bsa (salah) Sistem akan menolak akses user dan menampilkan “Data Username dan Password yang Anda masukan salah” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol Sign In Usernam e: bsi (benar) Password : bsii (benar) Sistem menerima akses login dan kemudian langsung menampilakan menu utama Sesuai harapan Valid
