BAB 4 HASIL DAN PEMBAHASAN

Transkripsi

1 BAB 4 HASIL DAN PEMBAHASAN 4.1 Implementasi Berikut ini merupakan rincian spesifikasi untuk proses implementasi yang meliputi rincian spesifikasi perangkat keras dan perangkat lunak Spesifikasi Perangkat Keras Berikut ini merupakan rincian spesifikasi perangkat keras yang digunakan untuk menjalankan aplikasi Pocket Event yang terdiri dari komputer server, smartphone dengan sistem operasi Android, dan komputer untuk back end. a. Spesifikasi perangkat keras komputer server Prosesor Memori : Intel Core 2 Duo CPU GHz 2.7 GHz : 4.00 GB Hard Disk : 600 GB SATA b. Spesifikasi perangkat keras smartphone Android Tipe : Samsung Google Galaxy Nexus i9250 Prosesor : Dual-core 1.2 GHz Cortex-A9 RAM : 1 GB Memory Space : 16 GB Kamera : Ya Internet : Ya c. Spesifikasi perangkat keras komputer untuk back end Prosesor : Intel Core 2 Duo CPU GHz 2.7 GHz Memori : 4.00 GB Hard Disk : 600 GB SATA Internet : Ya 111

2 Spesifikasi Perangkat Lunak Berikut ini merupakan rincian spesifikasi perangkat lunak minimum yang digunakan untuk menjalankan aplikasi Pocket Event yang terdiri dari komputer server, smartphone dengan sistem operasi Android, dan komputer untuk back end. a. Spesifikasi perangkat lunak komputer server Sistem operasi : Windows 7 Professional Aplikasi : XAMPP 1.8.1, MySQL Database 5.6.2, Java, JDK 6 b. Spesifikasi perangkat lunak smartphone Android Sistem operasi : Android 4.1, Jelly Bean (atau lebih) c. Spesifikasi perangkat lunak komputer untuk back end Sistem operasi : Windows 7 Professional Aplikasi : Web browser, minimal Mozilla Firefox 18.0

3 Instalasi Aplikasi Berikut ini merupakan penjelasan langkah-langkah dalam melakukan instalasi aplikasi Pocket Event untuk pengguna dan website untuk back end Instalasi Aplikasi Pocket Event untuk Pengguna Berikut merupakan langkah-langkah untuk melakukan instalasi aplikasi pada smartphone Android. a. Hubungkan smartphone Android dengan komputer menggunakan kabel USB. b. Salin PocketEvent.apk ke dalam folder yang terdapat pada smartphone Android. c. Hentikan hubungan smartphone Android dan komputer. d. Lakukan instalasi file PocketEvent.apk yang sudah disalin ke smartphone Android. e. Aplikasi Pocket Event berhasil diinstal dan dapat langsung digunakan Instalasi Website Back end Berikut merupakan langkah-langkah untuk mengakses website untuk back end. a. Lakukan instalasi Mozilla Firefox di komputer (jika belum ada). b. Buka Mozilla Firefox. c. Akses alamat URL PocketEvent (thepocketevent.com). 4.3 Prosedur Penggunaan Aplikasi Berikut ini merupakan hasil tampilan layar beserta cara pemakaian fungsi-fungsi sistem yang dibuat pada aplikasi pengguna dan layar website untuk back end.

4 Tampilan Layar Aplikasi Pengguna Layar Awal Gambar 4.1 Layar Awal Tampilan ini merupakan tampilan awal ketika aplikasi dibuka. Terdapat logo aplikasi Pocket Event dan user akan langsung diarahkan pada page selanjutnya yaitu page Pilih Event.

5 Pilih Event Gambar 4.2 Pilih Event Tampilan diatas merupakan tampilan awal dari halaman Pilih Event. Terdapat beberapa pilihan Event yang dapat dipilih oleh user. User dapat memilih Event IIMS ataupun Indocommtech.

6 Home (Menu Utama) Gambar 4.3 Menu Utama Tampilan layar diatas merupakan tampilan layar Home, dimana terdapat menu-menu utama aplikasi yaitu Scan QR Code, Scanned Files yang akan berisi file-file yang telah dilakukan scan, Booth Map yang akan menampilkan peta dari tempat pelaksanaan event pameran, dan Event Update yang menampilkan daftar event-event yang akan diadakan selanjutnya.

