TUGAS AKHIR

PEMBUATAN MOBIL APP PENANGANAN

KELUHAN MAHASISWA STTS DENGAN
MENGGUNAKAN FLUTTER CROSS
PLATFORM FRAMEWORK

Oleh:
Bayu Syafrezal Izdham
215116421
PROGRAM STRATA-1
JURUSAN TEKNIK INFORMATIKA
SEKOLAH TINGGI TEKNIK SURABAYA
SURABAYA
2019
 TUGAS AKHIR

PEMBUATAN MOBILE APP PENANGANAN

KELUHAN MAHASISWA STTS DENGAN
MENGGUNAKAN FLUTTER CROSS
PLATFORM FRAMEWORK

Diajukan Guna Memenuhi Sebagian Persyaratan Untuk Memperoleh Gelar

Sarjana Komputer
Pada
Sekolah Tinggi Teknik Surabaya
Disetujui oleh Tim Penguji Tugas Akhir:

1. Indra Maryati, S.Kom., M.Kom. (Pembimbing)

2. Eka Rahayu Setyaningsih, S.Kom., M.Kom. (Co-Pembimbing)

3. (Penguji I)

4. (Penguji II)

5. (Penguji III)

SURABAYA
MEI 2019
 SURAT PERNYATAAN KEASLIAN

Yang bertanda tangan di bawah ini:

Nama : Bayu Syafrezal Izdham

Program Studi : Teknik Informatika
NRP : 215116421

dengan ini menyatakan bahwa isi sebagian maupun keseluruhan Tugas Akhir/Tesis
dengan judul:

PEMBUATAN MOBIL APP PENANGANAN KELUHAN MAHASISWA

STTS DENGAN MENGGUNAKAN FLUTTER CROSS PLATFORM
FRAMEWORK

adalah benar-benar hasil karya intelektual mandiri, diselesaikan tanpa

menggunakan bahan-bahan yang tidak diizinkan dan bukan merupakan karya pihak
lain yang saya akui sebagai karya sendiri.

Semua referensi yang dikutip maupun dirujuk telah ditulis secara lengkap pada
daftar pustaka.

Apabila ternyata pernyataan ini tidak benar, saya bersedia menerima sanksi sesuai
peraturan yang berlaku.

Surabaya, 13-05-2019
Yang Membuat Pernyataan,

Bayu Syafrezal Izdham

215116421

iii
 ABSTRAK

Sekolah Tinggi Teknik Surabaya (STTS) adalah sebuah perguruan tinggi di

Surabaya dengan 7 program sarjana, 1 progam pasca sarjana dan 1 program
diploma. Dengan jumlah program dan mahasiswa yang cukup banyak, STTS masih
belum memiliki sistem penyampaian keluhan yang ber-basis mobile dan mumpuni.
Sistem penyampaian keluhan dan saran yang ada saat ini masih sangat
kurang, dimana para mahasiswa STTS hanya bisa memberikan keluhan dan saran
ketika akan melakukan pengisian FRS dan ketika ingin melihat nilai yang akan
keluar di akhir semester. Dengan sis-tem yang seperti itu mahasiswa tidak bisa
menyampaikan keluhannya disaat mahasiswa mengalami sebuah masalah.
Dikarenakan adanya masalah yang seperti itu maka akan dilakukan suatu
pengembangan aplikasi mobile baru yaitu Pembuatan Aplikasi Mobile Penanganan
Keluhan untuk STTS. Hasil dari pengembangan aplikasi ini yaitu mempermudah
mahasiswa STTS menyampaikan keluhan dan saran tanpa terbatas oleh waktu, serta
dapat membantu mahasiswa me-mantau keluhan dan saran yang telah mereka
berikan, apakah sudah terselesaikan apa belum. Selain itu sistem ini juga akan
sangat bermanfaat bagi pihak STTS dimana pihak STTS bisa mengevaluasi
seberapa baik layanan di STTS dari laporan-laporan yang telah diberikan oleh
mahasiswa.

