PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis...

18
library.uns.ac.id digilib.uns.ac.id i PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) BERBASIS ANDROID Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Disusun Oleh DEAR KURNIAWAN ADI ANGGARA NIM. M3113036 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2018

Transcript of PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis...

Page 1: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

i

PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST)

BERBASIS ANDROID

Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli

Madya pada Program Studi Diploma III Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret

Disusun Oleh

DEAR KURNIAWAN ADI ANGGARA

NIM. M3113036

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2018

Page 2: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

ii

HALAMAN PERSETUJUAN

PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST)

BERBASIS ANDROID

Disusun Oleh

DEAR KURNIAWAN ADI ANGGARA

NIM. M3113036

Tugas Akhir ini telah disetujui untuk diujikan

Di hadapan dewan penguji pada tanggal

Jum’at, 20 Juli 2018

Pembimbing Utama

Nanang Maulana Y, S.Si., M.Cs.

NIK. 1981071420160601

Page 3: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

iii

HALAMAN PENGESAHAN

PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST)

BERBASIS ANDROID

Disusun Oleh

DEAR KURNIAWAN ADI ANGGARA

NIM. M3113036

Pembimbing Utama

Nanang Maulana Y, S.Si., M.Cs.

NIK. 1981071420160601

Tugas akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika pada

Hari : Jum’at

Tanggal : 20 Juli 2018

Dewan Penguji:

1. Penguji 1 Nanang Maulana Y, S.Si., M.Cs. ( )

NIK. 1981071420160601

2. Penguji 2 Muhammad Asri Safi'ie, S.Si., M.Kom. ( )

NIK. 1981110320180601

3. Penguji 3 Agus Purnomo, S.Si., M.Eng. ( )

NIK. 1985030720160601

Disahkan Oleh :

Kepala Program Studi

Diploma III Teknik Informatika UNS

Abdul Aziz, S.Kom., M.Cs.

NIP. 19810413 200501 1 001

Page 4: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

iv

PERNYATAAN

Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak

terdapat karya yang pernah diajukan untuk memperoleh gelar disuatu Perguruan

Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat

yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis

diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka.

Surakarta, 11 Juni 2018

Dear Kurniawan Adi Anggara

NIM. M3113036

Page 5: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

v

MOTTO

“Allah akan meninggikan orang-orang yang beriman di antaramu dan orang-orang

yang diberi ilmu pengetahuan.”

- QS. Al-Mujadalah: 11 -

“Kejahatan akan menang bila orang-orang benar tidak melakuka apa-apa”

- Jendral Besar Raden Soedirman -

“Berawal dari rendah menuju tinggi,semua kesuksesan dapat diciptakan dari hal-

hal kecil yang kita tekuni hingga menjadi besar”

- Dear Kurniawan Adi Anggara -

Page 6: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

vi

HALAMAN PERSEMBAHAN

Sebuah persembahan untuk ibu, bapak, dan adik-adik tercinta atas doa, kasih

sayang, dan pengorbanan yang tak pernah henti.

Terima kasih.

Page 7: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

vii

KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Maha Esa yang telah melimpahkan

rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir

dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO (M-BST)

BERBASIS ANDROID”. Laporan Tugas Akhir ini disusun untuk memenuhi

salah satu syarat dalam memperoleh gelar Ahli Madya(A.Md.) pada Program

Diploma III Teknik Informatika Universitas Sebelas Maret.

Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini

penulis telah mendapatkan banyak dukungan, bantuan, dan bimbingan dari

berbagai pihak. Oleh karenanya penulis mengucapkan terima kasih yang tak

terhingga kepada :

1. Tuhan Yang Maha Esa yang telah melimpahkan rahmat-Nya sehingga penulis

dapat menyelesaikan laporan Tugas Akhir ini.

2. Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons), Ph.D. selaku Pimpinan

Fakultas MIPA Universitas Sebelas Maret yang memberikan izin kepada

penulis untuk belajar.

3. Abdul Aziz, S.Kom., M.Sc. selaku Ketua Program Diploma III Teknik

Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis

untuk belajar.

4. Nanang Maulana Y, S.Si., M.Cs. selaku dosen pembimbing yang telah

dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan

terbaik kepada penulis.

