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

Transkripsi

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 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2016

2 ii

3 iii

4 iv

5 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

6 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

7 DAFTAR ISI Halaman Judul Lembar Persetujuan... Lembar Pengesahan... Lembar Pernyataan... Lembar Persembahan... Abstrak... Abstract... Kata Pengantar... Daftar Isi... Daftar Gambar... Daftar Tabel... ii iii iv v vi vii viii ix xiii xvii BAB I PENDAHULUAN 1.1 Latar Belakang Rumusan Masalah Tujuan Penelitian Batasan Masalah Metodologi Penelitian Sistematika Penulisan... 4 BAB II LANDASAN TEORI 2.1 Google Cloud Messaging Arsitektur Google Cloud Messaging Komponen Google Cloud Messaging Alur Kerja Dari Google Cloud Messaging Manfaat Google Cloud Messaging Push Notification Electronic Event Android Arsitektur Android vii

8 Applications Application Framework Libraries Android Runtime Linux Kernel Features Web Service Arsitektur Web Service MySql Keunggulan MySQL Kelemahan MySQL JSON Codeigniter MVC BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Sistem Deskripsi Sistem Analisis Kebutuhan Sistem Spesifikasi Input Spesifikasi Output Kebutuhan Non Fungsional Spesifikasi Perangkat Lunak Spesifikasi Perangkat Keras Spesifikasi Pengguna (user) Kebutuhan Sistem Fungsional Perancangan Sistem Use Case Diagram Activity Diagram Squence Diagram Class Diagram Entity Relationship Diagram viii

9 3.3 Perancangan Antar Muka Aplikasi (Interface) Tampilan Android Tampilan Server BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Implementasi Kode Program Client Menampilkan Form Login Menampilkan Form Registrasi Menampilkan Form Pengumuman Menampilkan Form Detail Pengumuman Menampilkan Form Memberi Komentar Menampilkan Push Notification GCM Menampilkan Form Jadwal Kuliah Menampilkan Form Jadwal Mengajar Dosen Menampilkan Form Setting Password Menampilkan Form About Implementasi Kode Program Server Menampilkan Form Login Menampilkan Form Halaman Utama Menampilkan Form Data Mahasiswa Menampilkan Form Data Pengumuman Menampilkan Form Data Komentar Menampilkan Form Data Mengajar Dosen Menampilkan Form Data Kuliah Mahasiswa Menampilkan Form Set Tahun Akademik Aktif Menampilkan Form Manajemen User Menampilkan Form Update Password Implementasi Antar Muka Client Tampilan Form Login Tampilan Form Registrasi NIM Tampilan Form Pengumuman ix

10 Tampilan Menu Utama Tampilan Form Info Jadwal Kuliah Tampilan Form Info Mengajar Dosen Tampilan Form Setting Password Tampilan Form About Implementasi Antar Muka Server Tampilan Form Login Tampilan Form Halaman Utama Tampilan Form Data Mahasiswa Tampilan Form Data Pengumuman Tampilan Form Data Komentar Tampilan Form Data Mengajar Dosen Tampilan Form Data Kuliah Mahasiswa Tampilan Form Set Tahun Akademik Tampilan Form Manajemen User Tampilan Form Edit Password Pengujian Sistem Pengujian Fungsional Pengujian Menu Utama Client Pengujian Menu Utama Server Pengujian Penyampaian Informasi Pengu muman Pengujian Usability Hasil Pengujian Kesimpulan Pengujian Usability BAB V PENUTUP 5.1 Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN x

11 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 Gambar 2.5 Arsitektur Web Service Gambar 3.1 Use Case Diagram Sistem Admin dan User Aplikasi Elec tronic Event Gambar 3.2 Activity Diagram Create Pengumuman Gambar 3.3 Activity Diagram Update Pengumuman Gambar 3.4 Activity Diagram Delete Pengumuman Gambar 3.5 Activity Diagram Menjawab Komentar Gambar 3.6 Activity Diagram Delete Komentar Gambar 3.7 Activity Diagram Import Data Mahasiswa Gambar 3.8 Activity Diagram Update Data Mahasiswa Gambar 3.9 Activity Diagram Delete Data Mahasiswa Gambar 3.10 Activity Diagram Set Tahun Akademik Aktif Gambar 3.11 Activity Diagram Import Data Mengajar Dosen Gambar 3.12 Activity Diagram Import Data Kuliah Mahasiswa Gambar 3.13 Activity Diagram Membookmarks Pengumuman Gambar 3.14 Activity Diagram Memberi Komentar Gambar 3.15 Activity Diagram Update Password Gambar 3.16 Sequence Diagram Create Pengumuman Gambar 3.17 Sequence Diagram Update Pengumuman Gambar 3.18 Sequence Diagram Delete Pengumuman Gambar 3.19 Sequence Diagram Menjawab Komentar Gambar 3.20 Sequence Diagram Delete Komentar Gambar 3.21 Sequence Diagram Import Data Mahasiswa Gambar 3.22 Sequence Diagram Update Data Mahasiswa Gambar 3.23 Sequence Diagram Delete Data Mahasiswa Gambar 3.24 Sequence Diagram Set Tahun Akademik Aktif xi

