BAB III PEMBAHASAN. Hal pertama yang perlu dilakukan dalam analisa kebutuhan website adalah

dokumen-dokumen yang mirip
BAB IV RANCANGAN SISTEM USULAN

BAB III ANALISA DAN PERANCANGAN 3.2 SEJARAH RUMAH HIJAU PT. PRIMA ANDRIYANI LESTARI

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

1 H a n d o u t T u g a s A k h i r J u r u s a n M a n a j e m e n I n f o r m a t i k a

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB 2 ANALISIS DAN PERANCANGAN

Bab 4 Implementasi dan Evaluasi

BAB IV RANCANGAN SISTEM USULAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN PERANCANGAN SISTEM. Analisis sistem adalah teknik pemecahan masalah yang. menguraikan bagian-bagian komponen dengan mempelajari

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III DESAIN DAN PERANCANGAN

BAB IV IMPLEMENTASI DAN PENGUJIAN. lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut.

BAB IV IMPLEMENTASI DAN EVALUASI. Agar aplikasi berjalan sesuai harapan, dalam kegiatan implementasi

BAB IV DESKRIPSI SISTEM. manual. Manual di sini mempunyai arti bahwa belum adanya sebuah sistem yang

BAB I PENDAHULUAN. Ashiim Bird Farm bergerak dibidang penjualan burung kicau online. Dengan

BAB II ANALISIS DAN PERANCANGAN. Sistem adalah suatu jaringan kerja dari beberapa prosedur yang

BAB II ANALISIS DAN PERANCANGAN. (user) dan fungsinya, diagram alir sistem, perancangan basis data,

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV RANCANGAN SISTEM USULAN

BAB IV RANCANGAN SISTEM USULAN

BAB IV HASIL RANCANGAN Hardware 1. Processor : Intel Dual Core CPU 2.0GHz 2. Memory (RAM) : 1 GB 3. Hardisk : 80 GB

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

PERANCANGAN PENJUALAN BARANG BERBASIS WEB PADA TOKO DARMA HANDY CRAFT TASIKMALAYA

BAB III METODOLOGI PENELITIAN. Penelitian ini dilakukan di Jurusan Ilmu Komputer Fakultas Matematika dan Ilmu

BAB II ANALISIS DAN PERANCANGAN. Komponen - komponen yang diperlukan untuk menganalisis

BAB IV DISKRIPSI PEKERJAAN. membangun system aplikasi yang sesuai dengan kebutuhan. Hasil dari wawancara

RANCANG BANGUN SISTEM INFORMASI PENJUALAN PRODUK KOPI PADA UD. TIARA GLOBAL COFFEE BERBASIS WEB

BAB II ANALISIS DAN PERANCANGAN. tentang penjualan busana muslim, yang meliputi data barang, cara

BAB II ANALISIS DAN PERANCANGAN. Sistem informasi penjualan pakaian wanita berbasis web diperlukan

BAB III ANALISA DAN PERANCANGAN

BAB IV RANCANGAN SISTEM USULAN

BAB V HASIL DAN PEMBAHASAN. memiliki alur kerja saat pembeli sparepart yaitu dari pelanggan datang yang

Gambar 4-1 Use Case Diagram Website Tabel 4-1 Skenario Use Case melihat web

BAB III ANALISIS DAN PERANCANGAN

BAB IV HASIL DAN PEMBAHASAN

BAB IV DISKRIPSI PEKERJAAN. Menganalisa Proses merupakan langkah awal dalam membuat Tutorial ini.

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN EVALUASI. Agar aplikasi berjalan, dalam kegiatan implementasi aplikasi. membutuhkan perangkat keras dan perangkat lunak.

BAB III ANALISA DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN. pembuatan sebuah web. Langkah ini sebagai gambaran apa saja yang

BAB II ANALISIS DAN PERANCANGAN SISTEM. yang dibangun adalah sistem pendukung, user dan perannya,

BAB 2 ANALISIS DAN PERANCANGAN. Sistem perangkat lunak (software) merupakan programprogram. pendukung dalam menjalankan perangkat keras.

BAB III METODE PENELITIAN. penulisan dan penyusunan dalam laporan ini, metode tersebut adalah :

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISIS DAN PERANCANGAN