7 Scan QR Code Gambar 4.4 Scan QR Code Tampilan layar diatas adalah tampilan ketika user memilih menu Scan QR Code. User diharapkan untuk mendekatkan kamera dari device Android ke QR Code yang telah tersedia. Kemudian user akan langsung diarahkan ke halaman produk yang informasinya tersimpan dalam QR Code.

8 Produk yang Sudah Dilakukan Scan Gambar 4.5 Scanned Files Tampilan diatas adalah tampilan layar yang ditampilkan ketika user memilih menu Scanned Files. List yang muncul adalah list dari brand mobil. Nama-nama mobil dari masing-masing brand akan muncul ketika user meng-klik salah satu dari brand mobil atau gadget yang ditampilkan pada halaman Scanned Files. Di menu ini, terdapat juga tombol reset yang digunakan untuk menghapus seluruh daftar Scanned Files sekaligus menghapus tandanya di peta.

9 List Menu Gambar 4.6 Pilih Tampilan View Product Tampilan layar diatas merupakan tampilan menu yang muncul ketika user memilih salah satu nama mobil dari sebuah brand. User akan memilih salah satu dari dua menu yang ditampilkan, yaitu Car Brochure atau Car Details. Brosur dari mobil yang dipilih oleh user akan muncul jika user memilih menu Car Brochure, dan overview singkat dari mobil yang dipilih user akan ditampilkan jika user memilih menu Car Details.

10 View Brochure Gambar 4.7 View Brochure View Info Tampilan diatas merupakan tampilan halaman PDF yang muncul jika user memilih menu Car Brochure. Gambar 4.8 View Detail Info

11 121 Tampilan ini merupakan tampilan ketika user memilih menu Car Details. Pada tampilan ini akan ditampilkan beberapa spesifikasi mobil yang paling umum ditanyakan jika seseorang ingin membeli atau mempertimbangkan kelayakan sebuah mobil. Spesifikasi-spesifikasi mobil yang ditampilkan adalah nama mobil, tipe mobil, kapasitas mesin, konsumsi BBM, transmisi mobil, ada atau tidaknya fasilitas ABS, ada atau tidaknya fasilitas Keyless Entry, kapasitas fuel tank, dimensi ukuran fisik dari mobil (dalam satuan mm), harga mobil, pilihan warna mobil, dan deskripsi singkat mengenai mobil terkait. Sedangkan untuk detail dari gadget, spesifikasi yang ditampilkan adalah nama gadget, tipe gadget, storage, RAM, processor, operating system, camera, display, graphic, price, dan features List Produk dari Brand yang Sama Gambar 4.9 List Product dari Brand yang Sama

12 122 Gambar 4.10 List Product dari Nama yang Sama Tampilan diatas muncul ketika user mengklik salah satu dari brand mobil pada menu Scanned Files. Pada contoh layar pada gambar diatas ditampilkan mobil-mobil dari brand Toyota. Ditampilkan juga berbagai tipe dari masing-masing mobil, dengan spesifikasi yang berbedabeda. Pada event indocommtech, akan ditampilkan gadgetgadget dari brand Asus, dan ditampilkan juga berbagai tipe dari masing-masing tipe gadget dari Asus.

13 List Produk untuk Dilakukan Compare Product Gambar 4.11 Pilih Compare Product Pada tampilan layar diatas, terdapat button menu yang berupa tiga titik kecil yang terdapat pada pojok kanan bawah layar device (letak button dapat berbeda-beda tergantung device Android yang digunakan). Jika button tersebut diklik, akan muncul menu Compare seperti yang ditampilkan pada gambar diatas. Menu Compare akan memungkinkan user untuk membandingkan spesifikasi dua buah mobil atau gadget.

14 124 Gambar 4.12 Pilih Dua Produk yang Akan Dibandingkan Kotak checkbox seperti pada tampilan layar diatas akan muncul jika user mengklik menu Compare pada action sebelumnya. User dapat memilih dua buah mobil untuk kemudian dilakukan compare. Jika user telah memilih dua buah mobil yang akan dilakukan compare, user diharapkan untuk mengklik button Compare Car yang akan menampilkan halaman Compare Product.

