23 BAB III PEMBAHASAN A. Analisis Kebutuhan Pada sistem penjualan secara online ini, customer dapat melakukan transaksi dengan mudah tanpa perlu datang langsung untuk memesan Paket Wisata tetapi bisa dilakukan dengan menggunakan media internet. Berikut ini spesifikasi kebutuhan dari sistem e-commerce. a. Halaman Pelanggan (Umum) 1. Halaman utama pengunjung 2. Pengunjung dapat daftar sebagai pelanggan atau anggota 3. Pengunjung dapat melihat katalog produk tanpa bisa membeli b. Halaman Pelanggan (anggota) 1. Halaman Utama Pelanggan Setelah Login. 2. Pelanggan dapat melihat katalog paket wisata dan bisa membeli 3. Pelanggan membeli paket wisata yang diminati dan ditambah ke keranjang belanja. 4. Pelanggan dapat mencetak struk pemesanan paket wisata. 5. Pelanggan dapat melakukan konfirmasi pembayaran. 6. Pelanggan dapat melihat daftar transaksi 7. Pelanggan dapat mengisi lupa password 23
24 c. Halaman Admin 1. Admin dapat Login 2. Admin dapat mengelola data paket wisata. 3. Admin dapat mengelola data kategori paket wisata. 4. Admin dapat mengelola data pelanggan anggota 5. Admin dapat mengelola data lupa password. 6. Admin dapat mengelola data pesanan. 7. Admin dapat melihat data konfirmasi pembayaran 8. Admin mengelola buku tamu B. Perancangan Perangkat Lunak. 1. Rancangan Antar Muka a. Rancangan Antar Muka Pelanggan (umum) 1. Halaman Utama Gambar III.1. Rancangan Antar Muka Halaman Utama 24
25 2. Daftar Baru Gambar III.2. Rancangan Antar Muka Daftar Baru 2. Produk Halaman Pengunjung Gambar III.3. Rancangan Antar Muka Produk Pengunjung 25
26 b. Rancangan Antar Muka Pelanggan (Anggota) 1. Halaman Utama Pelanggan Gambar III.4. Rancangan Antar Muka Halaman Utama Pelanggan 2. Produk halaman Pelanggan (member) Gambar III.5. Rancangan Antar Muka Produk Pelanggan 26
27 3. Buku Tamu Gambar III.6. Rancangan Antar Muka Buku Tamu 5. Konfirmasi pembayaran Gambar III.8. Rancangan Antar Muka Konfirmasi Pembayaran 27
28 C. Rancangan Antar Muka Admin 1. Login Admin Gambar III.10. Rancangan Antar Muka Halaman Login Admin 2. Halaman Admin Gambar III.11. Rancangan Antar Muka Halaman Admin 28
29 3. Data Paket Wisata Gambar III.12. Rancangan Antar Muka Data Paket Wisata 6. Data Member Gambar III.15. Rancangan Antar Muka Data Pelanggan 29
30 7. Data Pesanan Gambar III.16. Rancangan Antar Muka Data Pesan 8. Data Konfirmasi Gambar III.17. Rancangan Antar Muka Data Konfirmasi 30
31 9. Laporan Gambar III.18. Rancangan Antar Muka Laporan 10. Data Buku Tamu Gambar III.19. Rancangan Antar Muka Data Buku Tamu 31
32 C. Basis Data 1. Entity Relationship Diagram password nama alamat telepon email No_pemesana n tanggal jam username Id_paket Kode_paket Nama_paket tujuan username Id_pemesanan status 1 M M M Member Melakukan Pemesanan Mempunyai Paket WIsata 1 1 Id_pemesanan Id_paket M fasilitas harga stok gambar melakukan Memiliki 1 1 1 No_konfirmasi Konfirmasi Mendapat Kategori esername gambar jumbay norek Id_kategori Nama_kategori No_pemesana n tagbay daribank Gambar III.20. Entity Relationship Diagram 32
33 2. Logical Reationshipl Structure (LRS) M Paket_wisata Id_paket Kode_paket Nama_paket Tujuan Fasilitas Harga Stok Gambar Id_kategori M Detail_pemesanan Id_pemesanan No_pemesanan M jumlah Id_paket** M 1 pemesanan Id_pemesanan no_pemesanan Tanggal Jam Username status M 1 kategori Id_kategori Nama_kategori 1 konfirmasi No_konfirmasi Username Jumbay No_pemesanan Tagbay Daribank Norek gambar 1 1 Member Username Password Nama Alamat Telepon email 1 Gambar III.21. Logical Relationship Structure D. Spesifikasi File a. Spesifikasi File Admin Nama File Akronim Fungsi Tipe File Organisasi File : Tabel Admin : admin : Untuk menyimpan data admin : File Master : Indexed Sequential 33
34 Akses File Media : Random : Harddisk Panjang record : 55 Kunci Field Software : id_admin : Mysql Tabel III.1 Spesifikasi File admin No Elemen Data Nama Filed Tipe Size Extra Ket 1. Id Admin Id_admin Int 10 Auto_increment Primary Key 2. Username Username Varchar 30 3. Password Password Varchar 15 b. Spesifikasi File Member Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : Tabel Member : Member : Untuk menyimpan data pelanggan : File Master : Indexed Sequential : Random : Harddisk Panjang record : 132 Kunci Field Software : username : Mysql 34
35 Tabel III.2. Spesifikasi File Member No Elemen Data Nama Filed Tipe Size Extra Ket 1. Username Username Varchar 15 Primary Key 2. Password Password Varchar 20 3. Nama Member Nama Varchar 30 4. Alamat Alamat Text 30 5. Telepon Telpon Varchar 12 6. Email Email Varchar 25 c. Spesifikasi File Paket Wisata Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : Tabel Paket Wisata : paket_wisata : Untuk menyimpan data barang : File Transaksi : Indexed Sequential : Random : Harddisk Panjang record : 698 Kunci Field Software : id_paket : Mysql Tabel III.3. Spesifikasi File Paket Wisata No Elemen Data Nama Filed Tipe Size Extra Ket 35
36 1. Id paket id_paket Int 10 Auto_increment Primary Key 2. Kode paket kode_paket Int 10 3. Nama Paket nama_paket Varchar 20 4. Tujuan tujuan Varchar 60 5. Fasilitas fasilitas Varchar 60 6. Harga harga Varchar 8 7. Stok stok Varchar 20 8. Id kategori Id_kategori Int 10 9. Gambar Gambar Text 500 d. Spesifikasi File kategori Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media :Tabel Kategori : kategori :Untuk menyimpan data kategori :File Transaksi : Indexed Sequential : Random : Harddisk Panjang record : 35 Kunci Field Software : id_kategori : Mysql 36
37 Tabel III.4 Spesifikasi File kategori No Elemen Data Nama Filed Tipe Size Extra Ket 1. Id kategori Id_kategori Int 10 Auto_increment Primary Key 2. Nama kategori nama_kategori Varchar 25 e. Spesifikasi File Pemesanan Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : Tabel Pemesanan : pemesanan : Untuk menyimpan data pemesanan paket wisata : File Transaksi : Indexed Sequential : Random : Harddisk Panjang record : 60 Kunci Field Software : id_pemesanan : Mysql 37
38 Tabel III.5. Spesifikasi File pesan No Elemen Data Nama Filed Tipe Size Extra Ket 1. Id pesan Id_pemesanan Int 10 Auto_increment Primary key 1. No pesan no_pemesanan Varchar 5 2. Tanggal pesan Tanggal Date 3. Jam pesan Jam Varchar 4. username Username Time 25 5. Status pesan Status Varchar 20 j. Spesifikasi File Konfirmasi Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : Tabel Konfirmasi : konfirmasi :Untuk menyimpan data konfirmasi pembayaran : File Transaksi : Indexed Sequential : Random : Harddisk Panjang record : 285 Kunci Field Software : no_konfirmasi : Mysql 38
39 Tabel III.10. Spesifikasi File konfirmasi No Elemen Data Nama Filed Tipe Size Extra Ket 1. No Konfirmasi no_konfirmasi Int 10 Auto_increment Primary Key 2. Username Username Varchar 25 3. Jumlah Bayar Jumbay Int 10 4. No pemesanan no_pemesanan Int 10 5. Tanggal Tagbay Date 6. Dari bank Daribank Varchar 10 7. No rekening Norek Varchar 20 8. gambar Gambar Varchar 200 k. Spesifikasi File detail_pemesanan Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media : Tabel detail_pemesanan : detail_pemesanan : Untuk menyimpan data pemesanan : File Transaksi : Indexed Sequential : Random : Harddisk Panjang record : 30 Kunci Field Software : id_pemesanan : Mysql 39
40 Tabel III.11. Spesifikasi File pesan_detail No Elemen Data Nama Filed Tipe Size Extra Ket 1. Id Pemesanan id_pemesanan Varchar 10 Primary Key 2. Kode Kode Int 10 3. Jumlah Jumlah Int 10 E. Rancangan Struktur Navigasi Navigasi merupakan unsur penting dalam banyak halaman web, Tujuannya agar seseorang merasa mudah mengemudikan suatu halaman web. Biasanya kom ponen navigasi tersebut berupa fasilitas yang berfungsi untuk berpindah ke halaman web lainnya, yang diwujudkan dalam berbagai cara. Program web browser sendiri, seperti Intenet Explorer dan Google Chrome dilengkapi fasilitas untuk mempermudah seseorang dalam menjelajah dunia Internet. Dalam membuat web (situs web) pribadi, penulis menggunakan peta navigasi untuk mengetahui arah dari perjalanan halaman web penjualan Busana Muslim Pria ini. Struktur navigasi ini fleksibel karena alur program dapat bergerak bebas. Setelah menentukan struktur navigasi maka dibuatlah peta navigasi, peta navigasi adalah bentuk detail dari struktur navigasi. Peta navigasi dapat dilihat seperti gambar dibawah ini: 40
41 1. Rancangan Menu Utama Admin login Index Data admin Data Paket Data Member Data Pesanan Laporan Data Konfirmasi Data Bukutamu LOGOUT Tampil data Admin Tampil data paket Tampil data member Tampil data pesanan Tampil data laporan Tampil data konfirmas Tampil data buku tamu Input Edit Hapus Input Edit Hapus Hapus Input Edit Hapus edit hapus Edit hapus hapus Gambar III.22. Struktur Navigasi Halaman Admin 41
42 2. Rancangan index-pengunjung Gambar III.23. Struktur Navigasi Halaman Pengunjung 42
43 3. Rancangan index-pelanggan (anggota) Index Home Profil Cara Pembelian Paket Wisata Konfirmasi Hubungi kami Tampil halaman profil Tampil Halaman Cara Pembelian Tampil Halaman Paket Wisata Tampil halaman Konfirmasi Tampil Halaman Hubungi kami Struk Pemesanan Paket Wisata selesai Gambar III.24. Struktur Navigasi Halaman Pelanggan 3.3. Implementasi dan Pengujian Unit F. Implementasi a. Implementasi Rancangan Antar Muka Implementasi rancangan antar muka pada aplikasi elearning berdasarkan hasil rancangan antar muka. 43
44 1. Halaman index pengunjung Tampilan awal ketika pengunjung memasuki web. Gambar III.25. Implementasi Rancangan Antar Muka index pengunjung 2. Daftar Baru Daftar baru ini digunakan pengunjung untuk menjadi pelanggan (anggota) agar bisa berbelanja di web kami. 44
45 Gambar III.26. Implementasi Rancangan Antar Muka daftar baru 3. Produk pengunjung Halaman ini digunakan pengunjung untuk melihat produk yang tersedia di web tetapi belum bisa melakukan pembelian harus menjadi pelanggan agar bisa melakukan pembelian. 45
46 Gambar III.27. Implementasi Rancangan Antar Muka produk 4. Halaman utama pelanggan Halaman utama pelanggan yang telah memiliki akun di web dan melakukan login di index pengunjung. Gambar III.28. Implementasi Rancangan Antar Muka Halaman utama pelanggan 5. Produk pelanggan Halaman ini dimana pelanggan dapat melihat produk yang ada di web dan bisa melakukan pembelian. 46
47 Gambar III.29. Implementasi Rancangan Antar Muka Produk Pelanggan 6. Buku tamu Halaman ini digunakan pelanggan untuk mengisi buku tamu dalam menyampaikan pertanyaan atau komentar kepada admin 47
48 Gambar III.30. Implementasi Rancangan Antar Muka Buku Tamu Pelanggan 7. Keranjang Belanja Halaman ini tampil di pelanggan bila telah melakukan pembelian produk dan produk di simpan di keranjang belanja. Gambar III.31. Implementasi Rancangan Antar Muka Keranjang Belanja 8. Simpan struk transaksi Halaman ini digunakan pelanggan untuk menyimpan sebuah struk transaksi setelah melakukan selesai pembelian. 48
49 Gambar III.32. Implementasi Rancangan Antar Muka Struk Transaksi 9. Konfirmasi pembayaran Halaman Ini digunakan pelanggan ketika pelanggan melakukan pembayaran. 49
50 Gambar III.33. Implementasi Rancangan Antar Muka konfirmasi pembayaran 11. Login admin Halaman ketika admin sebelum login, ketika admin telah login maka akan tampil halaman admin beserta menu-menu yang ada. Gambar III.35. 50
51 Implementasi Rancangan Antar Muka login admin 12. Halaman Admin Tampilan setelah admin login dan admin bias melihat semua data melalui menu yang ada di halaman admin. Gambar III.36. Implementasi Rancangan Antar Muka Halaman admin 13. Data Paket Wisata Halaman ini menampilkan data-data paket wisata yang ada di halaman web, di data paket admin bisa menambah, mengedit dan menghapus data paket wisata. 51
52 Gambar III.37. Implementasi Rancangan Antar Muka Data Paket Wisata 15. Data Member Halaman ini menampilkan data-data pelanggan yang, di data pelanggan admin bisa menghapus data pelanggan. 52
53 Gambar III.38.. Implementasi Rancangan Antar Muka Data pelanggan 16. Data Pemesanan Halaman ini menampilkan data-data pesanan yang dipesan pelanggan, di data pesan admin bisa mengubah status pesan pelanggan. Gambar III.39.. Implementasi Rancangan Antar Muka Data pesan 53
54 17. Data konfirmasi Halaman ini menampilkan data-data konfirmasi yang dilakukan pelanggan, di data konfirmasi admin bisa menghapus data konfirmasi. Gambar III.40. Implementasi Rancangan Antar Muka Data konfirmasi 18. Data laporan Halaman ini menampilkan data-data laporan pengiriman, di data laporan admin bisa menghapus data laporan. 54
55 Gambar III.41. Implementasi Rancangan Antar Muka Data Laporan 19. Data buku tamu Halaman ini menampilkan data-data buku tamu yang dikirim oleh pelanggan, di data buku tamu admin bisa menghapus data buku tamu. Gambar III.42. Implementasi Rancangan Antar Muka Data Buku Tamu 55
56 A. Spesifikasi Sistem Komputer Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce. 1. Spesifikasi Perangkat Keras a. Server 1) CPU a) Processor Intel Core 2 Duo T6500 @2.10 GHz b) RAM DDR2 3 GB c) Hard Disk 300 GB 2) Keyboard 3) Monitor dengan resolusi layar minimum 800x600 2. Spesifikasi Perangkat Lunak 1) Server 1) Sistem operasi yang umum digunakan seperti: Microsoft 2) Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang terdiri dari beberapa komponen, diantaranya: a) Aplikasi PHP Server v5 b) Aplikasi MySQL Server v5 c) Aplikasi phpmyadmin v3 3) Aplikasi Web Browser seperti Mozilla Firefox, Internet Explorer, Google Chrome. 56
57 3.3.2. Pengujian Unit A. PengujianTerhadap Form Login Pelanggan Tabel III.12. PengujianTerhadap Form Login Pelanggan No Skenario pengujian Test Case Hasil yang diharapkan Hasilpengujian Kesimpulan 1. User name dan password tidak diisi kemudian klik tombol login User name : (kosong) Password: (kosong) Sistem akan menolak akses user dan menampilkan Anda Gagal Login Sesuai harapan Valid 2 Mengetikkan user name dan password tidak diisi atau kosong kemudian klik tombol login User name :FDR Password: (kosong) Sistem akan menolak akses user dan menampilkan Anda Gagal Login Sesuai harapan Valid 3. User tidak di isi User name : (kosong) Password: 456 Sistem akan menolak akses user dan menampilkan Anda Gagal Login Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada user name atau password kemudian klik tombol login User name : DFR (kosong) Password: 456 Sistem akan menolak akses user dan menampilkan Anda Gagal Login Sesuai harapan Valid 5. Mengetikkan user name dan password dengan data yang benar kemudian klik tombol login User name: FDR(benar) Password: 456 (benar) B. PengujianTerhadap Form Login Admin Sistem menerima akses login, kemudian langsung menampilkan selamat dating saudara/i dan masuk kehalaman member. Sesuaiharapan Valid 57
58 Tabel III.13. PengujianTerhadap Form 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) Sistem akan menolak akses admin dan menampilkan AndaGagal Login Sesuai harapan Valid 2 Mengetikkan username dan password tidak diisi atau kosong kemudian klik tombol login username : ari Password: (kosong) Sistem akan menolak akses admin dan menampilkan Anda Gagal Login Sesuai harapan Valid 3. username tidak di isi username : (kosong) Password: kharisma 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login username : aa (kosong) Password: guru Sistem akan menolak akses user dan menampilkan Anda Gagal Login Sistem akan menolak akses admin dan menampilkan Anda Gagal Login Sesuai harapan Sesuai harapan Valid Valid 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login username : ari Password: kharisma Sistem menerima akses login, kemudian langsung menampilkan selamat datang saudara/i dan masuk kehalaman admin. Sesuai harapan Valid C. PengujianTerhadap Form input Member 58
59 Tabel III.14. PengujianTerhadap Form Daftar Baru No Skenario pengujian Test Case Hasil yang diharapkan Hasil pengujian Kesimpulan 1. Username, password, nama lengkap, alamat, telepon dan email tidak diisi kemudian klik tombol simpan username (kosong) password (kosong) nama lengkap (kosong) alamat (kosong) telepon (kosong) email (kosong) Sistem akan menolak simpan data daftar baru Sesuai harapan Valid 2 Username (diisi), password, nama lengkap, alamat, telepon dan email tidak diisi kemudian klik tombol simpan Username: FDR password (kosong) nama lengkap (kosong) alamat (kosong) telepon (kosong) email (kosong) Sistem akan menolak simpan data daftar baru Sesuai harapan Valid 3. Username (diisi), password (diisi), nama lengkap (diisi), alamat (diisi), Username: FDR Password: xxx Sistem akan menerima simpan Sesuai harapan Valid 59
60 telepon (diisi) dan email (diisi) kemudian klik tombol simpan nama lengkap: Farhan alamat: jl.jalan telepon: 0989999 email: ari@yahoo.c om 60