BAB III PEMBAHASAN · cara booking (pemesanan), dan menghubungi kami (contact us) pada halaman ... u s e r n a m e p a s s w o r d N l _ m a l e n g k a p a l a m a t e m a i l N

23

BAB III

PEMBAHASAN

3.1. Analisa kebutuhan

Dalam tahap ini masalah yang terjadi adalah sistem pemesanan di cahaya

wedding. Cahaya Wedding Organizer masih melakukan pemesanan secara manual

dalam arti hanya memasarkan menggunakan brosur serta informasi dari mulut ke

mulut dari sekitar lingkungannya. Maka dari itu Cahaya Wedding Organizer

membutuhkan efesiensi dan kemudahan dalam melakukan pemasaran atau

promosi, untuk itu muncul sebuah ide yaitu dengan membuat sebuah rancangan

website agar dapat memperluas jaringan informasi tentang pemesanan di cahaya

wedding, memperbaharui sistem , dan memaksimalkan sasaran pemasaran.

Dalam website ini terdapat analisa kebutuhan pengguna dan analisa

kebutuhan sistem, yaitu :

3.1.1. Analisa kebutuhan pengguna

Dalam analisa kebutuhan pengguna ini terdapat admin, pengunjung,

member, yaitu :

1. Analisa kebutuhan admin

a. Admin dapat melakukan proses login dan logout pada halaman admin.

b. Admin dapat menambahkan, mengubah, dan menghapus data pelanggan

(member).

c. Admin dapat menghapus akun pelanggan (member).

d. Admin dapat melihat website halaman pengunjung.

e. Admin dapat menambah, mengedit, menghapus produk.

f. Admin dapat menambah, mengedit, dan menghapus data admin.

24

2. Analisa kebutuhan pengunjung

a. Pengunjung dapat melihat informasi seputar Cahaya Wedding Organizer,

cara booking (pemesanan), dan menghubungi kami (contact us) pada

halaman pengunjung.

b. Pengunjung dapat mendaftar (registrasi) menjadi pelanggan (member).

3. Analisa kebutuhan pelanggan (member)

a. Pelanggan (member) dapat melakukan login dan logout.

b. Pelanggan (member) dapat melihat informasi seputar cahaya Wedding

Organizer, cara booking (pemesanan), dan contact us pada halaman

pelanggan (member).

c. Pelanggan (member) dapat melakukan pemesanan (booking)

3.1.2. Analisa kebutuhan sistem

a. Setiap pelanggan (member) dan admin harus login terlebih dahulu untuk

dapat masuk ke sistem.

b. Sistem harus dapat menyimpan inputan dan data pemesanan yang

dilakukan oleh pelanggan (member).

c. Sistem harus dapat menampilkan data pemesanan di dalam website.

d. Sistem harus dapat menyimpan data pemesanan di dalam website.

3.2. Rancangan Dokumen

A. Rancangan Dokumen Masukan (Input)

Dokumen masukan (input) adalah suatu dokumen yang berisi data-data

pada suatu sistem yang dihasilkan dari proses masukan data, yang kemudian

digunakan untuk menghasilkan keluaran yang diinginkan sesuai kebutuhan.

25

Spesifikasi rancangan program ini terdiri dari dokumen Input

yang diperlukan untuk memasukan data tersebut menjadi informasi yang

dibutuhkan. Dokumen input yang diperlukan pada rancangan program ini

adalah sebagai berikut :

Nama Dokumen : Order

Fungsi : Untuk mengetahui pelanggan memesan paket

Sumber : Pelanggan

Tujuan : Administrator

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap ada pesanan

Bentuk : Lampiran A.1

B. Rancangan Dokumen Keluaran (Output)

Setelah dimasukan data maka akan menghasilkan suatu informasi yang

bisa menampilkan seluruh pengelolaan data yang sudah terjadi. Adapun

penjelasan mengenai spesifikasi bentuk keluaran atau laporan adalah sebagai

berikut :

Nama Dokumen : Struk Pembayaran

Fungsi : Sebagai bukti pembayaran

Sumber : User

Tujuan : Administrator

