Institutional Repository | Satya Wacana Christian University: Perancangan Sistem Informasi Promosi Condotel Berbasis Web pada PT.Anugerah Tri Artha T0 562011012 BAB IV
BAB IV. HASIL DAN ANALISIS
4.1
Hasil Karya/Implementasi
4.1.1 Tampilan Website
Dari
tahap-tahap
yang
telah
dilaksanakan
menghasilkan tampilan website seperti berikut:
1.
Halaman Utama
Tampilan awal website apabila website diakses
melalui web browser.
Gambar 4.1 Halaman Awal
2.
Halaman About Us
Halaman yang menampilkan sejarah perusahaan dan
visi, misi perusahaan.
33
Gambar 4.2 Halaman About US
1. Halaman Atria Condotel & Conference
Halaman yang menampilkan seputar hotel yang akan
dibangun oleh perusahaan.
Gambar 4.3 halaman Atria Condotel & Conference
2. Halaman Contact Us
Halaman yang menampilkan alamat perusahaan dan form
kontak.
34
Gambar 4.4 Halaman Contact Us
3. Halaman Progress
Halaman yang menampilkan perkembangan condotel dari
perusahaan.
Gambar 4.5 Halaman Progress
4. Halaman Galery
Halaman yang menampilkan foto-foto seputar condotel.
35
Gambar 4.6 Halaman Gallery
5. Halaman News Update
Halaman
yang
menampilkan
berita-berita
seputar
perusahaan atau condotel.
Gambar 4.7 Halaman News Update
6. Halaman Our Partner
Halaman yang menampilkan kerjasama-kerjasama yang
dijalin oleh perusahaan.
36
Gambar 4.8 Halaman Our Partner
7. Halaman Job Oppurtunities
Halaman yang menampilkan lowongan kerja yang sedang
dicari oleh perusahaan.
Gambar 4.9 Halaman Job Oppurtunities
8. Halaman Special Promo
Halaman
yang
menampilkan
promo-promo
yang
diberikan oleh perusahaan untuk calon pembeli.
37
Gambar 4.10 Halaman Special Pro mo
9. Halaman Event
Halaman yang menampilkan acara-acara yang akan
diselenggarakan maupun yang sudah terselenggara oleh
perusahaan.
Gambar 4.11 Halaman Event
38
10. Halaman Atria Condotel & Conference – Overview
Halaman yang menampilkan desain condotel yang akan
dibangun oleh perusahaan.
Gambar 4.12 Atria Condotel & Conference – Overv iew
11. Halaman Atria Condotel & Conference – Facilities
Halaman yang akan
menampilkan
fasilitas- fasilitas
condotel.
Gambar 4.13 Atria Condotel & Conference – Facilities
39
12. Halaman Atria Condotel & Conference – Unit type
Halaman yang menampilkan tipe-tipe condotel yang akan
dibangun.
Gambar 4.14 Atria Condotel & Conference – Un it Type
13. Halaman Atria Condotel & Conference – Floor Plan
Halaman yang menampilkan desain lantai condotel yang
akan dibangun.
Gambar 4.15 Atria Condotel & Conference – Floor Plan
40
14. Halaman Atria Condotel & Conference – Location Map
Halaman yang menampilkan lokasi dimana condotel akan
dibangun.
Gambar 4.16 Atria Condotel & Conference – Location Map
15. Halaman Atria Condotel & Conference – Price List
Halaman yang akan menampilkan harga-harga condotel.
Gambar 4.17 Atria Condotel & Conference – Price List
41
16. Halaman Atria Condotel & Conference – Concept
Halaman yang menampilkan konsep condotel ketika
dibangun.
Gambar 4.18 Atria Condotel & Conference – Concept
17. Halaman Atria Condotel & Conference – Information
Halaman yang menampilkan informasi- informasi tentang
condotel.
Gambar 4.19 Atria Condotel & Conference – Information
42
18. Halaman Atria Condotel & Conference – Gallery
Halaman yang menampilkan slide foto tentang condotel.
Gambar 4.20 Atria Condotel & Conference – Gallery
4.1.2 Tampilan Halaman Administrator
1. Halaman login administrator
Halaman yang menampilkan form login yang berupa
username dan password.
Gambar 4.21 Halaman Login Ad min istrator
43
2. Halaman Utama Administrator
Halaman yang menampilkan tampilan setelah login.
Gambar 4.22 Halaman Utama Administrator
3. Halaman Edit Home
Halaman yang digunakan untuk mengubah, menambah
dan menghapus konten halaman home atau awal.
Gambar 4.23 Halaman Edit Ho me
4. Halaman edit About Us
Halaman yang digunakan untuk mengubah, menambah
dan menghapus konten about us.
44
Gambar 4.24 Halaman Edit About Us
5. Halaman Edit Contact Us
Halaman yang digunakan untuk mengubah, menambah
dan menghapus isi dari halaman contact us.
Gambar 4.25 Halaman Edit Contact Us
6. Halaman edit Progress
Halaman yang digunakan untuk mengubah, menambah
dan menghapus isi dari halaman edit Progress.
45
Gambar 4.26 Halaman Edit Progress
Gambar 4.27 Halaman tambah progress
Gambar 4.28 Halaman edit progress
7. Halaman Edit News Update
Halaman yang digunakan untuk mengubah, menambah
dan menghapus data News Update.
46
Gambar 4.29 Halaman awal News Update
Gambar 4.30 Halaman Tambah News Update
Gambar 4.31 Halaman Edit News Update
8. Halaman Job Oppurtunities
Halaman yang digunakan untuk mengubah,menambah
dan menghapus data Job Oppurtunities.
47
Gambar 4.32 Halaman Edit Job Oppurtunities.
9. Halaman Edit Our Partner
Halaman yang digunakan untuk mengubah,menambah
dan menghapus data Our Partner
Gambar 4.33 Halaman edit Our Partner
10. Customer Service
Berfungsi untuk mengubah,menambah dan menghapus
data Customer Service
48
Gambar 4.34 Halaman edit Customer Service
11. Halaman Special Promo
Halaman yang digunakan untuk mengubah,menambah
dan menghapus data Special Promo
Gambar 4.35 Halaman edit progress
12. Halaman Event
Halaman yang digunakan untuk mengubah,menambah
dan menghapus data Event
Gambar 4.36 Halaman Awal Event
49
Gambar 4.37 Halaman Tambah Event
Gambar 4.38 Halaman Edit Event
13. Halaman SlideShow Awal
Berfungsi untuk mengubah,menambah dan menghapus
gambar pada halaman utama.
50
Gambar 4.39 Halaman Awal Slideshow Awal
Gambar 4.40 Halaman Tambah Slideshow
Gambar 4.41 Halaman Edit Slideshow
14. Halaman Album
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus album yang berkaitan dengan halaman
Gallery.
Gambar 4.42 Halaman Awal Albu m
Gambar 4.43 Halaman Tambah Albu m
51
Gambar 4.44 Halaman Edit A lbum
15. Halaman Gallery
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus gambar yang akan ditampilkan sesuai dengan
album.
Gambar 4.45 Halaman Awal Gallery
52
Gambar 4.46 Halaman Tambah gallery
Gambar 4.47 Halaman Edit Gallery
16. Halaman Slideshow
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus
gambar
yang
akan
ditampilkan
pada
slideshow.
53
Gambar 4.48 Halaman awal Slideshow
Gambar 4.49 Halaman Tambah Foto Slideshow
Gambar 4.50 Halaman Edit Foto Slideshow
17. Halaman Overview
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data overview.
54
Gambar 4.51 Halaman edit Overview
Gambar 4.52 HalamanTambah Foto Overview
Gambar 4.53 Halaman edit Foto Overview
18. Halaman Facilities
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data facilities.
55
Gambar 4.54 Halaman edit Facilities
Gambar 4.55 Halaman Tambah Foto Facilities
Gambar 4.56 Halaman edit Foto Facilities
19. Halaman Unit Type
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data unit type.
56
Gambar 4.57 Halaman edit Unit Type
Gambar 4.58 Halaman Tambah foto Unit Type
Gambar 4.59 Halaman edit Foto Unit Type
20. Halaman Floor Plan
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data Floor Plan.
57
Gambar 4.60 Halaman edit Floor Plan
Gambar 4.61 Halaman Tambah Foto Floor Plan
Gambar 4.62 Halaman edit Foto Floor Plan
21. Halaman Location Map
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data Location Map.
58
Gambar 4.63 Halaman edit Location Map
Gambar 4.64 Halaman Tambah Foto Location Map
Gambar 4.65 Halaman edit Foto Location Map
22. Halaman Price List
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data Price List.
59
Gambar 4.66 Halaman edit Pricelist
Gambar 4.67 Halaman Tambah Foto Pricelist
Gambar 4.68 Halaman edit Foto Pricelist
23. Halaman Concept
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data Concept.
60
Gambar 4.69 Halaman edit Concept
Gambar 4.70 Halaman Tambah Foto Concept
Gambar 4.71 Halaman edit Foto Concept
24. Halaman information
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus
data
yang
ditampilkan
dihalaman
Information.
61
Gambar 4.72 Halaman edit In formation
Gambar 4.73 Halaman Tambah Foto Information
Gambar 4.74 Halaman edit Foto In formation
25. Favicon
Berfungsi untuk mengubah icon atau shortcut yang
ditampilkan di tab web browser.
62
Gambar 4.75 Halaman edit Fav icon
26. Web Title
Berfungsi untuk mengubah judul website.
Gambar 4.76 Halaman edit Web Tit le
27. Web Diskripsi
Berfungsi untuk mengubah Deskripsi website yang
digunakan untuk Search Engine Optimization (SEO).
Gambar 4.77 Halaman edit Web Diskripsi
63
28. Web Keyword
Berfungsi untuk mengubah Keyword website atau kata
kunci untuk pencarian website ini yang digunakan untuk
Search Engine Optimization(SEO).
Gambar 4.78 Halaman edit Web Keyword
29. Komentar
Berfungsi untuk mengubah,menambah dan menghapus
dan menampilkan komentar yang masuk ke website.
Gambar 4.79 Halaman Ko mentar
Gambar 4.80 Halaman Detail Ko mentar
64
30. Banner Link Partner
Berfungsi untuk mengubah,menambah dan menghapus
foto Iklan yang berkaitan dengan website.
Gambar 4.81 Halaman Banner Lin k
Gambar 4.82 Halaman Tambah Banner Lin k
Gambar 4.83 Halaman edit Banner Link
31. Link Media Sosial
Berfungsi untuk mengubah alamat media social yang
dimiliki oleh website.
65
Gambar 4.84 Halaman Edit Link Media Sosial
32. Yahoo Messagger(YM)
Berfungsi untuk mengubah akun atau username Yahoo
Messagger yang dimiliki perusahaan atau condotel.
Gambar 4.85 Halaman Yahoo Messagger
Gambar 4.86 Halaman Tambah Yahoo Messagger
Gambar 4.87 Halaman Edit Yahoo Messagger
33. User
Berfungsi untuk mengubah data user yang berupa
username dan password.
Gambar 4.88 Halaman User
66
Gambar 4.89 Halaman Edit User
4.2
Hasil Pengujian
Pengujian dilakukan dengan mengupload kedalam
bentuk website yang sebenarnya.
Hasil pengujian yang dilakukan langsung oleh pihak
perusahaan adalah sebagai berikut:
Mempercepat
akses
informasi
tentang
condotel yang akan dibangun.
Mempermudah
dalam
penambahan
dan
pengeditan data.
Memberikan kesan menarik bagi calon
pembeli.
4.3
Analisis
Berdasarkan hasil pengujian website ini mampu
meningkatkan penjualan condotel, dengan kemasan yang
menarik yang membuat calon pembeli condotel tidak
bosan berlama- lama untuk menjelajahi website ini.
67
4.1
Hasil Karya/Implementasi
4.1.1 Tampilan Website
Dari
tahap-tahap
yang
telah
dilaksanakan
menghasilkan tampilan website seperti berikut:
1.
Halaman Utama
Tampilan awal website apabila website diakses
melalui web browser.
Gambar 4.1 Halaman Awal
2.
Halaman About Us
Halaman yang menampilkan sejarah perusahaan dan
visi, misi perusahaan.
33
Gambar 4.2 Halaman About US
1. Halaman Atria Condotel & Conference
Halaman yang menampilkan seputar hotel yang akan
dibangun oleh perusahaan.
Gambar 4.3 halaman Atria Condotel & Conference
2. Halaman Contact Us
Halaman yang menampilkan alamat perusahaan dan form
kontak.
34
Gambar 4.4 Halaman Contact Us
3. Halaman Progress
Halaman yang menampilkan perkembangan condotel dari
perusahaan.
Gambar 4.5 Halaman Progress
4. Halaman Galery
Halaman yang menampilkan foto-foto seputar condotel.
35
Gambar 4.6 Halaman Gallery
5. Halaman News Update
Halaman
yang
menampilkan
berita-berita
seputar
perusahaan atau condotel.
Gambar 4.7 Halaman News Update
6. Halaman Our Partner
Halaman yang menampilkan kerjasama-kerjasama yang
dijalin oleh perusahaan.
36
Gambar 4.8 Halaman Our Partner
7. Halaman Job Oppurtunities
Halaman yang menampilkan lowongan kerja yang sedang
dicari oleh perusahaan.
Gambar 4.9 Halaman Job Oppurtunities
8. Halaman Special Promo
Halaman
yang
menampilkan
promo-promo
yang
diberikan oleh perusahaan untuk calon pembeli.
37
Gambar 4.10 Halaman Special Pro mo
9. Halaman Event
Halaman yang menampilkan acara-acara yang akan
diselenggarakan maupun yang sudah terselenggara oleh
perusahaan.
Gambar 4.11 Halaman Event
38
10. Halaman Atria Condotel & Conference – Overview
Halaman yang menampilkan desain condotel yang akan
dibangun oleh perusahaan.
Gambar 4.12 Atria Condotel & Conference – Overv iew
11. Halaman Atria Condotel & Conference – Facilities
Halaman yang akan
menampilkan
fasilitas- fasilitas
condotel.
Gambar 4.13 Atria Condotel & Conference – Facilities
39
12. Halaman Atria Condotel & Conference – Unit type
Halaman yang menampilkan tipe-tipe condotel yang akan
dibangun.
Gambar 4.14 Atria Condotel & Conference – Un it Type
13. Halaman Atria Condotel & Conference – Floor Plan
Halaman yang menampilkan desain lantai condotel yang
akan dibangun.
Gambar 4.15 Atria Condotel & Conference – Floor Plan
40
14. Halaman Atria Condotel & Conference – Location Map
Halaman yang menampilkan lokasi dimana condotel akan
dibangun.
Gambar 4.16 Atria Condotel & Conference – Location Map
15. Halaman Atria Condotel & Conference – Price List
Halaman yang akan menampilkan harga-harga condotel.
Gambar 4.17 Atria Condotel & Conference – Price List
41
16. Halaman Atria Condotel & Conference – Concept
Halaman yang menampilkan konsep condotel ketika
dibangun.
Gambar 4.18 Atria Condotel & Conference – Concept
17. Halaman Atria Condotel & Conference – Information
Halaman yang menampilkan informasi- informasi tentang
condotel.
Gambar 4.19 Atria Condotel & Conference – Information
42
18. Halaman Atria Condotel & Conference – Gallery
Halaman yang menampilkan slide foto tentang condotel.
Gambar 4.20 Atria Condotel & Conference – Gallery
4.1.2 Tampilan Halaman Administrator
1. Halaman login administrator
Halaman yang menampilkan form login yang berupa
username dan password.
Gambar 4.21 Halaman Login Ad min istrator
43
2. Halaman Utama Administrator
Halaman yang menampilkan tampilan setelah login.
Gambar 4.22 Halaman Utama Administrator
3. Halaman Edit Home
Halaman yang digunakan untuk mengubah, menambah
dan menghapus konten halaman home atau awal.
Gambar 4.23 Halaman Edit Ho me
4. Halaman edit About Us
Halaman yang digunakan untuk mengubah, menambah
dan menghapus konten about us.
44
Gambar 4.24 Halaman Edit About Us
5. Halaman Edit Contact Us
Halaman yang digunakan untuk mengubah, menambah
dan menghapus isi dari halaman contact us.
Gambar 4.25 Halaman Edit Contact Us
6. Halaman edit Progress
Halaman yang digunakan untuk mengubah, menambah
dan menghapus isi dari halaman edit Progress.
45
Gambar 4.26 Halaman Edit Progress
Gambar 4.27 Halaman tambah progress
Gambar 4.28 Halaman edit progress
7. Halaman Edit News Update
Halaman yang digunakan untuk mengubah, menambah
dan menghapus data News Update.
46
Gambar 4.29 Halaman awal News Update
Gambar 4.30 Halaman Tambah News Update
Gambar 4.31 Halaman Edit News Update
8. Halaman Job Oppurtunities
Halaman yang digunakan untuk mengubah,menambah
dan menghapus data Job Oppurtunities.
47
Gambar 4.32 Halaman Edit Job Oppurtunities.
9. Halaman Edit Our Partner
Halaman yang digunakan untuk mengubah,menambah
dan menghapus data Our Partner
Gambar 4.33 Halaman edit Our Partner
10. Customer Service
Berfungsi untuk mengubah,menambah dan menghapus
data Customer Service
48
Gambar 4.34 Halaman edit Customer Service
11. Halaman Special Promo
Halaman yang digunakan untuk mengubah,menambah
dan menghapus data Special Promo
Gambar 4.35 Halaman edit progress
12. Halaman Event
Halaman yang digunakan untuk mengubah,menambah
dan menghapus data Event
Gambar 4.36 Halaman Awal Event
49
Gambar 4.37 Halaman Tambah Event
Gambar 4.38 Halaman Edit Event
13. Halaman SlideShow Awal
Berfungsi untuk mengubah,menambah dan menghapus
gambar pada halaman utama.
50
Gambar 4.39 Halaman Awal Slideshow Awal
Gambar 4.40 Halaman Tambah Slideshow
Gambar 4.41 Halaman Edit Slideshow
14. Halaman Album
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus album yang berkaitan dengan halaman
Gallery.
Gambar 4.42 Halaman Awal Albu m
Gambar 4.43 Halaman Tambah Albu m
51
Gambar 4.44 Halaman Edit A lbum
15. Halaman Gallery
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus gambar yang akan ditampilkan sesuai dengan
album.
Gambar 4.45 Halaman Awal Gallery
52
Gambar 4.46 Halaman Tambah gallery
Gambar 4.47 Halaman Edit Gallery
16. Halaman Slideshow
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus
gambar
yang
akan
ditampilkan
pada
slideshow.
53
Gambar 4.48 Halaman awal Slideshow
Gambar 4.49 Halaman Tambah Foto Slideshow
Gambar 4.50 Halaman Edit Foto Slideshow
17. Halaman Overview
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data overview.
54
Gambar 4.51 Halaman edit Overview
Gambar 4.52 HalamanTambah Foto Overview
Gambar 4.53 Halaman edit Foto Overview
18. Halaman Facilities
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data facilities.
55
Gambar 4.54 Halaman edit Facilities
Gambar 4.55 Halaman Tambah Foto Facilities
Gambar 4.56 Halaman edit Foto Facilities
19. Halaman Unit Type
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data unit type.
56
Gambar 4.57 Halaman edit Unit Type
Gambar 4.58 Halaman Tambah foto Unit Type
Gambar 4.59 Halaman edit Foto Unit Type
20. Halaman Floor Plan
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data Floor Plan.
57
Gambar 4.60 Halaman edit Floor Plan
Gambar 4.61 Halaman Tambah Foto Floor Plan
Gambar 4.62 Halaman edit Foto Floor Plan
21. Halaman Location Map
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data Location Map.
58
Gambar 4.63 Halaman edit Location Map
Gambar 4.64 Halaman Tambah Foto Location Map
Gambar 4.65 Halaman edit Foto Location Map
22. Halaman Price List
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data Price List.
59
Gambar 4.66 Halaman edit Pricelist
Gambar 4.67 Halaman Tambah Foto Pricelist
Gambar 4.68 Halaman edit Foto Pricelist
23. Halaman Concept
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus data Concept.
60
Gambar 4.69 Halaman edit Concept
Gambar 4.70 Halaman Tambah Foto Concept
Gambar 4.71 Halaman edit Foto Concept
24. Halaman information
Halaman yang berfungsi untuk mengubah,menambah dan
menghapus
data
yang
ditampilkan
dihalaman
Information.
61
Gambar 4.72 Halaman edit In formation
Gambar 4.73 Halaman Tambah Foto Information
Gambar 4.74 Halaman edit Foto In formation
25. Favicon
Berfungsi untuk mengubah icon atau shortcut yang
ditampilkan di tab web browser.
62
Gambar 4.75 Halaman edit Fav icon
26. Web Title
Berfungsi untuk mengubah judul website.
Gambar 4.76 Halaman edit Web Tit le
27. Web Diskripsi
Berfungsi untuk mengubah Deskripsi website yang
digunakan untuk Search Engine Optimization (SEO).
Gambar 4.77 Halaman edit Web Diskripsi
63
28. Web Keyword
Berfungsi untuk mengubah Keyword website atau kata
kunci untuk pencarian website ini yang digunakan untuk
Search Engine Optimization(SEO).
Gambar 4.78 Halaman edit Web Keyword
29. Komentar
Berfungsi untuk mengubah,menambah dan menghapus
dan menampilkan komentar yang masuk ke website.
Gambar 4.79 Halaman Ko mentar
Gambar 4.80 Halaman Detail Ko mentar
64
30. Banner Link Partner
Berfungsi untuk mengubah,menambah dan menghapus
foto Iklan yang berkaitan dengan website.
Gambar 4.81 Halaman Banner Lin k
Gambar 4.82 Halaman Tambah Banner Lin k
Gambar 4.83 Halaman edit Banner Link
31. Link Media Sosial
Berfungsi untuk mengubah alamat media social yang
dimiliki oleh website.
65
Gambar 4.84 Halaman Edit Link Media Sosial
32. Yahoo Messagger(YM)
Berfungsi untuk mengubah akun atau username Yahoo
Messagger yang dimiliki perusahaan atau condotel.
Gambar 4.85 Halaman Yahoo Messagger
Gambar 4.86 Halaman Tambah Yahoo Messagger
Gambar 4.87 Halaman Edit Yahoo Messagger
33. User
Berfungsi untuk mengubah data user yang berupa
username dan password.
Gambar 4.88 Halaman User
66
Gambar 4.89 Halaman Edit User
4.2
Hasil Pengujian
Pengujian dilakukan dengan mengupload kedalam
bentuk website yang sebenarnya.
Hasil pengujian yang dilakukan langsung oleh pihak
perusahaan adalah sebagai berikut:
Mempercepat
akses
informasi
tentang
condotel yang akan dibangun.
Mempermudah
dalam
penambahan
dan
pengeditan data.
Memberikan kesan menarik bagi calon
pembeli.
4.3
Analisis
Berdasarkan hasil pengujian website ini mampu
meningkatkan penjualan condotel, dengan kemasan yang
menarik yang membuat calon pembeli condotel tidak
bosan berlama- lama untuk menjelajahi website ini.
67