12 Gambar 3.25 Sequence Diagram Import Data Mengajar Dosen Gambar 3.26 Sequence Diagram Import Data Kuliah Gambar 3.27 Sequence Diagram Membookmarks Pengumuman Gambar 3.28 Sequence Diagram Memberi Komentar Gambar 3.29 Sequence Diagram Update Password Gambar 3.30 Class Diagram Server Gambar 3.31 Class Diagram Client Gambar 3.32 Entity Relationship Diagram Gambar 3.33 Tampilan Splash Screen Gambar 3.34 Tampilan Form Login Gambar 3.35 Tampilan Form Registrasi Gambar 3.36 Tampilan Form Pengumuman Gambar 3.37 Tampilan Form Detail Pengumuman Gambar 3.38 Tampilan Form Beri Komentar Gambar 3.39 Tampilan Form Menu Utama Gambar 3.40 Tampilan Form Info Jadwal Kuliah Gambar 3.41 Tampilan Form Info Mengajar Dosen Gambar 3.42 Tampilan Setting Password Gambar 3.43 Tampilan About Gambar 3.44 Tampilan Form Login Gambar 3.45 Tampilan Form Halaman Utama Gambar 3.46 Tampilan Form Data Mahasiswa Gambar 3.47 Tampilan Form Import Data Mahasiswa Gambar 3.48 Tampilan Form Data Pengumuman Gambar 3.49 Tampilan Form Data Detail Pengumuman Gambar 3.50 Tampilan Form Pilih Mahasiswa Gambar 3.51 Tampilan Form Data Komentar Gambar 3.52 Tampilan Form Import Data Mengajar Dosen Gambar 3.53 Tampilan Form Import Data Kuliah Mahasiswa Gambar 3.54 Tampilan Form Set Tahun Akademik Gambar 3.55 Tampilan Form Manajemen User Gambar 3.56 Tampilan Form Edit Password xii

13 Gambar 4.1 Class-Class Pada Apliaksi Client Electronic Event 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 Potongan Kode Program Untuk Menampilkan Form Detail Pengumuman Gambar 4.6 Potongan Kode Program Untuk Menampilkan Form Memberi Komentar Gambar 4.7 Potongan Kode Program Untuk Menampilkan Push Notification GCM Gambar 4.8 Potongan Kode Program Untuk Menampilkan Form Jadwal Kuliah Gambar 4.9 Potongan Kode Program Untuk Menampilkan Form Mengajar Dosen Gambar 4.10 Potongan Kode Program Untuk Menampilkan Form Setting Password Gambar 4.11 Potongan Kode Program Untuk Menampilkan Form About 64 Gambar 4.12 Class-Class Server Pada Aplikasi Electronic Event Gambar 4.13 Potongan Kode Program Untuk Menampilkan Form Login 66 Gambar 4.14 Potongan Kode Program Untuk Menampilkan Form Halaman Utama Gambar 4.15 Potongan Kode Program Untuk Menampilkan Form Data Mahasiswa Gambar 4.16 Potongan Kode Program Untuk Menampilkan Form Data Pengumuman Gambar 4.17 Potongan Kode Program Untuk Push Notification GCM.. 68 Gambar 4.18 Potongan Kode Program Untuk Menampilkan Form Data Komentar Gambar 4.19 Potongan Kode Program Untuk Menampilkan Form Data Mengajar Dosen xiii