iv
 ABSTRACT

Sekolah Tinggi Teknik Surabaya (STTS) is a college in Surabaya with 7

undergraduate programs, 1 postgraduate program and 1 diploma program. With a
large number of programs and students, STTS still does not have a mobile and
capable based complaints system.
The current system of submitting complaints and suggestions is still lacking,
where STTS students can only make complaints and suggestions when filling out
the FRS and when they want to see the final score that will come out at the end of
the semester. With such systems, students cannot complain when students facing a
problem.
Due to the existence of such a problem, the breakthrough new mobile
application will be carried out, that is Making of a Complaint Handling Mobile
Application for STTS. The result of developing this application is to make it easier
for STTS students to submit complaints and suggestions without being limited by
time, and to help students monitor the complaints and suggestions they have given,
whether or not they have been resolved. In addition, this system will also be very
beneficial for STTS, where the STTS can easily evaluate how well the services at
STTS are from the reports provided by the students.

v
 KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena
hanya berkat dan rahmat-Nya saja akhirnya Tugas Akhir ini dapat diselesaikan oleh
penyusun. Tugas Akhir ini adalah tugas yang harus diselesaikan sebagai syarat
kelulusan dari jurusan Teknik Informatika Sekolah Tinggi Teknik Surabaya.
Penyusun mengucapkan terima kasih kepada Almamater tercinta Sekolah
Tinggi Teknik Surabaya, atas segala prasarana yang telah disediakan dan sangat
mendukung dalam mengikuti studi di Sekolah Tinggi Teknik Surabaya.
Dan atas segala bimbingan, dorongan, motivasi, yang telah diberikan,
penyusun juga mengucapkan terima kasih yang sebesar-besarnya kepada:
1. Tuhan Yang Maha Esa atas segala karunia-Nya.
2. Yang Terhormat Ibu Indra Maryati, S.Kom., M.Kom. dan Ibu Eka Rahayu
Setyaningsih, S.Kom., M.Kom., yang telah membantu, membimbing dan
memberi pengarahan kepada penulis selama mengikuti studi di Sekolah
Tinggi Teknik Surabaya.
3. Yang Terhormat Para Dosen yang telah membimbing dan mengajar selama
mengikuti studi di Sekolah Tinggi Teknik Surabaya.
4. Teman-teman STTS yang telah memberikan semangat dan membantu
penulis dalam pengerjaan Tugas Akhir.
5. Bram, Annisa, Ivan, Dara, Aji, Sigit, Gagas dan Syauqi yang telah
memberikan semangat dan membantu memecahkan masalah dalam tugas
akhir ini.
6. Semua keluarga, teman-teman dan pihak-pihak yang tidak dapat disebutkan
satu persatu atas dukungan dan bantuannya kepada penulis.
Penulis telah berusaha sebaik-baiknya dalam mengerjakan Tugas Akhir ini,
tetapi penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna. Oleh
karena itu penulis mengharapkan saran dan kritik yang membangun dari pembaca.
Di akhir kata, semoga Tugas Akhir ini dapat bermanfaat bagi almamater tercinta
Sekolah Tinggi Teknik Surabaya.

vi
 Surabaya, April 2019

Penulis

vii
 DAFTAR ISI