5. Kedua orang tua, kedua adik, dan keluarga penulis atas segala doa

dandukungan, serta berbagai bentuk pengorbanan yang tiada henti diberikan.

6. Para Dosen Program Studi Diploma III Teknik Informatika Universitas

Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.

7. Dian, Andra, Hanif, dan teman-teman Diploma III Teknik Informatika

angkatan 2013, atas segala dukungan, semangat dan kebersamaanya dalam

setiap proses pembelajaran, di bangku pendidikan maupun dalam kehidupan.

Page 8: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

viii

8. Teman-teman diluar Program Studi Diploma III Teknik Informatika UNS,

Fika, Bima, Sa’id, Udin, Oscar, Studi, Silvester, Bashid, Bagas, Victor,

Prakas, Gery, dan teman-teman seperjuangan lain atas segala dukungan dan

bantuannya.

9. Komunitas Indonesia Digital StartUp Founders (IDSF) yang telah

mengijinkan saya untuk ambil bagian dalam keluarga besar itu, dan banyak

dukungan, masukan serta saran oleh teman-teman seperjuangan.

Penulis menyadari bahwa penulisan dalam laporan Tugas Akhir ini masih

jauh dari kata sempurna. Oleh sebab itu, penulis mengharapkan kritik dan saran

yang membangun dari berbagai pihak demi sempurnanya tulisan laporan Tugas

Akhir ini.

Surakarta, 11 Juli 2018

Penulis

Page 9: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

ix

ABSTRACT

DEAR KURIAWAN ADI ANGGARA, 2018. Make mobile application Batik

Solo Trans (M -BST) based on android. Diploma III Informatics Engineering

Program, Faculty of Mathematics and Natural Sciences, Sebelas Maret

University.

Android-based mobile apps are chosen because most gadgets currently

adopt the Android OS to make users more familiar. This application is designed

from three types: system design process, database design and user interface

design. Android studio integrated with Google Maps API and SQLite Database

for data-making of bus stop and corridor and route of each corridor passed by

BST. The function that can be utilized in this application is the Location Based

Service function so that the application user can easily find the nearest stop from

the user location to get to the location of the stop destination

Making mobile application based on android by using several methods

that is, Observation environment, Data collection consists of observation,

interview, study library, browsing, conceptualization, data analysis. In the data

analysis the author also analyzes business processes.

The Solo Trans Mobile Application (M-BST) has been completed using

frame work android studio and codeigniter, Java and PHP programming

languages, and MySQL database. The application is designed by facilitating three

actor that is Solo Bat Trans user as user, Solo Batik Trans Solo as admin, and

Solo Batik Trans driver Surakarta as driver, M-BST application has the feature of

knowing the nearest bus location, the nearest stop, from the user location, halt

distribution, stop info, bus info, and corridor info, and has been tested and

evaluated by black box testing method. It has also been successfully tested on four

android devices that have different specifications.

Keywords: BST, MBST, android, batik solo trans, sustainability, transportation,

surakarta

Page 10: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

x

INTISARI

DEAR KURIAWAN ADI ANGGARA, 2018. Pembuatan Aplikasi Mobile

Batik Solo Trans (M-BTS) Berbasis Android. Program Studi Diploma III

Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam,

Universitas Sebelas Maret.

Aplikasi mobile berbasis android dipilih karena kebanyakan gadget saat ini

mengadopsi OS Android sehingga membuat penggunanya lebih familiar. Aplikasi

ini didesain dari tiga jenis yaitu desain proses sistem, desain database dan desain

user interface. Android studio yang terintegrasi dengan Google Maps API dan

Database SQLite untuk pembuatan data halte dan koridor serta rute tiap koridor

yang dilalui BST. Fungsi yang dapat dimanfaatkan pada aplikasi ini adalah fungsi

Location Based Service sehingga pengguna aplikasi dapat dengan mudah

menemukan halte terdekat dari lokasi pengguna untuk menuju lokasi halte tujuan.

Pembuatan game aplikasi mobile berbasis android dengan menggunakan

beberapa metode yaitu ,Observasi lingkungan,Pengumpulan data yang terdiri dari

observasi, wawancara, study pustaka, browsing, konseptualisasi, analisa data.

