108 BAB 4
PERANCANGAN DAN IMPLEMENTASI
4.1 Implementasi
Dalam implementasinya, aplikasi E-Parking yang menggunakan teknologi mobile berbasiskan sistem operasi Android ini membutuhkan sarana-sarana 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
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:
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, secara default tidak diperbolehkan.
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 E-Parking 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.
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
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.
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.
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.
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.
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.
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.
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.
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.
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 System dapat memberikan kepuasan kepada pengguna.
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:
Berdasarkan diagram diatas, didapat data bahwasannya penggunaan aplikasi Android E-parking 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:
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:
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:
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:
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:
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:
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 E-Parking 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.