Spesifikasi Kebutuhan Software Spesifikasi software yang dibutuhkan untuk menjalankan aplikasi penjualan Toko Batik Candi Luhur berbasis web adalah:

BAB IV DESKRIPSI PEKERJAAN. data, selanjutnya melakukan tahapan sebagai berikut: menyajikan suatu rancangan langkah kerja dari sistem yang baru.

BAB 2 ANALISIS DAN PERANCANGAN

BAB IV IMPLEMENTASI SISTEM. Tahap implementasi sistem merupakan proses yang dilakukan setelah tahap perancangan

BAB IV IMPLEMENTASI DAN EVALUASI

BAB IV IMPLEMENTASI DAN EVALUASI. Dalam merancang dan membangun sistem penjualan online ini ada


BAB II ANALISIS DAN PERANCANGAN. Komponen-komponen yang diperlukan untuk menganalisis kebutuhan dari objek

BAB II ANALISIS DAN PERANCANGAN SISTEM. utuh ke dalam bagian-bagian komponennya dengan masalah, kesempatankesempatan,

BAB 2 ANALISIS DAN PERANCANGAN. Dalam menciptakan sebuah aplikasi sistem penjualan secara online

BAB IV IMPLEMENTASI DAN UJI COBA SISTEM. Aplikasi Sistem Penerimaan Karyawan dibuat berbasis web dengan

BAB II ANALISIS DAN PERANCANGAN

Tampilan Layar Admin Manajemen Kontak Kami, digunakan untuk menambah,

BAB III DESAIN DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN. Secara fungsional dalam sistem penjualan spare part sepeda online

BAB II ANALISIS DAN PERANCANGAN

BAB III PEMBAHASAN. penyewaan film berupa DVD asli (original) dan blu-ray. Rental Bioskop Rumah ini

BAB II ANALISIS DAN PERANCANGAN. bertujuan untuk memberikan gambaran dan rancangan bangun yang jelas

BAB II ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN


BAB II ANALISIS DAN PERANCANGAN. Komponen-komponen yang diperlukan untuk menganalisis

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB III ANALISIS DAN PERANCANGAN

BAB IV HASIL RANCANGAN

BAB IV IMPLEMENTASI DAN EVALUASI. membantu untuk lebih memahami jalannya aplikasi ini. Sistem atau aplikasi dapat

BAB III ANALISA DAN PERANCANGAN

BAB II ANALISIS DAN PERANCANGAN

BAB IV DISKRIPSI PEKERJAAN. pada bapak Kepala Sekolah dan bagian akademik untuk mendapatkan informasi

BAB II ANALISIS DAN PERANCANGAN

PEMBUATAN WEBSITE INFORMASI MUSEUM DI JAKARTA DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER 8, PHP DAN MYSQL

BAB III PERANCANGAN SISTEM. Pada bab ini akan di bahas perancangan database, perancangan website, dan

BAB II ANALISIS DAN PERANCANGAN. kebutuhan dari objek yang dibangun antara lain sistem pendukung,

BAB II ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN DESAIN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN

4. Halaman Keranjang. Gambar 4.41 Halaman Keranjang ( pelanggan) Pada halaman keranjang pelanggan dapat melihat barang apa saja

BAB II ANALISIS DAN PERANCANGAN. tentang jam tangan, yang meliputi data barang,cara pembelian,tentang web

BAB IV METODE PENELITIAN. Penelitian ini adalah penelitian rekayasa perangkat lunak yang

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB II ANALISIS DAN PERANCANGAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB II ANALISIS DAN PERANCANGAN

BAB III METODE PENELITIAN. Penelitian ini dilakukan di Laboratorium Skripsi dan Tugas Akhir Jurusan Ilmu

BAB IV IMPLEMENTASI DAN EVALUASI. telah dibuat pada tahap tiga. Adapun kebutuhan software (perangkat lunak) dan

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

Transkripsi:

BAB III PEMBAHASAN 3.1. Analisis Kebutuhan Hal pertama yang perlu dilakukan dalam analisa kebutuhan website adalah menentukan dan mengungkapkan kebutuhan website. Kebutuhan website terbagi menjadi 2 (dua) yaitu Kebutuhan Pengguna dan Kebutuhan Sistem, yang diperlukan untuk mencapai tujuan yang ingin dicapai. 1. Kebutuhan Pengguna Kebutuhan fungsional adalah kebutuhan-kebutuhan yang memiliki keterkaitan langsung dengan website. Kebutuhan fungsional dari website ini meliputi : a. Kebutuhan Pengguna Pada tahap pembuatan website ini, meliputi beberapa kebutuhan pengguna sebagai berikut : 1) Melihat tampilan halaman website 2) Mendaftar menjadi member 3) Mencari dan membeli produk yang diinginkan 4) Melihat keranjang belanja secara langsung 5) Mendapatkan informasi data transaksi 6) Mengisi konfirmasi transfer 23

24 b. Kebutuhan Administrator Pada tahap pembuatan website ini, meliputi beberapa kebutuhan administrator sebagai berikut : 1) Melakukan login ke dalam website 2) Mengelola data produk 3) Mengelola data pesan 4) Mengelola data order 5) Mengelola data member 6) Mengelola data laporan penjualan 7) Melakukan logout 2. Kebutuhan Sistem Kebutuhan sistem adalah kebutuhan non fungsional yang dapat digunakan sebagai suatu bentuk kebutuhan berupa perangkat yang dibutuhkan sistem dan dapat terbagi dalam hal untuk pengembangan atau penggunaannya dan kebutuhan yang tidak secara langsung terkait dengan fitur tertentu didalam website. 3.2. Rancangan Dokumen A. Rancangan Dokumen Masukan (Input) Menguraikan secara setiap rancangan dokumen masukan yang digunakan dalam sistem dengan uraian parameter-parameter dokumen tersebut dengan parameter-parameter dokumennya sebagai berikut : 1. Nama dokumen : Bukti Transfer Fungsi Sumber Tujuan : Bukti telah melakukan Transfer : Pembeli : Admin

25 Media : Kertas Jumlah : 1 Frekuensi : Setiap melakukan Transaksi Bentuk : Lampiran A.1 2. Nama dokumen : Form Data Produk Fungsi Sumber Tujuan Media Jumlah Frekuensi : Untuk menginput data produk yang dijual : Admin : Pengunjung : Website : Banyak : Setiap penambahan data produk Bentuk : Lampiran A.2 3. Nama dokumen : Form Kategori Produk Fungsi Sumber Tujuan Media Jumlah Frekuensi : Untuk menambahkan kategori produk : Admin : Pengunjung : Website : Banyak : Setiap penambahan kategori Bentuk : Lampiran A.3

26 4. Nama dokumen : Form Sub Kategori Produk Fungsi Sumber Tujuan Media Jumlah Frekuensi : Untuk menambahkan sub kategori produk : Admin : Pengunjung : Website : Banyak : Setiap penambahan subkategori Bentuk : Lampiran A.4 B. Rancangan Dokumen Keluaran (Output) 1. Nama dokumen : Bukti Pemesanan Fungsi Sumber Tujuan Media : Bukti telah melakukan Pemesanan : Admin : Pembeli : Kertas Jumlah : 1 Frekuensi : Setiap ada Pemesanan Bentuk : Lampiran B.1 2. Nama dokumen : Laporan Penjualan Fungsi Sumber Tujuan Media : Laporan penjualan produk : Admin : Pemilik : Kertas

27 Jumlah : 1 Frekuensi : Setiap ingin melihat pendapatan Bentuk : Lampiran B.2 3.3. Entity Relationship Diagram (ERD) A. ERD Pembuatan Entity Relationship Diagram sangat penting untuk mempermudah pembuatan tabel apa saja yang dibutuhkan dalam pembuatan website sebagai berikut : Sumber : Penulis (2018) Gambar III.1. Entity Relationship Diagram (ERD)

28 B. Logical Relational Structure (LRS) Pembuatan Logical Relational Structure sangat penting untuk mempermudah menggambarkan relasi antar tabel, dengan tabel sebagai berikut : Sumber : Penulis (2018) Gambar III.2. Logical Relational Structure (LRS)

