BAB 4 HASIL DAN PEMBAHASAN Kebutuhan Perangkat Keras Mobile. perangkat keras yang memiliki spesifikasi sebagai berikut:

Transkripsi

1 BAB 4 HASIL DAN PEMBAHASAN 4.1 Spesifikasi Sistem Dalam mengimplementasikan aplikasi Find Hypermart dibutuhkan perangkat pendukung berupa perangkat keras dan perangkat lunak sebagai kebutuhan dalam sistem Kebutuhan Perangkat Keras Mobile Dalam penggunaan aplikasi Find Hypermart disarankan perangkat keras yang memiliki spesifikasi sebagai berikut: 1. Processor sebesar Dual-Core 1 GHz Cortex-Ag 2. Kapasitas Random Access Memory (RAM) minimal sebesar 512 MB 3. Memori penyimpanan sebesar 4 GB 4. Sensor Global Position System (GPS) 5. Jaringan data seluler untuk koneksi EDGE Kebutuhan Perangkat Lunak Mobile Perangkat lunak yang dibutuhkan dalam penggunaan aplikasi Find Hypermart adalah sistem operasi Android dengan versi minimum 2.2 Froyo Kebutuhan Perangkat Keras Server Dalam pembuatan aplikasi Find Hypermart disarankan perangkat keras yang memiliki spesifikasi sebagai berikut: 1. Processor Intel Core 2 Duo atau yang lebih tinggi. 2. Memory Random Access Memory (RAM) 2 GB atau yang lebih tinggi. 97

2 98 3. Video Graphic Card (VGA) 128 MB atau yang lebih tinggi. 4. Hard Disk dengan kapasitas minimal 320 GB untuk instalasi dan penyimpanan data. 5. Monitor dengan resolusi 1024 x 768 atau lebih besar. 6. Mouse 7. Keyboard 8. Printer Kebutuhan Perangkat Lunak Server Perangkat lunak yang dibutuhkan dalam pembuatan dan pengelolaan aplikasi Find Hypermart adalah sebagai berikut: 1. Sistem operasi Windows 7 2. Adobe Dreamweaver CS 3 3. XAMPP Rancangan Sistem Gambar 4.1 Rancangan Sistem Aplikasi Find Hypermart

3 Prosedur Operasional Aplikasi ini dijalankan dengan menggunakan smartphone berbasis sistem operasi Android dengan minimum versi 2.2 Froyo. Pada aplikasi ini juga dibutuhkan koneksi internet atau Wi-Fi untuk menjalankannya. Pengguna disarankan untuk mengaktifkan GPS agar dapat menggunakan fitur nearby dan get direction. 4.3 Petunjuk Penggunaan Petunjuk Penggunaan Mobile Penggunaan aplikasi Find Hypermart memerlukan beberapa petunjuk penggunaan. Dengan adanya petunjuk penggunaan diharapkan pengguna dapat menggunakan aplikasi dengan benar. Berikut beberapa petunjuk dalam penggunaan aplikasi Find Hypermart. Gambar 4.2 Tampilan Layar Main Menu

4 100 Saat aplikasi Find Hypermart dijalankan, pengguna akan masuk ke main menu. Pada main menu terdapat 4 (empat) tombol yaitu Promo untuk pengguna dapat melihat promosi yang sedang diselenggarakan oleh Hypermart, Store untuk pengguna melihat daftar seluruh Hypermart di Indonesia, Nearby untuk pengguna menemukan persebaran Hypermart yang ada di provinsi pengguna dan Help untuk membantu pengguna bila mengalami kesulitan dalam penggunaan aplikasi Find Hypermart seperti pada gambar 4.2. Gambar 4.3 Tampilan Layar Halaman Promo Pada halaman Promo terdapat tombol search untuk pengguna mencari promo Hypernart yang diinginkan, list yang berisi daftar promo Hypermart di Indonesia dan pada kiri atas halaman terdapat tombol back untuk kembali pada main menu seperti pada gambar 4.3.

