Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya /...

14
45 Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi Dari tahap-tahap yang telah dilakukan sebelumnya, maka dihasilkan website Jual Pintu dan Jendela Rumah. Berikut adalah tampilan website : 1. Halaman Beranda Halaman index merupakan halaman awal yang ditampilkan pada saat user membuka website Jual Pintu dan Jendela Rumah ini. Halaman ini memuat menu daftar, masuk, dan menu navigasi ke halaman Home, Galeri, Tentang, Faq dan Tips. Tampilan halaman index dapat dilihat pada Gambar 4.1. Gambar 4.1 Tampilan Halaman Beranda 2. Halaman Galeri Halaman ini merupakan halaman untuk melihat beberapa produk yang dijual, yaitu pintu dan jendela. Pada halaman

Transcript of Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya /...

Page 1: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

45

Bab IV. HASIL DAN ANALISIS

4.1 Hasil Karya / Implementasi

Dari tahap-tahap yang telah dilakukan sebelumnya,

maka dihasilkan website Jual Pintu dan Jendela Rumah.

Berikut adalah tampilan website :

1. Halaman Beranda

Halaman index merupakan halaman awal yang

ditampilkan pada saat user membuka website Jual Pintu

dan Jendela Rumah ini. Halaman ini memuat menu daftar,

masuk, dan menu navigasi ke halaman Home, Galeri,

Tentang, Faq dan Tips. Tampilan halaman index dapat

dilihat pada Gambar 4.1.

Gambar 4.1 Tampilan Halaman Beranda

2. Halaman Galeri

Halaman ini merupakan halaman untuk melihat beberapa

produk yang dijual, yaitu pintu dan jendela. Pada halaman

Page 2: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

46

ini pelanggan bisa untuk memesan produk yang dipilih.

Tampilan halaman galeri dapat dilihat pada Gambar 4.2.

Gambar 4.2 Tampilan Halaman Galeri

3. Halaman Galeri Pintu

Halaman ini merupakan halaman dari produk yang telah

dipilih salah satunya adalah pintu, sehingga akan muncul

halaman berikutnya yaitu halaman untuk memilih model

dari produk pintu. Tampilan halaman galeri pintu dapat

dilihat pada Gambar 4.3.

Gambar 4.3 Tampilan Halaman Galeri Pintu

4. Halaman Galeri Jendela

Halaman ini merupakan sama halnya dengan halaman

galeri pintu. Apabila memilih produk jendela maka akan

Page 3: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

47

muncul halaman berikutnya yaitu halaman untuk memilih

model dari produk jendela. Tampilan halaman galeri

jendela dapat dilihat pada Gambar 4.4.

Gambar 4.4 Tampilan Halaman Galeri Jendela

5. Halaman Tentang

Halaman tentang merupakan halaman yang berisi tentang

deskripsi dari perusahaan Jual Pintu dan Jendela Rumah

yang terdiri dari kontak pemilik, alamat perusahaan dan

nomor rekening perusahaan. Pada halaman ini juga

terdapat map atau peta dari alamat perusahaan dengan

menggunakan layanan Google Maps. Tampilan halaman

tentang dapat dilihat pada Gambar 4.5.

Gambar 4.5 Tampilan Halaman Tentang

Page 4: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

48

6. Halaman Faq

Halaman ini merupakan halaman yang berisi tentang

beberapa pertanyaan yang umum mengenai perusahaan

dan pemesanan. Tampilan halaman faq dapat dilihat pada

Gambar 4.6

Gambar 4.6 Tampilan Halaman Faq

7. Halaman Tips

Halaman ini merupakan halaman yang berisi tentang

beberapa tips mengenai pemesanan atau perawatan

produk yang telah dipesan. Maka pelanggan lebih banyak

mendapatkan referensi. Tampilan halaman tips dapat

dilihat pada Gambar 4.7

Gambar 4.7 Tampilan Halaman Tips