Halaman
HALAMAN JUDUL ...................................................................................... i
HALAMAN PENGESAHAN ........................................................................ ii
SURAT PERNYATAAN KEASLIAN ......................................................... iii
ABSTRAK ..................................................................................................... iv
ABSTRACT ................................................................................................... v
KATA PENGANTAR ................................................................................... vi
DAFTAR ISI .................................................................................................. viii
DAFTAR GAMBAR ..................................................................................... xiv
DAFTAR TABEL .......................................................................................... xvii
DAFTAR ALGORITMA ............................................................................... xviii
DAFTAR SEGMEN PROGRAM.................................................................. xix
BAB I PENDAHULUAN ......................................................................... 1
1.1 Latar Belakang ..................................................................... 1
1.2 Tujuan .................................................................................. 2
1.3 Ruang Lingkup ..................................................................... 2
1.4 Tahapan Penyelesaian Tugas Akhir ..................................... 7
1.5 Sistematika Pembahasan ...................................................... 8
BAB II TEORI PENUNJANG ................................................................... 10
2.1 Pengertian Aplikasi .............................................................. 10
2.2 CodeIgniter ........................................................................... 10
2.2.1 Alur Kerja Codeigniter ............................................. 11
2.2.2 Struktur Folder Codeigniter...................................... 12
2.2.3 Penggunaan Codeigniter Pada Sistem Tugas Akhir . 14
2.3 FFEMPG .............................................................................. 15
2.4 MYSQL ................................................................................ 16
2.4.1 Cara Kerja MySQL .................................................. 17
2.4.2 Perintah-Perintah MySQL ........................................ 17

viii
 2.4.3 Penggunaan MySQL Pada Tugas Akhir .................. 19
2.5 Firebase ................................................................................ 16
2.5.1 Macam-Macam Layanan Firebase ........................... 21
2.5.2 Persiapan Pemasangan FCM .................................... 22
2.5.3 Pemasangan FCM Ke Aplikasi ................................ 25
BAB III FLUTTER FRAMEWORK ........................................................... 32
3.1 Flutter Framework ................................................................ 32
3.2 Bahasa Pemrograman Dart ................................................... 33
3.3 Struktur Projek Flutter Framework ...................................... 34
3.4 Struktur Kode Flutter Framework ........................................ 36
3.5 Widget Flutter Framework ................................................... 37
3.6 Library Flutter Framework ................................................... 45
BAB IV ANALISA SISTEM ...................................................................... 50
4.1 Fact Finding ......................................................................... 50
4.1.1 Referensi Sistem Yang Ada Saat Ini ........................ 50
4.2 Deskripsi Sistem Yang Ada Saat Ini .................................... 53
4.3 Analisa Permasalahan .......................................................... 54
4.4 Analisa Kebutuhan ............................................................... 55
BAB V DESAIN SISTEM ......................................................................... 57
5.1 Desain Arsitektural............................................................... 57
5.1.1 Desain Arsitektural Sistem ....................................... 57
5.2 Desain Arsitektural............................................................... 60
5.2.1 Desain ER-Diagram ................................................. 61
5.3 Desain Interface ................................................................... 73
5.3.1 Desain Aplikasi User ................................................ 73
5.3.1.1 Tampilan Fasilitas Login ............................ 73
5.3.1.2 Tampilan Fasilitas Home............................ 74
5.3.1.3 Tampilan Fasilitas Histori Notifikasi ......... 75
5.3.1.4 Tampilan Fasilitas Profil User.................... 76
5.3.1.5 Tampilan Fasilitas Pencarian Laporan ....... 77

ix
 5.3.1.6 Tampilan Fasilitas Ubah Email .................. 78