Media : Kertas

Jumlah : 1 (satu) lembar

26

Frekuensi : Setiap ada pembayaran

Bentuk : Lampiran B.1

3.3. Rancangan Basis Data

Perancangan basis data dalam program cahaya wedding ini menggunakan

tools Entity Relationship Diagram (ERD) dan Logical Record Structure (LRS).

ERD merupakan rancangan konseptual basis data dengan terlebih dahulu entitas-

entitas yang saling berelasi didalam program cahaya wedding ini. Entitas-entitas

tersebut beserta relasinya akan ditranformasikan ke dalam bentuk LRS sehingga

menghasilkan relasi tabel yang dapat digunakan untuk membuat basis data yang

dalam penelitian ini menggunakan database MySQL.

Perancangan basis data menghasilkan tabel – tabel yang digambarkan

dengan Entity Relationship Diagram.

A. ERD (Entity Relationship Diagram)

member

memiliki

tagihan

melakuan order memiliki kategori

Memiliki

produk

memiliki

keranjang

mendaftaruser

testimoni

memiliki

user

nam

e

pass

wor

d

Nma l_lengkap

alam

at

email N

o_telp

Forgot_key

kota

prop

insi

Id_order Id_produk Id_member

inttagihan

Id_kategoriNama_katego

ri

No_revisi

Status_tagiha

n

Total_tagihan

Total_faktur

Id_t

agih

an

Id_mem

ber

Tgl

_tag

ihan

prop

ins

i

prop

ins

i

prop

ins

i

propinsi

pro

pin

s

i

Gambar

produk

Tgl post date

Deskripsi

produk

Harga produk

Id_p

rodu

k

Id kategori Nama produk

a

Id member Isi testimonial Tgl testimonial

tamp

ill

Id t

esti

mon

ial

1 M

1

1

1 M

1

1

M

1

m 1

1

m

Id_user

level

Password

email

username

Last_login

Ip_lo

gin

Gambar III.1.

Entity Relatioship Diagram Pemesanan Sarana Cahaya Wedding Organizer.

27

B. LRS (Logical Record Structure)

t_order

PK,FK2 id_order

FK1 id_produk

qty

FK2 id_member

id_tagihan

t_produk

PK id_produk

FK1 id_kategori

nama_produk

harga_produk

gambar_produk

deskripsi_produk

tgl_post

FK2 id_keranjang

t_kategori

PK id_kategori

nama_kategori

t_tagihan

PK id_tagihan

tgl_tagihan

total_tagihan

foto_faktur

status_tagihan

no_resi

FK1 id_order

id_member

t_member

PK,FK1 id_member

username

password

nama_lengkap

email

no_telp

alamat

provinsi

kota

forgot_key

FK1 id_tagihan

id_order

FK2 id_testimonial

t_keranjang

PK id_keranjang

FK1 id_member

id_produk

qty

t_testimonial

PK id_testimonial

id_member

isi_testimonial

tgl_testimonial

tampil

1

1

m

1

1

1

m

1

1

1

1

1

m

mm

1

m

Gambar III.2.

LRS (Logical Record Structure) Cahaya Wedding Organizer

3.4. Spesifikasi File

Dalam pembuatan website Cahaya Wedding Organizer, penulis menggunakan

database phpMyAdmin, nama database yang digunakan adalah wedding.

1. Spesifikasi File User

Nama Tabel : User

Akronim : User

Fungsi : Untuk menyimpan data User

28

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 270 karakter

Kunci Field : Id_user

Software : MySql

Tabel III.1.

Spesifikasi Data File User

No Elemen Data Nama Field Tipe Panjang Keterangan

1. Id_user Id_user Int 10 Primery Key

2. Username Username Varchar 20

3. Password Password Varchar 40

4. Email Email Varchar 100

5. Level Level Varchar 20

6. Last_login Last_login Varchar 40

7. Ip_login Ip_login Varchar 40

2. Spesifikasi File Order

Nama Tabel :t _order

Akronim : Order

Fungsi : Untuk menyimpan data pemesanan

Tipe File : File Transaksi