Page 5: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

49

8. Halaman Register

Halaman ini merupakan halaman untuk mendaftar

sebagai pelanggan, agar dapat memesan beberapa produk.

Halaman ini terdiri dari form input data pelanggan seperti

username, password, email, nama lengkap, alamat

lengkap, nomor telpon dan jenis kelamin serta kode

captcha untuk simpan dan daftar. Apabila username

sudah ada dalam sistem atau kode captcha salah, maka

akan ada peringatan dan kembali ke form pendaftaran.

Tampilan halaman register dapat dilihat pada Gambar 4.8

Gambar 4.8 Tampilan Halaman Registrasi

9. Halaman Login

Halaman ini merupakan halaman untuk masuk ke area

pelanggan untuk dapat memesan produk. Apabila dalam

input username atau password salah maka akan ada

peringatan dan akan kembali ke form login. Tampilan

halaman login dapat dilihat pada Gambar 4.9

Page 6: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

50

Gambar 4.9 Tampilan Halaman Login

10. Halaman Beranda Pelanggan

Halaman ini merupakan halaman dari pelanggan yang

sudah terdaftar ke dalam sistem atau database. Maka

pelanggan dapat untuk memesan beberapa produk. Pada

halaman ini juga terdapat tambahan menu navigasi yaitu

daftar order dan bantuan. Terdapat juga button keluar untuk

keluar apabila pelanggan selesai dalam memesan.

Tampilan halaman beranda pelanggan dapat dilihat pada

Gambar 4.10

Gambar 4.10 Tampilan Halaman Beranda Pelanggan

Page 7: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

51

11. Halaman Galeri Pelanggan

Halaman ini merupakan halaman yang berisi tentang

galeri pintu dan jendela, sehingga pelanggan harus

memilih salah satu produk yang akan dipesan. Saat salah

satu prodik yang dipilih maka halaman selanjutnya adalah

mengisikan data – data pintu atau jendela. Tampilan

halaman galeri pelanggan dapat dilihat pada Gambar 4.41

Gambar 4.11 Tampilan Halaman Galeri Pelanggan

12. Halaman Galeri Pintu Pelanggan

Halaman galeri pintu pelanggan merupakan halaman

yang berisi tentang input data – data pemesanan pintu.

Pada halaman ini terdapat form input data seperti panjang

pintu, lebar pintu, tebal pintu, jenis kayu dan jumlah

pemesanan. Form input data sudah diisi dan disimpan,

maka data beserta total harga akan muncul di sidebar

sebelah kiri. Apabila terjadi kesalahan saat penginputan

data, pelanggan bisa menginputkan lagi data yang benar

dan pemesanan dapat terkirim setelah klik tombol simpan

Page 8: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

52

sebagai order. Tampilan halaman galeri pintu pelanggan

dapat dilihat pada Gambar 4.12

Gambar 4.12 Tampilan Halaman Galeri Pintu Pelanggan

13. Halaman Daftar Order Pelanggan

Halaman daftar order pelanggan merupakan halaman

yang berisi tentang daftar dari pemesanan produk

pelanggan. Pada halaman ini terdapat data yang telah

diinputkan oleh pelanggan. Pemesanan bisa dibatalkan

apabila salah satu pemesanan belum dikonfirmasi oleh

administrator. Pemesanan akan ditanggapi apabilah telah

dikonfirmasi oleh administrator. Tampilan halaman order

pelanggan dapat dilihat pada Gambar 4.13

Page 9: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

53

Gambar 4.13 Tampilan Halaman Galeri Pintu Pelanggan

14. Halaman Bantuan

Halaman bantuan merupakan halaman yang digunakan

oelh pelanggan untuk menginputkan beberapa pertanyaan

untuk administrator. Apabila pelanggan mengalami

kesulitan, palanggan dapat memberikan pertanyaan