5.3.1.7 Tampilan Fasilitas Berita STTS ................. 79
5.3.1.8 Tampilan Fasilitas Informasi Biro.............. 80
5.3.1.9 Tampilan Fasilitas Buat Laporan Baru ....... 81
5.3.1.10 Tampilan Fasilitas Detail Laporan ............. 83
5.3.2 Desain Website Halaman Admin ............................. 84
5.3.2.1 Tampilan Fasilitas Dashboard .................... 85
5.3.2.2 Tampilan Fasilitas Master Admin .............. 85
5.3.2.3 Tampilan Fasilitas Tambah Admin ............ 86
5.3.2.4 Tampilan Fasilitas Ubah Password Admin 87
5.3.2.5 Tampilan Fasilitas Ubah Data Admin ........ 88
5.3.2.6 Tampilan Fasilitas Master User.................. 89
5.3.2.7 Tampilan Fasilitas Master Laporan ............ 90
5.3.2.8 Tampilan Fasilitas Ubah Status Laporan.... 91
5.3.2.9 Tampilan Fasilitas Master Biro .................. 91
5.3.2.10 Tampilan Fasilitas Tambah Biro ................ 92
5.3.2.11 Tampilan Fasilitas Ubah Biro..................... 93
5.3.2.12 Tampilan Fasilitas Master Info Biro .......... 94
5.3.2.13 Tampilan Fasilitas Tambah Info Biro ........ 94
5.3.2.14 Tampilan Fasilitas Ubah Info Biro ............. 95
5.3.2.15 Tampilan Fasilitas Master Hak Biro .......... 96
5.3.2.16 Tampilan Fasilitas Tambah Hak Biro ........ 96
5.3.2.17 Tampilan Fasilitas Ubah Hak Biro ............. 97
5.3.2.18 Tampilan Fasilitas Master Berita ............... 98
5.3.2.19 Tampilan Fasilitas Tambah Berita ............. 98
5.3.2.20 Tampilan Fasilitas Ubah Berita .................. 99
5.3.2.21 Tampilan Fasilitas Master Kategori ........... 100
5.3.2.22 Tampilan Fasilitas Tambah Kategori ......... 100
5.3.2.23 Tampilan Fasilitas Ubah Kategori .............. 101
5.3.2.24 Tampilan Fasilitas Master Sub Kategori .... 102
5.3.2.25 Tampilan Fasilitas Tambah Sub Kategori .. 102

x
 5.3.2.26 Tampilan Fasilitas Ubah Sub Kategori ...... 103
5.3.2.27 Tampilan Fasilitas Histori Notifikasi ........ 104
5.3.2.28 Tampilan Fasilitas Kirim Notifikasi ........... 104
5.3.2.29 Tampilan Fasilitas Master Reward ............. 105
5.3.2.30 Tampilan Fasilitas Tambah Reward ........... 106
5.3.2.31 Tampilan Fasilitas Ubah Reward ............... 106
5.3.2.32 Tampilan Fasilitas Master Punishment ...... 107
5.3.2.33 Tampilan Fasilitas Ubah Punishment ......... 107
5.4 Desain Procedural ................................................................ 108
5.4.1 Login ........................................................................ 108
5.4.2 Home ........................................................................ 109
5.4.3 Histori Notifikasi ...................................................... 109
5.4.4 Pencarian .................................................................. 110
5.4.5 Laporan Baru ............................................................ 110
5.4.6 Berita ........................................................................ 111
5.4.7 Biro ........................................................................... 111
5.4.8 Reward...................................................................... 111
5.4.9 Ubah Email ............................................................... 112
BAB VI IMPLEMENTASI ......................................................................... 113
6.1 Implementasi Untuk Webservices........................................ 113
6.1.1 Webservice Login..................................................... 113
6.1.2 Webservice Laporan ................................................. 116
6.1.3 Webservice Membuat Laporan ................................ 118
6.1.4 Webservice Histori Notifikasi .................................. 120
6.1.5 Webservice Update FCM ID .................................... 121
6.1.6 Webservice Profil User ............................................ 122
6.1.7 Webservice Berita .................................................... 123
6.1.8 Webservice Biro ....................................................... 124
6.1.9 Webservice Status Suspend User ............................. 126
6.1.10 Webservice Membatalkan Laporan .......................... 127
6.1.11 Webservice Informasi Biro ...................................... 128

xi
 6.1.12 Webservice Kategori ................................................ 129