29 3.4. Spesifikasi File Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan atau file-file penunjang untuk web). Terdapat 9 buah tabel pada pengerjaan website ini, diantaranya tabel kategori, tabel konfirmasi, tabel member, tabel order, tabel order_detail, tabel produk, tabel kecamatan, tabel kabupaten,dan tabel provinsi. Rincian dari tabel-tabel adalah sebagai berikut: 1. Spesifikasi File Kategori Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang Record Kunci Field Software : kategori : Kategori : Untuk memisahkan kategori dari tabel produk : File Master : Index Sequential : Random : Harddisk : 141 Karakter : Id_kategori : Xampp Tabel.III.1. Spesifikasi File Kategori No Nama Field Type Length Keterangan 1 Id_kategori Int 11 Primary key 2 Kategori Varchar 30 3 Gambar Varchar 100

30 2. Spesifikasi File Konfirmasi Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang Record Kunci Field Software : konfirmasi : Konfirmasi : Untuk menyimpan data konfirmasi pembayaran : File Transaksi : Index Sequential : Random : Harddisk : 126 Karakter : id_konfirmasi : Xampp Tabel.III.2. Spesifikasi File Konfirmasi No Nama Field Type Length Keterangan 1 id_konfirmasi Varchar 8 Primary key 2 id_member Varchar 8 Foreign key 3 id_order Varchar 10 Foreign key 3 nama Varchar 30 4 no_rekening Varchar 20 5 nama_pemilik_rek Varchar 30 6 bukti Text 7 jam Varchar 10 8 tanggal Varchar 10 3. Spesifikasi File Member Nama File Akronim Fungsi Tipe File Organisasi File : member : Member : Untuk menyimpan data member : File Master : Index Sequential

31 Akses File Media Panjang Record Kunci Field Software : Random : Harddisk : 291 Karakter : id_member : Xampp Tabel.III.3. Spesifikasi File Member No Nama Field Type Length Keterangan 1 id_member Varchar 6 Primary key 2 password Varchar 100 Foreign key 3 nama Varchar 30 4 No_hp Varchar 13 5 email Varchar 30 6 alamat Text 7 Foto Varchar 100 8 Jk Varchar 10 9 Tgl_lahir Date 4. Spesifikasi File Orders Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang Record Kunci Field Software : orders : Orders : Untuk menyimpan data yang dipesan : File Transaksi : Index Sequential : Random : Harddisk : 140 Karakter : id_order : Xampp

32 Tabel.III.4. Spesifikasi File Orders No Nama Field Type Length Keterangan 1 id_order Varchar 9 Primary key 2 Id_member Varchar 8 Foreign key 3 Id_kec Varchar 6 Foreign key 4 Jenis_pengiriman Varchar 11 5 nama Varchar 30 6 alamat Text 7 nope Varchar 13 8 email Varchar 30 9 status Varchar 10 10 total_bayar Int 11 11 ongkir Int 11 12 tgl_order Date 13 jam_order Time 5. Spesifikasi File Order_detail Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang Record : order_detail : Order_detail : Untuk menyimpan data order : File Transaksi : Index Sequential : Random : Harddisk : 23 Karakter Kunci Field : - Software : Xampp Tabel.III.5. Spesifikasi File Order_detail No Nama Field Type Length Keterangan 1 id_order Varchar 9 2 id_produk Varchar 8 3 Jumlah Varchar 5

33 6. Spesifikasi File Produk Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang Record Kunci Field Software : produk : Produk : Untuk menyimpan data produk : File Master : Index Sequential : Random : Harddisk : 206 Karakter : id_produk : Xampp No Nama Field Type Length Keterangan 1 id_produk Varchar 8 Primary key 2 Id_kategori Varchar 8 Foreign key 3 Id_subkategori Varchar 8 Foreign key 4 Nama Varchar 50 5 Harga Int 11 6 Stok Int 11 7 Berat Varchar 10 8 Tgl Date 9 Gambar Varchar 100 10 Deskripsi Text 7. Spesifikasi File Kecamatan Tabel.III.6. Spesifikasi File Produk Nama File Akronim Fungsi Tipe File Organisasi File : kecamatan : Kecamatan : Untuk menyimpan data kecamatan : File Master : Index Sequential

34 Akses File Media Panjang Record Kunci Field Software : Random : Harddisk : 74 Karakter : id_kec : Xampp Tabel.III.7. Spesifikasi File Kecamatan No Nama Field Type Length Keterangan 1 id_kec Varchar 6 Primary key 2 id_kab Varchar 4 Foreign key 3 Kecamatan Varchar 50 4 jne_regular Varchar 7 5 jne_yes Varchar 7 8. Spesifikasi File Kabupaten Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang Record Kunci Field Software : kabupaten : Kabupaten : Untuk menyimpan data Kabupaten : File Master : Index Sequential : Random : Harddisk : 58 Karakter : id_kab : Xampp