Akses File : Random

Media : Hardisk

29


Kunci Field : id_order

Software : MySql

Tabel III.2.

Spesifikasi File Data Order

No Elemen Data Nama Field Tipe panjang Keterangan

1. Id_order Id_order Int 10 Primery key

2. Id_produk Id_produk Varchar 10

3. Id_member Id_member Int 10

4. Id_tagihan Id_tagihan Int 10

5. qty Qty Int 10

3. Spesifikasi File Produk

Nama Tabel : t_produk

Akronim : Produk

Fungsi : Untuk menyimpan data produk



Akses File : Random

Media : Hardisk


Kunci Field : id_produk

Software : MySql

30

Tabel III.3.

Spesifikasi File Data Produk

N

o

Elemen Data Nama Field Tipe Panjan

g

Keteranga

n

1. Id_produk id_produk Char 10 Primary

Key

2. Id_kategori Id_kategori Char 10

3. Nama_produk Nama_produk Varchar 50

4. Harga_produk Harga_produk Int 40

5. Gambar_produk Gambar_produk Varchar 30

5. Deskripsi_produ

k

Deskripsi_produ

k

Longtex

t

5. Tgl_post Tgl_post date

4. Spesifikasi File Member

Nama Tabel : t_member

Akronim : Member

Fungsi : Untuk menyimpan data member



Akses File : Random

Media : Hardisk


Kunci Field : id_member

Software : MySql

Tabel III.4.

Spesifikasi File Data Member


1. Id_member Id_member Int 10 Primary Key

2. Username Username Varchar 20

31

3. Password Password Varchar 40

4. Nama_lengkap Nama_lengkap Varchar 100

5. Email Email Varchar 100

5. Telepon Telepon Varchar 20

5. Alamat Alamat Varchar 300

5. Provinsi Provinsi Varchar 50

5. Kota Kota Varchar 50

5. Forgot_key Forgot_key Varchar 30

5. Spesifikasi File Tagihan

Nama Tabel : t_tagihan

Akronim : Tagihan

Fungsi : Untuk menyimpan data tagihan

Tipe File : File Transaksi


Akses File : Random

Media : Hardisk


Kunci Field : id_tagihan

Software : MySql

Tabel III.5.

Spesifikasi File Data Tagihan


1. Id_tagihan Id_tagihan Int 10 Primary Key


3. Tgl_tagihan Tgl_tagihan Date

4. Total_tagihan Total_tagihan Int 50

5. Foto_faktur Foto_faktur Varchar 100

5. Status_tagihan Status_tagihan Enum

5. No_resi No_resi Varchar 100

32

6. Spesifikasi File Keranjang

Nama Tabel : t_keranjang

Akronim : Keranjang

Fungsi : Untuk menyimpan data keranjang



Akses File : Random

Media : Hardisk


Kunci Field : id_keranjang

Software : MySql

Tabel III.6.

Spesifikasi File Data Keranjang


1. Id_keranjang Id_keranjang Int 10 Primary Key


3. Id_produk Id_produk Char 10

4. Qty Qty Int 5

7. Spesifikasi File Kategori

Nama Tabel : t_kategori

Akronim : kategori

Fungsi : Untuk menyimpan data tagihan



33

Akses File : Random

Media : Hardisk


Kunci Field : id_kategori

Software : MySql

Tabel III.7.

Spesifikasi File Data Kategori


1. Id_tagihan Id_tagihan Int 10 Primary Key


8. Spesifikasi File Testimonial

Nama Tabel : t_testimonial

Akronim : Testimonial

Fungsi : Untuk menyimpan data testimonial



Akses File : Random

Media : Hardisk


Kunci Field : id_kategori

Software : MySql

34

Tabel III.8.

Spesifikasi File Testimonial


1. Id_testimonial Id_testimonial Int 5 Primary Key


3. Isi_testimonial Isi_testimonial Varchar 100

4. Tgl_testimonial Tgl_testimonial Date

5. Tampil Tampil Int 1

3.5. Pengkodean

1. Id User

Setiap user harus memiliki Id User masing-masing sehingga dapat