6.1.13 Webservice Laporan User ........................................ 130
6.1.14 Webservice Update Thumbnail Laporan .................. 131
6.1.15 Webservice Lihat Laporan ....................................... 132
6.1.16 Webservice Pencarian Laporan ................................ 133
6.1.17 Webservice Reward .................................................. 135
6.1.18 Webservice Sub Kategori ......................................... 135
6.1.19 Webservice Ubah Email ........................................... 136
6.1.20 Webservice Ubah Foto Profil ................................... 137
6.1.21 Webservice Generate Thumbnail ............................. 138
6.2 Implementasi Untuk Aplikasi .............................................. 140
6.2.1 Login ........................................................................ 140
6.2.2 Home ........................................................................ 144
6.2.3 Histori Notifikasi ...................................................... 147
6.2.4 Profil ......................................................................... 149
6.2.5 Ubah Email ............................................................... 151
6.2.6 Berita ........................................................................ 153
6.2.7 Biro ........................................................................... 155
6.2.8 Reward...................................................................... 158
6.2.9 Pencarian Laporan .................................................... 160
6.2.10 Buat Laporan Baru ................................................... 161
6.3 Implementasi Untuk Website Admin ................................... 164
6.3.1 Modul Master ........................................................... 165
6.3.2 Modul Laporan ......................................................... 167
BAB VII PENGUJIAN SISTEM .................................................................. 161
7.1 Rencana Uji Coba Dan Hasil Yang Diharapkan .................. 161
7.2 Uji Coba Fungsionalitas Sistem ........................................... 161
7.2.1 Uji Coba Fungsionalitas Halaman Admin................ 162
7.2.2 Uji Coba Fungsionalitas Aplikasi ............................ 164
7.2.2.1 Uji Coba Fasilitas Login ............................ 164
7.2.2.2 Uji Coba Fasilitas Home ............................ 164

xii
 7.2.2.3 Uji Coba Fasilitas Histori Notifikasi .......... 166
7.2.2.4 Uji Coba Fasilitas Profil User .................... 167
7.2.2.5 Uji Coba Fasilitas Laporan Saya ................ 168
7.2.2.6 Uji Coba Fasilitas Ubah Email ................... 168
7.2.2.7 Uji Coba Fasilitas Informasi Biro .............. 170
7.2.2.8 Uji Coba Fasilitas Berita ............................ 170
7.2.2.9 Uji Coba Fasilitas Buat Laporan Baru ....... 171
7.3 Uji Coba Dengan Kuisioner ................................................. 173
7.2.1 Uji Coba Dengan Kuisioner Mahasiswa .................. 173
7.2.2 Uji Coba Dengan Kuisioner Biro ............................. 174
BAB VIII PENUTUP .................................................................................... 175
7.1 Kesimpulan .......................................................................... 175
7.2 Saran…. ................................................................................ 176
DAFTAR PUSTAKA .................................................................................... 177
RIWAYAT HIDUP ........................................................................................ 178
LAMPIRAN A KUESIONER MAHASISWA .............................................. A-1
LAMPIRAN A KUESIONER BIRO ............................................................. A-2

xiii
 DAFTAR GAMBAR

Gambar Halaman
2.1 Alur Kerja Codeigniter ....................................................................... 11
2.2 Struktur Folder Codeigniter ............................................................... 12
2.3 Form Pembuatan Projek Firebase ...................................................... 23
2.4 Form Pendaftaran Firebase Untuk Android ....................................... 23
2.5 Form Pendaftaran Firebase Untuk iOS .............................................. 24
2.6 Form Pendaftaran Device iOS............................................................ 25
2.7 Menu Folder iOS Flutter .................................................................... 26
2.8 Proses Salin File ................................................................................. 27
2.9 Form Pembuatan Key Apple .............................................................. 27
2.10 Halaman Download Key .................................................................... 28
2.11 Form Pengunggahan Key Firebase .................................................... 28
2.12 Proses Mengaktifkan Notifikasi iOS .................................................. 29
2.13 File Info.plist ...................................................................................... 29
2.14 Proses Penyalinan File ....................................................................... 30
2.15 Library Firebase ................................................................................. 30
3.1 Struktur Projek Flutter ........................................................................ 35
4.1 Form Kritik Saran Dosen ................................................................... 51
4.2 Form Kritik Saran Biro ...................................................................... 52
4.3 Screenshoot Dari Aplikasi Qlue ......................................................... 53
4.4 Context Diagram Sistem Penyampaian Keluhan Dan Saran.............. 54
5.1 Arsitektur Sistem Secara Umum ........................................................ 58
5.2 Sitemap Aplikasi Penanganan Keluhan ............................................. 59
5.3 Sitemap Admin Sistem ....................................................................... 60
5.4 ER-Diagram ....................................................................................... 61
5.5 Tampilan Fasilitas Login .................................................................... 74
5.6 Tampilan Fasilitas Home ................................................................... 75
5.7 Tampilan Fasilitas Histori Notifikasi ................................................. 76