Pada analisa data penulis juga menganalisa proses bisnis .

Aplikasi Mobile Batik Solo Trans (M-BST) telah selesai dibuat dengan

menggunakan frame work android studio dan codeigniter, bahasa pemrograman

Java dan PHP, dan database MySQL. Aplikasi tersebut dirancang dengan

memfasilitasi tiga actor yaitu pengguna Batik Solo Trans sebagai user, karyawan

Batik Solo Trans kota Surakarta sebagai admin, dan supir Batik Solo Trans kota

Surakarta sebagai driver, aplikasi M-BST memiliki fitur mengetahui lokasi bus

terdekat, halte terdekat, cari halte dari lokasi pengguna, sebaran halte, info halte,

info bus, dan info koridor, serta telah diuji kevalidan sistemnya dengan

menggunakan metode pengujian black box. Selain itu juga telah berhasil diuji

pada empat perangkat android yang memiliki spesifikasi berbeda-beda.

Kata kunci: BST, MBST, android, batik solo trans, keberlanjutan, tranportasi,

surakarta

Page 11: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

xi

DAFTAR ISI

HALAMAN PERSETUJUAN ................................................................................. i HALAMAN PERSETUJUAN ................................................................................................... ii

HALAMAN PENGESAHAN ................................................................................................... iii

PERNYATAAN ......................................................................................................................iv

MOTTO ................................................................................................................................ v

HALAMAN PERSEMBAHAN .................................................................................................vi

KATA PENGANTAR.............................................................................................................. vii

ABSTRACT ............................................................................................................................ ix

INTISARI ............................................................................................................................... x

DAFTAR ISI ........................................................................................................................... xi

DAFTAR GAMBAR ............................................................................................................... xv

DAFTAR TABEL ................................................................................................................. xvii

DAFTAR LAMPIRAN ......................................................................................................... xviii

BAB I .................................................................................................................................... 1

PENDAHULUAN ................................................................................................................... 1

1.1 Latar Belakang ............................................................................................................. 1

1.2 Perumusan Masalah .................................................................................................... 3

1.3 Tujuan .......................................................................................................................... 3

1.4 Manfaat ....................................................................................................................... 3

1.5 Batasan Masalah ......................................................................................................... 4

1.6 Metodologi Penelitian ................................................................................................. 4

1.7 Sistematika Penulisan ................................................................................................. 6

BAB II ................................................................................................................................... 9

TINJAUAN PUSTAKA DAN DASAR TEORI ............................................................................. 9

2.1 Tinjauan Pustaka ......................................................................................................... 9

2.2 Landasan Teori .......................................................................................................... 12

2.2.1 Jalur Bis Batik Solo Trans (BST) Koridor 2 ..................................................... 12

2.2.2 Mobile Application ....................................................................................... 12

2.2.3 Program Aplikasi ........................................................................................... 13

2.2.4 Sistem Informasi ........................................................................................... 13

2.2.5 GIS (Geographic information system) .......................................................... 14

2.2.6 Mobile GIS .................................................................................................... 14

Page 12: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

xii

2.2.7 Android ......................................................................................................... 14

2.2.8 Android SDK (Software Development kit) .................................................... 15

2.2.9 Java ............................................................................................................... 15

2.2.10 Android Studio .............................................................................................. 15

2.2.11 MySQL........................................................................................................... 16

2.2.12 Sistem Basis Data .......................................................................................... 16

2.2.13 Database Management System (DBMS) ...................................................... 16

2.2.14 Entity Relationship Diagram ......................................................................... 16

2.2.15 Unified Modelling Language (UML) .............................................................. 18

2.2.16 Use Case Diagram ......................................................................................... 18

2.2.17 Class Diagram ............................................................................................... 20

2.2.18 Sequence diagram ........................................................................................ 20

2.2.19 Activity Diagram ........................................................................................... 22

2.2.20 JSON (Javascript Object Notation)................................................................ 24

2.2.21 Web Service .................................................................................................. 24

2.2.22 Diagram Konteks .......................................................................................... 25

2.2.23 Data Flow Diagram (DFD) ............................................................................. 25

2.2.24 Black Box Testing .......................................................................................... 26

BAB III ................................................................................................................................ 36