membedakan dari masing-masing admin dan user, diantaranya terdiri dari:

X X

Id User

Contoh:

2. Id Order

Setiap Order harus memiliki Id order masing-masing sehingga dapat

membedakan dari masing-masing order, diantaranya terdiri dari:

X X

Id Order

0 1

35

Contoh:

3. Id Produk

Setiap Produk harus memiliki Id produk masing-masing sehingga dapat

membedakan dari masing-masing produk, diantaranya terdiri dari:

X X

Id Produk

Contoh:

4. Id Member

Setiap Produk harus memiliki Id member masing-masing sehingga dapat

membedakan dari masing-masing member, diantaranya terdiri dari:

X X

Id Member

Contoh

0 1

0 1

0 1

36

5. Id Tagihan

Setiap Produk harus memiliki Id tagihan masing-masing sehingga dapat

membedakan dari masing-masing tagihan, diantaranya terdiri dari:

X X

Id tagihan

Contoh:

6. Id Keranjang

Setiap Produk harus memiliki Id keranjang masing-masing sehingga dapat

membedakan dari masing-masing keranjang, diantaranya terdiri dari:

X X

Id Keranjang

Contoh:

0 1

0 1

37

7. Id Kategori

Setiap Produk harus memiliki Id kategori masing-masing sehingga dapat

membedakan dari masing-masing kategori, diantaranya terdiri dari:

X X

Id Kategori

Contoh:

8. Id Testimonial

Setiap Produk harus memiliki Id testimonial masing-masing sehingga

dapat

membedakan dari masing-masing testimonial, diantaranya terdiri dari:

X X

Id Testimonial

Contoh:

0 1

0 1

38

3.6. Rancangan Struktur Navigasi

A. Rancangan Struktur Navigasi Halaman Admin

admin login

hapus

edit

keluar

pengaturan

toko

polling

pessan

testimoni

member

pesan

Kelola

Home

Kompirmasi pembayaran

Daftar pesanan

produk

Kategori produk

edit

hapus

hapus

detail

Kotak masuk

poling

Hasil poling

Kirim pesan

profile

edit

kirim

jawab

riset

Edit

Tentang kami

Panduan belanja

kontak

Sosial media

rekening

edit

batal

simpan

Batal

edit

simpan

Batal

simpan

batal

simpan

slider

user

template Tambah template

hapus

edit

Tambah uses

Tambah temlate

browse

batal

simpan

Gambar III.3.

Rancangan Struktur Navigasi Halaman Admin

39

B. Rancangan Struktur Navigasi Halaman Pengunjung

Index

Home

Paket Pengantin

Paket Catering

Paket Pernikahan

Panduan

PemesananTentang kami Login

Lupa

Passwor

d

Daftar

Batallogin Batal

Keranjang Pesan

Kontak

Bank Pembayaran

Kategori

Gambar III.4.

Rancangan Struktur Navigasi Halaman Pengunjung

C. Rancangan Struktur Navigasi Halaman Member

Index

Home

Paket Pengantin

Paket Catering

Paket Pernikahan

Panduan

PemesananTentang kami Akun

Update

Tagihan Pesan Keluarkategori

Gambar III.5.

Rancangan Struktur Navigasi Halaman Member

40

3.6.1 Spesifikasi Sistem Komputer

Untuk menunjang kebutuhan akan pengolahan data diperlukan komputer

sebagai alat bantu, karena kecepatan pengolahan data merupakan salah satu

kelebihan dari komputer serta sumber daya manusia yang menjalankan komputer

dan program- programnya. Komputer merupakan sistem elektronik untuk

mengolah data secara cepat dan tepat serta dirancang dan diorganisasikan supaya

secara otomatis menerima dan menyimpan data input, memprosesnya dan

menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi

program yang tersimpan di memori. Dalam penggunaannya komputer

memerlukan program-program aplikasi yang sesuai untuk mengolah data sehingga

dapat menghasilkan sistem informasi yang lebih berkualitas. Sebuah sistem

informasi yang baik harus didukung oleh ketiga komponen-komponennya, antara

lain:

1. Hardware (perangkat keras) merupakan peralatan dari sistem komputer yang

secara fisik dapat terlihat dan dapat dijamah.

2. Software (perangkat lunak) merupakan program yang berisi perintah- perintah

untuk mengolah data.

3. Brainware merupakan manusia yang berperan dalam mengoperasikan dan

mengatur sistem komputer.

Ketiga komponen tersebut haruslah saling berhubungan dan membentuk

satu kesatuan. Hardware tanpa ada software tidak akan berfungsi seperti yang

diharapkan begitu pula dengan hardware yang didukung software tidak akan

berfungsi jika tidak ada brainware yang mengoperasikannya.

41

Dengan mempertimbakan hal tersebut diatas maka sarana pendukung

sangat dibutuhkan dalam sistem yang menerapkan komputerisasi agar sistem

komputerisasi yang telah dibuat dapat berkerja sesuai dengan yang diharapkan.

3.6.2 Perangkat Lunak

Adapun spesifikasi perangkat lunak yang dibutuhkan adalah paket

program yang digunakan yaitu Dreamweaver Mx sebagai bahan program yang

berbasis Windows, diharapkan dapat memberikan kemudahan bagi para pemakai

dalam menjalankan program sederhana ini. Kemudahan yang ada dalam

Dreamweaver Mx adalah sebagai berikut:

1. Bahasa pemrograman Dreamweaver Mx adalah program aplikasi yang berasal

dari bahasa java berbasis Windows yang merupakan pemrograman yang

berorientasi pada obyek.

2. Bahasa pemrograman Dreamweaver Mx menggunakan bahasa yang cukup

sederhana yaitu menggunkan kata-kata dalam bahasa yang dapat diubah sesuai

bahasa pemrograman yang diperintahkan.

Perangkat lunak secara fungsinya dibagi menjadi sistem operasi dan paket

program:

1. Sistem Operasi

Sistem operasi yang digunakan adalah sistem operasi yang berbasis Windows

sebab sistem operasi ini mampu menunjang program aplikasi yang dibuat.

2. Paket Program

Paket program yang penulis gunakan dalam membuat Tugas Akhir ini adalah

Dreamweaver Mx dan MySql sebagai sarana proses pembuatan web pemesanan

42

sarana prasarana olahraga. Perangkat lunak yang digunakan oleh penulis dalam

pembuatan Tugas Akhir ini antara lain menggunakan:

A. Sistem Operasi : Windows 7 Ultimate 32-bit (6.1, Build 7600)

B. Paket Program : Dreamweaver Mx dan MySql.

3.6.3 Perangkat Keras

Perangkat Keras (Hardware) Sebuah sistem yang terkomputerisasi tidak

terlepas dari masalah perangkat keras yang akan digunakan dalam menjalankan

software atau program aplikasi yang akan digunakan. Keterpaduan antara

perangkat keras yang ada sangat dibutuhkan agar hasil kinerja dari sistem

komputer dapat berjalan semaksimal mungkin, hingga dapat dirasakan oleh

pemakai sistem komputer tersebut. Perangkat keras tersebut terbagi atas tiga

bagian utama yaitu:

1. Peralatan Masukan (Input Device)

2. CPU (Central Processing Unit)

3. Peralatan Keluaran (Output Device) Dengan pertimbangan hal tersebut maka

penulis memberikan spesifikasi perangkat keras yang akan digunakan dalam

proses komputerisasi, diantaranya adalah sebagai berikut:

A. Proccesor : Pentium (R) Dual-Core CPU T4400 @ 2.20Ghz

(2CPUs) ~2.2GHz

B. Disk : CD/DVD R

C. Memory (RAM) : 2048MB RAM

D. Monitor : ACER ASPIRE 4732Z

E. Harddisk : 320 GB HDD

F. Keyboard : Standart Keyboard

43

G. Mouse : Standart Mouse.

Spesifikasi tersebut di atas sangat memperhatikan perkembangan teknologi

di bidang komputer yanga sangat pesat sehingga untuk beberapa tahun mendatang

spesifikasi komputer tersebut masih dapat menunjukan hasil kinerja yang baik.