14 Gambar 4.20 Potongan Kode Program Untuk Menampilkan Form Data Kuliah Mahasiswa Gambar 4.21 Potongan Kode Program Untuk Menampilkan Form Set Tahun Akademik Gambar 4.22 Potongan Kode Program Untuk Menampilkan Form Manajemen User Gambar 4.23 Potongan Kode Program Untuk Menampilkan Form Update Password 71 Gambar 4.24 Tampilan Form Login Gambar 4.25 Tampilan Form Registrasi NIM Gambar 4.26 Tampilan Form Pengumuman Gambar 4.27 Tampilan Form Detail Pengumuman Gambar 4.28 Tampilan Form Memberi Komentar Gambar 4.29 Tampilan Menu Utama Gambar 4.30 Tampilan Form info Jadwal Kuliah Gambar 4.31 Tampilan Form Info Mengajar Dosen Gambar 4.32 Tampilan Form Setting Password Gambar 4.33 Tampilan Form About Gambar 4.34 Tampilan Form Login Gambar 4.35 Tampilan Form Halaman Utama Gambar 4.36 Tampilan Form Data Mahasiswa Gambar 4.37 Tampilan Form Data Pengumuman Gambar 4.38 Tampilan Form Detail Pengumuman Gambar 4.39 Tampilan Form Pilih Mahasiswa Gambar 4.40 Tampilan Form Data Komentar Gambar 4.41 Tampilan Form Data Mengajar Dosen Gambar 4.42 Tampilan Form Data Kuliah Mahasiswa Gambar 4.43 Tampilan Form Set Tahun Akademik Gambar 4.44 Tampilan Form Manajemen User Gambar 4.45 Tampilan Form Edit Password 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

15 DAFTAR TABEL Tabel 3.1 Spesifikasi Pengguna Tabel 3.2 Skenario Create Pengumuman Tabel 3.3 Skenario Update Pengumuman Tabel 3.4 Skenario Delete Pengumuman Tabel 3.5 Skenario Menjawab Komentar Tabel 3.6 Skenario Delete Komentar Tabel 3.7 Skenario Import Data Mahasiswa Tabel 3.8 Skenario Update Data Mahasiswa Tabel 3.9 Skenario Delete Data Mahasiswa Tabel 3.10 Skenario Set Tahun Akademik Tabel 3.11 Skenario Import Data Mengajar Dosen Tabel 3.12 Skenario Import Data KuliahMahasiswa Tabel 3.13 Skenario Membookmarks Pengumuman Tabel 3.14 Skenario Memberi Komentar Tabel 3.15 Skenario Update Password Tabel 4.1 Pengujian Menu Utama Client Tabel 4.2 Pengujian Menu Utama Server Tabel 4.3 Pengujian Penyampaian Informasi Pengumuman Tabel 4.4 Tabel Skala Likert Tabel 4.5 Tabel Task-Task Pengujian Usability Tabel 4.6 Plot Aspek Usability Pada Pertanyaan Kuisioner Tabel 4.7 Distribusi Frekuensi Jawaban Responden untuk Kriteria Learnability Tabel 4.8 Distribusi Frekuensi Jawaban Responden untuk Kriteria Efficiency Tabel 4.9 Distribusi Frekuensi Jawaban Responden untuk Kriteria Memoriability Tabel 4.10 Distribusi Frekuensi Jawaban Responden untuk Kriteria Errors. 92 Tabel 4.11 Distribusi Frekuensi Jawaban Responden untuk Kriteria Satisfaction xv

16 DAFTAR PUSTAKA [1] Tim Akademik Pedoman Buku Akademik STIE ASIA Malang Tahun Akademik 2015/2016. Malang. [2] Mita Septiana Chumairoh 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 Event Management And Event Tourism (Second Edition) /resourceId/ /content/EVENT%20MGMT%20AND%20EVE NT%20TOURISMText.pdf, diunduh tanggal 20 Februari [4] Ahmad Dharma Kasman Trik Kolaborasi Android dengan PHP & MySQL. Lokomedia, Yogyakarta. [5] Rohi Abdulloh Web Programming is Easy. Elexmedia Komputindo, Jakarta. [6] Jacob Neilson Usability 101: Introduction to Usability. diakses tanggal 25 Maret :35. [7] Dedi Rianto Rahadi Pengukuran Usability Sistem Menggunakan Use Questionnaire Pada Aplikasi Android. Jurnal Sistem Informasi (JSI) Vol. 6, diunduh tanggal 25 Maret [8] Muhammad Irsan Rancang Bangun Aplikasi Mobile Notifikasi Berbasis Android Untuk Mendukung Kinerja Di Instansi Pemerintahan. Teknik Informatika Universitas Tanjungpura, Pontianak. xvi