ANALISIS DAN RANCANGAN SISTEM ................................................................................ 36

3.1 Alat dan Bahan .......................................................................................................... 36

3.1.1 Alat ............................................................................................................... 36

3.1.2 Bahan ............................................................................................................ 36

3.2 Perancangan Sistem .................................................................................................. 28

3.2.1 Proses Bisnis ................................................................................................. 28

3.2.2 Kebutuhan Fungsional Sistem ...................................................................... 29

3.2.3 Kebutuhan Non Fungsional .......................................................................... 31

3.2.4 Use Case Diagram ......................................................................................... 31

3.2.5 Class Diagram ............................................................................................... 33

3.2.6 Activity Diagram ........................................................................................... 35

3.3 Perancangan Basis Data ............................................................................................ 51

3.4.1 ERD ............................................................................................................... 51

3.4.2 Relasi Antar Tabel ......................................................................................... 53

3.4.3 Perencanaan Tabel ....................................................................................... 55

Page 13: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

xiii

3.4.4 Desain UserInterface Client .......................................................................... 58

3.4.5 Desain User Interface Server ........................................................................ 65

3.4 Perancangan Pengujian Black Box............................................................................. 69

3.4.6 Pengujian Blackbox Interface Admin ............................................................ 69

3.4.7 Pengujian Blackbox Interface User ............................................................... 72

3.4.8 Pengujian Blackbox Interface Driver ............................................................ 75

BAB IV ................................................................................................................................ 78

IMPLEMENTASI DAN PENGUJIAN ..................................................................................... 78

4.1 Implementasi............................................................................................................. 78

4.1.1 Tampilan Icon Aplikasi .................................................................................. 78

4.1.2 Halaman Splash Screen ................................................................................ 78

4.1.3 Halaman Beranda ......................................................................................... 79

4.1.4 Halaman Menu Utama ................................................................................. 79

4.1.5 Halaman Listview .......................................................................................... 80

4.1.6 Halaman Maps .............................................................................................. 81

4.1.7 Halaman Listview Info .................................................................................. 82

4.1.8 Halaman Detail Informasi ............................................................................. 83

4.1.9 Halaman Cari Lokasi Ke Halte ....................................................................... 85

4.1.10 Halaman About Aplikasi ............................................................................... 87

4.1.11 Tampilan Icon Aplikasi Driver ....................................................................... 87

4.1.12 Halaman Login Aplikasi Driver ...................................................................... 88

4.1.13 Halaman Aplikasi Driver................................................................................ 88

4.1.14 Halaman Admin Login Web .......................................................................... 89

4.1.15 Halaman Awal Admin ................................................................................... 90

4.1.16 Halaman Manajemen data Halte ................................................................. 90

4.1.17 Halaman Input data Halte ............................................................................ 91

4.1.18 Halaman Edit data Halte ............................................................................... 92

4.1.19 Halaman Manajemen data Bus .................................................................... 92

4.1.20 Halaman Input data Bus ............................................................................... 93

4.1.21 Halaman Edit data Bus ................................................................................. 94

4.1.22 Halaman Manajemen data Detail Koridor .................................................... 94

4.1.23 Halaman Input data Detail Koridor .............................................................. 95

4.1.24 Halaman Edit data Detail Koridor ................................................................. 95

4.2 Pengujian Sistem ....................................................................................................... 96

Page 14: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

xiv

4.2.1 Pengujian Kompatibilitas .............................................................................. 96

4.2.2 Pengujian Black Box .................................................................................... 100

4.2.3 Pengujian Melalui Kuisioner ....................................................................... 107

BAB V ............................................................................................................................... 132

PENUTUP ......................................................................................................................... 132

5.1 Kesimpulan .............................................................................................................. 132

5.2 Saran ........................................................................................................................ 132

DAFTAR PUSTAKA ........................................................................................................... 114

Page 15: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

xv

DAFTAR GAMBAR

Gambar 2.1 BRT Trans Semarang .................................................................... 9

Gambar 2.2 Peta Bis Batik Solo Trans Koridor 1 dan 2 ................................. 12

Gambar 3.1 Proses Bisnis Aplikasi M-BST ................................................... 28

Gambar 3.2 Use Case ...................................................................................... 32