3.6.4 Konfigurasi Sistem Komputer

Sistem komputer secara umum terdiri dari tiga bagian yaitu: input, proses

dan output yang tidak dapat dipisahkan. Input device atau alat masukan,

merupakan alat yang secara langsung menjadi penghubung antara pengguna dan

komputernya juga sebagai alat yang digunakan untuk masukan segala bentuk data

maupun informasi yang nantinya akan diproses atau dimanipulasi. Sebagai contoh

alat masukan adalah keyboard. Dari alat masukan dimana data yang dimasukan

akan diperoleh atau diproses lebih lanjut ditransfer kesebuah proses atau lebih

dikenal dengan nama CPU (Central Prosessing Unit) untuk mengolah atau

memanipulasi data. Setelah data diolah kemudian dilanjutkan dengan

mengeluarkan hasil dari segala proses yang telah dilakukan kepada pengguna agar

mudah dimengerti oleh si pengguna. Salah satu contoh alat keluaran adalah

monitor. Monitor merupakan alat keluaran yang bersifat softcopy karena bersifat

sementara, sedangkan alat keluaran yang bersifat permanen seperti printer disebut

hardcopy. Disamping alat input maupun output diatas, terdapat pula alat-alat yang

memiliki dua fungsi sekaligus sebagai alat input dan output, sebagai contoh

Compact Disk (CD) dapat berupa alat input karena data yang dimasukan ke dalam

komputer dapat melalui pembacaan Compact Disk. Compact Disk sebagai alat

output karena Compact Disk dapat ditulis oleh komputer untuk menyimpan hasil

44

pengolahan data. Compact Disk dapat juga disebut sebagai alat penyimpanan data

atau storage. Berikut adalah gambaran konfigurasi sistem

Gambar III.6.

Konfigurasi Sistem Komputer.

3.7. Implementasi Antar Muka

Kegiatan pengujian ada pada sebelum dan sesudah eksekusi pengujian :

kegiatan seperti perencanaan dan pengendalian, dan memilih ketentuan pengujian,

merancang kasus pengujian dan hasil pengecekan, mengevaluasi kriteria hasil,

melaporkan pengujian proses dan sistem selama pengujian, dan penyelesaian

(setelah fase pengujian telah dilengkapi).

Pengujian juga mencakup pengamatan dokumen (termasuk kode sumber) dan

analisis statis. Baik pengujian dinamis maupun statis, bisa digunakan sebagai alat

untuk mencapai tujuan yang sama, dan akan menyediakan informasi yang

bertujuan untuk meningkatkan sistem untuk diuji, dan proses pengembangan serta

pengujian.

3.7.1. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada website Cahaya Wedding

Organizer. Berdasarkan hasil perancangan antar muka, adalah sebagai berikut :

45

1. Implementasi Rancangan Antar Muka Halaman Admin.

A. Halaman Login Admin

Halaman ini dibuat agar admin dapat login ke akunnya.

Gambar III.7.

Halaman login admin

B. Halaman Beranda Admin

Halaman utama yang ditampilkan setelah admin melakukan login. Jika

password dan username sesuai maka nama admin akan tampil di beranda.

46

Gambar III.8.

Halaman Beranda Admin

C. Halaman Kelola Admin

Halaman ini diakses oleh admin untuk mengelola data kategori dan data

produk

a. Halaman data ketegori

Gambar III.9.

Halaman Kategori Admin

47

b. Halaman data produk

Gambar III.10.

Halaman produk admin

D. Halaman Pesanan Admin

Di halaman ini terdapat daftar pesanan, detail pesanan dan konfirmasi

pembayaran

a. Halaman daftar pesanan

Gambar III.11.

Halaman daftar pesanan

48

b. Halaman detail data pesanan

Gambar III.12.

Halaman detail pemesanan

c. Halaman konfirmasi pembayaran

Gambar III.13.

Halaman konfirmasi pembayaran

E. Halaman Member

Halaman ini diakses oleh admin untuk melihat data member untuk

menambah dan menghapus

Gambar III.14.

Halaman member

