aplikasi kalender akademik universitas …repository.ump.ac.id/3510/1/cover_muhammad imam...

13
APLIKASI KALENDER AKADEMIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO BERBASIS ANDROID THE APPLICATION OF ACADEMIC CALENDAR OF THE UNIVERSITAS MUHAMMADIYAH PURWOKERTO BASED ON ANDROID SKRIPSI Diajukan untuk memenuhi salah satu syarat memperoleh derajat Sarjana Komputer MUHAMMAD IMAM IBADI 1303040062 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO AGUSTUS, 2017

Upload: phamnhu

Post on 09-Jun-2019

243 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

APLIKASI KALENDER AKADEMIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO BERBASIS ANDROID

THE APPLICATION OF ACADEMIC CALENDAR OF THE UNIVERSITAS MUHAMMADIYAH PURWOKERTO BASED ON ANDROID

SKRIPSI

Diajukan untuk memenuhi salah satu syarat memperoleh derajat Sarjana Komputer

MUHAMMAD IMAM IBADI

1303040062

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH PURWOKERTO AGUSTUS, 2017

Page 2: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 3: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 4: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 5: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

v

HALAMAN PERSEMBAHAN

Skripsi ini kupersembahkan kepada:

1. Bapak dan Ibu, serta kakak dan adik atas kasih sayang, do’a dan

dukungan yang selalu diberikan kepada saya.

2. Paman dan Bibi atas kasih sayangnya selama saya berada di Jawa,

serta do’a dan dukungan yang telah diberikan.

3. Segenap Pimpinan Universitas Muhammadiyah Purwokerto yang telah

memberikan beasiswa kepada saya, sampai pada kelulusan.

4. Seluruh Dosen dan Karyawankhusunya Program Studi Teknik

Informatika yang telah memberikan ilmu dan wawasan serta

pengalamannya.

5. Keluarga Mahasiswa UMP, Lembaga Tinggi BEM, UKM LDK Al-

Kahfi yang telah memberikan pengalaman berorganisai di kampus.

6. Teman-teman Teknik Informatika angkatan 2013 yang menjadi partner

dalam menuntut ilmu.

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 6: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

vi

KATA PENGANTAR

Puji syukur kehadirat Allah SWT atas kehendak-Nya penelitian dan

penulisan Laporan Tugas Akhir dengan judul “Aplikasi Kalender Akademik

Universitas Muhammadiyah Purwokerto berbasis Android” dapat diselesaikan

tepat pada waktunya. Saya menyadari tanpa bantuan dari berbagai pihak, tugas

akhir ini tidak mungkin terselesaikan dengan baik. Oleh karena itu pada

kesempatan ini saya ingin menyampaikan terimakasih kepada yang terhormat:

1. Bapak Tito Pinandita, S.Si., M.Kom, sebagai dosen pembimbing.

2. Segenap dosen Fakultas Teknik Universitas Muhammadiyah

Purwokerto yang telah memberikan ilmu dan bimbingannya selama di

kampus.

3. Semua pihak yang telah membantu dalam tugas akhir ini.

Semoga penelitian ini dapat membantu meringankan permasalahan yang ada

di kampus khusunya terkait dengan akademik. Saya mengharapkan masukan yang

membangun agar dapat menyempurnakan penelitian ini.

Purwokerto, 14 Agustus 2017

Muhammad Imam Ibadi

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 7: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

vii

DAFTAR ISI

HALAMAN PENGESAHAN ................................................................................. ii

HALAMAN PERSETUJUAN ............................................................................... iii

HALAMAN PERNYATAAN ORISINALITAS ................................................... iv

HALAMAN PERSEMBAHAN ............................................................................. v

KATA PENGANTAR ........................................................................................... vi

DAFTAR GAMBAR ............................................................................................. ix

DAFTAR TABEL ................................................................................................... x

DAFTAR LAMPIRAN .......................................................................................... xi

INTISARI .............................................................................................................. xii

ABSTRACT ......................................................................................................... xiii

BAB I. PENDAHULUAN .................................................................................... 14

A. Latar Belakang ............................................................................................ 14

B. Rumusan Masalah ....................................................................................... 16

C. Batasan Masalah ......................................................................................... 16