xiv
5.8 Tampilan Fasilitas Profil User............................................................ 77
5.9 Tampilan Fasilitas Pencarian Laporan ............................................... 78
5.10 Tampilan Fasilitas Ubah Email .......................................................... 79
5.11 Tampilan Fasilitas Berita STTS ......................................................... 80
5.12 Tampilan Informasi Biro .................................................................... 81
5.13 Tampilan Buat Laporan Baru ............................................................. 82
5.14 Tampilan Detail Laporan Video ......................................................... 83
5.15 Tampilan Detail Laporan Foto ........................................................... 84
5.16 Tampilan Dashboard .......................................................................... 85
5.17 Tampilan Master Admin .................................................................... 86
5.18 Tampilan Tambah Admin Baru.......................................................... 87
5.19 Tampilan Ubah Password Admin ...................................................... 88
5.20 Tampilan Ubah Data Admin .............................................................. 89
5.21 Tampilan Master User ........................................................................ 89
5.22 Tampilan Master Laporan .................................................................. 90
5.23 Tampilan Ubah Status Laporan .......................................................... 91
5.24 Tampilan Master Biro ........................................................................ 92
5.25 Tampilan Tambah Biro ...................................................................... 93
5.26 Tampilan Ubah Biro ........................................................................... 93
5.27 Tampilan Master Info Biro ................................................................. 94
5.28 Tampilan Tambah Info Biro ............................................................... 95
5.29 Tampilan Ubah Info Biro ................................................................... 95
5.30 Tampilan Master Hak Biro ................................................................. 96
5.31 Tampilan Tambah Hak Biro ............................................................... 97
5.32 Tampilan Ubah Hak Biro ................................................................... 97
5.33 Tampilan Master Biro ........................................................................ 98
5.34 Tampilan Tambah Berita .................................................................... 99
5.35 Tampilan Ubah Berita ........................................................................ 99
5.36 Tampilan Master Kategori ................................................................. 100
5.37 Tampilan Tambah Kategori ............................................................... 101
5.38 Tampilan Ubah Kategori .................................................................... 101

xv
5.39 Tampilan Master Sub Kategori .......................................................... 102
5.40 Tampilan Tambah Sub Kategori ........................................................ 103
5.41 Tampilan Ubah Sub Kategori ............................................................. 103
5.42 Tampilan Histori Notifikasi ............................................................... 104
5.43 Tampilan Tambah Sub Kategori ........................................................ 105
5.44 Tampilan Master Reward ................................................................... 105
5.45 Tampilan Tambah Reward ................................................................. 106
5.46 Tampilan Ubah Reward ..................................................................... 106
5.47 Tampilan Master Punishment............................................................. 107
5.48 Tampilan Ubah Punishment ............................................................... 108
7.1 Uji Coba Fasilitas Login .................................................................... 165
7.2 Pesan Error Fasilitas Login ................................................................ 165
7.3 Uji Coba Fasilitas Home .................................................................... 166
7.4 Uji Coba Fasilitas Histori Notifikasi .................................................. 167
7.5 Uji Coba Fasilitas Profil User ............................................................ 167
7.6 Uji Coba Laporan Saya ...................................................................... 168
7.7 Uji Coba Ubah Email ......................................................................... 169
7.8 Pesan Error Ubah Email ..................................................................... 169
7.9 Uji Coba Informasi Biro ..................................................................... 170
7.10 Uji Coba Berita................................................................................... 171
7.11 Uji Coba Buat Laporan ...................................................................... 172
7.12 Pesan Error Buat Laporan .................................................................. 172