35 Tabel.III.8. Spesifikasi File Kabupaten No Nama Field Type Length Keterangan 1 id_kab Varchar 4 Primary key 2 id_prov Varchar 2 Foreign key 3 Kabupaten Varchar 50 4 id_jenis Varchar 2 9. Spesifikasi File Provinsi Nama File Akronim Fungsi Tipe File Organisasi File Akses File Media Panjang Record Kunci Field Software : provinsi : Provinsi : Untuk menyimpan data Provinsi : File Master : Index Sequential : Random : Harddisk : 52 Karakter : id_prov : Xampp Tabel.III.9. Spesifikasi File Provinsi No Nama Field Type Length Keterangan 1 id_prov Varchar 2 Primary key 2 Provinsi Varchar 50

36 3.5. Pengkodean Setiap pengguna harus memiliki id masing-masing sehingga dapat membatasi hak akses dari masing-masing pengguna, diantaranya terdiri dari: 1. id_member M A - 0 0 1 Ket : MA = untuk identitas member adfakid 001 = untuk nomer urut member 2. id_produk P - 1 8 0 0 0 1 Ket : P = untuk identitas produk 18 = untuk tahun masuk produk 0001 = untuk nomer urut produk 3. id_order O R D E R 0 0 0 1 Ket : ORDER = untuk identitas order 0001 = untuk nomer urut order

37 4. id_konfirmasi K O N - 0 0 0 1 Ket : KON = untuk identitas konfirmasi 0001 = untuk nomer urut konfirmasi 3.6. Spesifikasi Program 1. Kebutuhan Perangkat Keras Perangkat keras yang digunakan dalam membangun website ini adalah sebagai berikut: a. Processor (R) (TM) CPU N570 (1.66GHz) b. RAM 1 GB c. Harddisk 300 GB d. Perangkat standar input dan output 2. Kebutuhan Perangkat Lunak Adapun perangkat lunak yang digunakan dalam membangun website ini adalah sebagai berikut : a. Sistem Operasi Windows 7 Ultimate b. Adobe Dreamweaver CS6 c. Web Browser Mozilla Firefox, Google Chrome, Internet Explorer, Uc Browser. d. MySQL dengan phpmyadmin 3.1.3.1

38 3.7. Rancangan Struktur Navigasi 1. Struktur Navigasi Halaman Admin Rancangan struktur navigasi sangat penting untuk mempermudah mengatur letak atau struktur navigasi website, dan struktur navigasi pada halaman admin sebagai berikut : Gambar III.3. Struktur Navigasi Halaman Admin

39 2. Struktur Navigasi Halaman Member Rancangan struktur navigasi sangat penting untuk mempermudah mengatur letak atau struktur navigasi website, dan struktur navigasi pada halaman member sebagai berikut : Gambar III.4. Struktur Navigasi Halaman Member

40 3. Struktur Navigasi Halaman Pengunjung Rancangan struktur navigasi sangat penting untuk mempermudah mengatur letak atau struktur navigasi website, dan struktur navigasi pada halaman pengunjung sebagai berikut : Gambar III.5. Struktur Navigasi Halaman Pengunjung

41 3.8. Implementasi A. Implementasi Rancangan Antar Muka 1. Implementasi Rancangan Antar Muka Admin a. Implementasi Halaman Login Admin Merupakan halaman yang berisi form login admin. Konsep dari halaman login admin seperti gambar dibawah ini: Gambar III.6. Implementasi Halaman Login Admin b. Implementasi Halaman Beranda Admin Merupakan halaman yang berisi menu-menu link yang menghubungkan halaman ke halaman lain. Konsep dari halaman beranda admin seperti gambar dibawah ini:

42 Gambar III.7. Implementasi Halaman Beranda Admin c. Implementasi Halaman Produk Merupakan halaman yang berisi input produk dan lihat data produk, halaman ini bisa menambah data produk, mengubah data produk ataupun menghapus data produk. Konsep dari halaman produk seperti gambar dibawah ini: Gambar III.8. Implementasi Halaman Produk

