Rancang Bangun Aplikasi Electronic Event (e-Event) Perguruan Tinggi Berbasis Android Menggunakan Google Cloud Messaging (Studi Kasus : STIE ASIA Malang) Tugas Akhir Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Viryal Afaf Vairus Baha’ 201110370311031
JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2016
ii
iii
iv
LEMBAR PERSEMBAHAN Puji syukur penulis panjatkan ke hadirat Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini. Maka dari itu penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada : 1.
Allah SWT. Atas semua Rahmat dan Hidayahnya dan kelancaran dalam menyelesaikan tugas akhir ini.
2.
Ibu tercinta Yayuk Harnanik dan Wali Orang Tua Hj. Murtiasih dengan seluruh doanya dan dukungan yang tiada henti untuk anak-anaknya.
3.
Saudara Sri Wahyuni, Finda Falesia Febriana, Nanang Kristiawan, Faisal Aditya Saputra, dan Amanda Eka Putri.
4.
Dosen pembimbing Bapak Eko Budi Cahyono dan Bapak Ilyas Nuryasin, yang telah membimbing dengan penuh kesabaran hingga selesai.
5.
Dosen penguji Bapak Yuda Munarko dan Bapak Aminudin, terimakasih banyak atas saran dan dukungannya.
6.
Para Dosen Teknik Informatika Universitas Muhammadiyah Malang.
7.
Teman-teman dan sahabat IT-A, Yoka Segara Putra, Bayu Ajie, Agus Warseno, Galuh Wardani, Dana, Zainal Abidin dan teman-teman lainnya.
8.
Ibu Magdalena Retno Saraswati, Kepala BAA STIE ASIA Malang yang telah memberikan
kesempatan
dan
kesediaannya
memberikan
data
yang
dibutuhkan dalam menyelesaikan tugas akhir ini. 9.
Staf dan Karyawan BAA, BAU, Akademik STIE ASIA Malang terimakasih atas kerjasama dan dukungannya.
10. Teman-teman seperjuangan di Universitas Muhammadiyah Malang.
v
KATA PENGANTAR
Assalamu'alaikum Wr. Wb Dengan memanjatkan puji syukur kehadirat Allah SWT. Atas limpahan rahmat dan hidayah-NYA sehingga peneliti dapat menyelesaikan tugas akhir yang berjudul : “RANCANG BANGUN APLIKASI ELECTRONIC EVENT (E-EVENT) PERGURUAN TINGGI BERBASIS ANDROID MENGGUNAKAN GOOGLE CLOUD MESSAGING (STUDI KASUS : STIE ASIA MALANG)” Peneliti menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan. Oleh karena itu peneliti mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu pengetahuan kedepan. Akhir kata penulis mengucapkan terima kasih kepada semua pihak yang telah membantu sehingga tugas akhir ini terselesaikan Wassalamu’alaikum Wr. Wb.
Malang, 20 April 2016
Penulis
vi
DAFTAR ISI
Halaman Judul Lembar Persetujuan ................................................................................
ii
Lembar Pengesahan ..................................................................................
iii
Lembar Pernyataan .................................................................................
iv
Lembar Persembahan ..............................................................................
v
Abstrak ......................................................................................................
vi
Abstract .....................................................................................................
vii
Kata Pengantar ........................................................................................
viii
Daftar Isi ...................................................................................................
ix
Daftar Gambar .........................................................................................
xiii
Daftar Tabel ..............................................................................................
xvii
BAB I PENDAHULUAN 1.1
Latar Belakang ......................................................................
1
1.2
Rumusan Masalah .................................................................
2
1.3
Tujuan Penelitian ..................................................................
3
1.4
Batasan Masalah ...................................................................
3
1.5
Metodologi Penelitian ...........................................................
3
1.6
Sistematika Penulisan ...........................................................
4
BAB II LANDASAN TEORI Google Cloud Messaging ......................................................
6
2.1.1 Arsitektur Google Cloud Messaging .........................
6
2.1.2 Komponen Google Cloud Messaging .......................
7
2.1.3 Alur Kerja Dari Google Cloud Messaging ...............
7
2.1.4 Manfaat Google Cloud Messaging ............................
8
2.2
Push Notification ..................................................................
8
2.3
Electronic Event ....................................................................
9
2.4
Android .................................................................................
10
2.4.1 Arsitektur Android ....................................................
10
2.1
vii
2.4.1.1 Applications ................................................
10
2.4.1.2 Application Framework ..............................
11
2.4.1.3 Libraries ......................................................
11
2.4.1.4 Android Runtime .........................................
11
2.4.1.5 Linux Kernel ...............................................
11
2.4.2 Features ....................................................................
12
Web Service ...........................................................................
12
2.5.1 Arsitektur Web Service...............................................
13
MySql ....................................................................................
13
2.6.1 Keunggulan MySQL ..................................................
14
2.6.2 Kelemahan MySQL ...................................................
14
2.7
JSON ....................................................................................
15
2.8
Codeigniter ............................................................................
15
2.9
MVC ....................................................................................
16
2.5
2.6
BAB III ANALISA DAN PERANCANGAN SISTEM 3.1
3.2
Analisa Sistem ......................................................................
17
3.1.1 Deskripsi Sistem .......................................................
17
3.1.2 Analisis Kebutuhan Sistem .......................................
18
3.1.2.1 Spesifikasi Input ..........................................
18
3.1.2.2 Spesifikasi Output .......................................
19
3.1.3 Kebutuhan Non Fungsional ......................................
19
3.1.3.1 Spesifikasi Perangkat Lunak .......................
19
3.1.3.2 Spesifikasi Perangkat Keras ........................
19
3.1.3.3 Spesifikasi Pengguna (user) ........................
19
3.1.4 Kebutuhan Sistem Fungsional ..................................
20
Perancangan Sistem ..............................................................
20
3.2.1 Use Case Diagram ....................................................
20
3.2.2 Activity Diagram .......................................................
29
3.2.3 Squence Diagram ......................................................
37
3.2.4 Class Diagram ..........................................................
44
3.2.5 Entity Relationship Diagram ....................................
46
viii
3.3
Perancangan Antar Muka Aplikasi (Interface) ......................
46
3.3.1 Tampilan Android .....................................................
46
3.3.1 Tampilan Server ........................................................
50
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1
Implementasi Sistem .............................................................
55
4.1.1 Implementasi Kode Program Client ..........................
55
4.1.1.1
Menampilkan Form Login .......................
56
4.1.1.2
Menampilkan Form Registrasi .................
57
4.1.1.3
Menampilkan Form Pengumuman ...........
58
4.1.1.4
Menampilkan Form Detail Pengumuman
59
4.1.1.5
Menampilkan Form Memberi Komentar .
60
4.1.1.6
Menampilkan Push Notification GCM .....
61
4.1.1.7
Menampilkan Form Jadwal Kuliah ..........
62
4.1.1.8
Menampilkan Form Jadwal Mengajar Dosen
63
4.1.1.9
Menampilkan Form Setting Password .....
63
4.1.1.10 Menampilkan Form About .......................
64
4.1.2 Implementasi Kode Program Server .........................
65
4.1.2.1
Menampilkan Form Login .......................
66
4.1.2.2
Menampilkan Form Halaman Utama .......
66
4.1.2.3
Menampilkan Form Data Mahasiswa ......
67
4.1.2.4
Menampilkan Form Data Pengumuman ..
67
4.1.2.5
Menampilkan Form Data Komentar ........
68
4.1.2.6
Menampilkan Form Data Mengajar Dosen
69
4.1.2.7
Menampilkan Form Data Kuliah Mahasiswa
69
4.1.2.8
Menampilkan Form Set Tahun Akademik Aktif ..........................................................
70
Menampilkan Form Manajemen User ......
71
4.1.2.10 Menampilkan Form Update Password ....
71
4.1.3 Implementasi Antar Muka Client ...............................
72
4.1.3.1 Tampilan Form Login .................................
72
4.1.3.2 Tampilan Form Registrasi NIM .................
73
4.1.3.3 Tampilan Form Pengumuman ....................
73
4.1.2.9
ix
4.2
4.1.3.4 Tampilan Menu Utama ...............................
75
4.1.3.5 Tampilan Form Info Jadwal Kuliah ............
75
4.1.3.6 Tampilan Form Info Mengajar Dosen ........
76
4.1.3.7
Tampilan Form Setting Password ............
76
4.1.3.8
Tampilan Form About ..............................
77
4.1.4 Implementasi Antar Muka Server .............................
77
4.1.4.1
Tampilan Form Login ...............................
77
4.1.4.2
Tampilan Form Halaman Utama ...............
78
4.1.4.3
Tampilan Form Data Mahasiswa .............
78
4.1.4.4
Tampilan Form Data Pengumuman .........
79
4.1.4.5
Tampilan Form Data Komentar ...............
80
4.1.4.6
Tampilan Form Data Mengajar Dosen .....
80
4.1.4.7
Tampilan Form Data Kuliah Mahasiswa .
81
4.1.4.8
Tampilan Form Set Tahun Akademik ......
81
4.1.4.9
Tampilan Form Manajemen User ............
82
4.1.4.10 Tampilan Form Edit Password ................
82
Pengujian Sistem....................................................................
82
4.2.1 Pengujian Fungsional ................................................
82
4.2.1.1
Pengujian Menu Utama Client .................
83
4.2.1.2
Pengujian Menu Utama Server .................
84
4.2.1.3
Pengujian Penyampaian Informasi Pengu muman ......................................................
85
4.2.2 Pengujian Usability ...................................................
86
4.2.2.1
Hasil Pengujian .........................................
88
4.2.2.2
Kesimpulan Pengujian Usability ..............
93
5.1
Kesimpulan ...........................................................................
94
5.2
Saran .....................................................................................
95
DAFTAR PUSTAKA ................................................................................
96
BAB V PENUTUP
LAMPIRAN
x
DAFTAR GAMBAR Gambar 2.1
Arsitektur Google Cloud Messaging (GCM) .....................
6
Gambar 2.2
Alur Kerja Google Cloud Messaging (GCM) ....................
7
Gambar 2.3
Alur Kerja Push Notification ..............................................
9
Gambar 2.4
Arsitektur Platform Android ..............................................
10
Gambar 2.5
Arsitektur Web Service .......................................................
13
Gambar 3.1
Use Case Diagram Sistem Admin dan User “Aplikasi Elec tronic Event” ......................................................................
21
Gambar 3.2
Activity Diagram Create Pengumuman ..............................
29
Gambar 3.3
Activity Diagram Update Pengumuman .............................
30
Gambar 3.4
Activity Diagram Delete Pengumuman ..............................
31
Gambar 3.5
Activity Diagram Menjawab Komentar ..............................
31
Gambar 3.6
Activity Diagram Delete Komentar ....................................
32
Gambar 3.7
Activity Diagram Import Data Mahasiswa .........................
32
Gambar 3.8
Activity Diagram Update Data Mahasiswa ........................
33
Gambar 3.9
Activity Diagram Delete Data Mahasiswa .........................
33
Gambar 3.10 Activity Diagram Set Tahun Akademik Aktif ....................
34
Gambar 3.11 Activity Diagram Import Data Mengajar Dosen ................
34
Gambar 3.12 Activity Diagram Import Data Kuliah Mahasiswa .............
35
Gambar 3.13 Activity Diagram Membookmarks Pengumuman ..............
35
Gambar 3.14 Activity Diagram Memberi Komentar ................................
36
Gambar 3.15 Activity Diagram Update Password ...................................
36
Gambar 3.16 Sequence Diagram Create Pengumuman ...........................
37
Gambar 3.17 Sequence Diagram Update Pengumuman ..........................
38
Gambar 3.18 Sequence Diagram Delete Pengumuman ...........................
38
Gambar 3.19 Sequence Diagram Menjawab Komentar ...........................
39
Gambar 3.20 Sequence Diagram Delete Komentar .................................
39
Gambar 3.21 Sequence Diagram Import Data Mahasiswa ......................
40
Gambar 3.22 Sequence Diagram Update Data Mahasiswa .....................
40
Gambar 3.23 Sequence Diagram Delete Data Mahasiswa .......................
41
Gambar 3.24 Sequence Diagram Set Tahun Akademik Aktif .................
41
xi
Gambar 3.25 Sequence Diagram Import Data Mengajar Dosen ..............
42
Gambar 3.26 Sequence Diagram Import Data Kuliah ............................
42
Gambar 3.27 Sequence Diagram Membookmarks Pengumuman ...........
43
Gambar 3.28 Sequence Diagram Memberi Komentar .............................
43
Gambar 3.29 Sequence Diagram Update Password ................................
44
Gambar 3.30 Class Diagram Server ........................................................
45
Gambar 3.31 Class Diagram Client .........................................................
45
Gambar 3.32 Entity Relationship Diagram ..............................................
46
Gambar 3.33 Tampilan Splash Screen .....................................................
46
Gambar 3.34 Tampilan Form Login ........................................................
47
Gambar 3.35 Tampilan Form Registrasi ..................................................
47
Gambar 3.36 Tampilan Form Pengumuman ............................................
47
Gambar 3.37 Tampilan Form Detail Pengumuman .................................
48
Gambar 3.38 Tampilan Form Beri Komentar ..........................................
48
Gambar 3.39 Tampilan Form Menu Utama .............................................
48
Gambar 3.40 Tampilan Form Info Jadwal Kuliah ...................................
49
Gambar 3.41 Tampilan Form Info Mengajar Dosen ................................
49
Gambar 3.42 Tampilan Setting Password ................................................
49
Gambar 3.43 Tampilan About ...................................................................
50
Gambar 3.44 Tampilan Form Login ........................................................
50
Gambar 3.45 Tampilan Form Halaman Utama ........................................
50
Gambar 3.46 Tampilan Form Data Mahasiswa .......................................
51
Gambar 3.47 Tampilan Form Import Data Mahasiswa ...........................
51
Gambar 3.48 Tampilan Form Data Pengumuman ...................................
51
Gambar 3.49 Tampilan Form Data Detail Pengumuman .........................
52
Gambar 3.50 Tampilan Form Pilih Mahasiswa .......................................
52
Gambar 3.51 Tampilan Form Data Komentar .........................................
52
Gambar 3.52 Tampilan Form Import Data Mengajar Dosen ...................
53
Gambar 3.53 Tampilan Form Import Data Kuliah Mahasiswa ................
53
Gambar 3.54 Tampilan Form Set Tahun Akademik ................................
53
Gambar 3.55 Tampilan Form Manajemen User ......................................
54
Gambar 3.56 Tampilan Form Edit Password ..........................................
54
xii
Gambar 4.1
Class-Class Pada Apliaksi Client Electronic Event ...........
56
Gambar 4.2
Potongan Kode Program Untuk Menampilkan Form Login
56
Gambar 4.3
Potongan Kode Program Untuk Menampilkan Form Registrasi NIM ...................................................................
Gambar 4.4
Potongan Kode Program Untuk Menampilkan Form Pengumuman .......................................................................
Gambar 4.5
61
Potongan Kode Program Untuk Menampilkan Form Jadwal Kuliah ......................................................................
Gambar 4.9
60
Potongan Kode Program Untuk Menampilkan Push Notification GCM ..............................................................
Gambar 4.8
59
Potongan Kode Program Untuk Menampilkan Form Memberi Komentar ............................................................
Gambar 4.7
58
Potongan Kode Program Untuk Menampilkan Form Detail Pengumuman .......................................................................
Gambar 4.6
57
62
Potongan Kode Program Untuk Menampilkan Form Mengajar Dosen .................................................................
63
Gambar 4.10 Potongan Kode Program Untuk Menampilkan Form Setting Password ................................................................
64
Gambar 4.11 Potongan Kode Program Untuk Menampilkan Form About
64
Gambar 4.12 Class-Class Server Pada Aplikasi Electronic Event ..........
65
Gambar 4.13 Potongan Kode Program Untuk Menampilkan Form Login
66
Gambar 4.14 Potongan Kode Program Untuk Menampilkan Form Halaman Utama ..................................................................
66
Gambar 4.15 Potongan Kode Program Untuk Menampilkan Form Data Mahasiswa ...........................................................................
67
Gambar 4.16 Potongan Kode Program Untuk Menampilkan Form Data Pengumuman ......................................................................
67
Gambar 4.17 Potongan Kode Program Untuk Push Notification GCM ..
68
Gambar 4.18 Potongan Kode Program Untuk Menampilkan Form Data Komentar ............................................................................
69
Gambar 4.19 Potongan Kode Program Untuk Menampilkan Form Data Mengajar Dosen .................................................................
xiii
69
Gambar 4.20 Potongan Kode Program Untuk Menampilkan Form Data Kuliah Mahasiswa ...............................................................
70
Gambar 4.21 Potongan Kode Program Untuk Menampilkan Form Set Tahun Akademik ................................................................
71
Gambar 4.22 Potongan Kode Program Untuk Menampilkan Form Manajemen User ................................................................
71
Gambar 4.23 Potongan Kode Program Untuk Menampilkan Form Update Password
71
Gambar 4.24 Tampilan Form Login ........................................................
72
Gambar 4.25 Tampilan Form Registrasi NIM .........................................
73
Gambar 4.26 Tampilan Form Pengumuman .............................................
73
Gambar 4.27 Tampilan Form Detail Pengumuman ..................................
74
Gambar 4.28 Tampilan Form Memberi Komentar ..................................
74
Gambar 4.29 Tampilan Menu Utama .......................................................
75
Gambar 4.30 Tampilan Form info Jadwal Kuliah ...................................
75
Gambar 4.31 Tampilan Form Info Mengajar Dosen .................................
76
Gambar 4.32 Tampilan Form Setting Password .......................................
76
Gambar 4.33 Tampilan Form About ........................................................
77
Gambar 4.34 Tampilan Form Login ........................................................
77
Gambar 4.35 Tampilan Form Halaman Utama ........................................
78
Gambar 4.36 Tampilan Form Data Mahasiswa .......................................
78
Gambar 4.37 Tampilan Form Data Pengumuman ...................................
79
Gambar 4.38 Tampilan Form Detail Pengumuman ..................................
79
Gambar 4.39 Tampilan Form Pilih Mahasiswa .......................................
80
Gambar 4.40 Tampilan Form Data Komentar .........................................
80
Gambar 4.41 Tampilan Form Data Mengajar Dosen ................................
80
Gambar 4.42 Tampilan Form Data Kuliah Mahasiswa ............................
81
Gambar 4.43 Tampilan Form Set Tahun Akademik .................................
81
Gambar 4.44 Tampilan Form Manajemen User ......................................
82
Gambar 4.45 Tampilan Form Edit Password ..........................................
82
Gambar 4.46 Kode Program Penggunaan API Google Cloud Messaging.
85
Gambar 4.47 Kode Program Action Yang Ditangkap BroadcastReceiver.
85
Gambar 4.48 Tampilan Notifikasi Berhasil Dikirimkan Menggunakan GCM
85
xiv
DAFTAR TABEL Tabel 3.1
Spesifikasi Pengguna ..............................................................
20
Tabel 3.2
Skenario Create Pengumuman ...............................................
22
Tabel 3.3
Skenario Update Pengumuman ..............................................
23
Tabel 3.4
Skenario Delete Pengumuman ................................................
23
Tabel 3.5
Skenario Menjawab Komentar ...............................................
24
Tabel 3.6
Skenario Delete Komentar ......................................................
24
Tabel 3.7
Skenario Import Data Mahasiswa ...........................................
25
Tabel 3.8
Skenario Update Data Mahasiswa ..........................................
25
Tabel 3.9
Skenario Delete Data Mahasiswa ...........................................
26
Tabel 3.10 Skenario Set Tahun Akademik ...............................................
26
Tabel 3.11 Skenario Import Data Mengajar Dosen ..................................
27
Tabel 3.12 Skenario Import Data KuliahMahasiswa ................................
27
Tabel 3.13 Skenario Membookmarks Pengumuman ................................
28
Tabel 3.14 Skenario Memberi Komentar .................................................
28
Tabel 3.15 Skenario Update Password ....................................................
29
Tabel 4.1
Pengujian Menu Utama Client ...............................................
83
Tabel 4.2
Pengujian Menu Utama Server ...............................................
84
Tabel 4.3
Pengujian Penyampaian Informasi Pengumuman ..................
85
Tabel 4.4
Tabel Skala Likert ...................................................................
87
Tabel 4.5
Tabel Task-Task Pengujian Usability .....................................
88
Tabel 4.6
Plot Aspek Usability Pada Pertanyaan Kuisioner....................
89
Tabel 4.7
Distribusi Frekuensi Jawaban Responden untuk Kriteria Learnability .............................................................................
Tabel 4.8
Distribusi Frekuensi Jawaban Responden untuk Kriteria Efficiency .................................................................................
Tabel 4.9
90
90
Distribusi Frekuensi Jawaban Responden untuk Kriteria Memoriability ..........................................................................
91
Tabel 4.10 Distribusi Frekuensi Jawaban Responden untuk Kriteria Errors.
92
Tabel 4.11 Distribusi Frekuensi Jawaban Responden untuk Kriteria Satisfaction ..............................................................................
xv
92
DAFTAR PUSTAKA
[1]
Tim Akademik. 2015. Pedoman Buku Akademik STIE ASIA Malang Tahun Akademik 2015/2016. Malang.
[2]
Mita Septiana Chumairoh. 2014. Perancang Bangun Aplikasi Mobile Pada Platform Android Berbasis Html5 Studi Kasus Layanan Informasi Website Unipdu Jombang. Jurnal Ilmiah Edutic Vol.1, No.1 Univeritas Darul Ulum, Jombang.
[3]
Donald Getz. 2004. Event Management And Event Tourism (Second Edition). http://gul.gu.se/public/pp/public_courses/course50642/published/133778990 7420/resourceId/19382530/content/EVENT%20MGMT%20AND%20EVE NT%20TOURISMText.pdf, diunduh tanggal 20 Februari 2016.
[4]
Ahmad Dharma Kasman. 2015. Trik Kolaborasi Android dengan PHP & MySQL. Lokomedia, Yogyakarta.
[5]
Rohi Abdulloh. 2015. Web Programming is Easy. Elexmedia Komputindo, Jakarta.
[6]
Jacob
Neilson.
2012.
Usability
101:
Introduction
to
Usability.
https://www.nngroup.com/articles/usability-101-introduction-to-usability/, diakses tanggal 25 Maret 2016 14:35. [7]
Dedi Rianto Rahadi. 2014. Pengukuran Usability Sistem Menggunakan Use Questionnaire Pada Aplikasi Android. Jurnal Sistem Informasi (JSI) Vol. 6, diunduh tanggal 25 Maret 2016.
[8]
Muhammad Irsan. 2015. Rancang Bangun Aplikasi Mobile Notifikasi Berbasis Android Untuk Mendukung Kinerja Di Instansi Pemerintahan. Teknik Informatika Universitas Tanjungpura, Pontianak.
xvi