xvi
 DAFTAR TABEL

Tabel Halaman
5.1 Struktur Tabel Admin......................................................................... 62
5.2 Struktur Tabel Berita .......................................................................... 63
5.3 Struktur Tabel Biro............................................................................. 64
5.4 Struktur Tabel Broadcast .................................................................... 64
5.5 Struktur Tabel Device ........................................................................ 65
5.6 Struktur Tabel Hak_Biro .................................................................... 66
5.7 Struktur Tabel Info ............................................................................. 66
5.8 Struktur Tabel Kategori ...................................................................... 67
5.9 Struktur Tabel Kategorisub ................................................................ 67
5.10 Struktur Tabel Laporan ...................................................................... 68
5.11 Struktur Tabel Punishment ................................................................. 70
5.12 Struktur Tabel Role_admin ................................................................ 71
5.13 Struktur Tabel Status_laporan ............................................................ 71
5.14 Struktur Tabel User ............................................................................ 72
7.1 Keterangan Persiapan Percobaan ....................................................... 162
7.2 Pengaturan Kuasa User ...................................................................... 162
7.3 Percobaan Fungsionalitas Halaman Pada Admin............................... 163
7.4 Pertanyaan dan Prosentase Jawaban Untuk Aplikasi ......................... 173
5.5 Pertanyaan dan Prosentase Jawaban Untuk Halaman Admin ............ 174

xvii
 DAFTAR ALGORITMA

Algoritma Halaman
5.1 Login .................................................................................................. 108
5.2 Home .................................................................................................. 109
5.3 Histori Notifikasi ................................................................................ 109
5.4 Pencarian ............................................................................................ 110
5.5 Laporan Baru ...................................................................................... 110
5.6 Berita .................................................................................................. 111
5.7 Biro ..................................................................................................... 111
5.8 Reward ............................................................................................... 111
5.9 Ubah Email ......................................................................................... 112

xviii
 DAFTAR SEGMEN PROGRAM

Segmen Program Halaman

2.1 Menjalankan FFEMPG ...................................................................... 16
2.2 Menambahkan Data Laporan ............................................................. 19
2.3 Menampilkan Laporan ....................................................................... 20
2.4 Menambahkan Library FCM .............................................................. 25
2.5 Menambahkan Handler Untuk Notifikasi .......................................... 31
3.1 Struktur Dasar Flutter ......................................................................... 37
3.2 Penggunaan StatelessWidget.............................................................. 38
3.3 Penggunaan StatefullWidget .............................................................. 38
3.4 Penggunaan Widget Text ................................................................... 39
3.5 Penggunaan Widget Image................................................................. 40
3.6 Penggunaan Widget TextField ........................................................... 40
3.7 Penggunaan Widget Icon ................................................................... 41
3.8 Penggunaan Widget Button ................................................................ 41
3.9 Penggunaan Widget Column .............................................................. 41
3.10 Penggunaan Widget Row ................................................................... 42
3.11 Penggunaan Widget Listview............................................................. 43
3.12 Penggunaan Widget Dialog ................................................................ 43
3.13 Penggunaan Widget Scaffold ............................................................. 44
3.14 Penggunaan Widget Container ........................................................... 45
3.15 Pemasangan Library sqflite ................................................................ 45
3.16 Pemanggilan Library sqflite ............................................................... 46
3.17 Pemasangan Library path_provider ................................................... 46
3.18 Pemanggilan Library path_provider................................................... 46
3.19 Pemasangan Library http .................................................................... 47
3.20 Pemanggilan Library http ................................................................... 47
3.21 Pemasangan Library image_picker .................................................... 48
3.22 Pemanggilan Library image_picker ................................................... 48