15 Compare Product Gambar 4.13 Hasil Compare Product

16 126 Gambar 4.14 Pilihan Tipe Mobil Untuk Dibandingkan Tampilan layar diatas merupakan tampilan dari page Compare Product. Spesifikasi yang ditampilkan adalah sama seperti spesifikasi-spesifikasi yang terdapat pada menu Car Details, yaitu nama mobil, tipe mobil, kapasitas mesin, konsumsi BBM, transmisi mobil, ada atau tidaknya fasilitas ABS, ada atau tidaknya fasilitas Keyless Entry, kapasitas fuel tank, dimensi ukuran fisik dari mobil (dalam satuan mm), harga mobil, dan pilihan warna. Nama mobil pada layar dapat diklik untuk kemudian ditampilkan pilihan-pilihan mobil lainnya yang dapat dilakukan compare.

17 Booth Map Gambar 4.15 Booth Map Tampilan layar ini merupakan tampilan dari menu Booth Map, yaitu peta dari booth-booth yang terdapat pada gedung dimana tempat pameran dilaksanakan. Pada event pameran IIMS ataupun Indocommtech, booth-booth mobil dan gadget pada masing-masing event dibagi berdasarkan Hall-hall yaitu Hall A, B, C, dan D dimana masing-masing Hall diwakili oleh beberapa brand mobil dan gadget.

18 Booth yang Sudah Ditandai pada Map Gambar 4.16 Tanda Pada Booth Map yang Sudah Dilakukan Scan Tampilan layar diatas merupakan tampilan dari menu Booth Map yang sudah dilakukan scan. Pada gambar di atas, dapat dilihat adanya perubahan warna pada Toyota dan Honda dengan Nissan dan Daihatsu (mereka satu hall). Itu menandakan bahwa Toyota dan Honda sudah pernah dilakukan scan QR Code nya. Jika user melakukan reset pada menu Scanned Files, maka warna booth Toyota dan Honda kembali seperti semula berwarna jingga.

19 Event Update Gambar 4.17 Events Tampilan layar diatas merupakan tampilan dari menu Event Update. Akan ditampilkan daftar event-event yang akan datang beserta tanggal diadakan event-event tersebut.

20 Detail dari Event Update Gambar 4.18 Detail dari Event yang Dipilih Layar diatas merupakan tampilan detail dari menu sebelumnya yaitu menu Event Update. Jika salah satu event diklik, akan ditampilkan detail dari event yang dipilih. Detail berisi tanggal event akan dilaksanakan dan deskripsi singkat mengenai event tersebut.

21 Notifikasi Event Update Gambar 4.19 Notifikasi Event Update Gambar diatas merupakan tampilan notifikasi pada Android ketika admin melakukan update pada menu Event. Pengguna akan diberi notifikasi seperti tampilan diatas.

22 Tampilan Layar Website untuk Back end Login Gambar 4.20 Halaman Login Halaman login adalah halaman yang pertama kali ditampilkan saat admin membuka situs Pocket Event, pada halaman ini admin dapat melakukan login untuk masuk ke halaman admin (role admin) atau admin master (role admin master). Website thepocketevent.com ini hanya dapat digunakan oleh admin dan admin master untuk mengubah data yang nantinya akan terintegrasi dengan data yang terdapat pada aplikasi mobile Pocket Event berbasis Android.

23 Tampilan Layar Website (Role Admin Master) Halaman Home Admin Master Gambar 4.21 Halaman Home Admin Master Halaman Home Admin Master menampilkan daftar anggota admin-admin lainnya yang memiliki role masing-masing sesuai dengan fungsinya. Role yang dimaksud menunjukkan pengelompokkan jenis event yang ditangani.

24 Halaman List Event Gambar 4.22 Halaman List Event Halaman ini menampilkan list event yang telah diinput oleh Admin Master pada halaman sebelumnya. Admin master dapat melakukan action View, Update, Delete pada menu List Event ini.

25 Halaman View Event Gambar 4.23 Halaman View Event Pada halaman ini, admin master dapat melihat detail event yang dipilih, sekaligus melihat halaman yang nantinya akan ditampilkan pada aplikasi mobile.

