BAB 4 HASIL DAN PEMBAHASAN Spesifikasi Perangkat Keras (Hardware)

Transkripsi

1 BAB 4 HASIL DAN PEMBAHASAN 4.1 Implementasi Aplikasi Spesifikasi Sistem 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 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.

2 4.1.2 Prosedur Instalasi Aplikasi 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.

3 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.

4 Gambar 4.4 Tampilan Halaman Konfirmasi bahwa Aplikasi telah berhasil di-install 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

5 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

6 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 Cara Pengoperasian Aplikasi 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.

7 Gambar 4.9 Halaman Utama Aplikasi Penulisan tag pada Kios Informasi Tzu Chi Center 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.

8 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

9 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

10 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.

11 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,

12 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.

13 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

14 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.

15 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

16 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.

17 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.

18 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-

19 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.

20 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

21 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.

22 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

23 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.

24 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.

25 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

26 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.

27 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

28 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.

29 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.

30 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,

31 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.

32 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.

33 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

34 ditekan akan mengalihkan pengguna ke halaman informasi objek sebelumnya 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.

35 4.2.1 Evaluasi User Interface 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.

36 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

37 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

38 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

39 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 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.

40 Tabel 4.1 Tabel Hasil Evaluasi Observasi Respon den Waktu Belajar ratarata per menu Kecepatan Kerja rata-rata per menu Kesalahan ratarata 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

41 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 Evaluasi Requirement 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.

42 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

43 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.

44 Gambar 4.61 Contoh Penggunaan Video dalam Aplikasi 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. Pertanyaan Tujuan 1. Apakah aplikasi kios informasi ini telah memenuhi kebutuhan informasi Anda? 2. Bagaimana penggunaan kios informasi ini? 3. Bagaimana rancangan desain pada aplikasi ini? Untuk mengetahui tingkat kepuasan responden terhadap kebutuhan informasi. Untuk mengetahui tingkat kesulitan yang dialami pengguna dalam menggunakan aplikasi ini. Untuk mengetahui pendapat pengguna tentang rancangan desain pada aplikasi ini. 4. Bagaimana kelengkapan Untuk mengetahui pendapat

45 informasi pada kios informasi ini? 5. Apakah fitur NFC yang digunakan sangat membantu dalam penggunaan aplikasi ini? 6. Apakah aplikasi kios informasi ini telah memanfaatkan fitur mobilitasnya secara maksimal? 7. Secara keseluruhan, bagaimana penilaian Anda mengenai kios informasi ini? pengguna mengenai tingkat kelengkapan informasi yang disediakan oleh aplikasi ini. Untuk mengetahui apakah pemilihan fitur NFC sudah tepat untuk dimasukkan di dalam sebuah kios informasi. Untuk mengetahui apakah fitur mobilitas pada aplikasi ini telah dimanfaatkan secara maksimal. Untuk mengetahui penilaian pengguna secara keseluruhan 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.

46 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.

47 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 Responden Persentase 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.

48 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 Responden Persentase 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.

49 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 Responden Persentase 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.

50 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 Responden Persentase 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.

51 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.

52 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 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

53 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 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 Humanitarian Kios Seni Response Informasi Tenun Tzu Chi Lauren Center Rogers Platform Situs Situs Web ios Android Web dan Android Fitur NFC Tidak NFC Tidak Tersedia NFC Tersedia digunakan digunakan sebagai sebagai media media pendaftaran penyimpanan tamu yang informasi dan hadir di pesta bertindak dengan sebagai menggunakan pemicu gelang yang (trigger) berisi tag untuk NFC penyampaian

54 informasi Tutorial Tidak Tidak Tidak Tersedia Tutorial Tersedia Tersedia tersedia dalam wujud A Tzu dan A Chi yang bertindak sebagai pemandu jika pengguna merasa kesulitan dalam menggunakan aplikasi