xix
3.23 Pemasangan Library video_player ..................................................... 48
3.24 Pemanggilan Library video_player .................................................... 48
3.25 Pemasangan Library chewie............................................................... 49
3.26 Pemanggilan Library chewie .............................................................. 49
6.1 Pemanggilan Library Webservice Login............................................ 109
6.2 Webservices Login ............................................................................. 110
6.3 Webservices Laporan ......................................................................... 112
6.4 Webservices Membuat Laporan ......................................................... 114
6.5 Webservices Histori Notifikasi .......................................................... 116
6.6 Webservices Update FCM ID ............................................................ 117
6.7 Webservices Profil User ..................................................................... 118
6.8 Webservices Berita ............................................................................. 119
6.9 Webservices Biro ............................................................................... 120
6.10 Webservices Status Suspend User...................................................... 122
6.11 Webservices Membatalkan Laporan .................................................. 123
6.12 Webservices Informasi Biro ............................................................... 124
6.13 Webservices Kategori ........................................................................ 125
6.14 Webservices Laporan User................................................................. 126
6.15 Webservices Update Thumbnail Laporan .......................................... 127
6.16 Webservices Lihat Laporan ................................................................ 128
6.17 Webservices Pencarian Laporan ........................................................ 129
6.18 Webservices Reward .......................................................................... 131
6.19 Webservices Sub Kategori ................................................................. 132
6.20 Webservices Ubah Email ................................................................... 133
6.21 Webservices Ubah Foto Profil ........................................................... 133
6.22 Webservices Generate Thumbnail...................................................... 135
6.23 Penampung Response JSON Webservice Login ................................ 136
6.24 Pemanggilan Webservice Login......................................................... 137
6.25 Penginputan Token User Pada Database Sqlite ................................. 138
6.26 Dialog Pesan Error ............................................................................. 138
6.27 Penampung Response JSON Webservice Laporan ............................ 139

xx
6.28 Pemanggilan Webservice Laporan ..................................................... 141
6.29 Penambahan Data Laporan Pada Listview ......................................... 142
6.30 Penampung Response JSON Webservice Notifikasi ......................... 143
6.31 Pemanggilan Webservice Histori Notifikasi ...................................... 144
6.32 Penambahan Data Notifikasi Pada Listview ...................................... 145
6.33 Penampung Response JSON Webservice Profil ................................ 145
6.34 Pemanggilan Webservice Profil ......................................................... 147
6.35 Penampung Response JSON Webservice Ubah Email ...................... 148
6.36 Form Email Pada Aplikasi ................................................................. 148
6.37 Pemanggilan Webservice Ubah Email ............................................... 148
6.38 Penampung Response JSON Webservice Berita ............................... 149
6.39 Pemanggilan Webservice Berita ........................................................ 150
6.40 Penambahan Data Berita Pada Listview ............................................ 151
6.41 Penampung Response JSON Webservice Biro .................................. 152
6.42 Pemanggilan Webservice Biro ........................................................... 153
6.43 Penambahan Data Biro Pada Listview ............................................... 153
6.44 Penampung Response JSON Webservice Reward ............................. 154
6.45 Pemanggilan Webservice Reward ...................................................... 155
6.46 Penambahan Data Reward Pada Listview .......................................... 155
6.47 Pemanggilan Webservice Pencarian Laporan .................................... 156
6.48 Pemanggilan Webservice Buat Laporan Baru.................................... 157
6.49 Pemanggilan Webservice Generate Thumbnail ................................. 159
6.50 Pemanggilan Webservice Update Thumbnail .................................... 164
6.51 Controller Insert Data ......................................................................... 165
6.52 Controller Delete Data ....................................................................... 166
6.53 Controller Update Data ...................................................................... 166
6.54 Menampilkan Data Laporan ............................................................... 167
6.55 Update Status Laporan ....................................................................... 169
6.56 Pengiriman Email Perubahan Status Laporan .................................... 169
6.57 Pengiriman Notifikasi Perubahan Status Laporan ............................. 170

xxi
xxii
xxiii
xxiv
xxv
26