43 d. Implementasi Halaman Lihat Pesan Merupakan halaman yang berisi pesan dari pelanggan yang mempunyai masalah tentang pemesanan produk, masalah order dan lain-lain. Konsep dari halaman lihat pesan seperti gambar dibawah ini: Gambar III.9. Implementasi Halaman Lihat Pesan e. Implementasi Halaman Lihat Pemesanan Merupakan halaman yang berisi data konfirmasi transfer dan data Pemesanan dari pelanggan/konsumen. Konsep dari halaman lihat Pemesanan seperti gambar dibawah ini: Gambar III.10. Implementasi Halaman Lihat Pemesanan

44 f. Implementasi Halaman Laporan Per Priode Merupakan halaman yang berisi pengecekan laporan per priode dari tanggal awal ke tanggal akhir. Konsep dari halaman laporan per priode seperti gambar dibawah ini: Gambar III.11. Implementasi Halaman Laporan Per Priode g. Implementasi Halaman Member Merupakan halaman yang berisi data akun pelanggan. di halaman Member ini admin bisa menghapus data akun pelanggan. Konsep dari halaman Member seperti gambar dibawah ini: Gambar III.12. Implementasi Halaman Member

45 1. Implementasi Rancangan Antar Muka Pengguna a. Implementasi Halaman Beranda Halaman beranda tampil ketika website ini pertama kali diakses. Halaman ini terdiri dari menu beranda dan link yang terhubung ke halaman lain. Pada halaman ini juga terdapat beberapa menu dan tampilan tambahan seperti imageslide dsb. Konsep dari halaman beranda seperti gambar dibawah ini: Gambar III.13. Implementasi Halaman Beranda b. Implementasi Halaman Buat Akun Baru Merupakan halaman yang berisi form membuat akun member baru. Konsep dari halaman buat akun baru adalah seperti gambar dibawah ini:

46 Gambar III.14. Implementasi Halaman Buat Akun Baru c. Implementasi Halaman Login Merupakan halaman yang berisi form login untuk member. Konsep dari halaman login adalah seperti gambar dibawah ini : Gambar III.15. Implementasi Halaman Login

47 d. Implementasi Halaman Hubungi Kami Merupakan halaman yang berisi form pesan guna untuk membantu pelanggan jika terjadi kesalahan pada pemesanan produk, pelanggan dapat bertanya melalui Hubungi Kami ini dan pelanggan juga dapat memberikan pesan, kesan atau komentar terhadap pelayanan dalam website kami. Konsep dari halaman Hubungi Kami adalah seperti gambar dibawah ini: Gambar III.16. Implementasi Halaman Hubungi Kami e. Implementasi Konfirmasi Pembayaran Merupakan halaman yang berisi form konfirmasi pembayaran dimana pelanggan selesai melakukan pemesanan produk harus melakukan konfirmasi Pembayaran. Konsep dari halaman konfirmasi Pembayaran adalah seperti gambar dibawah ini :

48 Gambar III.17. Implementasi Halaman Konfirmasi Pembayaran f. Implementasi Halaman Cara Pembelian Merupakan halaman yang berisi semua informasi-informasi cara Pembelian produk pada website kami. Konsep dari halaman cara pemesanan adalah seperti gambar dibawah ini : Gambar III.18. Implementasi Halaman Cara Pembelian

49 g. Implementasi Halaman Produk Merupakan halaman yang berisi produk-produk Gitar yang di tampilkan di halaman semua produk untuk di jual. Konsep dari halaman produk adalah seperti gambar dibawah ini : Gambar III.19. Implementasi Halaman Produk h. Implementasi Halaman Detail Produk Merupakan halaman yang berisi detail Produk Gitar. Konsep dari halaman detail produk adalah seperti gambar dibawah ini : Gambar III.20. Implementasi Halaman Detail Produk

50 i. Implementasi Halaman Keranjang Belanja Merupakan halaman yang berisi pesanan produk yang ingin di beli oleh pelanggan. Konsep dari halaman keranjang belanja adalah seperti gambar dibawah ini: Gambar III.21. Implementasi Halaman Keranjang Belanja j. Implementasi Halaman Cetak Bukti Transaksi Merupakan halaman yang berisi bukti transaksi pesanan produk pada toko kami. Konsep dari halaman cetak bukti transaksi adalah seperti gambar dibawah ini:

51 Gambar III.22. Implementasi Halaman Cetak Bukti Transaksi k. Implementasi Halaman Akun Saya Merupakan halaman yang berisi data-data akun pelanggan yang terdapat di menu akun saya di halaman login user, di halaman ini pelanggan bisa mengubah data akunnya untuk di perbaharui. Konsep dari halaman Akun Saya adalah seperti gambar dibawah ini: Gambar III.23. Implementasi Halaman Akun Saya

52 3.9. Pengujian Unit 1. Pengujian Terhadap Form Login Admin Tabel III.10. Hasil Pengujian Blackbox Testing Form Login Admin No Skenario. pengujian 1. Email dan Password tidak di isi kemudian klik tombol login 2. Mengetikkan Username dan Password tidak di isi (kosong) kemudian klik tombol login 3. Username tidak di isi (kosong) dan Password diisi kemudian klik tombol login 4. Mengetikkan salah satu kondisi salah pada Username atau Password kemudian klik tombol login 5. Mengetikkan Username dan Password dengan data yang benar kemudian klik tombol login Test case Username:(koson g) Password:(koson g) Username:Admin Password:(koson g) Username:(koson g) Password:admin Username:Admin (benar) Password:admin (salah) Username:Admin (benar) Password:admin (benar) Hasil yang diharapkan menolak akses user dan Harap masukan Email anda!! menolak akses user Password harus di isi menolak akses user dan Harap masukan Email anda!! menolak akses dan Email atau Password salah Sistem menerima akses login dan Anda berhasil masuk, selamat brbelanja kemudian langsung menu utama. Hasil pengujian Kesimpulan

53 2. Pengujian Terhadap Form Logout Admin Tabel III.11. Hasil Pengujian Blackbox Testing Logout Admin No. Skenario pengujian Test case Hasil yang diharapkan 1. Klik Logout Klik Logout Sistem menerima akses kemudian halaman Login Hasil pengujian Kesimpulan 3. Pengujian Terhadap Form Buat Akun Member Tabel III.12. Hasil Pengujian Blackbox Testing Halaman Buat Akun No. Skenario pengujian 1. Semua form tidak di isi(kosong) kemudian klik tombol Simpan 2. Nama di isi form yang lain tidak di isi(kosong) kemudian klik tombol Simpan 3. Nama dan No Handphone di isi form yang lain tidak di isi(kosong) kemudian klik tombol Konfirmasi Test case Nama:(kosong) No Handphone:(kosong) Email:(kosong) Password:(kosong) Alamat:(kosong) Foto:(kosong) Nama:(member) No Handphone:(kosong) Email:(kosong) Password:(kosong) Alamat:(kosong) Foto:(kosong) Nama:(member) No Handphone:(081500000000) Email:(kosong) Password:(kosong) Alamat:(kosong) Foto:(kosong) Hasil yang diharapkan menolak akses Buat Akun dan Anda belum memasukan nama!! menolak akses Buat Akun dan Nomor masih kosong!! menolak akses Buat Akun dan Email masih kosong!! Hasil pengujian Kesimpulan

54 No. Skenario pengujian 4. Nama, No Handphone dan Email di isi form yang lain tidak di isi(kosong) kemudian klik tombol Konfirmasi 5. Nama, No Handphone, Email dan password di isi form yang lain tidak di isi(kosong) kemudian klik tombol Simpan 6. Nama, No Handphone, Email, password dan alamat di isi form foto tidak di isi(kosong) kemudian klik tombol Simpan Test case Nama:(member) No Handphone:(081500000000) Email:(member@mail.com) Password:(kosong) Alamat:(kosong) Foto:(kosong) Nama:(member) No Handphone:(081500000000) Email:(member@mail.com) Password:(member) Alamat:(kosong) Foto:(kosong) Nama:(member) No Handphone:(081500000000) Email:(member@mail.com) Password:(member) Alamat:(jln.raya) Foto:(kosong) Hasil yang diharapkan menolak akses Buat Akun dan Password tidak boleh kosong!! menolak akses Buat Akun dan Masukan alamat anda!! menerima akses Buat Akun dan Buat Akun Anda berhasil!! kemudian halaman login Hasil pengujian Kesimpulan 4. Pengujian Terhadap Form Login Member Tabel III.13. Hasil Pengujian Blackbox Testing Form Login Member No Skenario. pengujian 1. Email dan Password tidak di isi kemudian klik tombol login Test case Username:(koso ng) Password:(koso ng) Hasil yang diharapkan menolak akses user dan Harap masukan Email anda!! Hasil pengujian Kesimpulan