kepada administrator. Tampilan halaman bantuan dapat

dilihat pada Gambar 4.14

Gambar 4.14 Tampilan Halaman Bantuan

15. Halaman Panel Admin

Halaman panel admin adalah kumpulan halaman yang

hanya bisa diakses oleh administrator. User selain

Page 10: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

54

administrator tidak bisa mengakses halaman ini. Halaman

panel admin terdapat chart tentang info user pelanggan,

daftar order dan pertanyaan bantuan. Tampilan halaman

panel admin dapat dilihat pada Gambar 4.15

Gambar 4.15 Tampilan Halaman Panel Admin

16. Halaman Daftar Pelanggan

Halaman daftar pelanggan merupakan halaman yang

menampilkan beberapa daftar pelanggan yang telah

terdaftar di Jual Pintu dan Jendela Rumah. Pada halaman

ini juga bisa untuk mengubah dan menghapus pelanggan.

Tampilan halaman daftar pelanggan dapat dilihat pada

Gambar 4.16

Gambar 4.16 Tampilan Halaman Daftar Pelanggan

Page 11: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

55

17. Halaman Daftar Order

Halaman daftar order merupakan halaman administrator

yang berfungsi untuk melihat dan menanggapi pesanan.

Pada halaman ini, admin juga dapat menghapus atau

membatalkan pesanan. Tampilan halaman daftar order

dapat dilihat pada Gambar 4.17

Gambar 4.17 Tampilan Halaman Daftar Order

18. Halaman Bantuan Admin

Halaman bantuan admin merupakan halaman

administrator yang berfungsi untuk membalas semua

pertanyaan dari pelanggan. Tampilan halaman bantuan

admin dapat dilihat pada Gambar 4.18

Gambar 4.18 Tampilan Halaman Bantuan Admin

Page 12: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

56

19. Halaman Input Tips

Halaman input tips merupakan halaman administrator

untuk menginputkan beberapa tips sebagai referensi

untuk pelanggan. Pada halaman ini terdapat link untuk

ubah dan hapus. Tampilan halaman input tips dapat dilihat

pada Gambar 4.19

Gambar 4.19 Tampilan Halaman Input Tips

Page 13: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

57

4.2 Hasil Pengujian

No Fungsi

Yang Diuji

Cara

Pengujian

Hasil Yang

Diharapkan

Hasil

Pengujian

1 Form

pendaftaran

Menginputkan

data user dan

simpan

Menampilkan

data

pendaftaran

berhasil

disimpan

Ok

2 Form login Menginputkan

username dan

password

Menampilkan

hak akses

halaman user

Ok

3 Form order Menginputkan

data

pemesanan

kusen pintu

atau jendela

dan simpan

Menampilkan

Data

pemesanan

pintu atau

jendela dan

berhasil

masuk ke

database

Ok

4 Form

pertanyaan

Menginputkan

pertanyaan

kepada admin

Menampilkan

pertanyaan

berhasi

disimpan

Ok

Page 14: Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB IV.pdfBab IV. HASIL DAN ANALISIS . ... daftar order dan bantuan.

58

5 Form edit

user

(halaman

admin)

Mengedit data

user

Menampilkan

user yang

telah diedit

Ok

6 Form order

(halaman

admin)

Konfirmasi

order

pelanggan

Menampilkan

data order

pelanggan

Ok

7 Form balas

pertanyaan

(halaman

admin)

Membalas

semua

pertanyaan

user

Menampilkan

pertanyaan

antara admin

dan user

8 Form input

tips

Input tips Menampilkan

tips yang

telah diinput

Ok

Tabel 4.1 Hasil Pengujian

4.3 Analisis

Berdasarkan hasil pengujian yang dilakukan, website ini

dapat bermanfaat sebagai media promosi serta untuk

membantu dalam proses pemesanan produk yaitu pintu dan

jendela rumah tanpa harus datang ke tempat perusahaan.