Gambar 3.3 Class Diagram Web Admin ........................................................ 33

Gambar 3.4 Class Diagram Mobile Android Driver ....................................... 34

Gambar 3.5 Class Diagram Mobile Android User .......................................... 34

Gambar 3.6 Activity Melihat Halte Terdekat ................................................. 35

Gambar 3.7 Activity Jarak dan Estimasi Waktu Halte Terdekat .................... 36

Gambar 3.8 Activity Melihat Bus Terdekat Dengan User .............................. 37

Gambar 3.9 Activity Update Posisi Bus Secara Realtime .............................. 38

Gambar 3.10 Activity Tracking, Jarak dan Estimasi Bus Terdekat .................. 39

Gambar 3.11 Activity Cari Lokasi ke Halte Terdekat ...................................... 40

Gambar 3.12 Activity Sebaran Halte ................................................................ 41

Gambar 3.13 Activity Info Halte ....................................................................... 42

Gambar 3.14 Activity Info Bus ......................................................................... 43

Gambar 3.15 Activity Info Koridor ................................................................... 44

Gambar 3.16 Activity Input data halte .............................................................. 45

Gambar 3.17 Activity Input data bus ................................................................ 46

Gambar 3.18 Activity Input data koridor .......................................................... 47

Gambar 3.19 Activity edit data halte ................................................................ 48

Gambar 3.20 Activity Input data bus ................................................................ 49

Gambar 3.21 Activity edit data koridor ............................................................ 50

Gambar 3.22 Activity About Aplikasi .............................................................. 51

Gambar 3.23 ERD ............................................................................................. 52

Gambar 3.24 Relasi Antar Table ....................................................................... 54

Gambar 3.25 Desain Splash Screen .................................................................. 60

Gambar 3.26 Desain UserInterface Beranda ..................................................... 60

Gambar 3.27 Desain UserInterface Menu ......................................................... 61

Gambar 3.28 Desain .......................................................................................... 61

Gambar 3.29 Desain UserInterface Maps ......................................................... 62

Gambar 3.30 Desain UserInterface ListView Info Detail ................................. 62

Gambar 3.31 Desain UserInterface Cari Lokasi ke Halte ................................. 63

Gambar 3.32 Desain UserInterface ListView Info ............................................ 63

Gambar 3.33 Desain UserInterface Log’in Driver Bus ..................................... 64

Gambar 3.34 Desain UserInterface Aplikasi Driver Bus .................................. 64

Gambar 3.35 Interface Login Admin ................................................................ 66

Gambar 3.36 Interface Utama ........................................................................... 66

Gambar 3.37 Interface Data Objek.................................................................... 67

Gambar 3.38 Interface Edit Data ....................................................................... 67

Gambar 3.39 Interface Input Data ..................................................................... 68

Gambar 3.40 Interface Edit Data Detail Koridor .............................................. 68

Gambar 3.41 Interface Input Data Detail Koridor ............................................ 69

Gambar 4.1 Icon Aplikasi User....................................................................... 78

Page 16: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

xvi

Gambar 4.2 Splash Screen .............................................................................. 78

Gambar 4.3 Beranda ....................................................................................... 79

Gambar 4.4 Menu Utama ................................................................................ 80

Gambar 4.5 Listview ....................................................................................... 80

Gambar 4.6 Source code Bus Terdekat ........................................................... 81

Gambar 4.7 Maps ............................................................................................ 82

Gambar 4.8 Source code Maps ....................................................................... 82

Gambar 4.9 Listview data Info ........................................................................ 83

Gambar 4.10 Source code Listview data Info ................................................... 83

Gambar 4.11 Detail Informasi .......................................................................... 84

Gambar 4.12 Source code Detail Informasi ...................................................... 85

Gambar 4.13 Cari Lokasi ke Halte.................................................................... 85

Gambar 4.14 Daftar Hasil Cari Lokasi ke Halte ............................................... 86

Gambar 4.15 Source code Search ..................................................................... 86

Gambar 4.16 Source code Marker Maps .......................................................... 87

Gambar 4.17 About Aplikasi ............................................................................. 87

Gambar 4.18 Icon Aplikasi Driver ................................................................... 88

Gambar 4.19 Login Aplikasi Driver ................................................................. 88