BAB II. KAJIAN PUSTAKA ............................................................................... 17

A. Kalender Akademik .................................................................................... 17

B. Android ....................................................................................................... 17

C. Database MySQL ....................................................................................... 18

D. Bahasa Pemrograman Java dan PHP .......................................................... 19

E. Firebase ....................................................................................................... 20

F. JSON (JavaScript Object Notation) ............................................................ 21

G. Software Pendukung ................................................................................... 22

1. Android Studio ......................................................................................... 22

2. Xampp ...................................................................................................... 23

H. Model Waterfall .......................................................................................... 23

1. Requirement Analysis and Definition ...................................................... 24

2. System and Software Design .................................................................... 24

3. Implementation and Unit Testing ............................................................ 24

4. Integration and System Testing................................................................ 25

5. Operation and Maintenance ..................................................................... 25

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 8: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

viii

I. Penelitian Sejenis ......................................................................................... 25

BAB III. TUJUAN DAN MANFAAT ................................................................. 27

A. Tujuan ......................................................................................................... 27

B. Manfaat ....................................................................................................... 27

BAB IV. METODE PENELITIAN ...................................................................... 28

A. Jenis Penelitian ........................................................................................... 28

B. Tempat Penelitian ....................................................................................... 28

C. Metode Pengumpulan Data ......................................................................... 28

D. Pengembangan Sistem ................................................................................ 28

1. Requirements Definition .......................................................................... 29

2. System and Software Design .................................................................... 29

3. Implementation and Unit Testing ............................................................ 39

4. Integration and System Testing................................................................ 40

5. Operation and Maintenance .................................................................... 40

BAB V. HASIL DAN PEMBAHASAN ............................................................... 41

A. Kebutuhan Data .......................................................................................... 41

B. Implementasi Sistem ................................................................................... 41

BAB VI. PENUTUP ............................................................................................. 54

A. Kesimpulan ................................................................................................. 54

B. Saran ........................................................................................................... 54

DAFTAR PUSTAKA ........................................................................................... 55

LAMPIRAN .......................................................................................................... 57

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 9: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

ix

DAFTAR GAMBAR

Gambar 1. Waterfall Model................................................................................... 23

Gambar 2. Use Case Diagram Aplikasi ................................................................ 30

Gambar 3. Rancangan Tampilan SplashScreen .................................................... 32

Gambar 4. Rancangan Tampilan Utama Aplikasi................................................. 33

Gambar 5. Rancangan Tampilan Drawer Menu Aplikasi ..................................... 33

Gambar 6. Rancangan Tampilan List Data ........................................................... 34

Gambar 7. Rancangan Tampilan Detail Data ....................................................... 34

Gambar 8. Rancangan Halaman Login Admin ...................................................... 35

Gambar 9. Rancangan Halaman Home Admin ...................................................... 35

Gambar 10. Rancangan Halaman List Data Website ............................................ 36

Gambar 11. Rancangan Form Tambah Data......................................................... 37

Gambar 12. Rancangan Form Edit Data ............................................................... 37

Gambar 13. Rancangan Halaman untuk Mengirim Pesan Notifikasi ................... 38

Gambar 14. Rancangan Halaman untuk Menyimpan Data Pesan ........................ 38

Gambar 15. Tampilan Icon Menu pada Homescreen Smartphone ....................... 41

Gambar 16. Tampilan SplashScreen ..................................................................... 41

Gambar 17. Tampilan Halaman Utama Aplikasi .................................................. 42

Gambar 18. Tampilan Drawer Menu Aplikasi ..................................................... 43

Gambar 19. Tampilan List Data Jadwal Akademik .............................................. 43

Gambar 20. Contoh Tampilan fitur Search ........................................................... 44

Gambar 21. Tampilan Detail Jadwal Akademik ................................................... 45

Gambar 22. Tampilan Pesan Notifikasi ................................................................ 45

Gambar 23. Tampilan Halaman Login untuk Admin ............................................ 46

Gambar 24. Tampilan Pemberitahuan Jika Sandi Login Salah ............................. 46

Gambar 25. Tampilan Halaman Home Aplikasi Website ..................................... 47

Gambar 26. Tampilan Halaman List Data Jadwal Akademik ............................... 48