5 101 Jika pengguna ingin melihat promo yang lebih detail, pengguna hanya perlu mengklik dari list promo yang diinginkan. Gambar 4.4 Tampilan Layar Halaman DetailPromo Jika pengguna mengklik salah satu pada daftar promo, maka detail informasi dari promo yang di klik akan ditampilkan seperti pada gambar 4.4. Pada halaman DetailPromo terdapat informasi mengenai promo diantaranya adalah nama promo, alamat, provinsi dan nomor telepon. Pada kiri atas halaman terdapat tombol back untuk kembali pada halaman Store atau halaman Search tergantung darimana pengguna mengklik informasi Hypermart.

6 102 Gambar 4.5 Tampilan Layar Halaman SearchPromo Jika pengguna mengklik tombol search pada menu Promo maka pengguna akan masuk ke halaman SearchPromo seperti pada gambar 4.5. Pada halaman Search terdapat Edit Text, sebuah tombol search dan pada kiri atas halaman terdapat tombol back untuk kembali pada halaman Store. Untuk melakukan pencarian pengguna hanya perlu memasukkan nama promo Hypermart di dalam Edit Text lalu mengklik tombol search.

7 103 Gambar 4.6 Tampilan Layar Halaman Store Pada halaman Store terdapat tombol search untuk pengguna mencari informasi Hypernart yang diinginkan, list yang berisi daftar informasi Hypermart di Indonesia dan pada kiri atas halaman terdapat tombol back untuk kembali pada main menu seperti pada gambar 4.6. Jika pengguna ingin melihat informasi yang lebih detail, pengguna hanya perlu mengklik dari Hypermart yang diinginkan.

8 104 Gambar 4.7 Tampilan Layar Halaman Hasil Search Jika pengguna mengklik tombol search pada menu Store maka pengguna akan masuk ke halaman Search seperti pada gambar 4.7. Pada halaman Search terdapat Edit Text, sebuah tombol search dan pada kiri atas halaman terdapat tombol back untuk kembali pada halaman Store. Untuk melakukan pencarian pengguna hanya perlu memasukkan nama lokasi Hypermart di dalam Edit Text lalu mengklik tombol search.

9 105 Gambar 4.8 Tampilan Layar Halaman Detail Hypermart Jika pengguna mengklik salah satu pada sebuah daftar Hypermart, maka detail informasi dari Hypermart yang di klik akan ditampilkan seperti pada gambar 4.8. Pada halaman Detail terdapat informasi Hypermart diantaranya adalah nama tempat, alamat, provinsi dan nomor telepon. Pada kiri atas halaman terdapat tombol back untuk kembali pada halaman Store atau halaman Search tergantung darimana pengguna mengklik informasi Hypermart.

10 106 Gambar 4.9 Tampilan Layar Nearby Pada menu Nearby akan menampilkan sebuah peta dari provinsi dimana pengguna berada dan di dalam peta terdapat beberapa titik merah yang menunjukkan persebaran Hypermart yang ada di provinsi pengguna, sedangkan titik biru menunjukkan posisi pengguna seperti pada gambar 4.9. Pada kiri atas halaman terdapat tombol back untuk kembali pada main menu. Titik merah dapat di klik dan memberikan informasi mengenai nama tempat Hypermart dan jarak yang akan pengguna tempuh dari posisinya. Hasilnya akan seperti pada gambar 4.10.

11 107 Gambar 4.10 Tampilan Layar Halaman Hasil Titik Merah Diklik Halaman ini adalah hasil dari titik merah di klik pada menu Nearby. Dan bila ingin mengetahui lebih detail dari Hypermart tersebut pengguna tinggal mengklik sekali lagi dari teks yang ada di atas titik merah. Hasil akan terlihat pada gambar 4.10.

12 108 Gambar 4.11 Tampilan Layar Halaman Hasil Detail Nearby Halaman ini adalah detail dari informasi Hypermart yang ingin dikunjungi setelah mengklik teks yang berada di atas titik merah yang telah diklik pada halaman Nearby. Halaman ini menampilkan informasi Hypermart seperti nama tempat, alamat, dan nomor telepon. Pada halaman ini terdapat tombol Get Direction untuk memberi petunjuk arah kepada pengguna dari posisi pengguna ke Hypermart yang diinginkan dan pada kiri atas halaman terdapat tombol back untuk kembali pada main menu seperti pada gambar Saat tombol Get Direction di tekan maka pengguna harus memilih aplikasi yang berfungsi untuk menunjukkan rute perjalanan Hypermart yang dituju pada gambar 4.12.