49

2. Implementasi Rancangan Antar Muka Halaman Pengunjung

A. Halaman Beranda Pengunjung

Bertujuan untuk menyambut pengunjung pada saat pertama kali membuka

website kami.

Gambar III.15.

Halaman pengunjung

B. Halaman Panduan Pemesanan

Halaman Panduan dibuat dengan tujuan agar pengunjung dapat mengetahui cara

memesan paket tersebut dengan mudah.

Gambar III.16.

Halaman panduan pemesanan

50

C. Halaman Tentang Kami

Halaman ini dibuat bertujuan agar pengujung mengetahui visi dan misi usaha di

wedding organizer

Gambar III.17.

Halaman tentang kami

D. Halaman Register Member

Halaman register member dibuat dengan tujuan agar pengunjung dapat

mendaftarkan dirinya sebagai member di website cahaya wedding.

Gambar III.18.

Halaman registrasi member

51

3. Implementasi Rancangan Antar Muka Halaman Member

A. Halaman Member Login

Halaman login dapat dibuat agar pengunjung yang sudah terdaftar sebagai

member dapat masuk ke halaman akunnya.

Gambar III.19.

Halaman member login

B. Halaman Beranda Member

Gambar III.20.

Halaman beranda member

52

C. Halaman Transaksi dan Konfirmasi Pembayaran

1. Halaman transaksi keranjang pesanan

Gambar III.21.

Halaman keranjang pesanan

2. Halaman transaksi data pesanan

Gambar III.22.

Halaman data Pesanan

53

3. Halaman Transaksi Daftar Tagihan

Gambar III.23.

Halaman Daftar tagihan

4. Halaman Transaksi Data Tagihan

Gambar III.24.

Halaman data tagihan

54

5. Halaman Konfirmasi Pembayaran

Gambar III.25.

Halaman konfirmasi pembayaran

3.8. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login

Tabel III.9.

Hasil Pengujian Black Box Testing Halaman Login

No

.

Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Username dan

password tidak

diisi kemudian

klik tombol

login

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Input tidak

boleh kosong”

Sesuai

harapan Valid

55

2. Mengetikkan

username dan

password tidak

diisi atau

kosong

kemudian klik

tombol login

Username:

peby

Password :

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Input tidak

boleh kosong”

Sesuai

harapan Valid

3. Username

tidak diisi

(kosong) dan

password diisi

kemudian klik

tombol login

Username:

(kosong)

Password:

admin

Sistem akan

menolak akses

user dan

menampilkan

“Input tidak

boleh kosong”

Sesuai

harapan Valid

4. Mengetikkan

salah satu

kondisi salah

pada username

atau password

kemudian klik

tombol login

Username:

peby

(benar)

Password:

peby1996

(salah)

Sistem akan

menolak akses

user dan

menampilkan

“Login gagal,

Silakan check

kembali

username dan

password”.

Sesuai

harapan

Valid

5. Mengetikkan

username dan

password

dengan data

yang benar

kemudian klik

tombol login

Username:

peby(benar)

Password:

admin

(benar)

Sistem

menerima

akses login dan

kemudian

langsung

menampilkan

menu utama.

Sesuai

harapan

Valid

B. Black Box Testing Form Login Member

Tabel III.10.

Hasil Pengujian Black Box Testing Form Login Member

No. Skenario

pengujian

Test case Hasil yang di

harapkan

Hasil

pengujian

Kesimpulan

1 Email dan

password

tidak di isi

kemudian

Email :

(kosong)

Password:

(kosong)

Sistem akan

menolak

akses login

dan

Sesuai

harapan

Valid

56

Klik tombol

login

menamplikan

Input masih

kosong

2 Mengetikkan

username dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username:

peby

Password:

peby

Sistem

menerima

akses login

dan

kemudian

langsung

menampilkan

menu utama.

Sesuai

harapan

Valid

BAB III PEMBAHASAN · cara booking (pemesanan), dan menghubungi kami (contact us) pada halaman ... u s e r n a m e p a s s w o r d N l _ m a l e n g k a p a l a m a t e m a i l N

Documents