26 Halaman Add Event Gambar 4.24 Halaman Add Event Pada halaman ini, admin master dapat menambahkan event yang akan datang, beserta dengan detail dari event yang terdiri dari nama event, tanggal akan diadakannya event, deskripsi singkat mengenai event, gambar dari event terkait dan gambar denah event tersebut.

27 Tampilan Layar Website (Role Admin) Halaman Home Admin Gambar 4.25 Halaman Home Admin Halaman ini merupakan halaman web untuk Admin Anggota. Menu yang tersedia adalah Home, Product dan Add Product.

28 Halaman List Product Gambar 4.26 Halaman List Product Halaman ini merupakan halaman List Product yang hanya menampilkan daftar produk dari event yang diselenggarakan oleh Admin Anggota. Admin dapat melakukan action View, Update, Delete produk. Semua data yang diubah, ditambahkan atau dihapus oleh admin akan langsung terintegrasi dengan data yang terdapat pada aplikasi mobile.

29 Halaman Add Product Gambar 4.27 Halaman Add Product Pada halaman Add Product, admin anggota dapat melakukan penambahan produk pada database. Admin juga dapat menambah gambar dan PDF pada halaman ini. 4.4 Software Testing Berikut ini merupakan hasil dari pengujian terhadap fitur scan QR Code pada aplikasi Pocket Event. Pengujian ini dilakukan dengan tujuan untuk mengetahui kemungkinan keberhasilan aplikasi Pocket Event dalam menjalankan fitur scan QR Code. Pengujian dilakukan sebanyak 10 kali untuk tiap merk mobil (12 sampel) yang sudah di-generate menjadi QR Code.

30 140 Tabel 4.1 Tabel Hasil Pengujian Scan QR Code Produk Jumlah Benar Salah Hasil Peta Hasil Peta Daihatsu Ford Honda Hyundai Kia Land Rover Mazda Mitsubishi Nissan Subaru Suzuki Toyota Evaluasi Evaluasi User Interface 1. Konsistensi Layar aplikasi Pocket Event memiliki rancangan interface yang konsisten dalam hal pemilihan font, warna background, dan penempatan judul halaman.

31 141 Gambar 4.28 Konsistensi Tiap Halaman 2. Penggunaan Universal Terdapat icon back pada menu Scanned Files yang berfungsi untuk kembali ke menu sebelumnya.

32 142 Gambar 4.29 Penggunaan Tombol Universal 3. Memberikan Umpan Balik yang Baik Aplikasi Pocket Event memberikan umpan balik dalam bentuk penamaan menu sehingga user mengetahui dengan jelas fungsi dari setiap menu. Gambar 4.30 Umpan Balik Pocket Event

33 Memberikan Pencegahan Kesalahan dan Penanganan Kesalahan yang Sederhana Terdapat dialog konfirmasi ketika pengguna ingin menghapus Files yang telah dilakukan scan atau ketika pengguna mengklik tombol Reset dan pada saat pengguna akan menutup aplikasi. Gambar 4.31 Pencegahan Kesalahan Sederhana 5. Memungkinkan Pengembalian Aksi yang Mudah Terdapat icon back pada pojok kiri atas halaman untuk memudahkan pengguna melakukan pengembalian aksi.

34 144 Gambar 4.32 Pengembalian Aksi yang Mudah 6. Merancang Dialog yang Memberikan Penutupan Dialog ini memberikan informasi kepada pengguna bahwa pengguna telah berhasil menghapus data pada halaman ketika pengguna telah melakukan Reset pada halaman Scanned Files. Gambar 4.33 Dialog Penutupan

35 Mengurangi Beban Ingatan Jangka Pendek Terdapat judul merk produk pada halaman view produk sehingga user tidak perlu menambah beban ingatan nama produk yang telah mereka scan. Gambar 4.34 Judul Pada Tiap Halaman Menu 8. Mendukung Pusat Kendali Internal Dalam menu utama pengguna diberikan kebebasan untuk melakukan navigasi tanpa urutan yang ditentukan. Pengguna dapat melakukan scan atau melihat Event Update tanpa urutan yang ditentukan.