13 109 Gambar 4.12 Tampilan Layar Halaman Pilih Aplikasi Jika pengguna mengklik Get Direction maka akan berpindah ke halaman pilih aplikasi. Halaman ini menampilkan daftar aplikasi yang dapat digunakan untuk melakukan tracking seperti pada gambar Halaman ini pengguna harus memilih aplikasi yang akan digunakan untuk melakukan tracking, dalam hal ini penulis menyarankan menggunkan aplikasi google maps.

14 110 Gambar 4.13 Tampilan Layar Halaman Get Direction Pada saat pemilihan aplikasi, penulis memilih Google Maps sehingga tampilan akan seperti pada gambar Pada halaman ini menunjukkan arah dari posisi pengguna ke tempat Hypermart yang dituju dengan memberikan beberapa informasi seperti posisi pengguna, alamat Hypermart, jarak, dan estimasi waktu.

15 111 Gambar 4.14 Tampilan Layar Halaman Help Pada halaman Help menampilkan informasi mengenai tombol-tombol yang ada pada aplikasi Find Hypermart serta kegunaan tombol tersebut, terdapat tombol About Us di bagian akhir halaman untuk pengguna mengetahui tentang Hypermart, dan pada kiri atas halaman terdapat tombol back untuk kembali pada main menu seperti pada gambar 4.14.

16 112 Gambar 4.15 Tampilan Layar Halaman About Us Pada halaman About Us menampilkan informasi mengenai perusahaan Hypermart dan pada kiri atas halaman terdapat tombol back untuk kembali pada halaman Help seperti pada gambar Petunjuk Penggunaan Server Penggunaan aplikasi Find Hypermart memerlukan web server dan seorang administrasi yang berfungsi sebagai operator dan melakukan maintenance dalam mengatur data untuk ditampilkan dari web server pada aplikasi Find Hypermart. Beberapa petunjuk penggunaan untuk meggunakan Web Server diantaranya :

17 113 Gambar 4.16 Tampilan Halaman Login Saat memasukan alamat url pada web browser, admin akan masuk ke halaman Login seperti pada gambar Pada halaman Login, admin harus memasukkan username dan password untuk mengakses dan menggunakan web ini.

18 114 Gambar 4.17 Tampilan Halaman List Location Setelah admin berhasil melakukan login maka admin akan masuk ke halaman List Location seperti gambar Pada halaman ini terdapat logo aplikasi Find Hypermart di bagian kiri, dan bagian kanan terdapat tanggal pengaksesan web, username, dan tombol logout yang memungkinkan admin untuk keluar dari web ini. Pada halaman List Location menampilkan informasi lokasi mengenai Hypermart Indonesia. Informasi yang ditampilkan antara lain seperti informasi nama Hypermart, alamat, provinsi, telp, lintang, bujur dan setiap informasi yang ditampilkan terdapat tombol edit dan delete. Tombol edit berfungsi untuk mengganti informasi lokasi suatu Hypermart yang sudah ada bila terdapat kesalahan dalam informasi lokasi Hypermart yang ditampilkan, sedangkan tombol delete berfungsi untuk menghapus informasi Hypermart bila informasi tersebut sudah tidak berlaku.

19 115 Gambar 4.18 Tampilan Halaman Edit List Location Jika Admin mengklik tombol edit pada salah satu informasi yang ditampilkan di menu List Location maka admin akan masuk ke halaman Edit List Location seperti pada gambar Pada halaman ini terdapat logo aplikasi Find Hypermart di bagian kiri, dan bagian kanan terdapat tanggal pengaksesan web, username, dan tombol logout yang memungkinkan admin untuk keluar dari web ini. Pada halaman ini menampilkan form dimana di dalam form tersebut terdapat informasi lokasi Hypermart dari informasi lokasi Hypermart yang telah diklik tombol edit sebelumnya. Pada halaman ini admin dapat mengubah informasi yang salah dengan informasi yang benar, kemudian admin harus mengklik tombol submit untuk mengubah informasi yang lama menjadi informasi yang baru ke dalam database.

