22 3.1. Analisa Kebutuhan
Berdasarkan apa yang telah dijelaskan pada bab sebelumnya mengenai tahapan-tahapan dalam merancang sebuah website dengan menggunakan metode warteffal, hal pertama yang bisa dilakukan adalah melakukan analisa. Dalam hal ini ada dua analisa penting yang dapat dilakukan dalam pembuatan website, antara lain;
1. Analisa Kebutuhan pengguna
Salah satu aspek yang harus diperhatikan dalam melakukan perancangan website, ialah dengan melakukan analisa kebutuhan pengguna dalam perancangan ini terbagi menjadi dua kebutuhan pengguna yaitu :
1. Analisa kebutuhan pelanggan
a. Pelanggan dapat melihat barang produk yang dijual
b. Pelanggan dapat melakukan pendaftaran dengan mengisi form dengan format yang telah disediakan oleh sistem.
c. Pelanggan dapat masuk kehalaman akun,dengan mengisi username dan password di halaman masuk akun
d. Pelanggan dapat melakukan pembelian dan melakukan konfirmasi pembayaran.
2. Analisa Kebutuhan Admin
a. Admin website dapat mengelola data pemesanan produk, data kategori,data ongkir dan laporan pemesanan dan laporan barang.
b. Admin bisa mengelola pemesanan barang dan pembayaran barang c. Admin website dapat mengelola data produk.
d. Admin dapat mengelola data testimoni yang dikirimkan oleh pelanggan. 2. Analisa kebutuhan sistem
Supaya dapat menunjang sebuah website agar bisa lebih efektif dan efisien dalam penggunaannya, maka analisa kebutuhan sistem juga tidak boleh terlewatkan dari perhatian. Dalam melakukan analisa kebutuhan sistem, biasanya hanya terfokus pada bagian belakang dari sebuah website. Analisa kebutuhan sistem ini terbagi menjadi dua, yaitu :
1. Kebutuhan sistem untuk pelanggan
a. Pelanggan yang ingin membeli dan memesan produk diharuskan masuk dahulu sebagai pelanggan.
b. Jika sudah masuk pelanggan dapat melakukan pembelian dan pemesanan barang produk dengan cara memilih kategori produk atau memilih produk, lalu klik beli dan secara otomatis keranjang belanja bertambah dan juga ada tombol detail untuk melihat detail produk yang ingin di beli.
c. Setelah itu pelanggan klik ke keranjang belanja untuk melihat barang produk yang dipilih dan harga keseluruhan yang ada di keranjang belanja. d. Jika sudah pelanggan klik tombol proses untuk memperoses pesanan
produk yang sudah di pilih setelah itu pelanggan diarahkan kehalaman isi data pesanan dihalaman ini pelanggan bisa mengisi nama pengirim atau
re-seler nama kota dan alamat kirim barang ketujuan yang pelanggan mau.Jika pelanggan ingin melanjutkan belanja pelanggan dapat mengklik tombol lanjut yang ada di sebelah tombol proses.
e. Jika sudah pelanggan akan diarahkan ke halaman struk, dihalaman ini terdapat informasi data pelanggan, data barang yang dipesan beserta, harga subtotal ongkos kirim perpcs total ongkos kirim dan total bayar, jika sudah sesuai pelanggan bisa mengklik tombol cetak untuk mencetak struk atau selesai.
f. Jika pelanggan sudah melakukan pembayaran melalui media transfer bank,maka pelanggan diwajibkan untuk konfirmasi pembayaran di menu konfirmasi pembayaran, di halaman ini ada 3 tombol pilihan yang bisa pelanggan pilih klik batal untuk membatalkan pemesanan, klik detail untuk melihat detail pemesanan, klik upload untuk mekonfrimasi pembayaran yang sudah dilakukan pelanggan dengan mengisi besaran jumlah bayar dan menguplod struk bukti pembayaran.jika sudah pelanggan akan diberi konfirmasi untuk menunggu selama 3 hari untuk admin memvalidasi lunas pembayaran pelanggan.
2. Kebutuhan sistem untuk admin
a. Admin diwajib kan login terlebih dahulu untuk dapat mengakses atau masuk kedalam halaman administrator.
b. Setelah masuk admin dapat melakukan aktivitas mengelola website sesuai kebutuhan.
c. Admin dapat mengelolah data produk, seperti jumlah produk, harga produk, stok produk, dan kategori produk.
d. Admin juga dapat mengetahui pelanggan di data pelanggan. e. Admin juga dapat mengelolah data kategori produk.
f. Admin dapat menvalidasi data pemesanan. g. Admin dapat mengecek pembayaran pelanggan. h. Admin dapat menghapus data pelanggan.
i. Admin dapat melihat laporan pemesanan dan laporan produk selama satu 3.2 Perancangan Perangkat Lunak
Tahapan dimana dilakukan perancangan sistem dan perangkat lunak terhadapat solusi dari permasalahan yang ada melalui rancangan antar muka,rancangan basis data dengan menggunakan pemodelan seperti ERD(Entity Relasionship Diagram),LRS (logical Relasionship Structure) dan merancang struktur navigasi.
3.2.1.Rancangan Antar Muka
Rancangan antarmuka merupakan gambaran dari tampilan web yang diusulkan oleh penulis, pada uraian dibawah ini dapat dijelaskan rancangan antarmuka sistem informasi penjualan perlengkapan baby berbabasis web.
a. Racangan Antarmuka Admin
1. Rancangan Antar Muka Halaman Login Admin
Admin atau Administrator website diharuskan melakukan login terlebih dahulu agar bisa masuk.
Gambar III.I
Rancangan Antar Muka Halaman Login Admin 2. Rancangan Antar Muka Halaman Beranda Admin
Halaman ini merupakan halaman beranda admin setelah melakukan login.
Gambar III.2
3. Rancangan Antar Muka Halaman Admin Kategori
Halaman ini berisikan tentang halaman input data kategori perlengkapan bayi.
Gambar III.3
Rancangan Antar Muka Halaman Admin Kategori 4. Rancangan Antar Muka Halaman Admin Data Kategori
Halaman ini berisikan data hasil input kategori perlengkapan bayi yang akan tersedia.
Gambar III.4
5. Rancangan Antar Muka Halaman Admin Tambah Produk
Halaman ini admin dapat menambahkan produk perlengkapan bayi
Gambar III.5
6. Rancangan Antar Muka Halaman Admin Data Produk
Halaman ini berisikan data produk yang sudah ditambahkan admin.
Gambar III.6
Rancangan Antar Muka Halaman Admin Data Produk 7. Rancangan Antar Muka Halaman Admin Data Pelanggan
Halaman ini admin dapat melihat informasi pelanggan yang telah melakukan pendaftaran.
Gambar III.7
8. Rancangan Antar Muka Halaman Admin Data Ongkir Halaman ini berisika data alamat kota dan ongkos kirim.
Gambar III.8
Rancangan Antar Muka Halaman Admin Data Ongkir 9. Rancangan Antar Muka Halaman Admin Data Pemesanan
Halaman ini admin dapat melihat data pemesanan yang dilakukan pelanggan.
Gambar III.9
10. Rancangan Antar Muka Halaman Admin Data Pembayaran
Pada halaman ini admin dapat melihat dan mengubah data pembayaran yang telah dilakukan pelanggan.
Gambar III.10
Rancangan Antar Muka Halaman Admin Data Pembayaran 11. Rancangan Antar Muka Halaman Admin Data Testimoni
Di halaman ini Admin dapat mengelola data testimoni yang telah dikirimkan pelanggan
Gambar III.11
12. Rancangan Antar Muka Halaman Admin Data Laporan
Di halaman ini berisikan laporan pemesanan dan laporan produk yang dicetak setiap bulan.
Gambar III.12
b. Racangan Antar muka User
13. Rancangan Antar Muka Halaman Beranda
Halaman Ini berisikan tampilan awal pada website perlengkapan bayi ini.
Gambar III.13
14. Rancangan Antar Muka Halaman Produk
Halaman ini berisikan produk yang tersedia di website ini.
Gambar III.14
15. Rancangan Antar Muka Halaman Daftar
Halaman ini berisikan pendaftaran untuk mendaftarkan menjadi pelanggan.
Gambar III.15
16. Rancangan Antar Muka Halaman Masuk
Dihalaman ini pelanggan yang sudah terdaftar dapat masuk dengan mengisi form dihalaman ini
Gambar III.16
17. Rancangan Antar muka Halaman Beranda Pelanggan.
Halaman ini merupakan halaman awal bagi pelanggan yang telah melakukan, Login.
Gambar III.17
18. Rancangan Antar Muka Halaman Keranjang
Di halaman ini berisikan produk apa saja yang dipilih sebelum melakukan pemesanan. Pada halaman ini pelanggan masih dapat melakukan penghapusan produk dari keranjang.
Gambar III.18
19. Rancangan Antar Muka Halaman Pemesanan
Pada halaman ini pelanggan yang akan melakukan pemesanan diminta untuk mengisi data lengkap.
Gambar III.19
20. Rancangan Antar Muka Halaman Konfirmasi Bayar
Halaman ini berisikan riwayat pemesanan yang telah dilakukan.
Gambar III.20
21. Rancangan Antar Muka Upload
Di halaman ini bertujuan untuk pelanggan melakukan konfirmasi bukti pembayaran dan mengupload bukti bayar.
Gambar III.21
Rancangan Antar Muka Halaman Upload 3.2.2 Rancangan Basis Data
Pembuatan rancangan basis data untuk sistem informasi penjualan perlengkapan bayi berbasis web ini diawali dengan membuat Entity Relationship
Diagram (ERD),yang kemudian dirubah menjadi Logical Record
Structure (LRS), gambaran dari LRS tersebut akan menghasilkan sebuah tabel relasi basis data.
1. Entity Relationship Diagram (ERD)
2. Logical Record Structure (LRS)
3. Spesifikasi File
Dalam Perancangan website ini, penlis menggunakan sebuah database yang bernama ta_db. Database ini terdiri dari 10 tabel diantaranya yaitu :
Spesifikasi Tabel Admin
Nama File : Tabel admin Akronim File : admin.MYD
Fungsi File : untuk mengolah data admin
Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record : 51 Karakter Kunci Field : id_ admin
Software :Mysql
Tabel III.1.
Spesifikasi Tabel Admin
No Elemen data Akronim Type Size Keterangan Extra 1
Id Admin Id Admin Int 11 Primary key Auto
Increment
2 Username Username Varchar 10
3 Password Password Varchar 10
1. Spesifikasi Tabel Pemesanan
Nama File : Tabel pemesanan Akronim File : pemesanan.MYD
Fungsi File : untuk mengolah data pemesanan
Type File : File Transaksi
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :80 Karakter Kunci Field : id_ pemesanan
Software :Mysql
Tabel III.2.
Spesifikasi Tabel Pemesanan
No Elemen data Akronim Type Size Keterangan Extra 1 Id.pemesanan Id.pemesanan Int 11 Primary key Auto
Increment 2 Id.pelanggan Id.pelanggan Char 5 Foreign key
3 Tanggal Tanggal Date
4 Status Status Varchar 30
5 Kode transaksi Kode_transaksi Varchar 30 6 Alamat kirim Alamat_kirim Text
7 Id ongkir Id ongkir Int 4 foreign key
8 Nama tujuan Nama_tujuan Varchar 30 9 Tlpn penerima Tlpn_penerima Varchar 13
2. Spesifikasi Tabel produk
Nama File : Tabel produk Akronim File : produk.MYD
Fungsi File : untuk mengolah data produk
Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :155,2 Karakter Kunci Field : id_ produk Software :Mysql
Tabel III.3.
Spesifikasi Tabel Produk
No Elemen data Akronim Type Size Keterangan
1 Id.produk Id.produk Char 4 Primary key
2 Nama produk Nama_produk Varchar 20
3 harga Harga Int 11
4 stok Stok Int 11
5 berat Berat Decimal 5,2
6 gambar Gambar Varchar 100
7 Id_kategori Id_kategori Int 4 Foreign key
3. Spesifikasi Tabel testimoni
Nama File : Tabel testimoni Akronim File : testimoni.MYD
Fungsi File : untuk mengolah data Komentar Pelanggan
Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :13 Karakter Kunci Field : id_ testimoni
Software :Mysql
Tabel III.4.
Spesifikasi Tabel Testimoni
No Elemen data Akronim Type Size Keterangan 1 Id_testimoni Id_testimoni Char 4 Primary key
2 Tanggal Tanggal Date
3 Komentar Komentar Text
4 Id_pelanggan Id_pelanggan Int 5 Foreign key
5 status Status Varchar 2
4. Spesifikasi Tabel bayar
Nama File : Tabel bayar Akronim File : bayar.MYD
Fungsi File : untuk mengolah data pembayaran pelanggan
Type File : File Transaksi
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :113 Karakter Kunci Field : id_ bayar Software :Mysql
Tabel III.5. Spesifikasi Tabel Bayar
No Elemen data Akronim Type Size Keterangan 1 Id_bayar Id_bayar Char 4 Primary key 2 Id_pemesanan Id_pemesanan Int 11 Foreign key 3 Jml_bayar Jml_bayar Int 11
4 Bukti Bukti Varchar 50
5 Baca Baca Varchar 2
6 Id_pelanggan Id_pelanggan Int 5 Foreign key 7 Atas_nama Atas_nama Varchar 30
5. Spesifikasi Tabel kategori
Nama File : Tabel kategori Akronim File : kategori.MYD
Fungsi File : untuk mengolah kategori produk
Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :24 Karakter Kunci Field : id_ kategori
Software :Mysql
Tabel III.6.
Spesifikasi Tabel Kategori
No Elemen data Akronim Type Size Keterangan 1 id_kategori id_kategori Char 4 Primary key 2 nama_kategori nama_kategori Varchar 20
6. Spesifikasi Tabel ongkir
Nama File : Tabel ongkir Akronim File : ongkir.MYD
Fungsi File : untuk mengolah data ongkos kirim barang pelanggan
Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :29 Karakter Kunci Field : id_ ongkir
Software :Mysql
Tabel III.7. Spesifikasi Tabel Ongkir
No Elemen data Akronim Type Size Keterangan 1 id_ongkir id_ongkir Char 4 Primary key 2 nama_kota nama_kota Varchar 25
7. Spesifikasi Tabel keranjang
Nama File : Tabel keranjang Akronim File : keranjang.MYD
Fungsi File : untuk mengolah data barang yang ada di keranjang
Type File : File Transaksi
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :31 Karakter Kunci Field : id_ keranjang
Software :Mysql
Tabel III.8.
Spesifikasi Tabel Keranjang
No Elemen data Akronim Type Size Keterangan Extra 1 id_keranjang id_keranjang Int 11 Primary key Auto_
Incrment 2 id_pelanggan id_pelanggan Char 5 Foreign key
3 id_produk id_produk Char 4 Foreign key
4 jumlah Jumlah Int 11
8. Spesifikasi Tabel detail_pemesanan
Nama File : Tabel detail_pemesanan Akronim File : detail_pemesanan.MYD
Fungsi File : untuk mengolah data detail pemesanan produk pelanggan
Type File : File Transaksi
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :37 Karakter Kunci Field : id_ detail
Software :Mysql
Tabel III.9.
Spesifikasi Tabel Detail_pemesanan
No Elemen data Akronim Type Size Keterangan
1 id_detail id_detail Char 6 Primary key
2 id_pelanggan id_pelanggan Char 5 Foreign key
3 id_produk id_produk Char 4 Foreign key
4 id_pemesanan id_pemesanan Int 11 Foreign key
9. Spesifikasi Tabel pelanggan
Nama File : Tabel pelanggan Akronim File : pelanggan.MYD
Fungsi File : untuk mengolah data pelanggan
Type File : File Master
Organisasi File : Index Sequential Akses File : Random
Media File : Harddisk Panjang Record :93 Karakter Kunci Field : id_ pelanggan
Tabel III.10.
Spesifikasi Tabel Pelanggan
No Elemen data Akronim Type Size Keterangan 1 id_pelanggan id_pelanggan Char 5 Primary key 2 username Username Varchar 10
3 password Password Varchar 10 4 Nama_lengkap Nama_lengkap Varchar 30
5 Email Email Varchar 25
6 Telepon Telepon Varchar 13
3.2.3 Rancangan Struktur Navigasi
Dalam tinjauan kali ini penulis akan memaparkan bagaimana gambaran struktur navigasi untuk halaman pengunjung, halaman pelanggan dan halaman admin adapun halaman struktur navigasi yang digunakan adalah struktur navigasi campuran. Adapun gambaran struktur navigasi campuran untuk halaman pengunjung, pelanggan dan admin website penjualan perlengkapan bayi adalah sebagai berikut:
1. Rancangan Struktur navigasi pengunjung
Gambar III.24 Struktur Navigasi Pengunjung
Gambar III.26 Struktur Navigasi Pelanggan
3. Rancangan Struktur navigasi admin
Gambar III.25 Struktur Navigasi Admin
3.3 Implementasi dan Pengujian Unit 3.3.1 Implementasi
A. Implementasi Rancangan Antarmuka
Implementasi rancangan antar muka yang ada di website ini dihasilkan dari rancangan antarmuka yang sebelumnya telah dibuat.
1. Implementasi halaman utama
Halaman ini merupakan halaman pertama yang dapat diakses oleh pengunjung dan pelanggan, dan halaman utama website.
Gambar III.27.
2. Implementasi halaman Daftar Pelanggan
Pada halaman ini pengunjung dapat mendaftar menjadi pelanggan website toko perlengkapan bayi ini.
Gambar III.28.
3. Implementasi Halaman Masuk Pelanggan
Halaman ini diperuntukan para pelanggan website untuk masuk sebagai pelanggan apalabila sudah melakukan pendaftaran pelanggan.
Gambar III.29.
4. Implementasi Halaman Utama Pelanggan
Halaman ini merupakan halaman awal bagi pelanggan yang telah melakukan Login, sehingga tersedia beberapa menu baru yang hanya dapat diakses oleh pelanggan.
Gambar III.30.
5. Implementasi Halaman Kategori
Halaman ini menampilkan kategori produk yang dijual berdasarkan kategori yang dipilh
Gambar III.31.
Implementasi Halaman Kategori 6. Implementasi Halaman Detail Perlengkapan Bayi
Pada halaman ini ditampilkan secara lengkap informasi produk perlengkapan bayi yang dipilih, seperti nama produk, kategori, sampai keterangan mengenai produk tersebut.
Gambar III.32.
7. Implementasi Halaman Keranjang Belanja
Halaman ini berisikan baran produk apa saja yang telah dipilih sebelum melakukan pemesanan. Pada halamanan ini pelanggan masih dapat melakukan penghapusan produk dari keranjang.
Gambar III.33.
Implementasi Halaman Keranjang Belanja 8. Implementasi Halaman Pemesanan
Pada halaman ini pelanggan yang akan melakukan pemesanan produk diminta untuk mengisi data lengkap seperti alamat dan kota pengiriman.
Gambar III.34.
9. Implementasi Halaman Kofirmasi Bayar
Halaman ini berisikan riwayat pmesanan yang telah dilakukan,
Menampilkan pemesanan mana yang telah selesai dan yang masih proses
Gambar III.35.
Implementasi Halaman Konfirmasi Bayar 10. Implementasi Halaman Upload Bukti Bayar
Halaman ini diperuntukan untuk pelanggan melakukan pengunggahan bukti pembayaran pemesanan.
Gambar III.36.
11. Implementasi Halaman Berikan Testimoni
Pada halaman ini pelanggan dapat memberikan komentar untuk kualitas barang dan pelayanan website ini.
Gambar III.37.
12. Implementasi Halaman Lihat Ongkir
Pada halaman ini berisikan mengenai informasi ongkos kirim setiap kota yang telah dijangkau pengirimannya.
Gambar III.38.
Implementasi Halaman Ongkos Kirim 13. Implementasi Halaman Login Admin
Admin atau Administrator website diharuskan melakukan login terlebih dahulu agar bisa masuk kedalam halaman admin dan menggunakan menu-menu yang ada.
Gambar III.39.
14. Implementasi Halaman Beranda Admin
Halaman ini merupakan halaman beranda admin.
Gambar III.40.
Implementasi Halaman Beranda Admin 15. Implementasi Halaman Admin Data Kategori
Halaman ini berisikan tentang halaman kategori perlengkapan bayi apa saja yang tersedia, pada halaman ini admin dapat melakukan penambahan dan penghapusan.
Gambar III.41.
16. Implementasi Halaman Admin Tambah Produk
Pada halaman ini admin dapat menambahkan produk perlengkapan bayi yang ingin dijual.
Gambar III.42.
Implementasi Halaman Admin Tambah Produk 17. Implementasi Halaman Admin Data Produk
Pada halaman ini admin dapat mengelola data produk yang sudah disimpan saat tambah produk.
Gambar III.43.
18. Implementasi Halaman Admin Data Pelanggan
Pada halaman ini admin dapat melihat informasi pelanggan yang telah melakukan pendaftaran, dan pada halaman ini pula admin dapat melakukan penghapusan akun pelanggan.
Gambar III.44.
Implementasi Halaman Admin Data Pelanggan 19. Implementasi Halaman Admin Data Pemesanan
Pada halaman ini berisikan informasi pemesanan yang telah dilakukan pelanggan.
Gambar III.45.
20. Implementasi Halaman Admin Edit Pemesanan
Pada halaman ini admin dapat melihat data lengkap tentang pemesanan yang dilakukan pelanggan, dan juga admin dapat mengubah status pemesanan lunas atau masih proses.
Gambar III.46.
Implementasi Halaman Admin Edit Pemesanan 21. Implementasi Halaman Admin Data Penjualan
Halaman ini berisikan tentang pembayaran yang telah dilakukan pelanggan Dihalaman ini admin dapat melakukan verifikasi pemesanan.
Gambar III.47.
22. Implementasi Halaman Admin Data Ongkir
Halaman ini berisikan alamat kota dan ongkos kirim, pada halaman ini admin dapat melakukan penambahan.
Gambar III.48.
Implementasi Halaman Admin Data Ongkir 23. Implementasi Halaman Admin Edit Data Ongkir
Dihalaman ini admin dapat mengubah ongkos kirim.
Gambar III.49.
24. Implementasi Halaman Admin Data Testimoni
Pada halaman ini admin dapat mengatur testimoni mana saja yang akan ditampilkan atau di sembunyikan.
Gambar III.50.
Implementasi Halaman Admin Data Testimoni 25. Implementasi Halaman Admin Data Laporan
Pada halaman ini berisikan laporan pemesanan dan laporan produk yang bisa dicetak setiap bulannya.
Gambar III.51.
26. Hasil Cetak Laporan Pemesanan
Gambar III.52.
Hasil Cetak Laporan Pemesanan 27. Hasil Cetak Laporan Produk
Gambar III.53.
28. Hasil Cetak Struk
Gambar III.54. Hasil Cetak Struk
B. Spesifikasi Sistem Komputer
Berikut ini spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan dalam perancangan website ini, diantaranya;
1. Spesifikasi Perangkat Keras
Hardware meliputi perangkat keras yang digunakan sebagai alat pendukung pembuatan website, yaitu;
a. Server
1) CPU
(a) Cprocesser Intel® Celeron® N3050.
(b) RAM DDR3 2GB.
(c) Harddisk 500GB.
2) Mouse. 3) Keyboard.
4) Monitor dengan layar minimum 1366 x 768.
5) Koneksi Internet dengan kecepatan minimum 2 Mbps.
a. Client
1) CPU
(a) Cprocesser Intel® Celeron® N3050.
(b) RAM DDR3 2GB.
(c) Harddisk 20GB.
2) Mouse.
3) Keybord.
4) Monitor dengan layar minimum 1366 x 768.
1. Spesifikasi Perangkat Lunak a.Server
1)Sistem Operasi Windows 8.
2) Aplikasi web server XAMPP v.3.2.1 yang terdiri dari : (a) Apache v.3.2.1
(b) Mysql v.3.2.1
3) Aplikasi web browser seperti Google Chrome dan Mozilla Firefox. b. Client
1) Sistem Operasi Windows 7.
3.2.1.Pengujian Unit
Tujuan dari pengujian sistem unit ini adalah untuk memastikan bahwa setiap elemen atau setiap komponen dari sistem telah berfungsin sesuai yang diharapkan.
A. Pengujian terhadap halaman login pelanggan Tabel III.1
Hasil Pengujian Balckbox Testing Halaman Login Pelanggan No Skenario Pengujian Test Case Hasil Yang
Diharapkan Hasil Pengujian Kesimpulan 1. Nama Pengguna dan Kata Sandi dikosongkan kemudian di klik tombol masuk Nama Pengguna: (kosong) Kata Sandi: (kosong) Sistem akan menolak dan menampilkan perintah “Maaf nama pengguna tidak boleh kosong Sesuai Harapan Valid 2. Mengetikan Nama Pengguna tetapi Kata Sandi dikosongkan kemudian klik tombol masuk. Nama Pengguna: benar Kata Sandi: (kosong) Sistem akan menolak dan menampilkan perintah “Maaf,passwor d tidak boleh kosong” Sesuai Harapan Valid 3. Mengetikan salah satu kondisi salah pada Nama
Pengguna atau Kata Sandi kemudian klik tombol masuk.
Nama Pengguna: benar Kata Sandi: salah Sistem akan menolak dan menampilkan perintah “Username/pas sword salah” Sesuai Harapan Valid 4. Nama Pengguna dikosongkan dan Kata Sandi diisi kemudian klik tombol masuk. Nama Pengguna: (kosong) Kata Sandi: benar Sistem akan menolak dan menampilkan perintah “Maaf nama pengguna tidak boleh kosong ” Sesuai Harapan Valid 5. Mengetikan Nama Pengguna dan Kata Sandi dengan salah
Nama Pengguna: salah Sistem akan menolak dan menampilkan Sesuai Harapan Valid
Kata Sandi: salah perintah “Username/pas sword salah” 6 Mengetikan Nama
Pengguna dan Kata Sandi dengan benar
Nama Pengguna: benar Kata Sandi: benar Sistem akan menerima dan mengizinkan akses masuk dan akan langsung diarahkan ke beranda. Sesuai Harapan Valid
B. Pengujian Terhadap halaman Daftar
Tabel III.12.
Hasil Pengujian Blackbox Testing Halaman Daftar No Skenario
Pengujian
Test Case Hasil Yang
Diharapkan
Hasil Pengujian
Kesimpulan
1. Semua field tidak diisi kemudian klik tombol daftar
Nama Lengkap: (kosong) Username: (kosong) Email: (kosong) Password: (kosong) Telepon: (kosong) Sistem akan menolak dan menampilka n perintah “Maaf nama tidak boleh kosong” Sesuai Harapan Valid 2. Mengisikan semua field dengan benar dan sesuai Nama Lengkap: benar Username: benar Email: benar Password: Benar Telepon: Benar Sistem akan menerima dan langsung menampilka n “Pendaftara n berhasil” Sesuai Harapan Valid
C. Pengujian Terhadap halaman Pemesanan Tabel III.13
Hasil Pengujian Blackbox Testing Halaman Pemesanan No Skenario
Pengujian
Test Case Hasil Yang
Diharapkan Hasil Pengujian Kesimpulan 1. Semua field dikosongkan tetapi mengklik tombol proses pesanan. Nama pengirim: (kosong) Nama Kota: (kosong) Alamat: (kosong) Sistem akan menolak dan menampilkan perintah “Maaf nama masih kosong” Sesuai Harapan Valid 2. Salah Satu Field diisi dan satunya dikosongkan Nama pengirim: benar Nama Kota: benar Alamat: (kosong) Sistem akan menolak dan menampilkan perintah “Maaf alamat tidak boleh kosong” Sesuai Harapan Valid 3. Semua Field diisi Nama pengirim: benar Nama Kota: benar Alamat: Benar Sistem akan memproses data dan akan menampilkan pemberitahuan “Pemesanan Telah diproses” dan akan menampilkan detail pemesanan Sesuai Harapan Valid
D. Pengujian Terhadap halaman Login Admin Tabel III.14
Hasil Pengujian Blackbox Testing Halaman Login Admin No Skenario
Pengujian
Test Case Hasil Yang
Diharapkan Hasil Pengujian Kesimpulan 1. Nama Penggunadan Kata Sandi dikosongkan kemudian di klik tombol masuk. Nama Pengguna: (kosong) Kata Sandi: (kosong) Sistem akan menolak dan menampilkan perintah “Maaf,nama username tidak boleh kosong” Sesuai Harapan Valid 2. Mengetikan Nama Pengguna tetapi Kata Sandi dikosongkan kemudian klik tombol masuk. Nama Pengguna: benar Kata Sandi: (kosong) Sistem akan menolak dan menampilkan perintah “Maaf password tidak boleh kosong” Sesuai Harapan Valid 3. Mengetikan salah satu kondisi salah pada Nama Pengguna atau Kata Sandi kemudian klik tombol masuk. Nama Pengguna: benar Kata Sandi: salah Sistem akan menolak dan menampilkan perintah “Username / Password Salah” Sesuai Harapan Valid 4. Nama Pengguna dikosongkan dan Kata Sandi diisi kemudian klik tombol masuk. Nama Pengguna: (kosong) Kata Sandi: benar Sistem akan menolak dan menampilkan perintah “Maaf nama username tidak boleh kosong” Sesuai Harapan Valid 5 Mengetikan Nama Pengguna Nama Pengguna: benar Sistem akan menerima dan Sesuai Harapan Valid
dan Kata Sandi dengan benar Kata Sandi: benar mengizinkan akses masuk lalu akan langsung diarahkan ke beranda halaman admin
E. Pengujian Terhadap halaman Tambah Produk
Tabel III.15
Hasil Pengujian Blackbox Testing Halaman Tambah Produk No Skenario
Pengujian
Test Case Hasil Yang
Diharapkan Hasil Pengujian Kesimpulan 1. Semua field dikosongkan dan mengklik tombol simpan Nama produk: (kosong) Kategori: (kosong) Harga: (kosong) Stok: (kosong) Berat: Keterangan: (kosong) Gambar: (kosong) Sistem akan menolak dan menampilkan perintah “Maaf Nama tidak boleh kosong” Sesuai Harapan Valid 2. Semua field diisi dengan benar dan sesuai Nama produk: benar Kategori: benar Harga: benar Stok: benar Berat: benar Keterangan: benar Sistem akan menolak dan menampilkan perintah “Produk berhasil disimpan” Sesuai Harapan Valid
Gambar: Benar