1. PEMBUATAN PROTOTYPE APLIKASI SMART PEDICAB
BERBASIS ANDROID
TUGAS AKHIR
Laporan Tugas Akhir ini dibuat dan diajukan untuk
memenuhi salah satu syarat Kelulusan Diploma III
Politeknik Kampar
Disusun Oleh :
Musni Turyati
201413015
PROGRAM STUDI TEKNIK INFORMATIKA
POLITEKNIK KAMPAR
2017
2. ii
HALAMAN PERNYATAAN ORISINILITAS
Tugas akhir ini adalah hasil karya saya sendiri, dan semua
sumber baik yang dikutip maupun yang dirujuk telah saya
nyatakan dengan benar.
Nama : Musni Turyati
Nim : 201413015
Tanda Tangan :
Tanggal : 03 November 2017
3. iii
HALAMAN PENGESAHAN
Judul TA : Pembuatan Prototype aplikasi Smart Pedicab Berbasis
Android
Nama : Musni Turyati
Nim : 201413015
Program Studi : Teknik Informatika
Tanggal lulus ujian : 03 November 2017
Laporan tugas akhir ini telah disetujui dan disahkan sebagai salah satu
syarat kelulusan Program Diploma-III Politeknik Kampar
Dewan Penguji
Pembimbing I Pembimbing II
Fitri,ST.,M.Sc Abd Gafar,S.Kom
NRP.110306007
Penguji I Penguji II
M.Ridwan,ST.MT Ade Kurniawan,S.Kom
NRP. 110907026
Mengetahui,
Wakil Direktur I Ketua Program Studi
Bidang Akademik dan Kemahasiswaan Teknik Informatika
Fenty Kurnia Oktorina,ST.M.Sc Fitri,ST.M.Sc
NRP. 110306006 NRP.1103060
4. iv
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah SWT, atas limpahan
rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan tugas akhir ini.
Shalawat beriring salam untuk penghulu alam Rosulullah SAW beserta keluarga
dan sahabat beliau yang senantiasa menjadi penuntun umat dalam menjunjung
nilai iman dan islam sehingga dapat dinikmati hingga kini oleh seluruh umat di
dunia.
Tugas akhir dengan judul “pembuatan prototype aplikasi smart pedicab
berbasis android” , akan sepenuhnya di bahas di dalam tulisan ini. Adapun pokok-
pokok bahasan yang di sajikan meliputi, perancangan aplikasi secara menyeluruh,
perancangan aplikasi dari segi proses, dan perancangan aplikasi dari segi tampilan
(User Interace).
Penulis menyampaikan ucapan terimakasih yang sebesar-besarnya
kepada:
1. Bapak Fitri,ST.,M.Sc dan Bapak Abd Gafar,S.Kom selaku pembimbing
tugas akhir.
2. Bapak Fitri,ST.,M.Sc selaku ketua program studi Teknik Informatika
sekaligus Wali Kelas Teknik Informatika 2014.
3. Ibu Nina Veronika,ST.,M.Sc selaku Direktur Politeknik Kampar.
4. Ibu Safni Marwa selaku salah satu dosen teknik informatika yang banyak
membantu dalam memberikan motivasi serta arahan.
5. Kedua orang tua penulis, dan seluruh keluarga yang telah memberikan
dukungan moril, materil, do’a serta semangat sehingga penulis bisa
menyelesaikan tugas akhir ini dengan baik.
6. Sahabat-sahabat seperjuangan penulis, khususnya Mahasiswa Teknik
Informatika Politeknik Kampar angkatan 2014, umumnya seluruh
mahasiswa Politeknik Kampar angkatan 2014.
7. Seluruh pihak yang tidak dapat disebutkan satu persatu, yang telah banyak
membantu penulis.
5. v
Penulis menyadari bahwa dalam penulisan laporan tugas akhir ini masih
terdapat kelemahan dan kekurangan. Untuk itu pengembangan dan perbaikan
sangat di perlukan kedepannya baik oleh pembaca maupun penulis sendiri.
Bangkinang, September 2017
penulis
6. vi
ABSTRAK
MUSNI TURYATI. pembuatan prototype aplikasi SMART PEDICAB berbasis
android.
Meskipun merupakan alat transportasi tidak resmi namun becak
merupakan alat transportasi yang paling banyak berkembang di lingkungan
masyarakat. Tujuan dari dibangunnya SMART PEDICAB adalah untuk
menertibkan operasional becak di lingkungan masyarakat khususnya masyarakat
Kabupaten Kampar, disamping meningkatkan nilai ekonomi serta operasional
dari sebuah transportasi umum, becak juga merupakan alat transportasi khas
daerah.SMART PEDICAB berbasis android karenaplatform ini sudah umum
digunakan pada smartphone yang banyak digunakan oleh masyarakat dari
berbagai kalangan. Diharapkan, kebutuhan masyarakat akan kecepatan akses
transportasi terpenuhi dengan adanya aplikasi ini. Sebagai hasil, dengan aplikasi
ini masyarakat dapat memesan dan menggunakan media telekomunikasi
smartphone dengan lebih efektif. Dan akses transportasi dapat dilakukan kapan
saja, dimana saja, dan oleh siapa saja. Untuk rancangan proses aplikasi ini
menggunakan UML (Unified Modeling Language) sedangkan database nya
menggunakan mariadb.
Kata kunci : Becak, Pedicab, Smart Pedicab, Aplikasi Berbasis
Android,Smartphone, UML.
7. vii
ABSTRACT
MUSNI TURYATI. the creation of a SMART PEDICAB android-based
application prototype.
Although it is an unofficial means of transportation, pedicab is the most
developed means of transportation in the community. The purpose of SMART
PEDICAB is to curb pedicab operation in community especially Kampar regency
society, besides increasing economic value and also operational from public
transportation, pedicab is also a special transportation of area. SMART PEDICAB
based android because this platform is commonly used on smartphones that are
widely used by people from various circles. It is expected that the community's
need for speed of transportation access will be fulfilled with this application. As a
result, with this application people can order and use smartphone
telecommunication media more effectively. And transportation access can be done
anytime, anywhere, and by anyone. For the design of this application process
using UML (Unified Modeling Language) while its database using mariadb.
Keywords: Pedicab, Pedicab, Smart Pedicab, Android Based App, Smartphone,
UML.
8. 1
DAFTAR ISI
HALAMAN PERNYATAAN ORISINILITAS.......................................................................................II
HALAMAN PENGESAHAN ...........................................................................................................III
KATA PENGANTAR .................................................................................................................... IV
ABSTRAK................................................................................................................................... VI
ABSTRACT ................................................................................................................................ VII
DAFTAR ISI ..................................................................................................................................1
DAFTAR GAMBAR .......................................................................................................................2
BAB 1 PENDAHULUAN.................................................................................................................2
1.1. LATAR BELAKANG...........................................................................................................1
1.2. PERUMUSAN MASALAH .................................................................................................3
1.3. TUJUAN TUGAS AKHIR....................................................................................................3
1.4. BATASAN MASALAH .......................................................................................................3
BAB II TINJAUAN PUSTAKA .........................................................................................................5
2.1. SEJARAH BECAK..............................................................................................................5
2.2. SEJARAH TRANSPORTASI................................................................................................5
2.3. SEJARAH APLIKASI TRANSPORTASI ONLINE....................................................................5
2.4. APP INVENTOR 2.............................................................................................................7
2.5. MYSQL............................................................................................................................7
2.6. PHP.................................................................................................................................8
BAB III ANALISIS DAN PERANCANGAN SISTEM............................................................................9
3.1. TINJAUAN UMUM ..........................................................................................................9
3.2. ANALISIS SISTEM ............................................................................................................9
3.2.1. ANALISA SISTEM LAMA..............................................................................................9
3.2.2. ANALISA SISTEM BARU............................................................................................10
3.3. PERANCANGAN APLIKASI SMART PEDICAB ..................................................................10
3.3.1. DESKRIPSI SISTEM....................................................................................................11
3.3.2. DIAGRAM BLOK SISTEM ..........................................................................................13
3.3.3. PERANCANGAN PROSES ..........................................................................................14
3.3.4. PERANCANGAN USER INTERACE .............................................................................22
BAB IV HASIL DAN PEMBAHASAN .............................................................................................28
4.1. IMPLEMENTASI ............................................................................................................28
4.1.1. IMPLEMENTASI SISTEM...........................................................................................28
4.1.2. PENGUJIAN SISTEM DAN PROGRAM.......................................................................40
4.2. PEMBAHASAN ..............................................................................................................42
4.2.1. PEMBAHASAN BASIS DATA......................................................................................42
4.2.2. PEMBAHASAN HASIL PENGUJIAN/RESPONSE PENGGUNA......................................45
BAB V PENUTUP........................................................................................................................46
5.1. KESIMPULAN ................................................................................................................46
5.2. SARAN ..........................................................................................................................46
DAFTAR PUSTAKA .....................................................................................................................47
9. 2
DAFTAR GAMBAR
Gambar 3.1. Model Koneksi Client Server Smart Pedicab................................... 11
Gambar 3.2. Diagram Blok.................................................................................. 14
Gambar 3.3. Diagram Use Case Clientpelanggan................................................. 15
Gambar 3.4. Diagram Use Case Pengemudi......................................................... 15
Gambar 3.5. Diagram Use Case Admin................................................................ 16
Gambar 3.5. Diagram Kelas.................................................................................. 17
Gambar 3.6 Diagram Aktivitas Pelanggan............................................................ 18
Gambar 3.7. Diagram Aktivitas Pengemudi ......................................................... 19
Gambar 3.8. Aktivitas Diagram Admin................................................................ 20
Gambar 3.10 Sequence Diagram Admin .............................................................. 21
Gambar 3.11. Rancangan Form Pendaftaran ........................................................ 22
Gambar 3.12. Rancangan Form Login Client Supir ............................................. 23
Gambar 3.13. Rancangan Halaman Utama Client Pengemudi ............................. 24
Gambar 3.14. Rancangan Halaman Utama Client Pelanggan............................... 24
Gambar 3.15. Rancangan Halaman Konfirmasi ................................................... 25
Gambar 3.16. Rancangan Form Login Admin...................................................... 26
Gambar 3.17. Rancangan Halaman Utama Admin............................................... 27
Gambar 4.1 Halaman Login Admin...................................................................... 29
Gambar 4.2. Halaman Utama Admin.................................................................... 29
Gambar 4.3. Menu Laporan .................................................................................. 30
Gambar 4.4. Halaman “Print To Pdf”................................................................... 31
Gambar 4.5. Sub Menu Hapus.............................................................................. 31
Gambar 4.6. Halaman Sub Menu Hapus............................................................... 31
Gambar 4.7. Sub Menu Tambah ........................................................................... 32
Gambar 4.8. Halaman Tambah ............................................................................. 33
Gambar 4.9. Button Keluar................................................................................... 33
Gambar 4.3. Halaman Pendaftaran ....................................................................... 34
Gambar 4.4. Notifikasi Pendaftaran Sukses.......................................................... 35
Gambar 4.5. Halaman Login Client...................................................................... 36
Gambar 4.6. Login Gagal...................................................................................... 36
10. 3
Gambar 4.7. Halaman Utama Client Pelanggan ................................................... 37
Gambar 4.8. Notifikasi Pemesanan....................................................................... 38
Gambar 4.9 Halaman Utama Pengemudi.............................................................. 39
Gambar 4.10 Notifikasi Pemesanan...................................................................... 39
Gambar 4.11. Tabel Pengguna.............................................................................. 43
Gambar 4.12. Tabel Kota...................................................................................... 43
Gambar 4.13. Tabel Level..................................................................................... 43
Gambar 4.14. Tabel Logorder............................................................................... 43
Gambar 4.15. Tabel Order .................................................................................... 44
Gambar 4.16. Implementasi Database.................................................................. 45
11. 1
BAB 1
PENDAHULUAN
1.1. Latar Belakang
saat ini public transportation (transportasi umum) merupakan salah satu
bagian penting dalam kehidupan masyarakat. Akan tetapi transportasi umum
selalu dikeluhkan oleh masyarakat, baik dari segi pelayanan, kebersihan, maupun
ketepatan waktu. Akibat dari hal-hal tersebutlah beberapa orang mulai berinisiatif
untukmengembangkan sebuah alternatif baru untuk transportasi umum yaitu
transportasi online yang dapat di akses dari berbagai tempat, seperti ojek online
(Go-Jek), taksionline (Grab,uber), dan travel online, sehingga lebih mudah bagi
para pengguna jasa transportasi umum dalam menggunakan transportasi umum.
Salah satu transportasi umum yang berkembang luas di Indonesia adalah becak.
Berdasarkan KBBI (Kamus Besar Bahasa Indonesia) becak adalah
kendaraan umum seperti sepeda tidak bermotor, beroda tiga, bertutup (tutupnya
dapat dibuka), satu sadel di belakang, tempat duduk penumpang di depan,
dijalankan dengan tenaga manusia (KemDikBud, 2017).
Becak merupakan kendaraan yang sudah melewati berbagai sejarah
Indonesia, namun tidak ada satupun dokumen negara yang bercerita mengenai
sejarah becak. Berdasarkan sebuah artikel di kompasiana menuliskan mengenai
awal dikenalnya becak melalui sebuah majalah jawa yaitu jawa shimbun terbitan
20 januari 1943, becak mulai di perkenalkan ke masyarakat Batavia (sekarang
Jakarta) dari Hongkong dan Singapura sekitar tahun 1930-an melalui seorang
wartawan Jepang dalam tulisannya yang berjudul “pen to kamera”(Ilham, 2006).
Becak terus berkembang di Indonesia hingga kini menjadi salah satu
kendaraan angkutan umum yang khas bagi masyarakat Indonesia, di beberapa
Kota di Indonesia becak menjadi icon transportasi serba guna. Namun demikian
becak merupakan salah satu alat transportasi tidak resmi yang terus berkembang
pesat di lingkungan masyarakat, khusus nya masyarakat kabupaten Kampar.
Sesuai dengan pasal 3 dan 4PP no 74 tahun 2014 mengenai angkutan jalan, becak
tidak termasuk ke dalam kendaraan bermotor jenis manapun yang di legalkan
untuk menjadi angkutan orang maupun barang.
12. 2
Namun seiring perkembangan zaman dan ilmu pengetahuan, keperluan
transportasi di dalam kota semakin meningkat. Banyak ibu-ibu rumah tangga yang
tidak bisa mengendarai sendiri kendaraan pribadi untuk sekedar bepergian di
wilayah dalam kota, minimnya transportasi resmi angkutan penumpang dalam
trayek seperti angkot (angkutan kota) atau sejenisnya menyebabkan banyak orang
yang kemudian menyulap sepeda motor nya menjadi becak. Itu mengapa di
sebagian besar kota di Indonesia berkembang becak motor. Alasan perubahan ini
dikarenakan pada saat menggunakan becak, orang maupun barang yang diangkut
akan lebih banyak di banding menggunakan sepeda motor saja. Atas alasan-alasan
dari norma masyarakat yang berkembang dengan sendirinya tersebut, becak jadi
semakin menjamur dewasa ini.
Akan tetapi berdasarkan pasal 48 UU no 22 tahun 2009 mengenai lalu
lintas dan angkutan jalan, becak motor tidak termasuk kendaraan yang memenuhi
syarat untuk di jadikan alat transportasi umum baik sebagai angkutan barang
maupun orang.
Syarat sebuah kendaraan dijadikan sebagai alat transportasi umum adalah
laik (memenuhi standar keselamatan) dan legal hukum. Becak motordikatakan
tidak legal dikarenakan becak motor merupakan modifikasi tidak resmi dari
kendaraan roda dua, dan becak motor menggunakan plat hitam (kendaraan milik
pribadi) sedangkan kendaraan umum atau angkutan umum seharusnya
menggunakan plat kuning(Goverment, 2009).
Atas dasar hal di atas maka becak motor dianggap sebagai alat
transportasi umum ilegal. Namun disebabkan kebutuhan dan tuntutan lingkungan,
becak motor terus berkembang di lingkungan masyarakat.
Perkembangan becak motor yang semakin pesat di lingkungan
masyarakat mempengaruhi ketertiban lalu lintas, juga sering terjadi perebutan
wilayah pengangkutan penumpang antar sesama pengemudi becak. Keterbatasan
pangkalan becak motor juga berpengaruh terhadap beberapa pengguna jasa becak
motor dalam mencari becak motor, karena di wilayah tertentu sama sekali tidak
ada pangkalan becak motor tersedia.
berdasarkan uraian di atas, penulis mengambil judul “Pembuatan
Prototype Aplikasi Smart Pedicab Berbasis Android” untuk dibahas dalam
13. 3
laporan ini. Tujuan dari aplikasi yang dirancang adalah untuk mempermudah
Pengemudi becak motor dalam mencari penumpang serta menertibkan para
pengguna becak motor baik Pengemudi maupun penumpang.
1.2. Perumusan masalah
Berdasarkan latar belakang masalah yang telah di uraikan sebelumnya,
maka dapat dirumuskan permasalahan yang akan di ambil adalah:Bagaimana
untuk membuat sebuah prototype aplikasi smart pedicab berbasis android.
1.3. Tujuan tugas akhir
Adapun tujuan dari dilaksanakannya penelitian ini adalah untuk:
1. Membuat Prototype Aplikasi Smart Pedicab Berbasis Android
2. Mengkomputerisasikan sistem yang sudah ada antara para Pengemudi becak
dan pengguna jasa becak (Pelanggan) dalam proses pemesanan dan
penggunaan becak
1.4. Batasan masalah
Mengingat banyaknya perkembangan yang dapat ditemukan dalam
permasalahan ini, maka perlu adanya batasan-batasan masalah yang jelas
mengenai apa yang dibuat dan diselesaikan dalam pembuatan aplikasi ini. Adapun
batasan-batasan masalah pada penelitian ini adalah sebagai berikut:
1. Perancangan difokuskan pada pengkomputerisasian sistem yang sudah ada
antara para pengemudi becak dan pengguna jasa becak (Pelanggan) dalam
pemesanan dan penggunaan becak.
2. Sehubungan dengan judul, sehingga sistem ini lebih di titik beratkan pada
aplikasi sisi Client (aplikasi android) sisi admin hanya sebatas penghubung
antar Client Pelanggan dan Client pengemudi.
3. Implementasi dari perancangan sistem dan aplikasi ini sampai pada tahap
prototype sistem sehingga belum terpantau sepenuhnya terhadap
penerapannya.
4. Pada menu pilihan pembayaran terdapat pilihan transfer, namun pilihan ini
belum terhubung langsung dengan internet banking.
14. 4
5. Pada menu pemilihan asal dan tujuan hanya dipilih beberapa daerah yang
dianggap sebagai titik temu atau pul penjemputan.
6. untuk pengujian aplikasi dan sistem, tidak dilakukan evaluasi
terhadapPelanggan maupun Pengemudi secara langsung, hal ini di sebabkan
keterbatasan waktu dalam pengerjaannya.
15. 5
BAB II
TINJAUAN PUSTAKA
2.1. Sejarah Becak
Berdasarkan KBBI (Kamus Besar Bahasa Indonesia) becak adalah
kendaraan umum seperti sepeda tidak bermotor, beroda tiga, bertutup (tutupnya
dapat dibuka), satu sadel di belakang, tempat duduk penumpang di depan,
dijalankan dengan tenaga manusia (KemDikBud, 2017).
Becak merupakan kendaraan yang sudah melewati berbagai sejarah
indonesia, namun tidak ada satupun dokumen negara yang bercerita mengenai
sejarah becak. Berdasarkan sebuah artikel di kompasiana menuliskan mengenai
awal dikenalnya becak melalui sebuah majalah jawa yaitu jawa shimbun terbitan
20 januari 1943, becak mulai di perkenalkan ke masyarakat Batavia (sekarang
Jakarta) dari Hongkong dan Singapura sekitar tahun 1930-an melalui seorang
wartawan Jepang dalam tulisannya yang berjudul “pen to kamera”. Pada tahun
yang sama, becak mulai berubah dari becak bertenaga manusia menjadi becak
bertenaga mesin yang kemudian hingga kini dikenal dengan becak motor(Ilham,
2006).
2.2. Sejarah Transportasi
2.3. Sejarah Aplikasi Transportasi Online
Aplikasi Smart Pedicab ini bukan merupakan aplikasi transportasi online
yang pertama di Indonesia, sebab sebelum di bangunnya Smart Pedicab ini sudah
lebih dahulu ada beberapa aplikasi yang juga melayani transportasi online.
Transportasi onlinedimulai sejak 2010 oleh seorang pengusaha muda bernama
Nadiem Makarim (Faqih, 2017)aplikasi tersebut di antaranya adalah Grab, Gojek,
dan Uber, dan travel online. Berikut penjabaran masing-masing aplikasi tersebut:
1. Grab
Pada tahun 2012 grab di bangun dengan nama Myteksi yang hanya melayani
Pelanggan yang membutuhkan jasa taksi. Namun seiring berjalannya waktu
dan berkembangnya myteksi beralih nama menjadi grab. Hingga saat ini grab
16. 6
telah menawarkan berbagai pelayanan diantaranya grab taksi (membantu
pengguna grab untuk menemukan pengemudi taksi terdekat pada aplikasi
grab), grab car (pelayanan penyewaan kendaraan pribadi roda empat dengan
penyediaan Pengemudi yang sudah terlatih dan profesional), grab bike
(mengantar jemput penumpang menggunakan kendaraan roda dua, mirip
seperti ojek online), grabexpress (layanan kurir ekspress), grab food (layanan
pesan antar makanan dari berbagai restoran), grab hitch bike (pelayanan
transportasi harian menggunakan roda dua dengan tarif yang sudah di
tentukan berdasarkan jarak/km), grab hitch car (pelayanan transportasi harian
menggunakan roda empat dengan tarif yang sudah di tentukan berdasarkan
jarak/km), grab rental (layanan penyewaan transportasi roda empat dengan
batas waktu 6 jam), dan grab parcel (pelayanan kurir pengiriman barang
dengan jadwal yang sudah ditentukan).
2. Gojek
Gojek berdiri sejak tahun 2010 dengan layanan andalannya transportasi roda
dua (ojek). Awalnya gojek hanya menawarkan jasa antar jemput penumpang,
namun saat ini gojek telah menyediakan berbagai layanan yang mencakup
berbagai lini seperti go-ride, go-car, go-food, go-mart, go-send, go-box, go-
tix, dan go-med. Untuk pembayarannya gojek melayani pembayaran
menggunakan cas, point, point, dan pulsa. Sedangkan layanan sehari-hari go-
life menyediakan go-message, go-clean, go-auto, dan go-glam.
3. Uber
Uber adalah aplikasi penyedia layanan yang bertujuan membantu para
pemilik mobil pribadi untuk menghasilkan uang menggunakan mobilnya.
Uber juga menyediakan mobil bagi Pengemudi yang berniat menghasilkan
uang namun tidak memiliki kendaraan. Bahkan uber juga membantu
menyediakan smartphone jika tidak memiliki smartphone yang mumpuni
untuk digunakan.
4. Travel Online
Travel online ini adalah aplikasi yang dibuat oleh seorang mahasiswi
pascasarjana dari universitas sepuluh november yang bernama Prasetyati
Riski Rahmawati.
17. 7
Perbedaan dari ke empat aplikasi transportasi online di atas terletak
pada jenis pelayanan dan cara operasinya. Namun dari ke empat aplikasi
tersebut belum ada yang menggunakan becak sebagai alat transportasinya.
2.4. App Inventor 2
Menurut pendapat Mulyadi yang di kutip dalam tugas akhir Sri Yani
(Yani, 2016)App Inventor adalah sebuah IDE (Integrated Development
Environtment/Tool) untuk membuat aplikasi Android, yang menyenangkan dari
IDE ini adalah karena berbasis Visual BlockProgramming. Sehingga pembuatan
aplikasi tidak memerlukan code, hanya perlu drag-dropsblock yang berisi
codeatau lambang perintah-perintah dan fungsi-event handler tertentu, secara
sederhana dapat di sebut coding less.
2.5. MYSQL
MySQL pertama kali dirintis oleh seorang ProgrammerDatabase
bernama Michael Widenius. MySQL Database Server adalah RDBMS
(Relational Database Management System) yang dapat menangani data
bervolume besar namun tidak menuntut Resource yang besar. MySQL dapat
mengirim dan menerima data dengan cepat dan Multi User (Komputer, 2010).
MySQL bersifatOpensourcedan berada di bawah lisensi GNU General
Publick License (GPL) atau lisensi nonkomersil GPL (Betha Sidik, 2003).
18. 8
Server MariaDB adalah salah satu server database terpopuler di dunia. Ini
dibuat oleh pengembang asli MySQL dan dijamin tetap open source. Pengguna
terkenal termasuk Wikipedia, WordPress.com dan Google.
MariaDB mengubah data menjadi informasi terstruktur dalam beragam
aplikasi, mulai dari perbankan hingga situs web. Ini adalah pengganti drop-in
yang disempurnakan untuk MySQL. MariaDB digunakan karena cepat, terukur
dan kuat, dengan ekosistem mesin penyimpanan yang kaya, plugin dan banyak
alat lainnya membuatnya sangat serbaguna untuk berbagai macam kasus
penggunaan.
MariaDB dikembangkan sebagai perangkat lunak open source dan sebagai
database relasional, ia menyediakan antarmuka SQL untuk mengakses data. Versi
terbaru MariaDB juga menyertakan fitur GIS dan JSON (Foundation, 2016).
2.6. PHP
PHP atau Hypertext preprocessor pertama kali dibuat oleh Rasmus
Lerdorf pada tahun 1994 dalam bentuk skrip perl, pada awalnya PHP tidak untuk
didistribusikan melainkan hanya digunakan pada homepage pribadi milik Rasmus
Lerdorf. Namun pada tahun 1995 skrip-skrip tersebut dikemas menjadi sebuah
toolyang disebut Personal Home Page inilah yang menjadi cikal bakal PHP.
Kemudian pada pertengahan 1995 ditulis kembali oleh Rasmus Lerdorf dan diberi
nama dengan PHP/FI Version 2. F1 berasal dari paket Rasmus yang mana
merupakan html Interpreter untuk data Form. Pada hasil kombinasi tersebut juga
ditambah dukungan terhadap SQL (Taryana Suryana, 2007).
19. 9
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1. Tinjauan Umum
Pada tugas akhir ini penulis membuat aplikasi becak online yang diberi
nama SMART PEDICAB. Aplikasi ini berbasis android untuk sisi Client
sedangkan sisi admin berbasis web.
3.2. Analisis Sistem
Analisis merupakan kegiatan penguraian suatu sistem informasi yang
lengkap dan nyata ke dalam bagian-bagian atau komponen-komponen komputer
yang bertujuan untuk mengidentifikasi serta mengevaluasi masalah-masalah yang
mungkin terjadi, hambatan-hambatan yang ada dan kebutuhan-kebutuhan yang
diharapkan sehingga mengarah kepada solusi untuk perbaikan maupun
pengembangan ke arah yang lebih baik dan sesuai dengan kebutuhan serta
perkembangan teknologi. Adapun langkah-langkah yang ada pada analisis ini
meliputi: analisis sistem lama, analsisis sistem baru, dan perbandingan sistem.
3.2.1. Analisa Sistem Lama
Kelemahan sistem lama dalam proses transaksi antara Pengemudi dan
penumpang yaitu masih menggunakan telephone sebagai media untuk
menghubungi Pengemudi becak, jika penumpang tidak memiliki nomor telephone
Pengemudi maka penumpang harus menunggu di pangkalan becak. Permasalahan
sebenarnya adalah tidak memadainya fasilitas pangkalan becak yang ada di Kota
Bangkinang. Umumnya pangkalan becak yang ada di Kota Bangkinang hanya
berlokasi di tempat-tempat umum seperti sekitaran pasar, rumah sakit, dan
beberapa berlokasi di depan perkantoran, sedangkan pengguna jasa becak tidak
hanya di sekitaran itu. Sehingga para pengguna jasa becak (penumpang) yang
lokasi tinggal nya jauh dari pangkalan mengalami kesulitan jika akan
menggunakan jasa becak.
Untuk menyelesaikan masalah diatas, penulis membuat sebuah aplikasi
becak online berbasis android yang di beri nama SMART PEDICAB. Aplikasi ini
memiliki dua sisi user yaitu sisi admin dan sisi Client sedangkan sisi Client
20. 10
terbagi menjadi dua bagian yaitu bagian Pengemudi dan bagian penumpang.
Aplikasi yang di buat dapat digunakan untuk menentukan asal dan tujuan
penjemputan penumpang pengguna jasa becak, juga jarak yang akan di tempuh
dan biaya transportasi yang harus dibayar oleh penumpang.
3.2.2. Analisa Sistem Baru
Aplikasi becak online yang penulis buat berbasis android mempunya
kelebihan dibandingkan dengan sistem lama, adapun kelebihannya sebagai
berikut:
1. Mempermudah proses pemesanan becak yan di lakukan oleh penumpang.
2. Menghemat dari segi ekonomi dan waktu bagi Pengemudi maupun
penumpang, bagi Pengemudi sebab Pengemudi tidak perlu berkeliling
mencari penumpang atau harus menunggu di pangkalan becak. Sedangkan
bagi penumpang, tidak perlu menghabiskan waktu menunggu di pangkalan
becak.
3. Aplikasi di buat versi beta, dalam artian aplikasi ini masih dapat
dikembangkan lagi.
4. Dari segi pemasaran aplikasi, akan sangat mudah karna aplikasi berbasis
android, sedangkan android adalah sebuah platform yang saat ini banyak
digunakan diberbagai smartphone yang di gunakan oleh masyarakat dari
berbagai kalangan.
3.3. Perancangan Aplikasi Smart Pedicab
Aplikasi smart pedicab ini adalah sebuah aplikasi yang terdiri dari dua
sisi UI (user interface) .
sisi yang pertama yaitu sisi admin yang dibuat dengan basis web dengan
memanfaatkan bahasa pemrograman PHP (Hypertext Prepocessor) yang
tergabung didalam framework codeigniter. Untuk UI dasar menggunakan HTML
(Hypertext Markup Language) dan untuk mempercantik halaman digunakan
gabungan dari CSS(Cascading Style Sheet), framework Jquery dan framework
bootstrap.
Sisi yang kedua yaitu sisi Clientyang dibuat dengan basis mobile dengan
menggunakan platform android dan memanfaatkan appinventor sebagai IDE
(integrated development environtment).
21. 11
3.3.1. Deskripsi Sistem
Internet
Client Pengemudi
Client pelanggan
Admin
Gambar 3.1. Model Koneksi Client Server Smart Pedicab
Pada tahap awal ini komunikasi yang digunakan baik oleh Client maupun
server adalah internet. Media internet dipilih karena diasumsikan lebih efektif
dan efisien. Tidak hanya efektif, internet juga termasuk media komunikasi yang
dikenal luas oleh masyarakat sehingga dalam pengaplikasiannya lebih mudah
diterima.
Setelah memanfaatkan internet sebagai media komunikasi, selanjutnya
untuk pelayanan terhadap Client kami memanfaatkan platform android. Hal ini
dikarenakan android merupakan salah satu operating sistem mobile yang bersifat
opensource , juga penggunaan android sudah sangat familiar di masyarakat
seiring dengan perkembangan teknologi smartphone.
22. 12
Sesuai dengan teori dasar dan tujuan dari pembuatan aplikasi Smart
Pedicab, maka dapat digambarkan bahwa secara umum aplikasi ini memiliki 2
(dua) sisi antar muka atau user interface (UI). Dua sisi tersebut adalah :
1. Sisi Server
Pada sisi ini berfungsi sebagai pelayanan. Seperti halnya ketika
seseorang berbelanja maka terdapat service atau layanan yang diberikan oleh toko
atau perusahaan tempat berbelanja. Maka fungsi server adalah melayani Client.
Pada sisi server memiliki seorang user yang berperan sebagai admin dan pada sisi
ini UI sistem berbasisi web. Admin memiliki wewenang penuh terhadap sistem.
Adapun wewenang-wewenang tersebut diantaranya:
− Mengelola akunClient, dalam artian memberi hak akses, membatasi hak
akses, atau bahkan tidak memberi akses sama sekali kepada Client,
− Mengelola data Client, yaitu mengelola keseluruhan data Client baik
Pengemudi maupun Pelanggan,
− Membuat laporan, laporan berisi rekap mingguan ataupun bulanan dari
aktifitas pemesanan becak antara ClientPelanggan dan ClientPengemudi.
2. Sisi Client
Pada sisi ini berfungsi sebagai sarana pengguna untuk dapat
berkomunikasi dengan server dan mendapat layanan. Pada sisi Client(Client side)
terdapat 2 (dua) jenis Client yang akan terkoneksi dengan server.
1. Client Pelanggan
Client Pelanggan adalah Client yang berfungsi sebagai penumpang. Pada
sisi Client Pelanggan terdapat fungsi-fungsi sebagai berikut :
- Membuat akun (mendaftar)
- Memesan Becak,
- Membatalkan Pesanan,
- Memperoleh notifikasi pemesanan,
- Mengetahui jarak yang akan di tempuh dari asal ke tujuan,
23. 13
- Mengetahui biaya yang harus dibayar.
2. ClientPengemudi
ClientPengemudi adalah Client yang berfungsi sebagai Pengemudi Becak
motor. Pada sisi ClientPengemuditerdapat fungsi-fungsi sebagai berikut :
- Membuat akun (mendaftar)
- Memperoleh notifikasi pemesanan,
- Menerima pesanan ClientPelanggan,
- Mengetahui lokasi asal dan tujuan dari ClientPelanggan,
- Mengetahui biaya yang dikeluarkan oleh ClientPelanggan,
- Melihat penghasilan yang diperoleh.
Namun untuk dapat memperoleh layanan-layanan tersebut, baik
Pelanggan maupun Pengemudi harus mendaftar terlebih dahulu agar
terdaftar sebagai pengguna sistem. Selanjutnya password yang akan
digunakan untuk masuk kedalam sistem diperoleh pada saat
ClientPengemudi maupun ClientPelanggan mengisi form pendaftaran
yang juga terdapat kolom password, sedangkan untuk username yang
akan digunakan pada saat masuk ke dalam sistem adalah nomor NIK
yang juga sudah terdaftar ke dalam sistem pada saat proses pendaftaran.
Setelah terpenuhi syarat sebagai pengguna baru dengan mendaftarkan
NIK dan membuat password, Pelanggan dan Pengemudi memperoleh
akses ke dalam sistem sesuai dengan fungsinya masing-masing.
3.3.2. Diagram Blok Sistem
Berdasarkan deskripsi sistem yang telah di jabarkan sebelumnya, berikut
ini diagram blok sistem yang menggambarkan keseluruhan cara kerja dari
penggunaan aplikasi smart pedicab yang dapat dilihat pada gambar 3.2 :
24. 14
Database
php
android
web
server
SMART
PEDICAB
Parsing
Gambar 3.2. Diagram blok
Dari gambar di atas, dapat di jabarkan bahwa Client menggunakan
smartphone berbasis android yang telah terhubung dengan internet untuk
mengakses database di dalam server dengan memanfaatkan php sebagai media
penghubung (parsing) sehingga akan tampil data yang berisi tampilan android
dari aplikasi smart pedicab. Sedangkan dari sisi yang berbeda, admin
menggunakan tampilan web untuk mengakses sistem di dalam server.
3.3.3. Perancangan Proses
Rancangan proses pada sistem ini menggunakan UML Diagram (Unified
Modeling Language Diagram), yang meliputi Use Case Diagram, Class Diagram,
Activity Diagram, dan Sequence Diagram. Adapun penjabarannya adalah sebagai
berikut:
1. Diagram Use Case(UseCase Diagram)
Perancangan UseCase Diagram ini melibatkan tiga entitas luar yaitu
admin, Pelanggan, dan Pengemudi. Berikut ini penjabaran masing-masing
entitas tersebut:
25. 15
Gambar 3.3. Diagram Use Case ClientPelanggan
Berdasarkan gambar 3.3 yang merupakan penggambaran
dari diagram use case ClientPelanggan, setelah sebelumnya mengisi form
pendaftaran agar terdaftar didalam sistem. Setelah terdaftar dan memiliki
akun, Pelanggan dapat melakukan pemesanan becak motor sesuai dengan
keperluannya. Pada saat memesan, Pelanggan dapat menentukan titik poin
penjemputan beserta dengan titik poin tujuan, setelah di tentukan secara
otomatis Pelanggan akan mengetahui jarak perjalanan yang akan di
tempuh dan biaya transportasi yang harus di bayar. Untuk pembayaran ada
dua alternatif yaitu dengan cash atau dengan transfer (menggunakan
internetbanking). Pelanggan boleh membatalkan pesanan melalui aplikasi
ini.
Gambar 3.4. Diagram Use Case Pengemudi
System
Client Pelanggan
Login
membuat akun
buat pesanan
Verifikasi Login
notifikasi penjemputan
<<extend>>
membatalkan pesanan
<<extend>>
System
Client Pengemudi
Login
Membuat akun
Melihat Pesanan
Verifikasi pesanan
Verifikasi Login
<<extend>>
26. 16
Berdasarkan gambar 3.4 yang merupakan penggambaran
dari Diagram Use Case Pengemudi, sebelum dapat menerima pesanan
becak motor dari Pelanggan, Pengemudi harus terdaftar di dalam sistem.
Untuk terdaftar, Pengemudi membuat akun terlebih dahulu dengan cara
mengisi form pendaftaran yang tersedia pada saat pertama kali mengakses
aplikasi. Setelah memiliki akun, Pengemudi dapat login ke dalam aplikasi
untuk dapat menerima pesanan yang masuk dari Pelanggan. Pengemudi
juga dapat mengetahui data Pelanggan yang memesan, seperti nama dan
nomor telepon, Pengemudi juga dapat melihat asal dan tujuan Pelanggan
yang akan di jemput, juga dapat melihat jarak perjalanan serta biaya yang
harus di bayar oleh Pelanggan tersebut.Pengemudi juga dapat melihat
penghasilan yang diperoleh berdasarkan jumlah Pelanggan.
Gambar 3.5. Diagram Use Case Admin
Berdasarkan gambar 3.5 yang merupakan penjabaran dari
Diagram Use Case Admin. Untuk masuk ke dalam sistem admin harus
terlebih dahulu login. Setelah login, admin memiliki wewenang untuk
mengelola akun miliknya, kemudian dapat mengelola data milik
Pelanggan dan Pengemudi, membuat laporan, dan mengelola sistem.
2. Diagram Kelas (Class Diagram)
System
Admin
Login
Mengelola Akun Client
Mengelola Data Client
Laporan
Notifikasi Pemesanan
Veriikasi Login
<<include>>
28. 18
pelanggan Sistem
start
Menampilkan form loginMasuk aplikasi
Menampilkan form pendaftaran
Belum memiliki akun, memilih tombol
daftar
Menerima data pendaftar
Mengisi form pendaftaran
Mem-verifikasi data Data yang telah diverifikasi disimpan
Menampilkan halaman utama
berhasil
Memasukkan username
Dan password
Mengisi asal dan tujuan
Menampilkan perhitungan jarak dan
biaya transportasi
keluar
Menampilkan form login
ya
Tidak
End
Mengirim kode verifikasiMenerima kode verifikasi
Gambar 3.6 Diagram Aktivitas Pelanggan
29. 19
pengendara Sistem
start
Menampilkan form loginMasuk aplikasi
Menampilkan form pendaftaran
Belum memiliki akun, memilih tombol
daftar
Menerima data pendaftar
Mengisi form pendaftaran
Mem-verifikasi data Data yang telah diverifikasi disimpan
Menampilkan halaman utama
berhasil
Memasukkan username
Dan password
Melihat data pelanggan pemesan
Menampilkan data pelanggan pemesan,
jarak tempuh, dan biaya transportasi
keluar
Menampilkan form login
ya
Tidak
End
Mengirim kode verifikasiMenerima kode verifikasi
Gambar 3.7. Diagram Aktivitas Pengemudi
30. 20
Admin Sistem
start
Menampilkan form login
Menampilkan halaman utama
berhasil
Memasukkan username
Dan password
Memilih salah satu menu
(akun,laporan,pengaturan pelanggan &
supir,pengaturan sistem)
Menampilkan halaman sesuai
Dengan menu yang dipilih
Mengakses data
keluar
Masuk aplikasi
End
Gambar 3.8. Aktivitas Diagram Admin
31. 21
Pada gambar 3.8 yaitu gambar diagram aktivitas yang
menggambarkan aktivitas yang dilakukan oleh admin, dimulai dengan
masuk ke dalam aplikasi kemudian memasukkan username dan password
yang telah ditentukan. Selanjutnya jika login username dan password
benar kemudian berhasil masuk kedalam aplikasi sebagai admin, admin
dapat mengakses menu akun, laporan,pengaturan Client, dan pengaturan
sistem. Admin dapat dengan leluasa mengakses dan memantau seluruh
kinerja aplikasi. Selanjutnya setelah mengakses data yang diinginkan
admin dapat keluar dari sistem ataupun tetap di dalam sistem.
4. Diagram Sekuen (Sequence Diagram)
Admin validasi Halaman
utama
Halaman
akun
Halaman
laporan
Halaman
pengaturan
sistem
Keluar
masuk
Memilih
akun
Menampilkan
akun
Memilih halaman
laporan
Menampilkan halaman
laporan
keluar
keluar
ditolak
Halaman
pengaturan
user
diterima
Memilih halaman
Pengaturan user
Menampilkan halaman
Pengaturan user
Memilih halaman
Pengaturan sistem
Menampilkan halaman
Pengaturan sistem
validasi
Sequence Diagram Admin
Gambar 3.10 Sequence Diagram Admin
32. 22
3.3.4. Perancangan User Interace
tidak hanya proes yang di perlukan dalam sebuah sistem, tampilan
yang menarik juga diperlukan dalam sebuah sistem. Berikut ini rancangan
tampilan (User Interface) yang akan digunakan pada Prototype aplikasi
Smart Pedicab berbasis android:
1. Perancangan UI Sisi Client
a. Rancangan halaman Pendaftaran
Rancangan halaman pendaftaran adalah rancangan yang digunakan
untuk mendaftar oleh Pelanggan.
Gambar 3.11. Rancangan form pendaftaran
b. Rancangan Halaman Login
Rancangan halaman login adalah rancangan halaman yang akan
digunakan Client untuk memasukkan username dan password.
FORM PENDAFTARAN
Nik
Nama
Alamat
No Hp
DAFTARBATAL
Penumpang / Pengemudi
33. 23
Gambar 3.12. Rancangan Form Login Client supir
c. Rancangan Halaman Utama Supir
Rancangan ini adalah rancangan yang akan di tampilkan
apabilaClientPengemudi telah berhasil masuk ke dalam
aplikasi.Apabila pilihan menu di klik akan ada pilihan menu
penghasilan yang menampilkan jumlah penghasilan yang diperoleh
dan buttonkeluar yang berfungsi untuk keluar dari aplikasi.
Selamat Datang
Pengemudi
Pilihan
menu
LoginDaftar>>
Password
Username
L
o
g
o
Smart Pedicab
34. 24
Gambar 3.13. Rancangan Halaman Utama client pengemudi
d. Rancangan Halaman utama client Pelanggan
Rancangan ini adalah rancangan yang akan di tampilkan
apabilaClientPelanggan telah berhasil masuk ke dalam aplikasi.
Apabila pilihan menu di klik akan terdapat button keluar yang
berfungsi untuk keluardari aplikasi. kemudian dibawah nya
terdapat pesan selamat datang diikuti dengan nama penumpang
yang menggunakan aplikasi, selanjutnya kolom asal merupakan
selection box yang berisi pilihan titik-titik penjemputan dan kolom
tujuan juga selection box yang berisi pilihan titik-titik tujuan
pengantaran, kolom tujuan akan ditampilkan setelah kolom asal
dipilih. Untuk kolom biaya dan jarak akan otomatis tampil setelah
asal dan tujuan di tentukan, sedangkanButton pesan berfungsi
untuk konfirmasi pemesanan.
Gambar 3.14. Rancangan Halaman utama client pelanggan
asal
tujuan
jarakbiaya
Pesan
Pilihan
menu
Selamat Datang
(nama penumpang)
35. 25
e. Halaman konfirmasi
Halaman ini akan tampil setelah ClientPelanggan menekan tombol
pesan pada halaman pemesanan. Fungsi halaman ini adalah untuk
mengkonfirmasi pemesanan yang dilakukan oleh ClientPelanggan.
Pada halaman ini terdapat pesan terimakasih yang diikuti nama
ClientPelanggan yang memesan, kemudian di bawahnya terdapat
kolom keterangan yang berisi keterangan pemesanan yang
dilakukan. Button ok berfungsi untuk mengkonfirmasi pemesanan
sekaligus menutup layar konfirmasi.
Gambar 3.15. Rancangan halaman konfirmasi
2. Perancangan UI Sisi Admin
Untuk UI sisi admin berbasis web.
a. Rancangan halaman Login
Rancangan halaman login adalah rancangan halaman yang akan
digunakan admin untuk memasukkan username dan password.
Terimakasih
(nama Pelanggan)
Keterangan
Ok
36. 26
Gambar 3.16. rancangan form login admin
b. Rancangan Halaman Utama Admin
Adalah halaman yang akan di tampilkan setelah admin berhasil
masuk ke dalam sistem. Pada halaman ini terdapat beberapa menu
yaitu:
1. Beranda
Pada beranda, yang akan di tampilkan adalah data pengguna.
2. Laporan
Pada laporan yang akan di tampilkan adalah tabel order pada
database yang berisi data pemesanan yang di lakukan
Pelanggan dan Pengemudi yang menerima pesanan.
3. Pengguna
Pada menu pengguna terdapat du pilihan yaitu tambah dan
hapus. Untuk menu tambah tidak dapat digunakan sebab
penambahan penggunadilakukan melalui form pendaftaran
pada aplikasi android. Sedangkan menu hapus berungsi untuk
menghapus pengguna aplikasi dari sisi Client.
4. Keluar
Menu keluar difungsikan oleh admin untuk keluar dari website.
Logo
Username
Password
Login
38. 28
BAB IV
HASIL DAN PEMBAHASAN
4.1. Implementasi
Berdasarkan perancangan yang telah di bahas pada bab sebelumnya,
berikut ini adalah hasil implementasi yang diperoleh dari perancangan tersebut.
Pada tahap implementasi ini ada beberapa poin penting yang akan di
bahas yaitu mengenai implementasi sistem dan aplikasi yang di buat, pengujian
sistem dan program, serta pemeliharaan sistem.
4.1.1. Implementasi Sistem
Sistem memiliki dua sisi yaitu sisi admin dan sisi Client. Pada sisi admin
tampilan tatap muka berbasis web, sedangkan pada sisi Client tampilan tatap
muka berbasis android. Halaman yang akan di akses oleh admin dan Client adalah
sebagai berikut:
A. Tatap Muka (User Interface) sisi Admin
1. Tampilan login pada sisi admin
Untuk mengakses halaman login admin, alamat yang di akses adalah
10.254.80.3/smartpedicab. Pada login admin ini, admin diminta untuk
memasukkan username dan password, setelah login berhasil akan di
arahkan pada halaman utama untuk mengakses menu laporan,
pengguna.
39. 29
Gambar 4.1 halaman login admin
2. Halaman utama admin
Pada halaman utama akan terdapat sebuah pesan selamat datang
kemudian di bawahnya terdapat tabel data pengguna yang terhubung
langsung ke tabel pengguna yang terdapat di dalam database. Tabel
pada tampilan ini akan selalu ter-update sesuai dengan isi dari tabel
pengguna pada database.
Gambar 4.2. Halaman utama admin
40. 30
3. Menu laporan
Selanjutnya pada Gambar 4.3 adalah menu laporan, terdapat sebuah
tabel laporan keuangan pengemudi. Tabel laporan ini berfungsi untuk
membuat laporan bulanan maupun mingguan menyangkut jumlah
penumpang yang telah di peroleh oleh masing-masing Pengemudi,
dan jumlah penghasilan yang diperoleh masing-masing Pengemudi.
Laporan ini dapat langsung di ubah ke dalam bentuk pdf maupun di
cetak, karna tersedia menu “print to pdf” di bagian bawah tabel
(Gambar 4.4).
Gambar 4.3. Menu Laporan
41. 31
Gambar 4.4. Halaman “Print to PDF”
4. Sub Menu Hapus
Sub Menu Hapus (Gambar 4.5), adalah menu yang di sediakan agar
admin dapat menghapus user. Apabila user telah di hapus dari tabel
pengguna, maka user baik Pelanggan maupun Pengemudi harus
mendaftar kembali untuk dapat hak akses masuk ke dalam aplikasi
smart pedicab.
Gambar 4.5. Sub Menu Hapus
Gambar 4.6. Halaman sub menu hapus
42. 32
Pada Gambar 4.6 di tengah halaman sub menu hapus terdapat select box
yang berisi pengemudi ataupun penumpang. Untuk menghapus, pilih salah
satu kemudian klit tombol deleteyang berada di bawah select box.
5. Sub Menmu tambah
Berdasarkan perancangan yang terdapat pada bab 3, terdapat menu
penambahan pada halaman admin. Namun sebenarnya menu ini tidak
berfungsi sebab yang dapat menambahkan Pelanggan hanya aplikasi
android dan yang menambahkannya adalah Pelanggan itu sendiri
dengan cara mendaftar. Setelah sub menu tersebut di klik, akan di
arahkan ke halaman tambah yang kemudian tampil warning allert
(Gambar 4.8.).
Gambar 4.7. Sub Menu Tambah
43. 33
Gambar 4.8. Halaman Tambah
6. Button keluar
Tombol ini berfungsi untuk kemuar dari aplikasi smart pedicab
berbasisi web.
Gambar 4.9. Button Keluar
B. Tatap Muka (User Interface)sisi Client
1. Tampilan Halaman Pendaftaran
44. 34
Halaman Pendaftaran adalah halaman yang digunakan oleh client
pelanggan dan client driver untuk mendaftar ke dalam sistem agar
memperoleh akses login untuk masuk kedalam aplikasi dan
memperoleh pelayanan sesuai dengan level usernya. Berikut ini
halaman pendaftaran (Gambar 4.3), setelah pendaftaran berhasil akan
tampil notifikasi (Gambar 4.4).
Gambar 4.3. Halaman Pendaftaran
45. 35
Gambar 4.4. Notifikasi Pendaftaran Sukses
2. Tampilan login pada sisi Client
Pada halaman login Client, baik Client pengemudi maupun Pelanggan
sama, perbedaan nya terletak pada username dan password yang
digunakan untuk login, sebab pada saat pemberian password dan
username, menggunakan pembagian level user. Setelah Client berhasil
masuk, tergantung apakah Client tersebut berlevel pengemudi ataupun
Pelanggan maka akan di arahkan ke halaman utama yang sesuai
dengan level loginnya. Berikut ini halaman Login (Gambar 4.5),
Namun apabila login gagal, akan tampil sebuah notifikasi (Gambar
4.6).
47. 37
3. Halaman Utama Client Pelanggan
Halaman utama Client pelanggan ini merupakan halaman pemesanan
becak, pada halaman ini terdapat selectbox untuk pemilihan titik asal
dan titik tujuan. Setelah titik asal dan titik tujuan di tentukan, maka
jumlah pembayaran akan tampil dengan sendirinya berdasarkan asal
dan tujuan. Kemudian setelah di tekan tombol pesan, akan muncul
sebuah notofikasi yangmemberitahukan bahwa pemesanan telah
berhasil. Berikut ini Halaman utama Client pelanggan (Gambar 4.7)
dan setelah pemesanan berhasil, berikut notifikasi yang muncul
(Gambar 4.8).
Gambar 4.7. Halaman Utama Client Pelanggan
48. 38
Gambar 4.8. Notifikasi Pemesanan
4. Halaman Utama Client Pengemudi
Halaman utama Client Pengemudi adalah halaman yang akan tampil
apabila user login berdasarkan level login 2 yaitu pengemudi. Pada
halaman ini pengemudi dapat melihat penghasilan, kemudian
menerima notifikasi berdasarkan pelanggan yang memesan. Berikut
ini tampilan halaman utama Client Pengemudi (Gambar 4.9) dan
apabila terdapat pelanggan yang memesan, akan tampil notifikasi
seperti berikut (Gambar 4.10):
50. 40
4.1.1. Manual instalasi
Berdasarkan aplikasi yang telah dibuat, smart pedicab berbasis android
dapat di tampilkan setelah apk project di downloaddari akun
appinventor.mit.edu di install pada smartphone android, (lihat pada
lampiran II).
4.1.2. Pengujian Sistem Dan Program
A. Pengujian Form Login
Berdasarkan form userinterface yang telah dibuat sebelumnya,
berikut ini pengujian dari masing-masing form tersebut:
1. Pengujian Form Pendaftaran
Tabel 4.1. Pengujian Form Pendaftaran
Deskripsi Prekondisi
Prosedur
Pengujian
Masukan
Keluaran
Yang
Diharapkan
Kriteria
Evaluasi
Hasil
Hasil Yang
Didapat
Keterangan
Pengujian
Form
Pendaftaran
untuk user
client
Tampilan
halaman
pendaftaran
Mengisi
Data Diri
sesuai
dengan
yang di
minta
Data Diri
User Client
yang di
perlukan
Notifikasi
pendaftaran
telah
diterima
Layar yang
ditampilkan
sesuai
dengan
yang
diharapkan
Notifikasi
pendaftaran
telah
diterima
Berhasil
Menekan
Tombol
Daftar
String Data
diri dari
masing-
masing
form
pendaftaran
Berhasil
2. Pengujian Form Login Admin
Tabel 4.2. Pengujian Form Login Admin
Deskripsi Prekondisi
Prosedur
Pengujian
Masukan
Keluaran Yang
Diharapkan
Kriteria
Evaluasi
Hasil
Hasil Yang
Didapat
Keterangan
Pengujian
menu
login sisi
admin
Tampilan
Layar
Login
Masukkan
Username
dan
Password
Data
Usernam
dan
Password
Data berhasil
di validasi,
tidak ada
instruksi Error
dan tampil
menu utama
Layar yang
di
tampilkan
sesuai
dengan
yang
diharapkan
Data
berhasil di
validasi,
tidak ada
instruksi
Error dan
tampil menu
utama
Diterima
Data
Username
Kosong
Muncul pesan
Error: gagal
Muncul
pesan Error:
gagal
Diterima
51. 41
Data
Password
Kosong
Muncul pesan
Error: gagal
Muncul
pesan Error:
gagal
Diterima
Data
Username
dan
Password
Salah
Muncul pesan
Error: gagal
Muncul
pesan Error:
gagal
Diterima
3. Pengujian Form Login User
Tabel 4.3. Pengujian Form Login User
Deskripsi Prekondisi
Prosedur
Pengujian
Masukan
Keluaran
Yang
Diharapkan
Kriteria
Evaluasi
Hasil
Hasil Yang
Didapat
Keterangan
Pengujian
menu
login sisi
user
Tampilan
Layar Login
Masukkan
Username
dan
Password
Data
Usernam
dan
Password
Data
berhasil di
validasi,
tidak ada
instruksi
Error dan
tampil menu
utama
Layar yang
di tampilkan
sesuai
dengan yang
diharapkan
Data
berhasil di
validasi,
tidak ada
instruksi
Error dan
tampil
menu
utama
Diterima
Data
Username
Kosong
Muncul
pesan Error:
username
dan
password
tidak valid
Muncul
pesan
Error:
username
dan
password
tidak valid
Diterima
Data
Password
Kosong
Muncul
pesan Error:
username
dan
password
tidak valid
Muncul
pesan
Error:
username
dan
password
tidak valid
Diterima
Data
Username
dan
Password
Salah
Muncul
pesan Error:
username
dan
password
tidak valid
Muncul
pesan
Error:
username
dan
password
tidak valid
Diterima
52. 42
B. Pengujian Menu Utama client Pelanggan
Tabel 4.4. Pengujian menu utama client pelanggan
Deskripsi Prekondisi
Prosedur
Pengujian
Masukan
Keluaran Yang
Diharapkan
Kriteria
Evaluasi
Hasil
Hasil Yang
Didapat
Keteran
gan
Pengujian
menu
pemesanan
Tampilan
Layar
utama
pelanggan
mengisi
form
pemesanan
dan klik
tombol
pesan
Isi data
pemesanan
sesuai
dengan
form yang
tersedia
Form
Pemesanan
Terisi, tidak
terjadi error
pada
pemilihan
asal dan
tujuan
Layar yang
di
tampilkan
sesuai
dengan
yang
diharapkan
Form
Pemesanan
Terisi, tidak
terjadi error
pada
pemilihan asal
dan tujuan
Berhasil
Menekan
tombol
pesan
Menampilkan
Notifikasi
Pemesanan
Menampilkan
Notifikasi
Pemesanan
Berhasil
C. Pengujian Menu Utama client Pengemudi
Tabel 4.5. Pengujian menu utama client pengemudi
Deskripsi Prekondisi
Prosedur
Pengujian
Masukan
Keluaran
Yang
Diharapkan
Kriteria
Evaluasi
Hasil
Hasil Yang
Didapat
Keterangan
Pengujian
Menu
Utama
Pengemudi
Halaman
Menu
Utama
Pengemudi
Layar Yang
ditampilkan
sesuai
dengan
yang
diharapkan
Halaman
Menu
Utama
Pengemudi
Berhasil
Klik Tombol
Penghasilan
Untuk
melihat
jumlah
penghasilan
Klik Tombol
Penghasilan
Halaman
Penghasilan
Halaman
Penghasilan
Berhasil
4.2. Pembahasan
4.2.1. Pembahasan Basis Data
Implementasi database menggunakan engine MariaDB, terdapat 4 (empat)
buah tabel yang saling berelasi pada database, yakni :
1. Tabel tbl_pengguna
53. 43
Gambar 4.11. Tabel pengguna
2. Tabel tbl_kota
Gambar 4.12. Tabel Kota
3. Tabel tbl_level
Gambar 4.13. Tabel Level
4. Tabel tbl_logorder
Gambar 4.14. Tabel Logorder
5. Tabel tbl_Order
54. 44
Gambar 4.15. Tabel Order
dengan relasi sebagai berikut :
tabel tbl_pengguna berfungsi sebagai penyimpan data pengguna dengan
empat field yakni, field NIK, Nama_pnggn, Sandi_pnggn dan lvl_pnggn dengan
primary key adalah field NIK. Pada field lvl_pnggn berelasi dengan tabel tbl_lvl
yang berfungsi untuk melihat level dari pengguna yakni admin, pengemudi, dan
Pelanggan.
Untuk dapat menyimpan level, tabel tbl_lvl memiliki 2 (dua) field yakni
field id_lvl sebagai primary key, dan field nama_lvl untuk menyimpan nama level
pengguna. Sehingga pemisah masing-masing modul sesuai dengan perancangan
dapat berjalan.
Selanjutnya setelah pengguna berhasil mengakses sistem, Pelanggan akan
dibagi berdasarkan level penggunanya. Untuk pengguna sebagai Pelanggan dapat
mengakses tabel tbl_logorder untuk dapat mengorder yang terdiri dari 4 (empat)
field yakni field Id_logOrder, field Id_Pelanggan, asal, tujuan. Fungsi field asal
untuk menyimpan titik asal keberangkatan Pelanggan sedangkan tujuan untuk
memperoleh titik tujuan dari Pelanggan. Sehingga dengan titik-titik ini dapat
dijadikan dasar perhitungan biaya dengan jarak tempuh.
Kemudian tabel tbl_Order yang terdiri dari 4 field yakni id_Order,
id_logOrder yang berelasi dengan primary key tabel tbl_logOrder, Id_Pengemudi
yang berelasi dengan tabel tbl_pengguna, jumlah bayar merupakan hasil kalkulasi
program untuk mendapatkan jumlah bayar dari penumpang atau Pelanggan.
Ada tabel tbl_kota yang memiliki 2 (dua) field yaitu id_kota dan nama,
berfungsi untuk menyimpan nama kota dan id kota. Tabel tbl_kota berelasi
dengan tbl_logorder dengan id_kota sebagai foreign key pada tabel tbl_logorder.
Pada tabel tbl_logorder, tabel tbl_kota di panggil dua kali yaitu pada field asal dan
field tujuan.
Berikut adalah implementasi tabel-tabel tersebut:
56. 46
BAB V
PENUTUP
5.1. Kesimpulan
Berdasarkan tujuan dari Tugas Akhir ini, dapat disimpulkan sebagai
berikut:
1. Prototype Aplikasi Smart Pedicab Berbasis Android telah berhasil dibuat.
2. Proses pemesanan Becak dapat dikomputerisasikan.
3. Sebab aplikasi masih berupa prototype, sehingga manfaat dari
pengkomputerisasian sistem ini belum dapat dilihat hasilnya.
5.2. Saran
Dengan melihat hasil dari kesimpulan di atas, maka dapat diberikan
saran sebagai berikut:
1. Pembuatan aplikasi ini masih belum sempurna, disebabkan keterbatasan
waktu dan kemampuan penulis menyebabkan beberapa konten belum
berjalan dengan sempurna. sehingga di harapkan pengembangan
selanjutnya aplikasi ini dapat di sempurnakan, sebab aplikasi ini akan
bermanfaat bagi masyarakat.
2. Untuk lebih sempurna dari segi tampilan dan performa, kedepannya sisi
Client dapat di sempurnakan menggunakan code yang sesuai dengan
memanfaatkan android studio sebagai framework, dan penggunaan google
maps API untuk titik pointing gps asal dan tujuan.
57. 47
DAFTAR PUSTAKA
BETHA SIDIK, I. 2003. MySQL, Bandung, Informatika Bandung.
FAQIH, A. 2017. Sejarah Go-Jek [Online]. Available:
Https://id.m.wikipedia.org/wiki/Istimewa:History/Go-Jek [Accessed 04
Oktober 2017].
FOUNDATION, M. 2016. about mariaDB [Online]. Available:
http://mariadb.org/about/ [Accessed 31 Oktober 2017].
GOVERMENT 2009. undang-undang republik indonesia no 22 tahun 2009
tentang lalu lintas dan angkutan jalan. pemerintah indonesia.
ILHAM. 2006. Sejarah becak. Kompasiana.
KEMDIKBUD 2017. Kamus Besar Bahasa Indonesia.
KOMPUTER, W. 2010. Panduan belajar MySQL Database Server, Jakarta
Selatan, Media Kita.
TARYANA SURYANA, J. S. 2007. e-commerce menggunakan PHP dan
MySQL, Yogyakarta, Graha Ilmu.
YANI, S. 2016. Aplikasi Media Pembelajaran Sistem Periodik Unsur Di Sekolah
Menengah Atas (SMA) Berbasis Android. Politeknik Kampar.