Gambar 27. Tampilan Form Tambah Data ........................................................... 49

Gambar 28. Tampilan Form Edit Data ................................................................. 49

Gambar 29. Tampilan Form untuk Mengirim Pesan Notifikasi ........................... 50

Gambar 30. Tampilan Halaman Laporan Pengiriman Pesan Notifikasi ............... 51

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 10: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

x

DAFTAR TABEL

Tabel 1. Rancangan Tabel Data admin ................................................................. 31

Tabel 2. Rancangan Tabel Data konten ................................................................ 31

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 11: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

xi

DAFTAR LAMPIRAN

A. Kode Program Aplikasi Website ................................................................ 57

Lampiran 1. Kode program login admin ....................................................... 57

Lampiran 2. Kode program tampilan data ..................................................... 57

Lampiran 3. Kode program modal popup untuk tambah data ....................... 59

Lampiran 4. Kode program modal popup untuk edit data ............................. 60

Lampiran 5. Kode program untuk modal popup delete data ......................... 62

Lampiran 6. Kode program untuk proses simpan data .................................. 63

Lampiran 7. Kode program untuk proses edit data ........................................ 63

Lampiran 8. Kode program untuk proses delete data .................................... 63

B. Kode Program Aplikasi Android ................................................................ 64

Lampiran 9. Kode program jadwal akademik (.xml) ..................................... 64

Lampiran 10. Kode program jadwal akademik (.java) .................................. 64

Lampiran 11. Kode program detail jadwal (.xml) ......................................... 69

Lampiran 12. Kode program detail jadwal (.java) ......................................... 70

Lampiran 13. Kode program MyFirebaseInstanceIDService (.java) ............. 71

Lampiran 14. Kode program MyFirebaseMessagingService (.java) ............. 72

Lampiran 15. Kode program AndroidManifest (.xml) .................................. 72

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 12: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

xii

INTISARI

Kalender Akademik Universitas Muhammadiyah Purwokerto merupakan sekumpulan kegiatan operasional yang terjadi di universitas. Penyedia informasi kalender akademik saat ini masih menggunakan selebaran kertas yang di distribusikanatau dengan men-download di web universitas, hal ini membuat mahasiswa merasa kesulitan dalam mendapatkan informasi tentang kalender akademik. Penelitian ini bertujuan membangun Aplikasi Kalender Akademik Universitas Muhammadiyah Purwokerto berbasis Android. Metode yang digunakan adalah Model Waterfall meliputi Requirement Definition, System and Software Design, Implementing and Unit Testing, Integration and System Testing, Operation and Maintenance. Adapun hasil dari penelitian ini berupa aplikasi kalender akademik yang terdiri atas dua bagian, yaitu aplikasi web untuk mengelola data jadwal kegiatan akademik dan mengirim pesan notifikasi, dan aplikasi mobile androiduntuk menampilkan jadwal kegiatan akademik dan menerima pesan notifikasi.

Kata kunci: Kalender akademik, jadwal kegiatan akademik,mobileandroid.

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017

Page 13: APLIKASI KALENDER AKADEMIK UNIVERSITAS …repository.ump.ac.id/3510/1/COVER_MUHAMMAD IMAM IBADI_TI'17.pdf · Penyedia informasi kalender akademik saat ini masih menggunakan selebaran

xiii

ABSTRACT

The academic calendar of The Universitas Muhammadiyah Purwokerto is a set of all the academic activities in the university. Nowadays, the academic officer still use paper to distribute the academic calendar information and .pdf file that can be downloaded by student, that particular ways did not help student much to have the academic calendar information. This research aimed to develop an Academic Calendar of The Universitas Muhammadiyah Purwokerto based on Android. It used Waterfall style methode such as Requirement Definition, System and Software Design, Implementing and Unit Testing, Integration and System Testing, Operation and Maintenance. The result of this research is academic calendar which consist of two parts, they are a web application to manage the academic schedule data and send the notification and android mobile application to show the academic schedule and receive the notification.

Keyword: Academic calendar, academic schedule, android mobile.

Aplikasi Kalender Akademik…, Muhammad Imam Ibadi, Fakultas Teknik UMP, 2017