BAB 4 HASIL DAN PEMBAHASAN 4.1 Spesifikasi sistem Untuk

BAB 4
HASIL DAN PEMBAHASAN
4.1 Spesifikasi sistem
Untuk menggunakan aplikasi web ini, diperlukan perangkat keras yang memiliki
spesifikasi minimum sebagai berikut:
-
Processor Pentium IV 2 Ghz
-
Memori RAM 512 MB
-
Hardisk Drive berkapasitas minimal 50 Mb
-
Keyboard dan Mouse
-
LAN Card dan modem internet
-
Monitor
Sedangkan spesifikasi minimum perangkat lunak yang dibutuhkan untuk
menjalankan aplikasi web ini adalah sebagai berikut:
-
Sistem Operasi Windows atau Linux atau Apple
-
Web Browser (Safari atau Opera atau Mozilla Firefox)
-
Jaringan Internet
4.2 Prosedur Penggunaan Aplikasi
Berikut ini adalah printscreen untuk penggunaan aplikasi beserta keterangannya
dengan aktor guest:
1. Buka Web Browser
Pilih web browser(Safari atau Opera atau Mozilla Firefox) yang terdapat pada
laptop atau komputer anda (gambar 4.1)
113
114
Gambar 4. 1 Buka Browser
2. Halaman Home Guest
Setelah web browser terbuka, masukkan URL halaman home guest dan user
yaitu existproperty.com/skripsi. Kemudian akan tampil halaman seperti pada
gambar 4.x. Pada halaman ini terdapat menu properties, tentang kami, kontak,
dan login.
115
Gambar 4. 2 Halaman Home Guest
116
3. Menu Properties
Pada menu properties guest diharuskan memilih antara dua buah pilihan yaitu
sewa dan jual. Sewa untuk menampilkan daftar properti yang disewakan, sedangkan
jual untuk menampilkan daftar properti yang dijual.
Gambar 4. 3 Halaman Menu Properties
117
4. Menu Tentang kami
Halaman ini berisi penjelasan tentang informasi tentang perusahaan.
Gambar 4. 4 Halaman Menu Tentang Kami
5. Menu Kontak
Halaman ini berisi tentang alamat perusahaan dan guest dapat menghubungi
perusahaan yang selanjutnya akan dibalas melalui email.
118
Gambar 4. 5Halaman Menu Kontak
Gambar 4. 6Halaman Login
119
6. Menu Login
Halaman ini berisikan text box untuk mengisi username dan password.Halaman
ini juga terdapat pilihan untuk mendaftar sebagai user baru.
7. Menu Registrasi
Halaman ini digunakan guest untuk mendaftar sebagai user. Guest harus
mendaftarkan username, email, nama, phone, dan password.
Gambar 4. 7Halaman Registrasi
Gambar 4. 8Menu Bookmark
120
Untuk halaman user terdapat beberapa menu tambahan yaitu:
1. Menu bookmark
Halaman agar user dapat menandai properti yang diinginkan.
2. Menu titip listing
Halaman untuk user agar dapat menitipkan properti yang ingin dijualnya.
Gambar 4. 9Halaman Titip Listing
121
3. Menu logout, yaitu jika user sudah selesai dengan aktifitas nya dan ingin
keluar.
Berikut ini adalah printscreen untuk penggunaan aplikasi beserta keterangannya
untuk halaman admin:
1. Buka Web Browser
Pilih web browser(Safari atau Opera atau Mozilla Firefox) yang terdapat pada laptop
atau komputer anda (gambar 4.1)
Gambar 4. 10Buka Browser
2. Halaman Login Admin
Setelah web browser terbuka, masukkan URL halaman admin yaitu
existproperty.com/skripsi/admin. Kemudian akan tampil halaman seperti pada
gambar 4.x. Pada halaman ini terdapat text box untuk mengisi username dan
password.
122
Gambar 4. 11Halaman Login Admin
Pada halaman admin terdapat dua aktor yaitu owner dan marketing. Berikut
ini adalah penjelasan menu untuk halaman marketing:
Gambar 4. 12HalamanDaftar Properti yang sedang dijual
1. Menu Properti Jual
123
Pada halaman ini berisi daftar-daftar properti yang sedang dijual oleh marketing
tersebut. Terdapat beberapa tombol, yaitu sell this, edit, delete, dan insert. Tombol
sell this untuk memindahkan properti dari halaman properti jual ke halaman properti
terjual. Tombol edit untuk mengubah informasi properti yang sedang dijual. Tombol
delete untuk menghapus data properti yang sudah dijual. Dan tombol insert untuk
menambahkan properti yang akan dijual.
2. Menu Properti Terjual
Pada halaman ini berisikan daftar properti yang sudah terjual oleh marketing
tersebut.
Gambar 4. 13 Halaman Daftar Properti Terjual
3. Menu Properti Titip
Pada halaman ini berisikan daftar properti yang dititipkan oleh user dan sedang
menunggu approval dari owner atau marketing. Terdapat tombol “take” yang berarti
owner sudah menyetujui properti tersebut untuk dijual melalui web perusahaan ini.
124
Gambar 4. 14Halaman Properti yang dititipkan
Untuk halaman owner terdapat beberapa menu yaitu:
Gambar 4. 15 Halaman Properti yang sedang dijual
1.
Menu Properti Jual
125
Pada halaman ini berisi daftar-daftar properti yang sedang dijual oleh seluruh
marketing. Halaman ini terdapat beberapa tombol, yaitu sell this, edit, delete, dan
insert. Tombol sell this untuk memindahkan properti dari halaman properti jual ke
halaman properti terjual. Tombol edit untuk mengubah informasi properti yang
sedang dijual. Tombol delete untuk menghapus data properti yang sudah dijual. Dan
tombol insert untuk menambahkan properti yang akan dijual.
2.
Menu Properti Terjual
Pada halaman ini berisikan daftar properti yang sudah terjual oleh seluruh marketing.
Gambar 4. 16Halaman Properti Terjual
3.
Menu Properti Titip
Pada halaman ini berisikan daftar properti yang dititipkan oleh user dan sedang
menunggu approval dari owner atau marketing. Terdapat tombol “take” yang berarti
owner sudah menyetujui properti tersebut untuk dijual melalui web perusahaan ini.
126
Gambar 4. 17Halaman Properti yang dititipkan
Gambar 4. 18Halaman Daftar Menu Member
4.
Menu Member
Pada halaman ini berisi daftar-daftar account user, marketing, dan owner. Terdapat
hak akses berupa angka untuk mewakili setiap aktor, yaitu 0 untuk user, 1 untuk
owner dan 2 untuk marketing.
127
4.3 Software Testing
•
Performance Testing
Perfomance Testing dilakukan menggunakan add-ons Yslow yang
merupakan rancangan tim Yahoo!. Add-ons ini terdapat pada browser
tertentu (Mozilla, Safari, dan lain-lain)
Hasil penilaian yang diberikan Yslow berupa huruf yaitu A, B, C, D,
E dan F serta penilaian berupa skor. Yslow akan menilai komponen dalam
web tersebut yang memiliki kekurangan dan sekaligus memberikan solusi
dari kekurangan atau masalah yang ada.
Beberapa hasil pengujian performa menurut YSlow untuk aplikasi
yang telah dibuat sebagai berikut:
1. Halaman Guest dan User
Gambar 4. 19Hasil Yslow Statistics Halaman Guest dan User
128
Gambar 4. 20Hasil Yslow Overall Halaman Guest dan User
Untuk penilaian halaman guest dan user,overall mendapatkan nilai
81 dan grade B. Dari nilai yang dihasilkan, disimpulkan bahwa website ini
membutuhkan beberapa peningkatan terutama dalam hal kecepatan load
page.
Hasil pengujian halaman guest dan user kategoriContent:
Gambar 4. 21Hasil Kategori Content
129
•
Nilai F untuk Make Fewer HTTP requests
•
Nilai A untuk Reduce DNS lookups
•
Nilai A untuk Avoid URL redirects
•
Nilai A untuk Make AJAX cacheable
•
Nilai A untuk Reduce the number of DOM elements
•
Nilai A untuk Avoid HTTP 404 (Not Found) error
Dari hasil pengujian kategori content website ini mendapat nilai F
untuk Make Fewer HTTP requests yang berarti proses load page sedikit
lambat dikarenakan terlalu banyak HTTP request yang terjadi.
Hasil pengujian halaman guest dan user kategori Cookie:
Gambar 4. 22Hasil Kategori Cookie
•
Nilai A untuk Reduce cookie size
•
Nilai A untuk Use cookie-free domains
Berdasarkan hasil pengujian pada kategori cookie, website ini
mendapatkan hasil yang baik karena pada dua penilaian mendapatkan nilai A.
Hasil pengujian halaman guest dan user kategori CSS:
130
Gambar 4. 23Hasil Kategori CSS 1
Gambar 4. 24Hasil Kategori CSS 2
•
Nilai A untuk Put CSS at top
•
Nilai A untuk Avoid CSS expressions
•
n/a untuk Make JavaScript and CSS external
•
Nilai B untuk Minify JavaScript and CSS
•
Nilai A untuk Remove duplicate JavaScript and CSS
•
Nilai A untuk Avoid AlphaImageLoader filter
Berdasarkan hasil pengujian CSS, tidak ditemukan masalah yang bisa
menurunkan performa web.Tetapi terdapat 2 komponen yang dapat
disatukan untuk mengurangi ukuran file web tersebut.
131
Hasil pengujian halaman guest dan user kategoriImages:
Gambar 4. 25Hasil Kategori Images
•
Nilai A untuk Do not scale images in HTML
•
Nilai A untuk Make favicon small and cacheable
Berdasarkan hasil pengujian images pada halaman guest dan user , tidak
ditemukan masalah yang dapat menurunkan performa web.
Hasil pengujian halaman guest dan user kategoriJavascript:
Gambar 4. 26Hasil Kategori Javascript
•
Nilai C untuk Put JavaScript at bottom
•
n/a untuk Make JavaScript and CSS external
•
Nilai B untuk Minify JavaScript and CSS
•
Nilai A untuk Remove duplicate Javascript and CSS
132
Berdasarkan hasil pengujian halaman owner dan marketing kategori
JavaScript, masih ditemukan 5 javascript yang diletakkan di bagian header
file.
Gambar 4. 27Hasil Kategori Server 1
Gambar 4. 28Hasil Kategori Server 2
Hasil pengujian halaman guest dan user berdasarkan kategori Server:
•
Nilai A untuk Use a Content Delivery Network (CDN)
•
Nilai A untuk Avoid empty src or href
•
Nilai F untuk Add Expires headers
•
Nilai F untuk Compress components with gzip
133
•
Nilai A untuk Configure entity tags (ETags)
•
Nilai A untuk Use GET for AJAX requests
Berdasarkan hasil pengujian halaman guest dan user kategori server, masih
ditemukan beberapa masalah seperti 32 komponen yang memiliki expiration date
terlalu cepat dan terdapat 6 komponen yang dapat di compress menggunakan gzip
ketika dikirimkan.
Gambar 4. 29Hasil Kategori Server 3
2. Halaman owner dan marketing
Hasil pengujian secara overall untuk halaman owner dan marketing:
Gambar 4. 30Hasil Yslow Statistics Halaman owner dan marketing
134
Gambar 4. 31Hasil Yslow Overall Halaman owner dan marketing
Untuk
user
interface
halaman
owner dan
marketing,overall
mendapatkan nilai 90 dan grade B. Dari nilai yang dihasilkan, disimpulkan
bahwa halaman owner dan marketing sudah memiliki performa yang baik,
tetapi tetap membutuhkan peningkatan di beberapa komponen.
Hasil pengujian halaman owner dan marketing berdasarkan kategori Content:
Gambar 4. 32Hasil Kategori Content
135
•
Nilai A untuk Make Fewer HTTP requests
•
Nilai A untuk Reduce DNS lookups
•
Nilai A untuk Avoid URL redirects
•
Nilai A untuk Make AJAX cacheable
•
Nilai A untuk Reduce the number of DOM elements
•
Nilai A untuk Avoid HTTP 404 (Not Found) error
Dari hasil pengujian halaman owner/marketing kategori content,
website ini mendapat nilai yang baik. Tetapi Yslow menyarankan agar 3
stylesheets digabung menjadi satu agar lebih cepat dalam melakukan load
page.
Gambar 4. 33Hasil Kategori Cookie
Hasil pengujian halaman owner dan marketing berdasarkan kategori Cookie:
•
Nilai A untuk Reduce cookie size
•
Nilai A untuk Use cookie-free domains
Berdasarkan hasil pengujian kategori cookie, website ini mendapatkan hasil
yang baik karena pada dua penilaian tersebut mendapatkan nilai A.
Hasil pengujian halaman owner dan marketing berdasarkan kategori CSS:
•
Nilai A untuk Put CSS at top
136
•
Nilai A untuk Avoid CSS expressions
•
n/a untuk Make JavaScript and CSS external
•
Nilai A untuk Minify JavaScript and CSS
•
Nilai A untuk Remove duplicate JavaScript and CSS
•
Nilai A untuk Avoid AlphaImageLoader filter
Berdasarkan hasil pengujian CSS, tidak ditemukan masalah yang bisa
menurunkan performa web.
Gambar 4. 34Hasil Kategori CSS
Hasil pengujian halaman owner/marketing berdasarkan kategori Images:
•
Nilai A untuk Do not scale images in HTML
•
Nilai A untuk Make favicon small and cacheable
Berdasarkan hasil pengujian images pada halaman owner/marketing,
tidak ditemukan masalah yang dapat menurunkan performa web.
Gambar 4. 35 Hasil Kategori Images
137
Gambar 4. 36 Hasil Kategori Javascript
•
Nilai A untuk Put JavaScript at bottom
•
n/a untuk Make JavaScript and CSS external
•
Nilai A untuk Minify JavaScript and CSS
•
Nilai A untuk Remove duplicate Javascript and CSS
Berdasarkan hasil pengujian halaman owner/marketing kategori
JavaScript, tidak ditemukan masalah yang dapat menurunkan performa web.
Hasil pengujian halaman owner/marketing berdasarkan kategori Server:
Gambar 4. 37 Hasil Kategori Server 2
138
•
Nilai A untuk Use a Content Delivery Network (CDN)
•
Nilai A untuk Avoid empty src or href
•
Nilai F untuk Add Expires headers
•
Nilai F untuk Compress components with gzip
•
Nilai A untuk Configure entity tags (ETags)
•
Nilai A untuk Use GET for AJAX requests
Berdasarkan hasil pengujian halaman owner/marketing kategori
server, masih ditemukan beberapa masalah seperti misalnya terdapat 7
komponen membutuhkan expiration date lebih lama dan 6 komponen
seharusnya di compress menggunakan gzip ketika dikirimkan.
Gambar 4. 38Hasil Kategori Server2
Berikut adalah tabel penilaian Yslow untuk halaman User/guest dan
owner/marketing:
Components
Make Fewer HTTP requests
Grade
User/Guest
owner/marketing
F
A
139
Use a Content Delivery Network
A
A
Avoid empty src or href
A
A
Add Expires headers
F
F
Compress components with gzip
F
F
Put CSS at top
A
A
Put JavaScript at bottom
C
B
Avoid CSS expressions
A
A
Make JavaScript and CSS external
n/a
n/a
Reduce DNS lookups
A
A
Minify JavaScript and CSS
B
A
Avoid URL redirects
A
A
A
A
Configure entity tags (ETags)
A
A
Make AJAX requests
A
A
Use GET for AJAX requests
A
A
A
A
Avoid HTTP 404 (Not Found) error
A
A
Reduce cokie size
A
A
Use cookie-free domains
A
A
Avoid AlphaImageLoader filter
A
A
Do not scale images in HTML
A
A
Make favicon small and cacheable
A
A
Overall performance score
81
88
Overall Grade
B
B
(CDN)
Remove duplicate JavaScript and
CSS
Reduce the number of DOM
elements
Tabel 4.1 Tabel penilaian halaman User/guest dan owner/marketing
140
4.4 Evaluasi
4.4.1
Evaluasi user interface
Untuk mengetahui tingkat kepuasan pengguna dalam penggunaan aplikasi
website ini, maka kami melakukan evaluasi dengan melakukan uji coba aplikasi
menurut Lima Faktor Manusia Terukur (Measurable Human Factors). Berikut
data yang berhasil dikumpulkan dengan 5 pertanyaan berdasarkan Lima Faktor
Manusia Terukur dengan 12 orang responden. Berikut pertanyaannya:
1) Dari skala 1 sampai 5, berapa nilai anda untuk kecepatan dalam
mempelajari aplikasi ini ?
Waktu Belajar
5 = 3 orang
4 = 4 orang
25%
8% 8%
34% 25%
3 = 3 orang
2 = 1 orang
1 = 1 orang
Gambar 4. 39 Hasil Evaluasi 1
Index 1 = Sangat Lama , Index 5 = Sangat Cepat
Dari hasil jawaban responden terlihat bahwa rata-rata responden
membutuhkan waktu yang cukup cepat untuk mempelajari dan
memahami aplikasi ini.
2) Dari skala 1 sampai 5, berapa nilai anda untuk waktu yang dibutuhkan
dalam menyelesaikan suatu tugas melalui aplikasi ini?
Index 1 = Sangat Lama , Index 5 = Sangat Cepat
Dari hasil jawaban responden bahwa dapat disimpulkan bahwa kecepatan
kinerja cukup baik.
141
Kecepatan
Kinerja
5 = 2 orang
4 = 3 orang
3 = 4 orang
8%
2 = 2 orang 17%
17%
33%
1 = 1 orang 25%
Gambar 4. 40Hasil Evaluasi 2
3) Dari skala 1 sampai 5, berapa nilai anda untuk kesalahan yang dibuat
ketika menggunakan aplikasi ini ?
Gambar 4. 41 Hasil Evaluasi 3
Index 1 = Sangat Banyak , Index 5 = Tidak Ada
Dengan hasil jawaban responden didapati bahwa terdapat beberapa
kesalahan yang dibuat oleh user ketika menggunakan aplikasi ini.
4) Dari skala 1 sampai 5, berapa nilai untuk kemampuan mempertahankan
pengetahuan anda setelah pemakaian aplikasi ini untuk jangka waktu
tertentu?
142
Gambar 4. 42Hasil Evaluasi 4
Index 1 = Sangat Buruk , Index 5 = Sangat Baik
Dengan hasil jawaban responden dapat disimpulkan bahwa aplikasi ini
mudah diingat dalam jangka waktu pemakaian tertentu.
5) Dari
skala
1
sampai
5,
berapa
nilai
anda
untuk
mengukur
kepuasanterhadap berbagai aspek dari aplikasi website ini ?
Gambar 4. 43Hasil Evaluasi 5
Index 1 = Tidak Puas , Index 5 = Sangat Puas
Dari hasil jawaban responden dapat disimpulkan bahwa aplikasi ini
mendapatkan tingkat kepuasan subjektif yang baik.
143
4.4.2
Evaluasi 8 Aturan Emas
1. Berusaha untuk konsisten
Gambar 4. 44 Contoh tampilan konsisten (1)
144
Gambar 4. 45 Contoh tampilan konsisten (1)
Tampilan layar aplikasi pemasaran berbasis web dirancang dengan
mempertahankan konsistensi tampilan setiap antarmuka baik dalam hal
warna, font, icon, dan desain secara keseluruhannya. Seperti pada
halaman home guest dan menu properties menggunakan desain yang
sama.
145
2. Menyediakan kegunaan universal
Gambar 4. 46 Tampilan universal
Pada halaman ini fitur search kami menggunakan icon yang umum (kaca
pembesar) untuk melambangkan search.
3. Memberikan umpan balik yang informatif
Gambar 4. 47 Tampilan umpan balik yang informatif
146
Pada gambar diatas, umpan balik ditunjukkan berupa pesan bahwa
pengguna harus mengisi field yang kosong.
4. Merancang dialog yang menghasilkan keadaan akhir
Gambar 4. 48 Gambar contoh dialog yang menghasilkan keadaan
akhir
Pada halaman ini terlihat jelas adanya keadaan akhir yang diberikan
setelah sukses melakukan bookmark.
5. Memberikan pencegahan dan penanganan kesalahan
Gambar 4. 49 Gambar contoh pencegahan dan penanganan
kesalahan
147
Pada gambar diatas terdapat pencegahan dan penanganan kesalahan
berupa pesan yang ditujukan kepada pengguna.
6. Kemudahan untuk kembali ke tindakan sebelumnya
Pada setiap form terdapat tombol cancel untuk memudahkan pengguna
kembali ke tindakan sebelumnya.
7. Mendukung pusat kendali internal
Gambar 4. 50 gambar contoh untuk mendukung pusat kendali
internal
Aplikasi ini memberikan kebebasan pada pengguna dalam hal navigasi
sehingga pengguna dapat secara bebas berpindah dari satu halaman ke
halaman lainnya.
148
8. Mengurangi Beban Ingatan Jangka Pendek
Gambar 4. 51 Gambar contoh untuk beban ingatan jangka pendek
Menu didalam aplikasi ini dibuat secara ringkas dan jelas, sehingga
pengguna tidak perlu mengingat hal-hal yang tidak perlu dalam
mengakses menu pada aplikasi ini.
4.4.3 Evaluasi Aplikasi
Berikut hasil wawancara yang dilakukan di kantor PT. Harmoni Gading
Selaras (Exist Property) terhadap Aplikasi Pemasaran Properti Berbasis
Web pada PT. Harmoni Gading Selaras (Exist Property):
-
Untuk segi fungsionalitas, aplikasi ini dapat dijalankan berdasarkan
masing-masing fungsinya. Misalnya halaman properti menampilkan
informasi yang benar dan terorganisir disertai dengan gambar dan
keterangan detailnya. Kemudian pengguna dapat melakukan pencarian
149
properti dengan mudah karena dalam aplikasi ini terdapat fitur
pencarian sesuai dengan kriteria. Kemudian untuk admin, dapat
mudah mengelola data marketing dan juga mengelola data properti
yang akan dipasarkan.
-
Dari segi tampilan, aplikasi ini memiliki tampilan yang sederhana dan
simple tetapi tetap menyajikan informasi yang dibutuhkan oleh
pengguna.
-
Saran yang kami ajukan diantaranya aplikasi ini lebih dikembangkan
lagi untuk fitur yang lebih kompleks misalnya ditambahkan fitur
virtual tour sehingga memudahkan pengguna dalam mengetahui
detail/informasi properti.
4.4.4 Evaluasi Perbandingan Aplikasi Sejenis
Tabel 4. 2 Tabel perbandingan aplikasi sejenis
Fitur yang tersedia
existproperty.com Rumah.trovit. Rumah123.com
co.id
Ada tampilan produk
Ya
Tidak
Ya
Fitur Search
Ya
Ya
Ya
Kategori search khusus
Tidak
Tidak
Ya
Tidak
Tidak
Ya
Ya
Tidak
Tidak
pada home
yang bisa dipilih
Tampilan berita tentang
properti
User dapat titip jual
rumah
150
Simpan halaman
Ya
Tidak
Tidak
properti yang pernah
dilihat
Dengan melihat tabel perbandingan di atas, dapat disimpulkan bahwa
existproperty.com memiliki kelebihan seperti :
-
User dapat menitipkan properti kepada existproperty.com tanpa perlu
mendatangi kantor.
-
User dapat menyimpan halaman properti yang pernah dilihat ke akun pribadi
sehingga user tersebut dapat melihat kembali properti tersebut tanpa harus
menggunakan device yang sama. Tanpa fitur ini, user harus menyimpan
halaman tersebut melalui bookmark pada browser.
-
Aplikasi memiliki fitur search sesuai dengan kriteria.