Tugas Akhir. Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang

(1)

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

(2)

(3)

(4)

(5)

v

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.

(6)

vi

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

(7)

vii

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 2.1 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

(8)

viii 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 2.5 Web Service ... 12

2.5.1 Arsitektur Web Service ... 13

2.6 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

BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 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

3.2 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

(9)

ix

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

4.1.2.9 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

(10)

x

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

4.2 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

BAB V PENUTUP 5.1 Kesimpulan ... 94

5.2 Saran ... 95

DAFTAR PUSTAKA ... 96

(11)

xi

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

(12)

xii

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.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

(13)

xiii

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 ... 57 Gambar 4.4 Potongan Kode Program Untuk Menampilkan Form

Pengumuman ... 58 Gambar 4.5 Potongan Kode Program Untuk Menampilkan Form Detail

Pengumuman ... 59 Gambar 4.6 Potongan Kode Program Untuk Menampilkan Form

Memberi Komentar ... 60 Gambar 4.7 Potongan Kode Program Untuk Menampilkan Push

Notification GCM ... 61 Gambar 4.8 Potongan Kode Program Untuk Menampilkan Form

Jadwal Kuliah ... 62 Gambar 4.9 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

(14)

xiv

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.25 Tampilan Form Registrasi NIM ... 73

Gambar 4.26 Tampilan Form Pengumuman ... 73

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.35 Tampilan Form Halaman Utama ... 78

Gambar 4.36 Tampilan Form Data Mahasiswa ... 78

Gambar 4.37 Tampilan Form Data 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

(15)

xv

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 ... 90

Tabel 4.8 Distribusi Frekuensi Jawaban Responden untuk Kriteria Efficiency ... 90

Tabel 4.9 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 ... 92

(16)

xvi

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.