36 146 Gambar 4.35 Pusat Kendali Internal User Acceptance Test Berikut ini merupakan hasil kuisioner yang didapat dari 30 orang pengguna yang melakukan uji (testing) aplikasi Pocket Event. Tabel 4.2 Jawaban Evaluasi 1 Jawaban Jumlah Persentase (%) Sangat Berguna Berguna Cukup Berguna 3 10 Tidak Berguna 0 0 Sangat Tidak Berguna 0 0 Pertanyaan : Apakah menurut Anda aplikasi Pocket Event sudah cukup berguna untuk memperoleh informasi mengenai produk?

37 147 Gambar 4.36 Diagram Pertanyaan Evaluasi 1 Pertanyaan tersebut bertujuan untuk mengetahui apakah aplikasi Pocket Event sudah cukup berguna bagi responden untuk memperoleh informasi mengenai produk. Berdasarkan hasil kuesioner diatas, dapat diketahui bahwa sebagian besar responden berpendapat aplikasi Pocket Event sangat berguna untuk mereka dalam mendapatkan informasi mengenai produk. Tabel 4.3 Jawaban Evaluasi 2 Jawaban Jumlah Persentase (%) Sangat Mudah Mudah Cukup Mudah 2 7 Sulit 0 0 Sangat Sulit 0 0 Pertanyaan : Apakah aplikasi Pocket Event mudah digunakan?

38 148 Gambar 4.37 Diagram Pertanyaan Evaluasi 2 Pertanyaan tersebut bertujuan untuk mengetahui tingkat kesulitan responden dalam menggunakan aplikasi Pocket Event. Berdasarkan hasil kuesioner nomor dua diatas dapat dilihat bahwa sebagian besar atau sebanyak 60% responden menganggap aplikasi Pocket Event sangat mudah digunakan. Tabel 4.4 Jawaban Evaluasi 3 Jawaban Jumlah Persentase (%) Sangat Menarik Menarik 7 23 Cukup Menarik 5 17 Tidak Menarik 0 0 Sangat Tidak Menarik 0 0 Pertanyaan : Apakah tampilan aplikasi sudah cukup menarik bagi Anda?

39 149 Gambar 4.38 Diagram Pertanyaan Evaluasi 3 Pertanyaan tersebut bertujuan untuk mengetahui ketertarikan responden terhadap tampilan aplikasi Pocket Event. Berdasarkan kuesioner nomor tiga diatas dapat dilihat bahwa sebagian besar atau sebanyak 60% responden menganggap tampilan aplikasi Pocket Event sangat menarik sehingga dapat dikatakan bahwa responden puas dengan tampilan desain Pocket Event. Tabel 4.5 Jawaban Evaluasi 4 Jawaban Jumlah Persentase (%) Ya 5 20 Tidak Pertanyaan : Apakah Anda mengalami kebingungan dalam menggunakan fitur-fitur Pocket Event? Gambar 4.39 Diagram Pertanyaan Evaluasi 4

40 150 Pertanyaan tersebut bertujuan untuk mengetahui apakah responden mengalami kebingungan dalam menggunakan aplikasi Pocket Event. Berdasarkan kuesioner nomor empat diatas dapat dilihat bahwa sebanyak 81% responden tidak mengalami kebingungan dalam menggunakan fitur-fitur Pocket Event. Tabel 4.6 Jawaban Evaluasi 5 Jawaban Jumlah Persentase (%) Ya Tidak 5 17 Pertanyaan : Apakah kecepatan performa aplikasi Pocket Event telah sesuai harapan anda? Gambar 4.40 Diagram Pertanyaan Evaluasi 5 Pertanyaan tersebut bertujuan untuk mengetahui puas atau tidaknya responden terhadap kecepatan performa aplikasi Pocket Event. Berdasarkan kuesioner nomor lima diatas dapat disimpulkan bahwa kecepatan performa aplikasi Pocket Event telah sesuai harapan.

41 151 Tabel 4.7 Jawaban Evaluasi 6 Jawaban Jumlah Persentase (%) Sangat Informatif Informatif 7 24 Cukup Informatif 8 28 Tidak Informatif 3 10 Sangat Tidak Informatif 0 0 Pertanyaan : Apakah informasi yang disediakan pada Pocket Event sudah cukup informatif? Gambar 4.41 Diagram Pertanyaan Evaluasi 6 Pertanyaan tersebut bertujuan untuk mengetahui pendapat responden mengenai kesediaan informasi yang disediakan pada Pocket Event. Berdasarkan kuesioner nomor enam diatas, dapat disimpulkan bahwa sebagian besar atau 38% responden merasa aplikasi Pocket Event sudah cukup informatif.

