vi
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadapan Ida Sang Hyang Widhi Wasa/Tuhan Yang Maha Esa, karena atas Asung Kerta Wara Nugraha-Nya, penulis dapat menyelesaikan tugas akhir dengan judul “E-Tracking Trans Bus Information System”. Selama pelaksanaan tugas akhir ini penulis mendapat banyak bantuan, masukan dan bimbingan dari berbagai pihak, untuk itu penulis ingin mengucapkan rasa terima kasih kepada :
1. Bapak Ir. I Ketut Artika, M.T. selaku Kepala Dinas Perhubungan, Informasi dan Komunikasi Provinsi Bali dan Bapak Drs. I Gede Gunawan, Msi., selaku Kepala UPT Trans Sarbagita Provinsi Bali yang telah memberikan data dalam penyusunan tugas akhir ini dan izin untuk melakukan penelitian di setiap rute dan koridor Bus Trans Sarbagita.
2. Bapak Prof. Ir. Ngakan Putu Gede Suardana, M.T., Ph.D. selaku Dekan Fakultas Teknik Universitas Udayana.
3. Bapak Dr. Eng. I Putu Agung Bayupati, S.T., M.T. selaku Ketua Jurusan Teknologi Informasi Fakultas Teknik Universitas Udayana.
4. Bapak I Made Sukarsa, S.T., M.T. selaku dosen pembimbing I dan Bapak Putu Wira Buana, S.Kom., M.T. selaku dosen pembimbing II yang telah banyak memberikan masukan dan bimbingan selama penyusunan tugas akhir ini.
5. Bapak I Nyoman Piarsa, S.T., M.T. selaku dosen pembimbing akademik yang telah memberikan bimbingan selama menempuh pendidikan di Jurusan Teknologi Informasi Fakultas Teknik Universitas Udayana.
6. BDI (Balai Diklat Industri) Denpasar yang telah menyediakan tempat (coworking space) dalam pengerjaan Tugas Akhir ini.
7. Kedua orang tua dan keluarga yang telah memberikan dukungan dan motivasi dalam pembuatan tugas akhir ini.
8. Teman-teman seperjuangan dari Technology Artisan dan ShareTrans, serta segenap civitas di Jurusan Teknologi Informasi Universitas Udayana yang
vii
telah memberikan sumbangan ide, pemikiran dan dukungan dalam penyusunan tugas akhir ini.
Penulis menyadari bahwa tugas akhir ini masih jauh dari sempurna. Akhir kata penulis memohon maaf jika ada kesalahan dalam penulisan tugas akhir ini.
Bukit Jimbaran, Juni 2016
viii ABSTRAK
Transportasi memegang peranan penting dalam mendukung terlaksananya berbagai aktivitas sehari-hari. Kemacetan merupakan masalah utama yang dihadapi oleh transportasi di Indonesia, terutama di daerah pariwisata, salah satunya adalah Pulau Bali. Pemerintah Provinsi Bali menyikapi masalah kemacetan tersebut dengan penyediaan public transport yang akuntable yaitu Bus Trans Sarbagita. Bus Trans Sarbagita sangat cepat diterima oleh Masyarakat Bali dan setiap tahunnya penumpang Bus Trans Sarbagita selalu meningkat, sehingga pelayanan terhadap masyarakat khususnya penumpang bus perlu ditingkatkan. Melalui perkembangan Teknologi Informasi dewasa ini khususnya penggunaan Internet dan mobile maka diperlukan sebuah aplikasi untuk memanajemen informasi Bus Trans Sarbagita yaitu dengan mengembangkan Trans Bus Information System (TBIS). TBIS dibangun berbasis web dan mobile lintas platform (Cross Platform)/Hybrid Application. Teknologi yang digunakan untuk membangun aplikasi web yaitu menggunakan Framework CodeIgniter, Bootstrap dan DBMS MySQL, sedangkan aplikasi mobile dibangun menggunakan Framework PhoneGap, IDE Monaca, Onsen UI, AngularJS
dan Web Service. TBIS dilengkapi dengan Modul E-Tracking yang digunakan untuk
memantau pergerakan Bus Trans Sarbagita. Modul E-Tracking diharapkan dapat membantu penumpang untuk mengetahui posisi bus dan estimasi yang dibutuhkan bus menuju halte. Modul E-Tracking TBIS yang dihasilkan menggunakan perantara GPS (Global Positioning System) dari perangkat mobile untuk melacak posisi bus dan hasil datanya diolah dalam sistem informasi geografis menggunakan Google Maps API.
Kata Kunci : Transportasi, Bus Trans Sarbagita, E-Tracking, Cross Platform, Hybrid Application, GPS (Global Positioning System)
ix ABSTRACT
Transportation plays an important role in daily activities. The traffic jam is a major problem of transportation in Indonesia, especially in tourist areas, one of which is the Bali Island. The government of Bali Province addresses the traffic jam problem by providing accountable public transport, namely is Bus Trans Sarbagita. Bus Trans Sarbagita very quickly accepted by the public and passengers of Bus Trans Sarbagita always increasing, therefore the public service needs to be improved. Through the development of information technology, it would require an application for managing information of Bus Trans Sarbagita by developing the Trans Bus Information System (TBIS). TBIS is built in web based and mobile cross-platform (Hybrid Application). The technology used to build web applications that use CodeIgniter Framework, Bootstrap, and DBMS MySQL, and mobile applications built using PhoneGap Framework, IDE Monaca, Onsen UI, AngularJS and Web Service. TBIS is equipped with E-Tracking Module is used to monitor the movement of Bus Trans Sarbagita. E-Tracking Module is expected to help the passengers to know the position of the bus and estimate time bus to the bus stop. E-Tracking Module TBIS that generated using intermediary GPS (Global Positioning System) from mobile devices to track the position of the bus and the results of data is processed in geographic information systems using the Google Maps API.
Keywords : Transportation, Bus Trans Sarbagita, E-Tracking, Cross Platform, Hybrid Application, GPS (Global Positioning System)
x DAFTAR ISI
HALAMAN SAMPUL ... i
HALAMAN JUDUL ... ii
LEMBAR PERNYATAAN ... iii
LEMBAR PENGESAHAN TUGAS AKHIR ... iv
BERITA ACARA TUGAS AKHIR ... v
KATA PENGANTAR ... vi
ABSTRAK ... viii
DAFTAR ISI ... x
DAFTAR GAMBAR ... xiii
DAFTAR TABEL ... xv
DAFTAR KODE PROGRAM ... xvi
DAFTAR LAMPIRAN ... xvii
BAB I PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 5 1.3 Tujuan Penelitian ... 5 1.4 Manfaat Penelitian ... 5 1.5 Batasan Masalah ... 6 1.6 Sistematika Penulisan ... 6
BAB II TINJAUAN PUSTAKA ... 8
2.1 State of The Art ... 8
2.2 Dasar Teori dan Teknologi ... 15
2.2.1 Bus Trans Sarbagita ... 15
2.2.2 Global Positioning System (GPS) ... 18
2.2.3 Location Based Service ... 19
2.2.4 MySQL ... 20 2.2.5 Twitter Bootstrap ... 21 2.2.6 CodeIgniter ... 21 2.2.7 jQuery ... 24 2.2.8 PhoneGap ... 25 2.2.9 Monaca ... 28 2.2.10 Onsen UI ... 29 2.2.11 HTML 5 Geolocation APIs ... 30 2.2.12 AngularJS ... 31 2.2.13 JSON ... 32
2.2.14 Google Maps API ... 32
2.2.15 Google Maps Direction Service ... 33
2.3 Pemodelan Sistem ... 35
2.3.1 Context Diagram ... 36
2.3.2 Diagram Hierarki ... 36
xi
2.3.4 Entity Relationship Diagram ... 38
2.3.5 Normalisasi ... 40
2.3.6 Relationship Table ... 41
BAB III METODOLOGI PENELITIAN ... 42
3.1 Tempat dan Waktu ... 42
3.2 Alur Analisis ... 42
3.3 Data ... 44
3.3.1 Sumber Data ... 44
3.3.2 Metode Pengumpulan Data ... 44
3.4 Analisis Permasalahan ... 44
3.5 Analisis Kebutuhan Sistem ... 45
3.5.1 Konfigurasi Peragkat Lunak ... 45
3.5.2 Konfigurasi Perangkat Keras ... 46
3.5.3 Arsitektur Sistem ... 47
3.6 Gambaran Umum Sistem ... 48
3.6.1 Karakteristik Pengguna ... 50
3.6.2 Fitur Dasar Sistem ... 51
3.7 Analisis Pemodelan Sistem ... 52
3.7.1 Context Diagram ... 52
3.7.2 Diagram Hierarki ... 53
3.7.3 DFD Level 0 Trans Bus Information System ... 55
3.7.4 DFD Level 1 Modul E-Tracking Trans Bus Information System .... 59
3.7.5 Entity Relationship Diagram (ERD) ... 65
3.7.6 Normalisasi ... 68
3.7.7 Rancangan Basis Data ... 74
3.8 Perancangan Wireframe Aplikasi ... 83
3.8.1 Wireframe Halaman Utama Website ... 83
3.8.2 Wireframe Halaman Dashboard Website ... 84
3.8.3 Wireframe Mobile App ... 85
3.9 Perancangan Sistem Aplikasi ... 86
3.9.1 Perancangan Aplikasi E-Tracking TBIS Berbasis Web ... 86
3.9.2 Perancangan Aplikasi E-Tracking TBIS Berbasis Mobile ... 89
BAB IV PEMBAHASAN DAN ANALISA HASIL ... 92
4.1 Alur Aplikasi TBIS (Trans Bus Information System) ... 92
4.1.1 Member (Penumpang Bus) ... 92
4.1.2 Operator Bus ... 94
4.1.3 Administrator ... 95
4.2 Hasil Perancangan User Interface ... 96
4.2.1 TBIS (Trans Bus Information System) Web Based ... 96
4.2.2 TBIS (Trans Bus Information System) Mobile Based ... 97
4.3 Hasil Perancangan Fitur Aplikasi ... 98
4.3.1 Fitur Member ... 98
4.3.2 Fitur Operator ... 101
4.3.3 Fitur Administrator ... 105
4.4 Pengujian Sistem ... 108
xii
4.4.2 Pengujian Sistem Operator ... 114
4.4.3 Pengujian Sistem Administrator ... 118
4.5 Skenario Uji Coba ... 122
4.6 Analisis Kecurangan dan Solusi Alternatif ... 123
4.6.1 Analisa Kecurangan Member ... 123
4.6.2 Analisa Kecurangan Operator ... 124
4.5 Analisis Hasil Kuesioner ... 125
BAB V PENUTUP ... 131
5.1 Simpulan ... 131
5.2 Saran ... 132
xiii
DAFTAR GAMBAR
Gambar 1.1 Cross Platform ... 3
Gambar 2.1 Komponen Sistem Pelacakan Bus E-City ... 9
Gambar 2.2 Desain Smart Location Tracker ... 10
Gambar 2.3 Mekanisme PhoneGap Build ... 13
Gambar 2.4 Pengembangan Aplikasi menggunakan Model MVC ... 13
Gambar 2.5 Tag Onsen UI ... 14
Gambar 2.6 Rencana Pembangunan Trayek Bus Trans Sarbagita 2011-2015 16
Gambar 2.7 Grafik Rata-Rata Jumlah Penumpang Bus Trans Sarbagita ... 17
Gambar 2.8 Struktur Sistem LBS ... 19
Gambar 2.9 Application Flowchart CodeIgniter ... 23
Gamabr 2.10 Model-View-Controller ... 24
Gamabr 2.11 Arsitektur Aplikasi PhoneGap ... 26
Gamabr 2.12 Interaksi Device Aplikasi PhoneGap ... 26
Gamabr 2.13 Alur Compile Aplikasi PhoneGap ... 27
Gamabr 2.14 Fitur API Phonegap diberbagai Platform ... 28
Gambar 2.15 Arsitektur Monaca ... 29
Gambar 2.16 Struktur Diagram Hierarki ... 36
Gambar 2.17 Simbol DFD ... 37
Gambar 2.18 Simbol Strong Entity ERD ... 39
Gambar 2.19 Simbol Weak Entity ERD ... 39
Gambar 2.20 Simbol Relationship ERD ... 39
Gambar 2.21 Simbol Attribute ERD ... 40
Gambar 3.1 Alur Analisis ... 42
Gambar 3.2 Arsitektur Sistem TBIS ... 47
Gambar 3.3 Gambaran Umum Sistem TBIS ... 49
Gambar 3.4 Gambaran Umum E-Tracking TBIS ... 50
Gambar 3.5 Karakteristik Pengguna ... 50
Gambar 3.6 Context Diagram Trans Bus Information System ... 53
Gambar 3.7 Diagram Hierarki Trans Bus Information System ... 54
Gambar 3.8 DFD Level 0 Trans Bus Information System ... 56
Gambar 3.9 DFD Level 1 Proses Authenticate ... 60
Gambar 3.10 DFD Level 1 Proses Configuration ... 61
Gambar 3.11 DFD Level 1 Proses Check in Bus Stop ... 62
Gambar 3.12 DFD Level 1 Proses Master Data ... 63
Gambar 3.13 DFD Level 1 Proses Bus Tracking ... 64
Gambar 3.14 DFD Level 1 Proses Report ... 65
Gambar 3.15 Entity Relationship Diagram (ERD) TBIS ... 66
Gambar 3.16 Normalisasi Tabel Passenger dan Operator ... 69
Gambar 3.17 Normalisasi Tabel Corridor ... 70
Gambar 3.18 Normalisasi Tabel Bus Stop ... 71
Gambar 3.19 Normalisasi Tabel Buy Package/Payment ... 71
xiv
Gambar 3.21 Normalisasi Tabel Check in ... 72
Gambar 3.22 Normalisasi Tabel Transaction ... 73
Gambar 3.23 Normalisasi Tabel Operator Details dan Bus Positions ... 74
Gambar 3.24 Relationship Tabel Trans Bus Information System ... 75
Gambar 3.25 Wireframe Halaman Utama Website ... 84
Gambar 3.26 Wireframe Halaman Dashboard Website ... 85
Gambar 3.27 Wireframe Halaman Mobile App ... 85
Gambar 3.28 Hasil Tracking Bus Pada Web Browser ... 89
Gambar 3.29 Halaman Sign Up Monaca ... 89
Gambar 3.30 Halaman Dashboard Monaca ... 90
Gambar 3.31 Halaman Development Projek Monaca ... 90
Gambar 3.32 Hasil Tracking Bus Pada Aplikasi Smartphone ... 91
Gambar 4.1 Alur Sistem Member TBIS ... 92
Gambar 4.2 Alur Sistem Operator TBIS ... 94
Gambar 4.3 Alur Sistem Administrator TBIS ... 95
Gambar 4.4 User Interface Halaman Utama TBIS Berbasis Web ... 96
Gambar 4.5 User Interface Halaman Dashboard TBIS Berbasis Web ... 97
Gambar 4.6 User Interface TBIS Platform Mobile ... 98
Gambar 4.7 Fitur Check in Bus Stop ... 99
Gambar 4.8 Fitur Show Bus ... 100
Gambar 4.9 Fitur Track Bus ... 101
Gambar 4.10 Fitur Set Route ... 102
Gambar 4.11 Fitur Show dan Clear Check in Bus Stop ... 103
Gambar 4.12 Fitur Post Information ... 104
Gambar 4.13 Fitur Master Data ... 106
Gambar 4.14 Fitur Monitoring ... 108
Gambar 4.15 Space Server Trans Bus Information System (TBIS) ... 123
Gambar 4.16 Grafik Pertanyaan Nomor 1 ... 126
Gambar 4.17 Grafik Pertanyaan Nomor 2 ... 126
Gambar 4.18 Grafik Pertanyaan Nomor 3 ... 127
Gambar 4.19 Grafik Pertanyaan Nomor 4 ... 127
Gambar 4.20 Grafik Pertanyaan Nomor 5 ... 128
Gambar 4.21 Grafik Pertanyaan Nomor 6 ... 128
Gambar 4.22 Grafik Pertanyaan Nomor 7 ... 129
Gambar 4.23 Grafik Pertanyaan Nomor 8 ... 129
xv
DAFTAR TABEL
Tabel 2.1 Kebutuhan Pengembangan Setiap Platform Mobile ... 11
Tabel 2.2 Perbedaan Antara Mobile Web Application dan Mobile Website ... 11
Tabel 2.3 Perbedaan Antara Native App vs Hybrid App vs Web App ... 12
Tabel 2.4 HTML5 Geolocation Interface ... 30
Tabel 2.5 Metode HTML5 Geolocation ... 30
Tabel 2.6 Atribut Position Interface ... 31
Tabel 3.1 Struktur Tabel Accounts ... 76
Tabel 3.2 Struktur Tabel Account Balances ... 76
Tabel 3.3 Struktur Tabel Transfers ... 77
Tabel 3.4 Struktur Tabel Information Posts ... 77
Tabel 3.5 Struktur Tabel Payments ... 78
Tabel 3.6 Struktur Tabel Package ... 78
Tabel 3.7 Struktur Tabel Detail Operators ... 78
Tabel 3.8 Struktur Tabel Transactions ... 79
Tabel 3.9 Struktur Tabel Account Categories ... 79
Tabel 3.10 Struktur Tabel Buses ... 80
Tabel 3.11 Struktur Tabel Check in Members ... 80
Tabel 3.12 Struktur Tabel Bus Stops ... 80
Tabel 3.13 Struktur Tabel Corridors ... 81
Tabel 3.14 Struktur Tabel Bus Positions ... 81
Tabel 3.15 Struktur Tabel Bus Stop Details ... 82
Tabel 3.16 Struktur Tabel Corridor Details ... 82
Tabel 3.17 Struktur Tabel Messages ... 82
Tabel 3.18 Struktur Tabel Mail Templates ... 83
Tabel 4.1 Test Case Fitur Sistem Member TBIS ... 109
Tabel 4.2 Test Case Fitur Sistem Operator TBIS ... 114
xvi
DAFTAR KODE PROGRAM
Kode Program 2.1 Sintaks Inisialisasi Google Maps API ... 32
Kode Program 2.2 Literal Objek DirectionRequest ... 34
Kode Program 3.1 Model Bus Position ... 86
Kode Program 3.2 Controller Bus Position ... 87
Kode Program 3.3 Route Bus Position ... 87
Kode Program 3.4 View Bus Position ... 88
xvii
DAFTAR LAMPIRAN
Lampiran 1 Contoh Kartu Member Trans Bus Information System ... 135 Lampiran 2 Contoh Kode QR Halte ... 136