BAB 4 HASIL DAN PEMBAHASAN
4.1 Implementasi Aplikasi 4.1.1 Spesifikasi Sistem 4.1.1.1 Spesifikasi Perangkat Keras (Hardware) Spesifikasi Perangkat Keras Ponsel yang direkomendasikan untuk pengguna agar dapat menggunakan aplikasi ini antara lain : 1. Prosesor Quad-core 1.4 GHz Cortex-A9. 2. RAM sebesar 1 GB. 3. Memory sebesar 64 GB. 4. Perangkat Mobile yang memiliki fitur Near Field Communication (NFC). 5. Perangkat Mobile yang mendukung sistem operasi Android diatas versi 4.2 (Jelly Bean). 6. Tag NFC. 4.1.1.2 Spesifikasi Perangkat Lunak (Software) Spesifikasi Perangkat Lunak Ponsel yang direkomendasikan untuk pengguna agar dapat menggunakan aplikasi ini antara lain : 1. Sistem Operasi Android versi 4.2 (Jelly Bean) keatas.
4.1.2 Prosedur Instalasi Aplikasi 4.1.2.1 Prosedur Instalasi Aplikasi Untuk Admin Berikut ini merupakan prosedur instalasi aplikasi untuk penulisan tag NFC pada aplikasi Kios Informasi Tzu Chi Center. Langkah-langkah instalasi dari aplikasi tersebut antara lain : 1. Setelah mengunduh setup aplikasi “TzuChiCenter(Admin).apk” di website, buka aplikasi “My Files” pada ponsel Android anda, dan pilihlah “TzuChiCenter(Admin).apk”. Secara umum, biasanya file yang telah diunduh akan berada pada folder “Download”.
Gambar 4.1 Aplikasi “My Files” pada sebuah ponsel Android 2. Setelah itu akan muncul halaman seperti yang terdapat pada gambar di bawah ini, tekan tombol “Next” di sisi kanan bawah layar untuk melanjutkan instalasi aplikasi kios informasi ini.
Gambar 4.2 Tampilan Halaman Konfirmasi Instalasi yang pertama 3. Tahap selanjutnya adalah menekan tombol “Install” yang terdapat di sisi kanan bawah.
Gambar 4.3 Tampilan Halaman Konfirmasi Instalasi yang kedua 4. Tunggulah proses instalasi sampai selesai, kemudian akan muncul layar konfirmasi seperti yang terdapat pada gambar di bawah ini. Pada tahap ini, pengguna dapat langsung menggunakan aplikasi dengan menekan tombol “Open” di sisi kanan bawah layar atau dapat langsung kembali ke aplikasi “My Files” dengan menekan tombol “Done”.
Gambar 4.4 Tampilan Halaman Konfirmasi bahwa Aplikasi telah berhasil di-install 4.1.2.2 Prosedur Instalasi Aplikasi Untuk Klien Berikut ini merupakan prosedur instalasi aplikasi Kios Informasi Tzu Chi Center, yaitu : 1. Setelah mengunduh setup aplikasi “TzuChiCenter.apk” di website, buka aplikasi “My Files” pada ponsel Android anda, dan pilihlah “TzuChiCenter.apk”. Secara umum, biasanya file yang telah diunduh akan berada pada folder “Download”.
Gambar 4.5 Aplikasi My Files pada sebuah ponsel Android
2. Setelah itu akan muncul halaman seperti yang terdapat pada gambar di bawah ini, tekan tombol “Next” di sisi kanan bawah layar untuk melanjutkan instalasi aplikasi kios informasi ini.
Gambar 4.6 Tampilan Halaman Konfirmasi Instalasi yang pertama 3. Tahap selanjutnya adalah menekan tombol “Install” yang terdapat di sisi kanan bawah.
Gambar 4.7 Tampilan Halaman Konfirmasi Instalasi yang kedua 4. Tunggulah proses instalasi sampai selesai, kemudian akan muncul layar konfirmasi seperti yang terdapat pada gambar di bawah ini. Pada tahap ini, pengguna dapat langsung menggunakan aplikasi dengan
menekan tombol “Open” di sisi kanan bawah layar atau dapat langsung kembali ke aplikasi “My Files” dengan menekan tombol “Done”.
Gambar 4.8 Tampilan Halaman Konfirmasi bahwa Aplikasi telah berhasil di-install 4.1.3 Cara Pengoperasian Aplikasi 4.1.3.1 Cara Pengoperasian Aplikasi Untuk Admin 1.
Setelah membuka aplikasi untuk penulisan tag, maka akan muncul
halaman seperti yang terdapat pada gambar di bawah ini, untuk menulis informasi pada suatu tag cukup dengan menekan dan menahan tombol objek sambil menempelkan tag ke bagian belakang ponsel hingga muncul getaran yang menandakan bahwa informasi telah berhasil ditulis di dalam tag tersebut.
Gambar 4.9 Halaman Utama Aplikasi Penulisan tag pada Kios Informasi Tzu Chi Center 4.1.3.2 Cara Pengoperasian Aplikasi Untuk Klien 1. Halaman Pembuka
Gambar 4.10 Tampilan Halaman Pembuka Setelah membuka aplikasi, halaman ini merupakan halaman yang pertama ditemui oleh pengguna. Pada halaman ini, terdapat tombol “Mulai” yang ketika dipilih akan mengantar pengguna ke dalam aplikasi kios informasi Tzu Chi Center.
2. Halaman Menu Utama
Gambar 4.11 Tampilan Halaman Menu Utama Pada halaman ini, terdapat banyak tombol yang dapat digunakan untuk berpindah ke halaman lain seperti tombol “Informasi Tambahan”, “Sejarah”, serta beberapa menu drop-down untuk lantai-lantai tempat objek dipamerkan. Ketika pengguna menekan tombol “+” yang ada di samping nama lantai, maka menu tersebut akan memperlihatkan namanama objek yang dipamerkan pada lantai tersebut seperti yang dapat dilihat di gambar dibawah ini.
Gambar 4.12 Tampilan Menu Drop-down pada Halaman Utama
Di menu yang baru muncul ini, pengguna dapat menekan tombol “>” yang ada di samping masing-masing nama untuk segera dipindahkan ke halaman informasi objek tersebut. 3. Halaman Sejarah
Gambar 4.13 Tampilan Halaman Sejarah Pada halaman ini terdapat informasi sejarah mengenai Tzu Chi Center dalam bentuk teks yang muncul satu per satu serta tombol “Video” yang akan mengalihkan pengguna ke halaman yang berisi video mengenai sejarah Tzu Chi Center. Selain itu, terdapat juga tombol “Home” berbentuk rumah yang ketika di klik, maka akan mengalihkan pengguna ke Halaman Utama. Berikut merupakan tampilan halaman ketika pengguna telah menekan tombol “Video”.
Gambar 4.14 Tampilan Halaman Video Sejarah yang Pertama
Bagi beberapa pengguna mungkin akan mendapatkan layar seperti diatas, cukup tekan “Video Player”, kemudian tekan tombol “Always” maka pengguna akan langsung dialihkan ke video sejarah Tzu Chi Center.
Gambar 4.15 Tampilan Video Sejarah Tzu Chi Center Setelah menonton video sejarah Tzu Chi Center, pengguna secara otomatis akan dialihkan kembali ke halaman sebelumnya, atau jika pengguna tidak ingin menonton video hingga selesai maka pengguna dapat menekan tombol “Back” pada ponsel mereka untuk langsung dikembalikan ke halaman sebelumnya.
4. Halaman Pilihan Informasi Tambahan
Gambar 4.16 Tampilan Halaman Pilihan Informasi Tambahan Pada halaman ini, pengguna dapat memilih judul informasi tambahan yang ingin diakses dengan menekan tombol “>” disamping judul nama informasi tambahan tersebut. Selain itu, pengguna juga dapat kembali ke halaman utama dengan menekan tombol “X” yang terdapat pada sisi kiri atas layar. 5. Halaman Informasi Tambahan “Tzu Ching di Dunia”
Gambar 4.17 Tampilan Halaman Informasi Tambahan “Tzu Ching di Dunia” Pada halaman ini, terdapat informasi mengenai perkembangan Tzu Chi di Dunia dalam bentuk teks yang muncul satu per satu. Selain itu,
terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama dan tombol “Next” yang ketika di tekan akan
mengalihkan
pengguna
ke
halaman
informasi
tambahan
selanjutnya. 6. Halaman Informasi Tambahan “Tzu Ching di Indonesia”
Gambar 4.18 Tampilan Halaman Informasi Tambahan “Tzu Ching di Indonesia” Halaman ini menjelaskan tentang perkembangan Tzu Chi di Indonesia dalam bentuk teks yang muncul satu per satu. Selain itu, terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama, tombol “Next” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi tambahan selanjutnya, serta tombol “Prev” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi tambahan sebelumnya.
7. Halaman Informasi Tambahan “Celengan Bambu”
Gambar 4.19 Tampilan Halaman Informasi Tambahan “Celengan Bambu” Halaman ini menjelaskan mengenai kisah Celengan Bambu dalam bentuk teks yang bermunculan satu per satu. Selain itu, pada halaman ini juga terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama dan tombol “Next” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi tambahan selanjutnya. 8. Halaman Informasi Ci Bei Da Ting
Gambar 4.20 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag
Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Ci Bei Da Ting, maka aplikasi segera memunculkan pesan popup seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi akan mengalihkan pengguna ke halaman informasi Ci Bei Da Ting seperti yang terdapat pada gambar di bawah ini.
Gambar 4.21 Tampilan Halaman Informasi Ci Bei Da Ting Pada halaman informasi Ci Bei Da Ting ini, terdapat informasi umum mengenai ruangan Ci Bei Da Ting dalam bentuk teks serta tombol “Home” yang ketika di tekan akan mengalihkan pengguna ke halaman utama dan tombol “Next” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek selanjutnya.
9. Halaman Informasi Relief Tzu Chi
Gambar 4.22 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Relief Tzu Chi, maka aplikasi segera memunculkan pesan popup seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi akan mengalihkan pengguna ke halaman informasi Relief Tzu Chi seperti yang terdapat pada gambar di bawah ini.
Gambar 4.23 Tampilan Halaman Informasi Relief Tzu Chi Bagian Atas Di halaman informasi Relief Tzu Chi bagian atas ini, pengguna dapat menggeserkan jarinya dari bawah ke atas untuk dapat mengakses bagian
bawah dari halaman ini, selain itu dapat dilihat terdapat tombol “Bantuan” yang ketika ditekan akan mengalihkan pengguna ke halaman Bantuan seperti yang terdapat pada gambar di bawah ini.
Gambar 4.24 Tampilan Halaman Bantuan pada Halaman Relief Tzu Chi Pada halaman Bantuan ini, A Chi menjelaskan tentang cara penggunaan slider pada halaman Relief Tzu Chi. Selain itu, terdapat tombol “X” yang ketika ditekan akan mengalihkan pengguna kembali ke halaman Relief Tzu Chi.
Gambar 4.25 Tampilan Halaman Informasi Relief Tzu Chi Bagian Bawah Seperti yang dapat dilihat pada gambar diatas, pengguna dapat mengakses bagian atas dari halaman ini dengan menggeser jarinya dari atas ke bawah. Halaman ini memiliki slider yang bisa di geser ke kanan dan ke kiri melalui tombol “<<” dan tombol “>>”. Pengguna juga dapat menghentikan pergeseran slider dengan menekan tombol “X”. Selain itu, terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama, tombol “Next” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek selanjutnya, serta tombol “Prev” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek sebelumnya. Selain itu, terdapat juga belahan pada gambar yang ketika ditekan akan memunculkan pesan seperti yang terdapat gambar di bawah ini.
Gambar 4.26 Tampilan pesan pop-up pada slider di halaman Relief Tzu Chi Ketika suatu belahan ditekan maka akan muncul pesan pop-up yang menjelaskan mengenai arti dari belahan tersebut. Untuk menghilangkan pesan pop-up, cukup dengan menekan tombol “X” yang terdapat pada sisi kanan atas pesan pop-up. 10. Halaman Informasi Exhibition Hall
Gambar 4.27 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Exhibition Hall, maka aplikasi segera memunculkan pesan pop-
up seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi akan mengalihkan pengguna ke halaman informasi Exhibition Hall seperti yang terdapat pada gambar di bawah ini.
Gambar 4.28 Tampilan Halaman Informasi Exhibition Hall Bagian Atas Pada halaman ini, terdapat foto-foto serta informasi mengenai Exhibition Hall dan pengguna dapat mengakses bagian bawah dari halaman ini dengan menggeser jarinya dari bawah ke atas layar. Selain itu, pengguna dapat menggeser gambar ke kiri dan ke kanan untuk mengakses gambar yang lain. Pada halaman ini, terdapat tombol “Bantuan” yang ketika ditekan akan menampilkan halaman seperti yang terdapat pada gambar di bawah ini.
Gambar 4.29 Tampilan Halaman Bantuan pada Halaman Exhibition Hall Pada halaman Bantuan ini, A Chi menjelaskan tentang cara penggunaan swiper pada halaman Exhibition Hall. Selain itu, terdapat tombol “X” yang ketika ditekan akan mengalihkan pengguna kembali ke halaman Exhibition Hall.
Gambar 4.30 Tampilan Halaman Informasi Exhibition Hall Bagian Bawah Seperti yang dapat dilihat dari gambar diatas, pengguna dapat mengakses bagian atas dari halaman Exhibition Hall dengan menggeser jarinya dari atas ke bawah layar. Selain itu, pada halaman ini terdapat
tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama, tombol “Next” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek selanjutnya, serta tombol “Prev” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek sebelumnya. 11. Halaman Informasi Jing Si Da Ting
Gambar 4.31 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Jing Si Da Ting, maka aplikasi segera memunculkan pesan popup seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi akan mengalihkan pengguna ke halaman informasi Jing Si Da Ting seperti yang terdapat pada gambar di bawah ini.
Gambar 4.32 Tampilan Halaman Informasi Jing Si Da Ting Halaman ini menjelaskan tentang informasi umum mengenai Aula Jing Si atau Jing Si Da Ting. Selain itu, terdapat gambar aula Jing Si itu sendiri. Pengguna dapat mengakses bagian bawah dari halaman ini dengan menggeserkan jarinya dari bagian bawah ke atas layar. 12. Halaman Informasi Fu Hui Ting
Gambar 4.33 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Fu Hui Ting, maka aplikasi segera memunculkan pesan pop-up seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi
akan mengalihkan pengguna ke halaman informasi Fu Hui Ting seperti yang terdapat pada gambar di bawah ini.
Gambar 4.34 Tampilan Halaman Informasi Fu Hui Ting Bagian Atas Di halaman ini, terdapat informasi mengenai Fu Hui Ting dalam bentuk gambar dan teks. Pengguna dapat mengakses bagian bawah dari halaman ini dengan menggeser jarinya dari bagian bawah ke bagian atas layar.
Gambar 4.35 Tampilan Halaman Informasi Fu Hui Ting Bagian Bawah Pada halaman informasi Fu Hui Ting Bagian Bawah ini, terdapat menu drop-down yang berisi gambar-gambar dari masing-masing objek. Pengguna cukup menekan tombol “+” untuk melihat gambar dari nama objek tersebut. Selain itu, pada halaman ini terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama, tombol “Next” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek selanjutnya, serta tombol “Prev” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek sebelumnya.
13. Halaman Informasi Guo Ji Hui Yi Ting
Gambar 4.36 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Guo Ji Hui Yi Ting, maka aplikasi segera memunculkan pesan pop-up seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi akan mengalihkan pengguna ke halaman informasi Guo Ji Hui Yi Ting seperti yang terdapat pada gambar di bawah ini.
Gambar 4.37 Tampilan Halaman Informasi Guo Ji Hui Yi Ting Pada halaman ini, terdapat penjelasan mengenai Guo Ji Hui Yi Ting dalam bentuk teks yang bermunculan satu per satu. Selain itu, terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama, tombol “Next” yang ketika ditekan akan mengalihkan
pengguna ke halaman informasi objek selanjutnya, serta tombol “Prev” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek sebelumnya. 14. Halaman Informasi Jiang Jing Tang
Gambar 4.38 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Jiang Jing Tang, maka aplikasi segera memunculkan pesan popup seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi akan mengalihkan pengguna ke halaman informasi Jiang Jing Tang seperti yang terdapat pada gambar di bawah ini.
Gambar 4.39 Tampilan Halaman Informasi Jiang Jing Tang Bagian Atas Pada halaman ini, terdapat informasi mengenai Jiang Jing Tang dalam bentuk teks dan gambar. Pengguna dapat mengakses bagian bawah dari halaman ini dengan menggeser jarinya dari bagian bawah ke atas layar. Selain itu, terdapat tombol “Bantuan” yang ketika ditekan akan mengalihkan pengguna ke suatu halaman yang berisi bantuan dalam penggunaan swiper di halaman informasi Jiang Jing Tang seperti yang terdapat pada gambar di bawah ini.
Gambar 4.40 Tampilan Halaman Bantuan pada Halaman Jiang Jing Tang Pada halaman Bantuan ini, A Chi menjelaskan tentang cara penggunaan swiper pada halaman Jiang Jing Tang. Selain itu, terdapat
tombol “X” yang ketika ditekan akan mengalihkan pengguna kembali ke halaman Jiang Jing Tang.
Gambar 4.41 Tampilan Halaman Informasi Jiang Jing Tang Bagian Bawah Pada halaman informasi Jiang Jing Tang bagian bawah ini, terdapat swiper foto yang bisa di geser ke kanan dan ke kiri oleh pengguna untuk mengubah gambarnya. Pengguna juga dapat mengakses bagian atas dari halaman ini dengan menggeser jarinya dari bagian atas ke bawah layar. Selain itu, terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama, tombol “Next” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek selanjutnya, serta tombol “Prev” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek sebelumnya.
15. Halaman Informasi Replika Rumah Master
Gambar 4.42 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Replika Rumah Master, maka aplikasi segera memunculkan pesan pop-up seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi akan mengalihkan pengguna ke halaman informasi Replika Rumah Master seperti yang terdapat pada gambar di bawah ini.
Gambar 4.43 Tampilan Halaman Informasi Replika Rumah Master Bagian Atas Pada halaman ini, terdapat informasi mengenai Replika Rumah Master dalam bentuk teks dan gambar. Pengguna dapat mengakses bagian bawah dari halaman ini dengan menggeser jarinya dari bagian bawah ke atas layar. Selain itu, terdapat tombol “Bantuan” yang ketika ditekan akan mengalihkan pengguna ke suatu halaman yang berisi bantuan dalam penggunaan swiper di halaman informasi Replika Rumah Master seperti yang terdapat pada gambar di bawah ini.
Gambar 4.44 Tampilan Halaman Bantuan pada Halaman Replika Rumah Master Pada halaman Bantuan ini, A Chi menjelaskan tentang cara penggunaan swiper pada halaman Replika Rumah Master. Selain itu,
terdapat tombol “X” yang ketika ditekan akan mengalihkan pengguna kembali ke halaman Replika Rumah Master.
Gambar 4.45 Tampilan Halaman Informasi Replika Rumah Master Bagian Bawah Pada halaman informasi Replika Rumah Master bagian bawah ini, terdapat swiper foto yang bisa di geser ke kanan dan ke kiri oleh pengguna untuk mengubah gambarnya. Pengguna juga dapat mengakses bagian atas dari halaman ini dengan menggeser jarinya dari bagian atas ke bawah layar. Selain itu, terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama, tombol “Next” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek selanjutnya, serta tombol “Prev” yang ketika ditekan akan mengalihkan pengguna ke halaman informasi objek sebelumnya.
16. Halaman Informasi Logo Tzu Chi
Gambar 4.46 Tampilan Pesan Konfirmasi Pengalihan Halaman melalui tag Ketika pengguna meletakkan ponselnya pada tag stand yang berada di dekat Logo Tzu Chi, maka aplikasi segera memunculkan pesan pop-up seperti yang terdapat pada gambar diatas kemudian jika pengguna menekan tombol “OK” yang terdapat pada pesan tersebut maka aplikasi akan mengalihkan pengguna ke halaman informasi Logo Tzu Chi seperti yang terdapat pada gambar di bawah ini.
Gambar 4.47 Tampilan Halaman Informasi Logo Tzu Chi Bagian Atas Pada halaman ini, terdapat informasi mengenai Logo Tzu Chi dalam bentuk teks dan gambar. Pengguna dapat mengakses bagian bawah layar dengan menggeser jarinya dari sisi bawah ke atas layar.
Gambar 4.48 Tampilan Halaman Informasi Logo Tzu Chi Bagian Bawah Halaman informasi Logo Tzu Chi bagian bawah ini berisi informasi lanjutan dari Logo Tzu Chi dalam bentuk teks. Pengguna dapat kembali ke bagian atas layar dengan menggeser jarinya dari sisi atas ke sisi bawah layar. Selain itu, terdapat tombol “Home” yang ketika ditekan akan mengalihkan pengguna ke halaman utama dan tombol “Prev” yang ketika
ditekan akan mengalihkan pengguna ke halaman informasi objek sebelumnya. 4.1.4 Arsitektur Sistem
Gambar 4.49 Arsitektur Sistem Aplikasi 4.2 Evaluasi Evaluasi
merupakan
tahap
akhir
yang
dilakukan
setelah
analisis,
perancangan, dan implementasi yang bertujuan untuk mengetahui tingkat keberhasilan penelitian sesuai dengan teori yang ada dan melihat tingkat kepuasan pengguna setelah menggunakan aplikasi. Evaluasi dilakukan dalam dua aspek, yaitu berdasarkan segi kesesuaian antarmuka (user interface) dan sistem yang akan diukur menggunakan teori 8 Golden Rules of Interface Design serta evaluasi 5 elemen multimedia di dalam aplikasi ini. Selain itu, evaluasi juga akan dilakukan dalam segi sudut pandang pengguna dalam menggunakan aplikasi yang diukur dengan kuisioner dan observasi berdasarkan teori 5 Faktor Manusia Terukur.
4.2.1 Evaluasi User Interface 4.2.1.1 Evaluasi Aplikasi Berdasarkan 8 Golden Rules of Interface Design Evaluasi Aplikasi ini dilakukan untuk melihat kesesuaian antara rancangan antarmuka yang telah dibuat dengan teori 8 Golden Rules of Interface Design. 1. Berusaha Untuk Selalu Konsisten Konsistensi pada aplikasi ini dapat dilihat dengan tampilan setiap layar dan peletakan tombol dan logo Tzu Chi Center yang tidak berubah-ubah di setiap halaman menu. Selain itu, warna dominan dan jenis font yang digunakan juga telah konsisten di setiap menu.
Gambar 4.50 Konsistensi di dalam Program 2. Memenuhi Syarat Penggunaan Secara Universal Aplikasi kios informasi ini dirancang agar dapat memenuhi kebutuhan pengguna dari berbagai kalangan usia dan tingkat pemahaman penggunaan ponsel pintar (smartphone). Hal ini dibuktikan dengan adanya tutorial atau pengajar bagi orang yang mempunyai tingkat pemahaman ponsel yang rendah. Selain itu, tulisan dan tombol pada aplikasi ini dirancang berukuran besar sehingga dapat terbaca dengan jelas.
Gambar 4.51 Contoh Tutorial di dalam Aplikasi 3. Menawarkan Umpan Balik Yang Bersifat Informatif Setiap tombol di dalam aplikasi ini mengeluarkan cahaya jika jari pengguna diarahkan pada tombol itu. Selain itu, ketika ponsel mendeteksi tag yang di tempelkan maka ponsel akan mengeluarkan getaran dan pesan pop-up sebagai tanda bahwa ponsel tersebut telah berhasil mendeteksi tag itu.
Gambar 4.52 Contoh Tampilan pesan pop-up di dalam Aplikasi
4.
Merancang Langkah-Langkah Yang Dapat Menghasilkan Penutupan Aplikasi kios informasi ini memiliki alur proses yang cukup jelas dan tidak rumit sehingga tidak membingungkan pengguna pada saat menggunakan kios informasi ini. Selain itu, pengguna juga dapat mengetahui pada halaman apa dia berada dan dapat dengan mudah berpindah halaman.
Gambar 4.53 Judul Terdapat pada Setiap Halaman 5. Mencegah Terjadinya Kesalahan Setiap tombol atau ikon pada kios informasi ini memiliki nama yang jelas sehingga dapat mencegah terjadinya kesalahan pengguna akibat salah menekan tombol.
Gambar 4.54 Contoh Tombol dalam Aplikasi
6. Memudahkan Untuk Kembali Ke Tindakan Sebelumnya Aplikasi kios informasi ini menyediakan tombol “Next”, “Home”, dan “Prev” yang dapat digunakan oleh pengguna jika melakukan kesalahan sehingga pengguna dapat langsung dipindahkan ke halaman sebelumnya
atau
halaman
utama.
Hal
ini
bertujuan
untuk
memudahkan pengguna dalam melakukan pembalikan aksi.
Gambar 4.55 Contoh tombol “Next”, “Home”, dan “Prev” 7. Mendukung Tempat Pengendalian Internal Pengguna memiliki kendali penuh atas kios informasi ini. Hal ini ditunjukkan dengan kebebasan pengguna memasuki halaman-halaman yang mereka inginkan tanpa ada batasan-batasan tertentu.
Gambar 4.56 Halaman Utama
8. Mengurangi Beban Ingatan Jangka Pendek Aplikasi kios informasi ini mempunyai rancangan cukup sederhana sehingga pengguna tidak perlu mengingat hal-hal yang tidak penting dan rumit ketika mengakses menu-menu pada aplikasi ini.
Gambar 4.57 Tampilan Menu drop-down pada Aplikasi 4.2.1.2
Evaluasi Observasi Berdasarkan Teori Lima Faktor Manusia Terukur Berikut ini adalah evaluasi observasi yang dilakukan dan mengacu pada
teori Lima Faktor Manusia Terukur. Responden diminta untuk mengakses tiga halaman pada aplikasi kios informasi ini yaitu halaman Sejarah, halaman Informasi Tambahan tentang “Tzu Ching di Indonesia”, serta halaman informasi mengenai Relief Tzu Chi. Setelah itu, responden dapat dengan bebas menjelajahi halaman-halaman yang terdapat pada aplikasi kios informasi ini.
Tabel 4.1 Tabel Hasil Evaluasi Observasi Respon
Waktu Belajar rata-
Kecepatan Kerja
Kesalahan rata-
den
rata per menu
rata-rata per menu
rata per menu
1
5 detik
7 detik
1 langkah
2
6 detik
10 detik
0 langkah
3
11 detik
13 detik
1 langkah
4
3 detik
6 detik
0 langkah
5
5 detik
8 detik
0 langkah
1. Waktu Pembelajaran Pengguna tidak membutuhkan waktu yang lama untuk mempelajari penggunaan aplikasi kios informasi ini. Hal ini ditunjukkan dengan rata-rata waktu belajar pengguna yang hanya membutuhkan waktu sekitar 10 detik. 2. Kecepatan Kinerja Rata-rata kecepatan kinerja per menu pengguna yang diuji adalah sekitar 9 detik. Ketika diminta memasuki halaman informasi “Relief Tzu Chi”, pengguna cenderung memakan waktu yang lebih lama dikarenakan jumlah proses yang harus dilewati lebih banyak dibandingkan halaman-halaman lainnya. 3. Tingkat Kesalahan Pengguna Rata-rata tingkat kesalahan pengguna adalah 0 langkah. Namun, kesalahan yang sering dilakukan oleh beberapa pengguna adalah pada menu drop-down di menu utama karena pengguna tidak tahu letak lantai dari Relief Tzu Chi yang ada pada gedung Tzu Chi Center sehingga mereka cenderung membuka seluruh menu drop-down. 4. Daya Ingat Pengguna dapat mengingat cara menjalankan menu dengan baik, karena ketika diberi kesempatan untuk menjelajahi aplikasi Kios
Informasi ini secara bebas, mereka tidak perlu diberi instruksi terlebih dahulu untuk menjalankan aplikasi ini dengan baik. 5. Kepuasan Subjektif Setelah menggunakan aplikasi ini, mayoritas responden berpendapat bahwa kebutuhan informasi mereka telah terpenuhi. Selain itu, mereka berpendapat bahwa fitur NFC yang digunakan pada aplikasi ini sangat membantu di saat melakukan penjelajahan di dalam gedung Tzu Chi Center. 4.2.2 Evaluasi Requirement 4.2.2.1 Evaluasi Lima Elemen Multimedia Evaluasi multimedia atas kios informasi ini didasarkan atas lima elemen multimedia yang digunakan dan dijabarkan sebagai berikut : 1. Teks Aplikasi Kios Informasi ini menggunakan teks sebagai alat penyampaian informasi pada setiap halaman atau menu. Jenis teks yang digunakan adalah Arial Helvetica San Seriff dengan ukuran yang beragam sesuai dengan kebutuhan. Selain itu, terdapat sistem auto-text pada beberapa halaman di aplikasi ini yang menyebabkan teks tidak langsung muncul secara keseluruhan melainkan satu per satu. Hal ini bertujuan agar pengguna tidak cepat merasa bosan dalam membaca informasi dalam teks tersebut.
Gambar 4.58 Contoh Penggunaan Teks dalam Aplikasi 2. Gambar Aplikasi Kios Informasi ini menggunakan gambar sebagai penambah informasi pada beberapa halaman informasi objek atau ruangan. Selain itu, unsur gambar juga dapat ditemukan pada setiap gambar A Tzu dan A Chi serta gambar tambahan lain yang membuat tampilan menjadi lebih menarik.
Gambar 4.59 Contoh Penggunaan Gambar dalam Aplikasi
3. Audio Unsur Audio pada aplikasi ini terdapat pada saat pengguna menekan sebuah tombol, maka tombol tersebut akan mengeluarkan suara sebagai tanda bahwa pengguna telah berhasil melakukan perpindahan halaman. 4. Animasi Unsur Animasi pada aplikasi ini terdapat pada halaman informasi Relief Tzu Chi dimana pada saat pengguna mengarahkan jarinya ke salah satu belahan Relief maka belahan itu akan menampilkan pesan pop-up mengenai arti dari belahan tersebut. Selain itu, unsur animasi juga terdapat menu drop-down yang terdapat pada Halaman Utama.
Gambar 4.60 Contoh Penggunaan Animasi dalam Aplikasi 5. Video Aplikasi kios informasi ini memiliki satu video yang terdapat pada halaman Sejarah Tzu Chi Center. Video ini menjelaskan sejarah Tzu Chi Center secara lengkap dan jelas.
Gambar 4.61 Contoh Penggunaan Video dalam Aplikasi 4.2.2.2 Evaluasi Penggunaan Sistem Oleh Pengguna Melalui Kuisioner Demi mengetahui tingkat kepuasan pengguna dalam menggunakan aplikasi ini maka akan dilakukan evaluasi sistem yang telah dibuat melalui penguji cobaan aplikasi kepada beberapa responden kemudian memberikan pertanyaan dalam bentuk kuisioner kepada responden tersebut. Berikut merupakan tabel pertanyaan dan tujuan dari pertanyaan pada kuisioner yang dibagikan kepada responden. Tabel 4.2 Pertanyaan pada Kuisioner dan Tujuan dari Pertanyaan Tersebut No. 1.
2.
Pertanyaan
Tujuan
Apakah aplikasi kios informasi
Untuk mengetahui tingkat
ini telah memenuhi kebutuhan
kepuasan responden terhadap
informasi Anda?
kebutuhan informasi.
Bagaimana penggunaan kios
Untuk mengetahui tingkat
informasi ini ?
kesulitan yang dialami pengguna dalam menggunakan aplikasi ini.
3.
Bagaimana rancangan desain
Untuk mengetahui pendapat
pada aplikasi ini ?
pengguna tentang rancangan desain pada aplikasi ini.
4.
Bagaimana kelengkapan
Untuk mengetahui pendapat
informasi pada kios informasi ini pengguna mengenai tingkat ?
kelengkapan informasi yang disediakan oleh aplikasi ini.
5.
Apakah fitur NFC yang
Untuk mengetahui apakah
digunakan sangat membantu
pemilihan fitur NFC sudah tepat
dalam penggunaan aplikasi ini ?
untuk dimasukkan di dalam sebuah kios informasi.
6.
7.
Apakah aplikasi kios informasi
Untuk mengetahui apakah fitur
ini telah memanfaatkan fitur
mobilitas pada aplikasi ini telah
mobilitasnya secara maksimal ?
dimanfaatkan secara maksimal.
Secara keseluruhan, bagaimana
Untuk mengetahui penilaian
penilaian Anda mengenai kios
pengguna secara keseluruhan
informasi ini ?
pada aplikasi kios informasi ini.
Hasil yang didapatkan dari pembagian kuisioner tersebut adalah : 1.
Apakah aplikasi kios informasi ini telah memenuhi kebutuhan informasi Anda ?
Gambar 4.62 Pie Chart dari jawaban Kuisioner nomor 1.
Tabel 4.3 Tabel jawaban Kuisioner nomor 1. Jawaban
Jumlah
Persentase
Responden Sangat Memenuhi
7
26%
Memenuhi
18
67%
Kurang Memenuhi
2
7%
Tidak Memenuhi
0
0%
Dari hasil diatas, dapat disimpulkan bahwa kebanyakan pengguna merasa kebutuhan informasi mereka mengenai informasi yang ada di dalam gedung Tzu Chi Center telah terpenuhi ketika menggunakan aplikasi Kios Informasi ini.
2. Bagaimana penggunaan kios informasi ini ?
Gambar 4.63 Pie Chart dari jawaban Kuisioner nomor 2. Tabel 4.4 Tabel jawaban Kuisioner nomor 2. Jawaban
Jumlah
Persentase
Responden Sangat Mudah
13
48%
Cukup Mudah
9
33%
Cukup Sulit
5
19%
Sangat Sulit
0
0%
Dari tabel diatas, dapat disimpulkan bahwa mayoritas responden merasa penggunaan aplikasi ini sangat mudah.
3. Bagaimana rancangan desain pada aplikasi ini ?
Gambar 4.64 Pie Chart dari jawaban Kuisioner nomor 3. Tabel 4.5 Tabel jawaban Kuisioner nomor 3. Jawaban
Jumlah
Persentase
Responden Sangat Baik
15
56%
Cukup Baik
10
37%
Kurang Baik
2
7%
Dari hasil diatas, mayoritas responden berpendapat bahwa rancangan desain aplikasi ini sudah sangat baik.
4. Bagaimana kelengkapan informasi pada kios informasi ini ?
Gambar 4.65 Pie Chart dari jawaban Kuisioner nomor 4. Tabel 4.6 Tabel jawaban Kuisioner nomor 4. Jawaban
Jumlah
Persentase
Responden Sangat Lengkap
19
70%
Cukup Lengkap
8
30%
Kurang Lengkap
0
0%
Melalui tabel diatas, dapat ditarik kesimpulan bahwa responden telah merasa puas dengan kelengkapan informasi yang ada di dalam kios informasi ini.
5.
Apakah fitur NFC yang digunakan sangat membantu dalam penggunaan aplikasi ini ?
Gambar 4.66 Pie Chart dari jawaban Kuisioner nomor 5. Tabel 4.7 Tabel jawaban Kuisioner nomor 5. Jawaban
Jumlah
Persentase
Responden Ya
23
85%
Tidak
4
15%
Melalui tabel diatas, dapat disimpulkan bahwa responden merasa fitur NFC yang digunakan oleh aplikasi ini sangat cocok untuk digabungkan dengan sebuah kios informasi.
6.
Apakah aplikasi kios informasi ini telah memanfaatkan fitur mobilitasnya secara maksimal ?
Gambar 4.67 Pie Chart dari jawaban Kuisioner nomor 6. Tabel 4.8 Tabel jawaban Kuisioner nomor 6. Jawaban
Jumlah
Persentase
Responden Ya
25
93%
Tidak
2
7%
Melalui tabel diatas, mayoritas responden berpendapat bahwa fitur mobilitas dari aplikasi ini telah dimanfaatkan dengan baik oleh pembuat aplikasi.
7.
Secara keseluruhan, bagaimana penilaian Anda mengenai kios informasi ini ?
Gambar 4.68 Pie Chart dari jawaban Kuisioner nomor 7. Tabel 4.9 Tabel jawaban Kuisioner nomor 7. Jawaban
Jumlah
Persentase
Responden Sangat Baik
21
78%
Baik
5
19%
Cukup
1
3%
Sangat Jelek
0
0%
Dari tabel diatas, mayoritas responden berpendapat bahwa aplikasi ini telah dirancang dengan sangat baik secara keseluruhan. 4.2.2.3 Evaluasi Hasil Observasi Akhir Berdasarkan hasil pengamatan penggunaan aplikasi yang dilakukan di tempat observasi yaitu gedung Tzu Chi Center, pengunjung tidak membutuhkan seorang pemandu lagi untuk mendapatkan informasi
mengenai Tzu Chi Center setelah menggunakan aplikasi kios informasi ini. Pengguna dapat mengakses seluruh gedung Tzu Chi Center dengan bebas tanpa harus menunggu tersedianya seorang pemandu. Dengan adanya kios informasi ini, pemandu pun dapat mengerjakan pekerjaan lain yang sebelumnya tidak dapat dikerjakan karena harus memandu pengunjung untuk berkeliling di gedung Tzu Chi Center. 4.2.2.4 Evaluasi Aplikasi Sejenis Evaluasi ini dilakukan dengan membandingkan kios informasi berbasis NFC pada gedung Tzu Chi Center dengan tiga aplikasi kios informasi lainnya. Berikut tabel perbandingan atas keempat kios informasi.
Tabel 4.10 Tabel Evaluasi Aplikasi Sejenis Aspek/Fitur
Museum
Flomio
Seni
Humanitarian
Kios
Response
Informasi
Tenun
Tzu Chi
Lauren
Center
Rogers Platform
Fitur NFC
Situs
Situs
Web iOS
Web
dan Android
Tidak
NFC
Tersedia
digunakan
digunakan
sebagai
sebagai
media
media
pendaftaran
penyimpanan
tamu
informasi dan
Tidak Tersedia
yang
Android
NFC
hadir di pesta
bertindak
dengan
sebagai
menggunakan
pemicu
gelang
(trigger)
berisi NFC
yang tag
untuk penyampaian
informasi Tutorial
Tidak
Tidak
Tersedia
Tersedia
Tidak Tersedia
Tutorial tersedia dalam wujud A Tzu dan A Chi
yang
bertindak sebagai pemandu jika pengguna merasa kesulitan dalam menggunakan aplikasi
