BAB 4 PERANCANGAN DAN IMPLEMENTASI
4.1
Implementasi Dalam
implementasinya,
aplikasi
E-Parking
yang
menggunakan
teknologi mobile berbasiskan sistem operasi Android ini membutuhkan saranasarana pendukung berupa perangkat keras (hardware) dan perangkat lunak (software). 4.1.1
Perangkat Keras Berikut ini merupakan spesifikasi perangkat keras yang diperlukan untuk
implementasi aplikasi E-Parking: Spesifikasi implementasi untuk IDE Android : 1. Prosesor: Intel® Core™ i7-2670QM 2. Memori: 4096 DDR3 RAM 3. Grafis: Intel® HD 3000 4. Sistem Operasi: Windows 8 Pro with Media Center 64bit Spesifikasi implementasi untuk IDE Web : 1. Prosesor: Intel® Core™ i5 2. Memori: 8192 DDR3 RAM 3. Grafis: Intel® HD 3000 108
109
4. Sistem Operasi: Mac OS X Mountain Lion Spesifikasi untuk mobile Android: 1. ADB Emulator a. Sistem Operasi: Android 4.1 Jelly Bean b. Prosesor: ARM (armeabi-v7a) c. Grafis: hw.gpu.enabled : yes d. Memori: hw.ramSize : 1024MB
2. Perangkat Android a. Sistem Operasi: Android 2.3 Gingerbread b. Prosesor: 1 GHz Cortex-A8 c. Grafis: PowerVR SGX450 d. Memori: 512MB 4.1.2
Perangkat Lunak Berikut ini merupakan spesifikasi perangkat lunak yang diperlukan untuk
implementasi aplikasi E-Parking: Spesifikasi terimplementasi untuk server: 1. XAMPP 1.7.3 meliputi Apache dan MySql
110
4.1.3
Komponen Android yang Digunakan Dalam pembuatan aplikasi Android E-Parking System, beberapa
komponen yang tersedia di dalam Android SDK maupun yang terdapat di luar Android SDK telah digunakan. Komponen tersebut adalah sebagai berikut : 1. Layar 1. Absolute Layout Absolute
layout
adalah
sebauh
layout
yang
memungkinkan untuk meletak objek berdasarkan titik tepat lokasi menggunakan koordinat x/y. 2. Relative Layout Relative layout adalah sebuah layout yang dapat digunakan untuk meletak objek berdasarkan relasi letak dari objek lainnya, atau kepada parent nya. 2. Interaksi Pengguna 1. TextView TextView digunakan untuk menampilkan tulisan kepada user, dan dapat diedit secara opsional. Namun penggunaan TextView untuk mengedit text yang
ditampilkan,
diperbolehkan.
secara
default
tidak
111
2. ImageView ImageView digunakan untuk menampilkan sebuah gambar. Pada dasarnya, konfigurasi ImageView secara default, tidak memungkinkan untuk di tekan ataupun di klik. Namun dengan perubahan parameter pada layout dan juga nama fungsi, ImageView dapat digunakan sebagai button. Penggunaan file gambar, disarankan menggunakan ekstensi .png, walau dapat menggunakan gambar dengan format lain, tetapi dapat mengakibatkan kesalahan rendering ataupun gambar yang tidak terlihat. 3. EditText EditText digunakan untuk menampilkan tulisan. Memiliki fungsi yang sama dengan TextView namun dikonfigurasikan agar user dapat mengedit tulisan yang terdapat pada EditText. 4. Button Button merepresentasikan push-button widget. Yang berarti adalah sebuah tombol yang dapat di tekan atau di klik oleh user untuk menjalankan sesuatu (trigger).
112
5. Toast Toast adalah sebuah view yang berfungsi untuk menampilkan pesan singkat dalam waktu cepat. Ketika digunakan Toast akan tampil sebagai pesan yang timbul kearah user, dan dapat timbul tanpa mengakibatkan pergantian fokus. 3. Komponen Tambahan 1. Apache HTTP Penggunaan komponen Apache HTTP, ditujukan untuk melakukan parsing atau pengubahan bentuk dan pengiriman data kepada controller. Untunk mengguanakan komponen Apache HTTP, maka akan digunakan kelas berupa CustomHttpClient yang memiliki 2 parameter. 4. Komponen Perangkat Keras 1. Koneksi Internet Dalam menggunakan aplikasi Android E-Parking System, memiliki koneksi internet adalah hal yang mutlak diperlukan. Oleh karena itu, perizinan untuk menggunakan
internet
disertakan
dalam
AndroidManifest.xml yang memberikan perizinan
113
untuk menggunakan internet untuk ditampilkan ketika user akan menginstall aplikasi Android EParking System. 4.1.4
Internet Dalam pengoperasian, Android yang sudah terinstall aplikasi E-parking
harus terhubung dengan internet untuk melakukan pemesanan slot parkir.
4.1.5
Prosedur Operasional Secara umum, aplikasi E-Parking ini terdiri dari aplikasi mobile untuk
memesan slot parkir, dan melihat informasi parkir. Berikut ini akan disajikan cara penggunaan dari aplikasi tersebut. 4.1.5.1
Instalasi Sistem Sebelum dapat mengoperasikan aplikasi ini, pengguna harus melakukan instalasi program dengan langkah-langkah sebagai berikut: 2. Copy file instalasi “Android_Eparking_System_v1.apk” ke dalam folder atau media penyimpanan yang ada di perangkat keras Android Anda. File ini memiliki tipe .apk atau Android Package. 3. Setelah itu, buka file yang telah di pindahkan tadi.
114
4. Ikuti petunjuk instalasi yang ada di layar, hingga aplikasi terinstall secara otomatis. Setelah instalasi pada perangkat keras Android selesai, maka akan muncul halaman interface aplikasi e-parking seperti pada gambar 4.1, dimana halaman ini merupakan halaman awal ketika pertama kali membuka aplikasi.
115
4.1.5.2
Petunjuk Penggunaan Aplikasi Client
Gambar 4.1 Tampilan Layar Login Gambar diatas merupakan tampilan layar login dimana pengguna harus memasukkan email dan password-nya. Klik Masuk untuk memasuki aplikasi E-Parking lebih lanjut.
116
Gambar 4.2 Tampilan Layar Login dengan Error
Jika email atau password yang dimasukkan tidak sesuai, maka halaman login dengan pesan error seperti gambar diatas akan muncul.
117
Gambar 4.3 Tampilan Layar Daftar Baru Gambar diatas menampilkan tampilan layar Daftar Baru dimana pengguna pertama kali mendaftarkan identitas diri sebagai pengguna aplikasi mobile ini. Pengguna harus memasukkan tiga data yaitu email, password, dan no.telepon. Klik Simpan jika sudah selesai.
118
Gambar 4.4 Tampilan Layar Daftar Baru Berhasil Pesan “Data telah tersimpan” akan muncul di halaman ini jika pendaftaran telah berhasil dilakukan.
119
Gambar 4.5 Tampilan Layar View Parking Gambar diatas menampilkan tampilan layar view parking atau home dimana di halaman ini pengguna dapat melihat informasi tempat parkir, informasi saldo pengguna dan di halaman ini juga pengguna dapat melakukan pemesanan slot parkir.
120
Gambar 4.6 Tampilan Layar Konfirmasi Pemesanan Gambar diatas menampilkan tampilan layar konfirmasi pemesanan. Disini terdapat infromasi seperti email, saldo, dan slot parkiran yang telah dipilih oleh pengguna. Terdapat textbox yang harus diisi dengan nomor polisi kendaraan si pengguna untuk detil pemesanan. Tekan button Lanjutkan untuk pemesanan.
121
Gambar 4.7 Tampilan Layar Konfirmasi Pemesanan Berhasil Setelah pemesanan berhasil dilakukan, layar akan dihubungkan lansgung ke halaman home kembali. Pesan “Pesanan anda telah ditetapkan, Terima Kasih” akan muncul. Terlihat perbedaan dimana slot parkir yang terisi sudah menambah satu.
122
Gambar 4.8 Tampilan Layar Akun Saya Di dalam halaman Akun Saya ini terdapat informasi-informasi tentang pemilik akun itu sendiri diantaranya email dan jumlah saldo yang tersisa.
123
Gambar 4.9 Tampilan Layar Tentang Di halaman ini pengguna dapat mengetahui sekilas infromasi tentang Android E-Parking Sistem.
124
4.1.5.3
Petunjuk Penggunaan Web Admin
Gambar 4.10 Tampilan Layar Pendaftaran Admin Ini adalah halaman Registrasi admin. Di halaman ini admin harus di daftarkan untuk menggunakan Android E-Parking System. Ada berupa kotak nama untuk mengisi nama, kotak password
untuk
mengisi
password,
Re-Password
untuk
mengkonfirmasi password , phone untuk mengisi nomor ponsel, dan Email untuk mengisi Email yang dimana sebagai username login. Setelah submit pengguna akan ditujukan ke halaman login admin.
125
Gambar 4.11 Tampilan Layar Masuk Admin Ini adalah halaman signin admin. Di halaman ini admin harus memasukkan username & password yang benar. Setelah itu klik login untuk login. Setelah login pengguna akan ditujukan ke halaman home admin.
126
Gambar 4.12 Tampilan Layar Utama Admin Ini adalah halaman view parking. Di halaman ini admin melihat flow area parkir yang telah di pesan oleh pengguna android. Klik gambar mobilnya untuk memesan parkita slot yang diinginkan atau sesuai order. Di tabel terdapa No, Status untuk mengetahui slot mana yang sudah di tempati/booking. Kondisi status= 0 berarti parkiran kosong. Kondisi status>0 maka slot sudah di tempati/booking. Menu isi saldo untuk ke halaman isi saldo. Menu histori untuk ke halaman histori transaksi. Menu logout untuk keluar.
127
Gambar 4.13 Tampilan Layar Isi Saldo Admin Ini adalah halaman isi saldo. Di halaman ini admin mengisi saldo untuk pengguna yang telah membeli saldo melalui perantara admin. Text Box jumlah untuk menambahkan saldo sesuai yang dibeli oleh pengguna. Menu histori untuk ke halaman histori transaksi. Menu kembali untuk kembali ke menu view parking. Menu logout untuk keluar.
128
Gambar 4.14 Tampilan Layar Riwayat Admin Ini adalah halaman histori transaksi. Di halaman ini admin melihat histori transaksi yang telah dilakukan oleh pengguna melalui device androidnya. . Menu kembali untuk kembali ke menu view parking. Menu isi saldo untuk ke halaman isi saldo . Menu logout untuk keluar.
129
4.2
Evaluasi 4.2.1. Evaluasi delapan aturan emas. 1. Konsistensi Pada halaman Aplikasi berbasis mobile ini memenuhi syarat pertama dari 8 aturan emas, karena aplikasi kami dibuat secara konsisten menggunakan font dan warna yang sama untuk semua tampilan, begitu juga dengan layout layar.
Gambar 4.15 Tampilan Halaman Konsistensi
130
2. Memungkinkan pengguna untuk menggunakan shortcut Aplikasi berbasis mobile ini sudah dapat memenuhi syarat ke-2 dari 8 aturan emas, karena pengoperasian menu, dapat menggunakan tombol pintas, maupun menekan layar untuk menjalankan fungsi. Sehingga tidak perlu mengikuti alur menu yang ada.
Gambar 4.16 Tampilan Halaman Shortcut
131
3. Memberi umpan balik yang informatif Aplikasi berbasis mobile ini sudah dapat memenuhi syarat ke-3 dari 8 aturan emas, karna pada aplikasi berbasis mobile. ini, jika terjadi kesalahan pada input, makan akan muncul peringatan yang berisis pemberitahuan bahwa terjadi kesalahan pada input seperti terlihat pada gambar.
Gambar 4.17 Tampilan Halaman Umpan Balik
132
4. Merancang dialog untuk menghasilkan penutupan Aplikasi berbasis mobile ini sudah dapat memenuhi syarat ke-4 dari 8 aturan emas, karna pada saat pemesanan dilakukan maka akan diberitahukan status keberhasilan pemesanan, seperti yang dapat dilihat pada gambar.
Gambar 4.18 Tampilan Halaman Dialog Penutupan
133
5. Memberikan pencegahan kesalahan yang sederhana Aplikasi berbasis mobile ini sudah dapat memenuhi syarat ke-5 dari 8 aturan emas, karena ketika pengguna akan melakukan sesuatu, maka sistem akan mengubah beberapa aspek seperti halnya
keyboard,
sehingga
pengguna
dapat
menghindari
kesalahan.
Gambar 4.19 Tampilan Halaman Pencegahan Kesalahan
134
6. Mudah kembali ke tindakan selanjutnya Aplikasi berbasis mobile ini sudah dapat memenuhi syarat ke-6 dari 8 aturan emas, karena pada beberapa tampilan, disediakan tombol kembali yang dapat digunakan untuk kembali ke tampilan sebelumnya, ataupun untuk membatalkan transaksi.
Gambar 4.20 Tampilan Halaman Pengembalian Aksi
135
7. Mendukung tempat pengendali internal Aplikasi berbasis mobile ini sudah dapat memenuhi syarat ke-7 dari 8 aturan emas, karena pengguna sebagai inisiator akan menginisiasikan beberapa fungsi, kemudian sistem yang akan merespon. Seperti halnya dalam proses pemesanan tempat parkir.
Gambar 4.21 Pusat Kendali Internal
136
8. Mengurangi beban ingatan jangka pendek Aplikasi berbasis mobile ini memenuhi syarat terakhir dari 8 aturan emas, karna tampilkan aplikasi berbasis mobile kami sudah dirancang sesederhana mungkin sehingga user tidak mengalami kesulitan untuk mencari informasi yang di inginkan, dan pada setiap textbox disediakan informasi pengisian, sehingga pengguna tidak perlu menghapal kegunaan dari tiap textbox.
Gambar 4.22 Tampilan Halaman Beban Ingatan Jangka Pendek
137
4.2.2. Evaluasi User friendly dari sistem. Sistem yang baik hendaknya user-friendly, yaitu: 1. Mudah untuk dipelajari. Pada hal ini, aplikasi Android E-Parking System, didesain agar mudah dipelajari. Penggunaan yang tidak rumit, dan setiap textbox diisi dengan hint yang dapat membantu proses pengisian data. 2. Kecepatan dalam penyajian informasi yang paling akurat. Aplikasi Android E-Parking System, hanya membutuhkan login untuk memasuki layar utama, sehingga pengoperasian rumit untuk menampilkan fungsi, di lakukan oleh sistem, sedangkan pengguna hanya perlu menekan tombol dan sedikit pengisian data. 3. Membantu pengguna untuk menghafal dengan cepat. Penggunaan
aplikasi
Android
E-Parking
System,
menggunakan alur menu yang tidak rumit, sehingga mudah dihafalkan penggunaannya. Hal inilah yang membuat aplikasi Android E-Parking System tidak membutuhkan penggunanya untuk menghafal cara menggunakannya. 4. Tingkat kesalahan pengguna rendah. Setiap kesalahan yang dilakukan oleh pengguna, akan di jabarkan oleh sistem, sehingga pengguna dapat mengetahui secara pasti kesalahan yang terjadi. Selain itu, penggunaan hint pada
138
setiap tempat pengisian data, membantu pengguna untuk mengisi data dengan meminimalkan kesalahan yang terjadi. 5. Memberikan kepuasan pada user atau pengguna. Berdasarkan kuisioner yang telah di ambil dengan pertanyaan “Jika program ini akan dirilis, apakah Anda akan tertarik untuk menggunakan aplikasi Android E-Parking System?” di jawab “Ya” oleh 51 dari 53 responden. Hal ini membuktikan bahwasannya
aplikasi
Android
E-Parking
memberikan kepuasan kepada pengguna.
System
dapat
139
4.2.3
Evaluasi Kuisioner 4.2.3.1 Pertanyaan Kuisioner Kuisioner yang dilakukan, menggunakan pertanyaan yang telah di definisikan sebelumnya dengan jawaban yang ditentukan. Kuisioner ini dilakukan setelah program selesai dan siap untuk disimulasikan. Kuisioner ini disebarkan secara elektronik pada hari Kamis tanggal 24 Januari 2013, dan diisi oleh 53 koresponden dengan cara mengisi kuisioner tersebut melalui perangkat pintar yang telah disediakan, setelah melihat dan mencoba aplikasi yang telah dibuat. Kuisioner ini diambil di tempat komersial Cilandak Town Square.
140
P:
“Apakah aplikasi Android E-Parking System mudah untuk digunakan?”
J:
Gambar 4.23 Tampilan Diagram Kemudahan Penggunaan Berdasarkan
diagram
penggunaan
aplikasi
diatas, Android
didapat
data
E-parking
bahwasannya
System,
mudah
digunakan. Berdasarkan respon yang diterima yaitu 31 responden menjawab ya, 20 responden menjawab cukup, dan 2 responden lainnya menjawab kurang.
141
P:
“Apakah tampilan nyaman untuk dilihat?”
J:
Gambar 4.24 Tampilan Diagram Kenyamanan Tampilan
Berdasarkan diagram diatas, yang terdiri dari jawaban ya yang dipilih oleh 26 responden, 16 responden menjawab cukup, dan 11 responden lainnya menjawab kurang, dapat ditarik kesimpulan bahwasannya aplikasi Android E-Parking System memiliki tampilan yang nyaman untuk dilihat.
142
P:
“Interaksi yang diberikan?”
J:
Gambar 4.25 Tampilan Diagram Interaksi Sistem Dari diagram diatas, menandakan bahwasannya aplikasi Android E-Parking System memiliki interaksi kepada pengguna yang cukup baik. 17 dari 53 koresponden menyatakan bahwasannya interaksi yang diberikan oleh aplikasi sangat baik, 24 lainnya menyatakan cukup baik, 12 lainnya menjawab kurang baik, dan tidak ada satupun dari koresponden yang menjawab tidak baik.
143
P:
“Dapat memberikan informasi tentang tempat parkir?”
J:
Gambar 4.26 Tampilan Diagram Pemberian Informasi Berdasarkan responden yang menjawab ya sebanyak 25 responden, sedangkan 20 responden lainnya menjawab cukup dan 8 sisanya menjawab kurang, menandakan bahwasannya aplikasi Android E-Parking System dapat memberikan informasi tentang tempat parkir yang akan dituju.
144
P:
“Fitur apakah yang paling berguna?”
J:
Gambar 4.27 Tampilan Diagram Kegunaan Fitur Berdasarkan data dari kuisioner yang telah disebar, sebanyak 42 responden menjawab fitur yang paling berguna adalah fitur memesan tempat parkir, dan 43 responden juga memilih fitur melihat tempat parkir yang kosong. 42 koresponden lainnya memilih fitur akun terintegrasi. 21 koresponden lainnya memilih fitur akun terintegrasi. Dan 15 koresponden memilih fitur riwayat tempat parkir yang transparan. Hal ini membuktikan bahwasannya tujuan utama dalam pengembangan aplikasi Android E-Parking System tercapai.
145
P:
“Kesulitan yang ditemukan dalam menggunakan aplikasi?”
J:
Gambar 4.28 Tampilan Diagram Penemuan Kesulitan Berdasarkan data diagram diatas, menandakan bahwasannya pengguna yang menggunakan aplikasi tidak terlalu sering menemukan
kesulitan dalam penggunaan aplikasi Android E-
Parking System. Dari kuisioner tersebut 50 koresponden menjawab Tidak, dan 3 koresponden menyatakan kesusahan menggunakan aplikasi ini.
146
P:
“Jika program ini akan dirilis, apakah Anda akan tertarik untuk menggunakan aplikasi Android E-Parking System?”
J:
Gambar 4.29 Tampilan Diagram Penggunaan Rilis Aplikasi Pertanyaan terakhir dari kuisioner, yaitu “Jika program ini akan dirilis, apakah Anda akan tertarik untuk menggunakan aplikasi Android
E-Parking
System?”,
hampir
seluruh
responden
menjawab Ya dengan banyak responden mencapai 51 responden dari 53 koresponden.
147
4.2.4
Evaluasi Wawancara Pihak Parkir Setelah program selesai, penjajakan pendapat secara interview terhadap beberapa pihak terkait tentang penggunaan aplikasi Android EParking System. Pihak yang terlibat antara lain : 4.2.4.1
Evaluasi Wawancara Pengelola Parkir Interview terhadap pengelola parkir dilakukan pada hari Rabu, 27
Maret 2013, pukul 15:00, dan bertempat di Kampus Bina Nusantara Anggrek. Pihak pengelola parkir yang diinterview Bapak Slamet Riyadi yang merupakan Supervisor dari tempat parkir Secure Parking yang menjadi penanggung jawab dari tempat parkir pada Kampus Bina Nusantara Anggrek, Kampus Bina Nusantara Syahdan, Kampus Bina Nusantara Kijang, dan Binus Square. Beliau telah melihat dan mencoba sistem dan aplikasi dari Sistem E-Parking Android. Dan menyatakan saran berupa : 1.
Menyertakan prosedur penggunaan agar masyarakat awam dapat menggunakannya tanpa kesulitan.
2.
Mendesain UI agar menjadi lebih modern.
3.
Penambahan payment gateway dengan kerjasama Bank.
4.
Penyesuaian implementasi sesuai dengan keadaan dan kondisi dari tempat parkir pada tempat komersial di Jakarta.