42 152 Tabel 4.8 Jawaban Evaluasi 7 Jawaban Jumlah Persentase (%) Ya Tidak 7 23 Pertanyaan : Apakah fitur Event telah memenuhi keinginan Anda untuk mengetahui informasi mengenai event-event yang akan datang? Gambar 4.42 Diagram Pertanyaan Evaluasi 7 Pertanyaan tersebut bertujuan untuk mengetahui apakah aplikasi Pocket Event telah memenuhi keinginan responden untuk mengetahui informasi mengenai event-event yang akan datang. Berdasarkan kuesioner nomor tujuh diatas dapat dilihat bahwa sebagian besar atau 77% responden merasa aplikasi Pocket Event telah memenuhi keinginan mereka untuk mengetahui informasi mengenai eventevent yang akan datang.

43 Evaluasi Aplikasi berdasarkan Lima Faktor Manusia Terukur Berdasarkan hasil evaluasi kuesioner, maka evaluasi aplikasi Pocket Event terhadap 5 (lima) faktor manusia terukur adalah sebagai berikut: 1. Waktu Belajar Waktu belajar adalah pengukuran lama waktu yang diperlukan pengguna untuk belajar cara penggunaan perintah dari serangkaian tugas. Semakin singkat waktu yang diperlukan pengguna, semakin cepat waktu belajar pengguna yang menjalankan aplikasi. Hal ini dapat dilihat dari hasil evaluasi kuesioner pertanyaan nomor 2 (dua) mengenai aplikasi Pocket Event yang mudah digunakan, dapat disimpulkan bahwa pengguna dapat memahami aplikasi Pocket Event dengan cepat dan tidak mengalami kesulitan. 2. Kecepatan Kinerja Kecepatan kinerja merupakan pengukuran lama waktu yang dibutuhkan pengguna untuk menyelesaikan suatu tugas. Dapat dilihat dari hasil evaluasi kuesioner nomor 5 (lima) mengenai kecepatan performa aplikasi Pocket Event. Sebagian besar responden menyatakan bahwa kecepatan performa dari aplikasi sudah sesuai harapan. Maka kecepatan kinerja aplikasi dalam menjalankan aplikasi akan semakin cepat dan waktu yang diperlukan akan semakin singkat. 3. Tingkat Kesalahan Pengguna Tingkat kesalahan pengguna merupakan pengukuran yang menentukan lama dan jenis kesalahan yang terjadi saat pengguna berusaha menyelesaikan tugas. Berdasarkan pertanyaan evaluasi kuesioner nomor 4 (empat) mengenai tingkat kebingungan pengguna dalam menggunakan fitur-fitur Pocket Event, dapat dilihat bahwa sebagian besar pengguna tidak mengalami kebingungan dalam menggunakan fitur dalam aplikasi. Maka tingkat kesalahan yang dilakukan pengguna cukup rendah.

44 Daya Ingat Daya ingat merupakan pengukuran seberapa baik pengguna menjaga pengetahuan mereka dalam kurun waktu tertentu. Ingatan berhubungan dekat dengan waktu untuk belajar. Berdasarkan pertanyaan kuesioner nomor 2 (dua) mengenai aplikasi Pocket Event yang mudah digunakan, membuktikan bahwa pengguna dapat mengingat cara melakukan tugas-tugas aplikasi dengan baik. 5. Kepuasan Subjektif Kepuasan subjektif merupakan kepuasan pengguna dalam menggunakan berbagai aspek dalam suatu sistem. Melalui pertanyaan evaluasi kuesioner nomor 1 (satu), 3 (tiga), dan 8 (delapan), dapat disimpulkan bahwa responden menyatakan bahwa aplikasi Pocket Event merupakan aplikasi yang menarik secara tampilan dan aplikasi telah memenuhi keinginan pengguna untuk mengetahui informasi mengenai produk pada pameran maupun informasi mengenai event-event yang akan datang.