55 2. Mengetikkan Username dan Password tidak di isi (kosong) kemudian klik tombol login 3. Username tidak di isi (kosong) dan Password diisi kemudian klik tombol login 4. Mengetikkan salah satu kondisi salah pada Username atau Password kemudian klik tombol login 5. Mengetikkan Username dan Password dengan data yang benar kemudian klik tombol login Username:Mem ber Password:(koso ng) Username:(koso ng) Password:memb er Username:Mem ber (benar) Password:memb er (salah) Username:Mem ber (benar) Password:memb er (benar) menolak akses user Password harus di isi menolak akses user dan Harap masukan Email anda!! menolak akses dan Email atau Password salah Sistem menerima akses login dan Anda berhasil masuk, selamat brbelanja kemudian langsung menu utama. 5. Pengujian Terhadap Halaman Logout Member Tabel III.14. Hasil Pengujian Blackbox Testing Logout Member No. 1. Skenario pengujian Klik Login User Test case Klik Keluar Hasil yang diharapkan Sistem menerima akses, kemudian langsung halaman Login Member Hasil pengujian Kesimpulan

56 6. Pengujian Terhadap Form Konfirmasi Transfer Tabel III.15. Hasil Pengujian Blackbox Testing Halaman Konfirmasi Transfer No. Skenario pengujian 1. Semua form tidak di isi(kosong) kemudian klik tombol Konfirmasi 2. No Order di isi form yang lain tidak di isi(kosong) kemudian klik tombol Konfirmasi 3. No Order dan Nama di isi form yang lain tidak di isi(kosong) kemudian klik tombol Konfirmasi Test case No Order:(kosong) Nama:(kosong) Pembayaran ke Bank:(kosong) No Rekening:(kosong) Rekening Atas Nama:(kosong) Bukti Transfer:(kosong) No Order:(ORDER0001) Nama:(kosong) Pembayaran ke Bank:(kosong) No Rekening:(kosong) Rekening Atas Nama:(kosong) No Order:(ORDER0001) Nama:(Vicky) Pembayaran ke Bank:(kosong) No Rekening:(kosong) Rekening Atas Nama:(kosong) Bukti Hasil yang diharapkan menolak akses Konfirmasi dan Harap Masukan No Order!!. menolak akses Konfirmasi dan Nama Belum Di isi!!. menolak akses Konfirmasi dan Bank Belum Di Hasil pegujian Kesimpulan Transfer:(kosong) Pilih!! 4. No Order Nama dan Pembayaran Ke Bank di isi form yang lain tidak di isi(kosong) kemudian klik tombol Konfirmasi No Order:(ORDER0001) Nama:(Vicky) Pembayaran ke Bank:(Mandiri) No Rekening:(kosong) Rekening Atas Nama:(kosong) Bukti Transfer:(kosong) menolak akses Konfirmasi dan Masukan No Rekening Anda!!

57 5. No Order Nama Pembayaran Ke Bank dan No Rekening di isi form yang lain tidak di isi(kosong) kemudian klik tombol Konfirmasi 6. No Order, Nama, Pembayaran Ke Bank, No Rekening, dan Rekening Atas Nama di isi form yang lain tidak di isi(kosong) kemudian klik tombol Konfirmasi No Order:(ORDER0001) Nama:(Vicky) Pembayaran ke Bank:(Mandiri) No Rekening:(9999999) Rekening Atas Nama:(kosong) Bukti Transfer:(kosong) No Order:(ORDER0001) Nama:(Vicky) Pembayaran ke Bank:(Mandiri) No Rekening:(9999999) Rekening Atas Nama:(Vicky) Bukti Transfer:(kosong) menolak akses Konfirmasi dan Anda Belum Mengisi Atas Nama!! menolak akses Konfirmasi dan Bukti Transfer harus di isi!!