• Tidak ada hasil yang ditemukan

BAB III PEMBAHASAN. Dalam membangun sebuah web, analisa kebutuhan merupakan tahapan yang

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB III PEMBAHASAN. Dalam membangun sebuah web, analisa kebutuhan merupakan tahapan yang"

Copied!
71
0
0

Teks penuh

(1)

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.

(2)

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)

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 :

(4)

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.

(5)

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.

(6)

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.

(7)

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.

(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.

(9)

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.

(10)

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.

(11)

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.

(12)

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.

(13)

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.

(14)

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.

(15)

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.

(16)

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.

(17)

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.

(18)

cc. Rancangan Antar Muka Biodata

Sumber : Hasil Perancangan

Gambar III.29.

Rancangan Antar Muka Biodata

(19)

3.2.2. Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

Sumber : Hasil Perancangan

Gambar III.30.

(20)

2. Logical Record Structure (LRS)

Sumber : Hasil Perancangan

Gambar III.31.

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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

(26)

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

(27)

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

(28)

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

(29)

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

(30)

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

(31)

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

(32)

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

(33)

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

(34)

3.2.3. Rancangan Struktur Navigasi

1. Struktur Navigasi Halaman Admin

Sumber : Hasil Perancangan

Gambar III.32.

(35)

2. Struktur Navigasi Halaman User

Sumber : Hasil Perancangan

Gambar III.33.

(36)

3. Struktur Navigasi Halaman Member

Sumber : Hasil Perancangan

Gambar III.34.

(37)

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.

(38)

b. Halaman Dashboard

Sumber : Hasil Perancangan

Gambar III.36.

Halaman Dashboard

Halaman Dashboard adalah halaman awal pada halaman administrator website tokohandphone.

(39)

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.

(40)

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.

(41)

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.

(42)

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.

(43)

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.

(44)

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.

(45)

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.

(46)

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.

(47)

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.

(48)

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.

(49)

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.

(50)

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.

(51)

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.

(52)

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.

(53)

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.

(54)

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.

(55)

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.

(56)

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.

(57)

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.

(58)

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.

(59)

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.

(60)

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.

(61)

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.

(62)

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.

(63)

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.

(64)

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.

(65)

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.

(66)

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

(67)

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

(68)

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

(69)

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

(70)

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

(71)

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

Gambar

Gambar III.14.
Gambar III.16.
Gambar III.18.
Gambar III.20.
+7

Referensi

Dokumen terkait

Dari penelitian ini dapat disimpulkan bahwa kelima belas sampel krim pemutih yang diuji tidak aman untuk digunakan dan tidak memenuhi persyaratan Peraturan Kepala Badan Pengawas

[r]

Peraturan Daerah Kabupaten Daerah Tingkat II Gresik Nomor 5 tahun 1960 tentang Pembuatan Reklame dan Mengadakan serta Penarikan Pajak Reklame yang disahkan oleh Presiden

Penelitian ini bermaksud meneliti pengaruh karakteristik audit eksternal, yaitu audit tenure, ukuran kantor akuntan publik, dan opini audit pada price to earnings

Tujuan dari penulisan ini adalah mengetahui tinggi timbunan kritis pada badan jalan, mengetahui daya dukung tanah dengan menggunakan geotextile sebagai bahan

1-,3 Di Amerika Serikat dan banyak negara lainnya, pubertas pada perempuan diawali dengan pembesaran payudara pada usia 8–13 tahun, sedangkan pada laki-laki diawali dengan

Selain itu lidah buaya tidak menyebabkan keracunan baik pada tanaman ataupun pada hewan, sehingga dapat digunakan dalam industri dengan diolah menjadi gel, serbuk,

Pendidikan jasmani pada dasarnya merupakan bagian dari sistem pendidikan secara keseluruhan, bertujuan untuk mengembangkan aspek kesehatan, kebugaran jasmani