20 116 Gambar 4.19 Tampilan Halaman Add Location Jika Admin mengklik tombol menu Add Location maka admin akan masuk ke halaman Add Location seperti pada gambar Pada halaman ini terdapat logo aplikasi Find Hypermart di bagian kiri, dan bagian kanan terdapat tanggal pengaksesan web, username, dan tombol logout yang memungkinkan admin untuk keluar dari web ini. Halaman Add Location berfungsi untuk memasukkan informasi lokasi Hypermart baru bila terdapat Hypermart yang baru dibuka di Indonesia. Pada halaman ini menampilkan form dimana informasi yang ingin dimasukkan harus diisi. Setelah semua informasi diisi, admin harus menekan tombol submit untuk memasukkan informasi tersebut ke dalam database.

21 117 Gambar 4.20 Tampilan Halaman List Promo Jika Admin mengklik tombol menu List Promo maka admin akan masuk ke halaman List Promo seperti pada gambar Pada halaman ini terdapat logo aplikasi Find Hypermart di bagian kiri, dan bagian kanan terdapat tanggal pengaksesan web, username, dan tombol logout yang memungkinkan admin untuk keluar dari web ini. Pada halaman List Promo menampilkan informasi mengenai promo yang sedang berlangsung di Hypermart Indonesia. Informasi yang ditampilkan antara lain yaitu gambar promo, nama promo, provinsi dimana promo sedang berlangsung, tanggal promo dimasukkan, tanggal mulainya promo, tanggal berakhirnya promo dan setiap informasi yang ditampilkan terdapat tombol edit dan delete. Tombol edit berfungsi untuk mengganti informasi mengenai promo yang sedang berlangsung di Hypermart yang sudah ada bila terdapat kesalahan dalam informasi yang ditampilkan, sedangkan tombol delete

22 118 berfungsi untuk menghapus informasi promo di Hypermart bila informasi tersebut sudah tidak berlaku. Gambar 4.21 Tampilan Halaman Edit List Promo Jika Admin mengklik tombol edit pada salah satu informasi yang ditampilkan di menu List Promo maka admin akan masuk ke halaman Edit List Promo seperti pada gambar Pada halaman ini terdapat logo aplikasi Find Hypermart di bagian kiri, dan bagian kanan terdapat tanggal pengaksesan web, username, dan tombol logout yang memungkinkan admin untuk keluar dari web ini. Pada halaman ini menampilkan form dimana di dalam form tersebut terdapat informasi mengenai promo dari informasi promo yang telah diklik tombol edit sebelumnya. Pada halaman ini admin dapat mengubah informasi yang salah dengan informasi yang benar, kemudian admin harus mengklik tombol submit untuk mengubah

23 119 informasi yang lama menjadi informasi yang baru ke dalam database. Gambar 4.22 Tampilan Halaman Add Promo Jika Admin mengklik tombol menu Add Promo maka admin akan masuk ke halaman Add Promo seperti pada gambar Pada halaman ini terdapat logo aplikasi Find Hypermart di bagian kiri, dan bagian kanan terdapat tanggal pengaksesan web, username, dan tombol logout yang memungkinkan admin untuk keluar dari web ini. Halaman Add Promo berfungsi untuk memasukkan promo baru yang sedang berlangsung di Hypermart. Pada halaman ini menampilkan form dimana informasi yang ingin dimasukkan harus diisi. Setelah semua informasi diisi, admin harus menekan tombol submit untuk memasukkan informasi tersebut ke dalam database.

24 Evaluasi Aplikasi Pada tahap akhir pengembangan aplikasi dilakukan suatu evaluasi terhadap aplikasi yang dikembangkan. Berikut merupakan beberapa evaluasi aplikasi yang dikembangkan: Evaluasi Aplikasi Terhadap Aplikasi Sejenis Tabel 4.1 Tabel Hasil Evaluasi Aplikasi Sejenis Aplikasi View Promo View Catalog View Place Searching Promo Searching Place View Map Tracking in Map Get Nearby My Indo Super My Carrefour Find Hypermart Evaluasi Sistem Tabel 4.2 Tabel Hasil Evaluasi Sistem No. Features Expected Result Meet Expectations? 1. View Promo Pengguna dapat melihat informasi promosi bulanan dari Hypermart 2. Searching Promo Pengguna dapat mencari promo Hypermart berdasarkan kata kunci yang dimasukkan. 3. View Place Pengguna dapat melihat daftar seluruh Hypermart. 4. Searching Place Pengguna dapat mencari lokasi Comment Device harus mengaktifkan paket data. Device harus mengaktifkan paket data. Device harus mengaktifkan paket data. Device harus mengaktifkan Proof - Gambar Gambar Gambar Gambar 4.6

