18
PEMBAHASAN
3.1. Analisa Kebutuhan
Dalam membangun sebuah web, analisa kebutuhan merupakan tahapan yang sangat penting. Analisa terhadap kebutuhan lebih terkonsentrasi pada halaman untuk Admin, user dan member pada sebuah web. Dalam tahapan ini pengguna melakukan spesifikasi terhadap semua kebutuhan yang diperlukan terkait sistem web yang akan dibangun. Diharapkan dari analisa ini bisa menghasilkan informasi yang bisa dijadikan sebagai kerangka sebelum membangun halaman web sesuai keinginan dan keperluan pengguna.
Spesifikasi kebutuhan yang ingin diterapkan dalam pembangunan web kali ini meliputi penyediaan sebuah sistem penjualan secara online yang mampu memberikan kemudahan bagi pengguna baik itu untuk sekedar melihat informasi produk ataupun dalam melakukan transaksi pembelian produk yang dipasarkan di dalam web.
Aspek user friendly menjadi hal yang utama yang harus diberikan oleh sistem. Diharapkan setelah melakukan analisa ini segala kebutuhan pengguna bisa terpenuhi dengan baik, dan membantu sebuah web untuk dapat mencapai tujuan dibangunnya web tersebut serta dapat mengetahui apakah sistem yang diterapkan pada web telah sesuai kebutuhan atau belum.
Adapun beberapa proses dan informasi yang seharusnya ada dan tersedia di dalam halaman sebuah web yang akan dibangun. Proses dan informasi tersebut adalah sebagai berikut :
1. Kebutuhan untuk user :
a. User dapat melihat produk yang ditawarkan. b. User dapat mendaftar menjadi member. c. User dapat melihat cara pembelian. d. User dapat masuk sebagai member. 2. Kebutuhan untuk member :
a. Member dapat melihat dan membeli produk yang diinginkan.
b. Member dapat mengetahui jumlah produk yang dipesan dan berapa total pembelian yang harus dibayar.
c. Member dapat mengirim kritik dan saran melalui halaman buku tamu. d. Member dapat melakukan konfirmasi pembayaran melalui halaman
3. Kebutuhan untuk admin :
a. Admin dapat melakukan input data produk yang meliputi gambar, nama, harga, dan stok produk.
b. Admin dapat melakukan penghapusan dan pengeditan terhadap data produk.
c. Admin dapat mengetahui total pembayaran yang harus dilakukan oleh pelanggan.
d. Admin dapat mengetahui sisa stok produk yang tersedia.
e. Admin dapat melihat dan merubah status pembayaran pelanggan.
3.2. Perancangan Perangkat Lunak
3.2.1. Rancangan Antar Muka
Rancangan antar muka (interface) yang terdapat pada web tokohandphone online yaitu sebagai berikut :
1. Rancangan Antar Muka Admin
a. Rancangan Antar Muka Login Admin
Sumber : Hasil Perancangan
Gambar III.1.
Rancangan Antar Muka Login Admin
b. Rancangan Antar Muka Dashboard
Sumber : Hasil Perancangan
Gambar III.2.
c. Rancangan Antar Muka Pelanggan
Sumber : Hasil Perancangan
Gambar III.3.
Rancangan Antar Muka Pelanggan
d. Rancangan Antar Muka Kategori
Sumber : Hasil Perancangan
Gambar III.4.
e. Rancangan Antar Muka Produk
Sumber : Hasil Perancangan
Gambar III.5.
Rancangan Antar Muka Produk
f. Rancangan Antar Muka Transaksi
Sumber : Hasil Perancangan
Gambar III.6.
g. Rancangan Antar Muka Konfirmasi
Sumber : Hasil Perancangan
Gambar III.7.
Rancangan Antar Muka Konfirmasi
h. Rancangan Antar Muka Menu
Sumber : Hasil Perancangan
Gambar III.8.
i. Rancangan Antar Muka Informasi
Sumber : Hasil Perancangan
Gambar III.9.
Rancangan Antar Muka Informasi
j. Rancangan Antar Muka Pesan
Sumber : Hasil Perancangan
Gambar III.10.
k. Rancangan Antar Muka Laporan Transaksi
Sumber : Hasil Perancangan
Gambar III.11.
Rancangan Antar Muka Laporan Transaksi
l. Rancangan Antar Muka Laporan Data Produk
Sumber : Hasil Perancangan
Gambar III.12.
m. Rancangan Antar Muka Profil Admin
Sumber : Hasil Perancangan
Gambar III.13.
Rancangan Antar Muka Profil Admin
n. Rancangan Antar Muka Pengaturan Admin
Sumber : Hasil Perancangan
Gambar III.14.
2. Rancangan Antar Muka User o. Rancangan Antar Muka User
Sumber : Hasil Perancangan
Gambar III.15.
Rancangan Antar Muka User
p. Rancangan Antar Muka Informasi Produk
Sumber : Hasil Perancangan
Gambar III.16.
q. Rancangan Antar Muka Produk
Sumber : Hasil Perancangan
Gambar III.17.
Rancangan Antar Muka Produk
r. Rancangan Antar Muka Daftar
Sumber : Hasil Perancangan
Gambar III.18.
s. Rancangan Antar Muka Masuk
Sumber : Hasil Perancangan
Gambar III.19.
Rancangan Antar Muka Masuk
t. Rancangan Antar Muka Cara Pembelian
Sumber : Hasil Perancangan
Gambar III.20.
u. Rancangan Antar Muka Hubungi Kami
Sumber : Hasil Perancangan
Gambar III.21.
Rancangan Antar Muka Hubungi Kami
3. Rancangan Antar Muka Pelanggan/Member v. Rancangan Antar Muka Pelanggan
Sumber : Hasil Perancangan
Gambar III.22.
w. Rancangan Antar Muka Informasi Produk
Sumber : Hasil Perancangan
Gambar III.23.
Rancangan Antar Muka Informasi Produk
x. Rancangan Antar Muka Pencarian
Sumber : Hasil Perancangan
Gambar III.24.
y. Rancangan Antar Muka Keranjang Belanja
Sumber : Hasil Perancangan
Gambar III.25.
Rancangan Antar Muka Keranjang Belanja
z. Rancangan Antar Muka Buku Tamu
Sumber : Hasil Perancangan
Gambar III.26.
aa. Rancangan Antar Muka Konfirmasi
Sumber : Hasil Perancangan
Gambar III.27.
Rancangan Antar Muka Konfirmasi
bb. Rancangan Antar Muka Profil
Sumber : Hasil Perancangan
Gambar III.28.
cc. Rancangan Antar Muka Biodata
Sumber : Hasil Perancangan
Gambar III.29.
Rancangan Antar Muka Biodata
3.2.2. Rancangan Basis Data
1. Entity Relationship Diagram (ERD)
Sumber : Hasil Perancangan
Gambar III.30.
2. Logical Record Structure (LRS)
Sumber : Hasil Perancangan
Gambar III.31.
3. Spesifikasi File
Website yang coba dibangun oleh penulis memiliki database dengan nama toko_online yang berisikan 12 table. Spesifikasi seluruh table tersebut adalah sebagai berikut :
a. Spesifikasi File Admin Nama File : Admin Akronim : admin.myd
Fungsi : Untuk menyimpan data admin Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 200 Karakter Kunci Field : username
Tabel III.1.
Spesifikasi File Admin
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Username username varchar 50 Primary Key - 2. Password password varchar 50
3. Nama Lengkap nama_lengkap varchar 100 Sumber : Hasil Perancangan
b. Spesifikasi File Informasi Nama File : Informasi Akronim : informasi.myd
Fungsi : Untuk menyimpan data informasi Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 205 Karakter Kunci Field : id_informasi Software : Mysql
Tabel III.2.
Spesifikasi File Informasi
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Informasi id_informasi int 5 Primary Key Auto Increment 2. Judul judul varchar 100
3. Slug slug varchar 100 4. Konten konten text
Sumber : Hasil Perancangan c. Spesifikasi File Kategori
Nama File : Kategori Akronim : kategori.myd
Fungsi : Untuk menyimpan data kategori Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 205 Karakter Kunci Field : id_kategori Software : Mysql
Tabel III.3.
Spesifikasi File Kategori
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Kategori id_kategori int 5 Primary Key Auto Increment 2. Nama Kategori nama_kategori varchar 100
3. Slug slug varchar 100 Sumber : Hasil Perancangan
d. Spesifikasi File Keranjang Nama File : Keranjang Akronim : keranjang.myd
Fungsi : Untuk menyimpan data keranjang Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 125 Karakter Kunci Field : id_keranjang Software : Mysql
Tabel III.4.
Spesifikasi File Keranjang
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Keranjang id_keranjang int 5 Primary Key Auto Increment 2. Id_User id_user int 5 Foreign Key
3. Id Produk id_produk int 5 Foreign Key 4. Id Session id_session varchar 100
5. Jumlah jumlah int 5 6. Tanggal tanggal date -
7. Jam jam time -
8. Stok Temp stok_temp int 5 Sumber : Hasil Perancangan
e. Spesifikasi File Menu Nama File : Menu Akronim : menu.myd
Fungsi : Untuk menyimpan data menu Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 165 Karakter Kunci Field : id_menu Software : Mysql
Tabel III.5.
Spesifikasi File Menu
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Menu id_menu int 5 Primary Key Auto Increment 2. Nama Menu nama_menu varchar 50
3. Induk induk int 5 4. Jenis Link jenis_link varchar 50 5. Link link varchar 50 6. Urutan urutan int 5 Sumber : Hasil Perancangan
f. Spesifikasi File Pengaturan Nama File : Pengaturan Akronim : pengaturan.myd
Fungsi : Untuk menyimpan data pengaturan Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 670 Karakter Kunci Field : email
Tabel III.6.
Spesifikasi File Pengaturan
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Email email varchar 50 Primary Key - 2. Judul Website judul_website varchar 50
3. Favicon favicon varchar 50 4. Alamat alamat varchar 50 5. Provinsi provinsi int 10
6. Kota kota int 10
7. Telp telp varchar 15
8. Sms sms varchar 15
9. Bank bank varchar 20
10. Pemilik Rekening pemilik_rekening varchar 50 11. Rekening rekening varchar 50 12. Facebook facebook varchar 100 13. Twitter twitter varchar 100 14. Instagram instagram varchar 100 Sumber : Hasil Perancangan
g. Spesifikasi File Pesan Nama File : Pesan Akronim : pesan.myd
Fungsi : Untuk menyimpan data pesan Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 255 Karakter Kunci Field : id_pesan Software : Mysql
Tabel III.7.
Spesifikasi File Pesan
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Pesan id_pesan int 5 Primary Key Auto Increment
2. Nama nama varchar 50
3. Email email varchar 100 4. Subjek subjek varchar 100
5. Pesan pesan text -
6. Tanggal tanggal date - 7. Dibaca dibaca enum(‘N’,’Y’) - Sumber : Hasil Perancangan
h. Spesifikasi File Produk Nama File : Produk Akronim : produk.myd
Fungsi : Untuk menyimpan data produk Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 345,2 Karakter Kunci Field : id_produk Software : Mysql
Tabel III.8.
Spesifikasi File Produk
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Produk id_produk int 5 Primary Key Auto Increment 2. Id Kategori id_kategori int 5 Foreign Key
3. Nama Produk nama_produk varchar 100 4. Slug slug varchar 100 5. Deskripsi deskripsi text - 6. Harga harga int 20
7. Stok stok int 5
8. Berat berat decimal 5,2 9. Gambar gambar varchar 100 10. Dibeli dibeli int 5 Sumber : Hasil Perancangan
i. Spesifikasi File Transaksi Nama File : Transaksi Akronim : transaksi.myd
Fungsi : Untuk menyimpan data transaksi Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 195 Karakter Kunci Field : id_transaksi Software : Mysql
Tabel III.9.
Spesifikasi File Transaksi
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Transaksi id_transaksi int 5 Primary Key Auto Increment 2. Status status varchar 50
3. Tanggal tanggal date -
4. Jam jam time -
5. Nama Pemesan nama_pemesan varchar 50 6. Alamat alamat text - 7. Email email varchar 50 8. Telp telp varchar 20 9. Ongkir ongkir int 20 Sumber : Hasil Perancangan
j. Spesifikasi File Keranjang Detail Nama File : Keranjang Detail Akronim : keranjang_detail.myd
Fungsi : Untuk menyimpan data keranjang detail Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 30 Karakter Kunci Field : id_detail Software : Mysql
Tabel III.10.
Spesifikasi File Keranjang Detail
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Detail id_detail int 10 Primary Key Auto Increment 2. Id Keranjang id_keranjang int 5 Foreign Key
3. Id Transaksi id_transaksi int 5 Foreign Key 4. Id Produk id_produk int 5 Foreign Key 5. Jumlah jumlah int 5
Sumber : Hasil Perancangan k. Spesifikasi File User
Nama File : User
Akronim : user.myd
Fungsi : Untuk menyimpan data user Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 275 Karakter Kunci Field : id_user Software : Mysql
Tabel III.11.
Spesifikasi File User
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id User id_user int 5 Primary Key Auto Increment 2. Username username varchar 50
3. Nama Lengkap nama_lengkap varchar 100 4. Email email varchar 50 5. Telepon telepon varchar 20 6. Password password varchar 50 7. Alamat alamat text - Sumber : Hasil Perancangan
l. Spesifikasi File Konfirmasi Nama File : Konfirmasi Akronim : konfirmasi.myd
Fungsi : Untuk menyimpan data konfirmasi Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 180 Karakter Kunci Field : id_konfirmasi Software : Mysql
Tabel III.12.
Spesifikasi File Konfirmasi
No Elemen Data Nama Field Tipe Size Keterangan Extra
1. Id Konfirmasi id_konfirmasi int 5 Primary Key Auto Increment 2. Id Transaksi id_transaksi int 5 Foreign Key
3. Gambar gambar varchar 100 4. Tanggal tanggal date - 5. Nama nama varchar 50 6. Alamat alamat text -
7. Total total int 20
3.2.3. Rancangan Struktur Navigasi
1. Struktur Navigasi Halaman Admin
Sumber : Hasil Perancangan
Gambar III.32.
2. Struktur Navigasi Halaman User
Sumber : Hasil Perancangan
Gambar III.33.
3. Struktur Navigasi Halaman Member
Sumber : Hasil Perancangan
Gambar III.34.
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
1. Implementasi Rancangan Antar Muka Admin
a. Halaman Login Admin
Sumber : Hasil Perancangan
Gambar III.35.
Halaman Login Admin
Halaman Login Admin adalah halaman dimana admin menggunakan hak aksesnya untuk masuk ke web agar dapat mengakses halaman administrator web.
b. Halaman Dashboard
Sumber : Hasil Perancangan
Gambar III.36.
Halaman Dashboard
Halaman Dashboard adalah halaman awal pada halaman administrator website tokohandphone.
c. Halaman Pelanggan
Sumber : Hasil Perancangan
Gambar III.37.
Halaman Pelanggan
Halaman Pelanggan adalah halaman tempat mengelola dan melihat data pelanggan pada halaman administrator website tokohandphone.
d. Halaman Kategori
Sumber : Hasil Perancangan
Gambar III.38.
Halaman Kategori
Halaman Kategori adalah halaman tempat dimana admin dapat menambah, merubah, menghapus data kategori serta melihat semua kategori yang ada pada website tokohandphone.
e. Halaman Produk
Sumber : Hasil Perancangan
Gambar III.39.
Halaman Produk
Halaman Produk adalah halaman tempat dimana admin dapat menambah, merubah, menghapus data produk serta melihat stok produk dan produk yang di jual pada website tokohandphone.
f. Halaman Transaksi
Sumber : Hasil Perancangan
Gambar III.40.
Halaman Transaksi
Halaman Transaksi adalah halaman tempat dimana admin dapat menambah, merubah, menghapus data transaksi serta melihat semua transaksi yang telah terjadi seperti pesanan baru, transaksi yang sudah selesai bahkan transaksi yang masih dalam proses pada website tokohandphone.
g. Halaman Konfirmasi
Sumber : Hasil Perancangan
Gambar III.41.
Halaman Konfirmasi
Halaman Konfirmasi adalah halaman tempat dimana admin dapat melihat semua data konfirmasi yang ada pada website tokohandphone.
h. Halaman Menu
Sumber : Hasil Perancangan
Gambar III.42.
Halaman Menu
Halaman Menu adalah halaman tempat dimana admin dapat menambah, merubah, menghapus data menu serta melihat semua menu yang ada pada website tokohandphone.
i. Halaman Informasi
Sumber : Hasil Perancangan
Gambar III.43.
Halaman Informasi
Halaman Informasi adalah halaman tempat dimana admin dapat menambah, merubah, menghapus data informasi serta melihat semua informasi yang ada seperti cara pembelian yang ada pada website tokohandphone.
j. Halaman Pesan
Sumber : Hasil Perancangan
Gambar III.44.
Halaman Pesan
Halaman Pesan adalah halaman tempat dimana admin dapat menghapus data pesan serta melihat semua pesan masuk yang ada seperti keluhan, kritik, saran, dan bahkan permintaan dari pelanggan yang sudah berkunjung ke website tokohandphone.
k. Halaman Laporan Transaksi
Sumber : Hasil Perancangan
Gambar III.45.
Halaman Laporan Transaksi
Halaman Laporan Transaksi adalah halaman tempat dimana admin dapat melihat, mencetak, dan mengunduh data laporan transaksi yang telah dilakukan yang ada pada website tokohandphone.
l. Halaman Laporan Data Produk
Sumber : Hasil Perancangan
Gambar III.46.
Halaman Laporan Data Produk
Halaman Laporan Data Produk adalah halaman tempat dimana admin dapat melihat, mencetak, dan mengunduh data laporan produk yang dibeli dan berapa stok yang tersedia yang ada pada website tokohandphone.
m. Halaman Profil
Sumber : Hasil Perancangan
Gambar III.47.
Halaman Profil
Halaman Profil adalah halaman tempat dimana admin dapat merubah data admin seperti mengganti password agar lebih aman.
n. Halaman Pengaturan
Sumber : Hasil Perancangan
Gambar III.48.
Halaman Pengaturan
Halaman Pengaturan adalah halaman tempat dimana admin dapat merubah data profil website seperti mengganti judul website, alamat website, data pribadi yang berkaitan dengan website, dan lain sebagainya untuk lebih mendukung penampilan dan daya tarik terhadap website tokohandphone.
2. Implementasi Rancangan Antar Muka User
o. Halaman Daftar
Sumber : Hasil Perancangan
Gambar III.49.
Halaman Daftar
Halaman Daftar adalah halaman tempat dimana user dapat mendaftarkan dan memasukan data dirinya untuk menjadi member agar dapat lebih memudahkan pelanggan dalam menunjang aktifitas berbelanja di website tokohandphone.
p. Halaman Masuk
Sumber : Hasil Perancangan
Gambar III.50.
Halaman Masuk
Halaman Masuk adalah halaman tempat dimana user dapat melakukan hak aksesnya dengan data yang sudah di daftarkan agar nantinya dengan menggunakan hak aksesnya dapat menunjang aktifitas berbelanjanya jadi lebih mudah di website tokohandphone.
q. Halaman Beranda
Sumber : Hasil Perancangan
Gambar III.51.
Halaman Beranda
Halaman Beranda adalah halaman utama website tempat dimana semua produk yang di jual di tampilkan yang ada di website tokohandphone.
r. Halaman Produk
Sumber : Hasil Perancangan
Gambar III.52.
Halaman Produk
Halaman Produk adalah halaman tempat dimana produk dalam kategori tertentu di tampilkan agar lebih mempermudah pelanggan dalam memilih produk yang di inginkan dengan cepat dan sesuai.
s. Halaman Cara Pembelian
Sumber : Hasil Perancangan
Gambar III.53.
Halaman Cara Pembelian
Halaman Cara Pembelian adalah halaman tempat dimana user dapat mempelajari cara membeli produk yang di tawarkan sebelum memulai berbelanja di website tokohandphone.
t. Halaman Hubungi Kami
Sumber : Hasil Perancangan
Gambar III.54.
Halaman Hubungi Kami
Halaman Hubungi Kami adalah halaman tempat dimana user dapat mengetahui informasi lebih lanjut mengenai produk atau apapun yang ada di website dengan cara menghubungi kontak yang ada di website tokohandphone.
u. Halaman Informasi Produk
Sumber : Hasil Perancangan
Gambar III.55.
Halaman Informasi Produk
Halaman Informasi Produk adalah halaman tempat dimana detail mengenai produk yang di jual di website tokohandphone di tampilkan seperti jenis handphone, tanggal di perkenalkan, spesifikasi handphone yang di jual, dan lain sebagainya.
3. Implementasi Rancangan Antar Muka Member
v. Halaman Beranda
Sumber : Hasil Perancangan
Gambar III.56.
Halaman Beranda
Halaman Beranda adalah halaman utama website tempat dimana semua produk yang di jual di tampilkan, dan tempat dimana pelanggan dapat memilih produk mana yang ingin di beli sesuai keinginannya yang ada di website tokohandphone.
w. Halaman Pencarian
Sumber : Hasil Perancangan
Gambar III.57.
Halaman Pencarian
Halaman Pencarian adalah halaman tempat dimana pelanggan dapat melihat produk yang di jual secara lebih spesifik sesuai keinginan, yang ada di website tokohandphone.
x. Halaman Informasi Produk
Sumber : Hasil Perancangan
Gambar III.58.
Halaman Informasi Produk
Halaman Informasi Produk adalah halaman tempat dimana detail mengenai produk yang di jual di website tokohandphone di tampilkan seperti jenis handphone, tanggal di perkenalkan, spesifikasi handphone yang di jual, dan lain sebagainya, serta pelanggan dapat memasukan berapa jumlah barang yang ingin di beli bila produk sudah sesuai keinginan.
y. Halaman Keranjang Belanja
Sumber : Hasil Perancangan
Gambar III.59.
Halaman Keranjang Belanja
Halaman Keranjang Belanja adalah halaman tempat dimana pelanggan dapat melihat produk yang ingin di pesan, jumlah produk yang di pesan dan berapa total yang harus di bayar.
z. Halaman Buku Tamu
Sumber : Hasil Perancangan
Gambar III.60.
Halaman Buku Tamu
Halaman Buku Tamu adalah halaman tempat dimana pelanggan dapat menyampaikan kritik, saran serta keinginan yang ingin di penuhi untuk kemajuan website tokohandphone.
aa. Halaman Konfirmasi
Sumber : Hasil Perancangan
Gambar III.61.
Halaman Konfirmasi
Halaman Konfirmasi adalah halaman tempat dimana pelanggan dapat melakukan konfirmasi setelah melakukan pembayaran agar pesanan dapat segera di proses oleh website tokohandphone.
bb.Halaman Profil
Sumber : Hasil Perancangan
Gambar III.62.
Halaman Profil
Halaman Profil adalah halaman tempat dimana pelanggan dapat merubah data dirinya sesuai dengan data yang di miliki pelanggan, agar mempermudah dalam menunjang aktifitas berbelanja di website tokohandphone.
cc. Halaman Biodata
Sumber : Hasil Perancangan
Gambar III.63.
Halaman Biodata
Halaman Biodata adalah halaman tempat dimana pelanggan harus melakukan penginputan data sesuai dengan data yang di miliki untuk melakukan proses selanjutnya dalam berbelanja di website tokohandphone.
4. Spesifikasi Sistem Komputer
Berikut adalah spesifikasi perangkat keras dan perangkat lunak minimum yang di butuhkan dalam perancangan website, diantaranya :
a. Spesifikasi Perangkat Keras
Perangkat keras yang digunakan sebagai pendukung dalam pembuatan
website adalah :
1) Server a) CPU
1) Pocessor AMD Radeon 1.30 Ghz 2) RAM 2 GB
3) Harddisk 500 GB b) Mouse
c) Keyboard
d) Monitor minimum resolusi 1366 x 768 2) Client
a) CPU
1) Pocessor AMD Radeon 1.30 Ghz 2) RAM 2 GB
3) Harddisk 500 GB b) Mouse
c) Keyboard
b. Spesifikasi Perangkat Lunak
Perangkat lunak yang digunakan sebagai pendukung dalam pembuatan
website adalah : 1) Server a) OS Windows 7 b) XAMPP v.3.2.1 1) Apache v.3.2.1 2) Mysql v.3.2.1
c) Text Editor (Sublime Text 3) d) Web Browser 1) Google Chrome 2) Mozilla Firefox 2) Client a) OS Windows 7 b) Web Browser 1) Google Chrome 2) Mozilla Firefox
3.3.2. Pengujian Unit
Pengujian yang akan di lakukan terhadap web yang telah di buat menggunakan metode blackbox testing yang terfokus pada proses masukan dan keluaran program.
1. Pengujian terhadap Form Daftar Pelanggan
Tabel III.13.
Pengujian Form Daftar Pelanggan
No. Skenario
Pengujian
Test Case Hasil yang
diharapkan Hasil Pengujian Kesimpulan 1. Salah satu field kosong, lalu di simpan
Nama Pengguna : noval10,
Nama Pelanggan : Noval,
Email :
(Kosong),
Telepon : 089601818125,
Password : 12345noval,
Ulang Password : 12345noval,
Alamat Lengkap : Kedung
Badak.
Sistem
menolak dan
menampilkan
“please fill out this field”
Sesuai harapan Valid 2. Semua field diisi, lalu di simpan
Nama Pengguna : noval10,
Nama Pelanggan : Noval,
Email :
noval.pahlawan10@gmail.com,
Telepon : 089601818125,
Password : 12345noval,
Ulang Password : 12345noval,
Alamat Lengkap : Kedung
Badak. Sistem menyimpan data dan menampilkan “Terimakasih telah mendaftar di website kami. Selamat Belanja” Sesuai harapan Valid
3. Input email
tanpa
menggunakan
‘@’, lalu di simpan
Nama Pengguna : noval10,
Nama Pelanggan : Noval,
Email :
noval.pahlawan10.gmail.com,
Telepon : 089601818125,
Password : 12345noval,
Ulang Password : 12345noval,
Alamat Lengkap : Kedung
Badak. Sistem menolak dan menampilkan “please enter an email address” Sesuai harapan Valid
Sumber : Hasil Perancangan
2. Pengujian terhadap Form Masuk
Tabel III.14.
Pengujian Form Masuk
No. Skenario
Pengujian
Test Case Hasil yang
diharapkan Hasil Pengujian Kesimpulan 1. Semua field kosong, lalu masuk
Nama Pengguna : (kosong),
Kata Sandi : (kosong)
Sistem menolak dan menampilkan kembali halaman masuk Sesuai harapan Valid 2. Salah satu field di kosongkan, lalu masuk
Nama Pengguna : noval10,
Kata Sandi : (kosong)
Sistem menolak dan menampilkan kembali halaman masuk Sesuai harapan Valid
3. Salah satu
field di isi
data salah,
lalu masuk
Nama Pengguna : noval10,
Kata Sandi : 123456 Sistem menolak dan menampilkan kembali halaman masuk Sesuai harapan Valid 4. Semua field di isi data benar, lalu masuk
Nama Pengguna : noval10,
Kata Sandi : 12345noval
Sistem menampilkan halaman home Sesuai harapan Valid
Sumber : Hasil Perancangan
3. Pengujian terhadap Form Buku Tamu
Tabel III.15.
Pengujian Form Buku Tamu
No. Skenario
Pengujian
Test Case Hasil yang
diharapkan Hasil Pengujian Kesimpulan 1. Salah satu field kosong, lalu kirim pesan Nama : Noval, Email : (kosong), Subjek : Web,
Pesan : Web perlu di
kembangkan
Sistem
menolak dan
menampilkan
“please fill out this field”
Sesuai harapan Valid 2. Semua field diisi lalu kirim pesan Nama : Noval, Email : noval.pahlawan10@gmail.com, Subjek : Web,
Pesan : Web perlu di
kembangkan Sistem menampilkan “Terimakasih telah menghubungi kami …” Sesuai harapan Valid
4. Pengujian terhadap Form Biodata Pemesan
Tabel III.16.
Pengujian Form Biodata Pemesan
No. Skenario
Pengujian
Test Case Hasil yang
diharapkan Hasil Pengujian Kesimpulan 1. Salah satu field kosong, lalu simpan biodata
Nama Penerima : Noval,
Email : (kosong),
Telepon : 089601818125,
Alamat : Kedung Badak,
Provinsi : Jawa Barat
Kabupatern/Kota : Bogor
Sistem
menolak dan
menampilkan
“please fill out this field”
Sesuai harapan Valid 2. Semua field diisi lalu simpan biodata
Nama Penerima : Noval,
Email :
noval.pahlawan10@gmail.com,
Telepon : 089601818125,
Alamat : Kedung Badak,
Provinsi : Jawa Barat
Kabupatern/Kota : Bogor Sistem menampilkan pesan dan data transaksi serta mengirimkan data transaksi ke email pelanggan Sesuai harapan Valid