Gambar 4.20 Aplikasi Driver ........................................................................... 89

Gambar 4.21 Source code Update Lokasi Bus Secara Realtime ...................... 89

Gambar 4.22 Halaman Admin Web .................................................................. 90

Gambar 4.23 Halaman Home Admin ................................................................ 90

Gambar 4.24 Halaman Manajemen data Halte ................................................. 91

Gambar 4.25 Source code API data Halte ........................................................ 91

Gambar 4.26 Halaman Tambah Halte............................................................... 92

Gambar 4.27 Halaman Edit Halte ..................................................................... 92

Gambar 4.28 Halaman Manajemen data Bus.................................................... 93

Gambar 4.29 Source code Update data Lokasi Bus .......................................... 93

Gambar 4.30 Halaman Tambah Bus ................................................................. 94

Gambar 4.31 Halaman Edit Bus ....................................................................... 94

Gambar 4.32 Halaman Manajemen data Detail Koridor .................................. 95

Gambar 4.33 Halaman Tambah Halte............................................................... 95

Gambar 4.34 Halaman Edit Halte ..................................................................... 96

Gambar 4.35 Screenshot dengan Lenovo A6000+ ............................................ 98

Gambar 4.36 Screenshot dengan Oppo A37 ..................................................... 98

Gambar 4.37 Screenshot dengan Oppo A37 ..................................................... 99

Gambar 4.38 Screenshot dengan Hisense B16C2G .......................................... 99

Page 17: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

xvii

DAFTAR TABEL

Tabel 2.1 Tabel Perbandingan Aplikasi ............................................................. 10

Tabel 2.2 Simbol ERD menurut Fathansyah (1999) .......................................... 17

Tabel 2.3 Simbol use case (Nugroho, 2010) ...................................................... 19

Tabel 2.4 Simbol Sequence Diagram (Nugroho, 2010) ..................................... 21

Tabel 2.5 Simbol Activity Diagram (Nugroho, 2010) ........................................ 23

Tabel 2.6 Komponen Data Flow Diagram menurut Yourdon dan DeMarco

(dalam Minartiningtyas, 2013) ........................................................... 25

Tabel 3.1 Kebutuhan Fungsional........................................................................ 29

Tabel 3.2 Kebutuhan Non Fungsional ................................................................ 31

Tabel 3.3 Bus ...................................................................................................... 55

Tabel 3.4 Koridor ............................................................................................... 56

Tabel 3.5 Detail .................................................................................................. 56

Tabel 3.6 Halte ................................................................................................... 57

Tabel 3.7 Admin ................................................................................................. 57

Tabel 3.8 Pengujian Blackbox Admin ................................................................ 69

Tabel 3.9 Pengujian Blackbox User ................................................................... 72

Tabel 3.10 Pengujian Blackbox Driver ................................................................ 75

Tabel 4.1 Tabel Pengujian Kompatibilitas ......................................................... 96

Tabel 4.2 Tabel Pengujian Black box Aplikasi Admin di Web ....................... 100

Tabel 4.3 Tabel Pengujian Black box Aplikasi User di Web ........................... 103

Tabel 4.4 Tabel Pengujian Black box Aplikasi Driver di Web ........................ 107

Tabel 4.5 Pertanyaan ........................................................................................ 108

Tabel 4.6 Indikator Penilaian Kuisioner........................................................... 108

Tabel 4.7 Indikator Kepuasan Pengguna .......................................................... 108

Tabel 4.8 Hasil Pengisian Kuisioner ................................................................ 109

Page 18: PEMBUATAN APLIKASI MOBILE BATIK SOLO TRANS (M-BST) … · rahmat dan barokah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “PEMBUATAN APLIKASI MOBILE BATIK SOLO

library.uns.ac.id digilib.uns.ac.id

xviii

DAFTAR LAMPIRAN

lampiran A Panduan Halte Dan Kawasan Disekitarnya Batik Solo Trans

Koridor 2 ..................................................................................... 135

Lampiran B Time Table 16 Bus Batik Solo Trans Koridor 2.......................... 142

Lampiran C Perlengkpan Batik Solo Trans ..................................................... 145

Lampiran D Surat-Surat ................................................................................... 148