25 121 Hypermart berdasarkan kata kunci yang dimasukkan. 5. Nearby Pengguna dapat melakukan pencarian lokasi di sekitarnya. 6. Get Direction Pengguna dapat melihat jalur navigasi menuju lokasi yang dicari. paket data. Device harus mengaktifkan paket data dan GPS. Device harus mengaktifkan paket data dan GPS. - Gambar Gambar Gambar Evaluasi Aplikasi Terhadap Eight Golden Rules (Delapan Aturan Emas) Berdasarkan landasan teori yang digunakan pada bab 2 tentang delapan aturan emas, maka akan dilakukan evaluasi. Berikut hasil evaluasi aplikasi Find Hypermart : 1. Berusaha untuk konsistensi Perancangan antarmuka aplikasi Find Hypermart menggunakan button, jenis font, warna font, warna background yang sama pada setiap halaman. Gambar 4.23 Contoh Konsistensi Aplikasi Find Hypermart

26 Memenuhi kegunaan yang universal Pada aplikasi Find Hypermart menggunakan icon dan button yang mudah untuk dipahami oleh pengguna. Selain itu terdapat juga menu Help yang dapat membantu pengguna untuk menggunakan aplikasi. Gambar 4.24 Contoh Universal Aplikasi Find Hypermart 3. Memberikan umpan balik yang informatif Aplikasi Find Hypermart memberikan umpan balik yang informatif terlihat pada menu nearby yang menunjukkan lokasi pengguna saat mengakses aplikasi. Aplikasi Find Hypermart juga memberikan umpan balik dalam bentuk pesan pesan pada setiap prosesnya sehingga dapat mengetahui hasil dari proses proses yang dilakukan oleh pengguna.

27 123 Gambar 4.25 Contoh Umpan Balik Aplikasi Find Hypermart 4. Merancang dialog untuk menghasilkan suatu penutupan Aplikasi Find Hypermart tidak memberikan dialog akhir untuk memberitahukan bahwa aktivitas telah selesai dilakukan. 5. Memberikan penanganan kesalahan Aplikasi Find Hypermart memberikan penanganan kesalahan yang diberitahukan kepada pengguna dengan menampilkan sebuah notifikasi toast. Seperti saat tidak memiliki akses internet, maka akan akan muncul notifikasi seperti pada gambar 4.26.

28 124 Gambar 4.26 Contoh Penanganan Kesalahan Aplikasi Find Hypermart 6. Mudah kembali ke tindakan sebelumnya Aplikasi Find Hypermart memberikan button back untuk kembali ke halaman sebelumnya. Button tersebut terletak di bagian logo Find Hypermart. Dengan adanya button back tersebut dapat mempermudah dan juga menjadi alternatif bagi pengguna untuk kembali ke halaman sebelumnya. Cara lain untuk kembali ke halaman sebelumnya adalah dengan menekan button back yang tersedia di smartphone.

29 125 Gambar 4.27 Contoh Mudah Kembali Ke Tindakan Sebelum Aplikasi Find Hypemart 7. Mendukung tempat pengendalian internal Dalam aplikasi Find Hypermart pengguna dapat melakukan pengaturan tampilan pada menu nearby dengan cara menekan tombol merah yang ada di layar. Setiap tombol akan menampilkan informasi lokasi Hypermart yang berbeda.

30 126 Gambar 4.28 Contoh Pengendalian Internal Aplikasi Find Hypermart 8. Mengurangi beban ingatan jangka pendek Aplikasi Find Hypermart ini memiliki tampilan yang sederhana dan juga menggunakan icon yang sederhana sehingga mudah dimengerti dan diingat oleh pengguna aplikasi. Gambar 4.29 Contoh Beban Ingatan Jangka Pendek Aplikasi Find Hypermart