APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3....

13
APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DI UMS MENGGUNAKAN GOOGLE APPLICATION API SKRIPSI Disusun sebagai salah satu syarat menyelesaikan Jenjang Strata I Pada Program Studi Informatika Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta Oleh: SUYADI L200100015 PROGRAM STUDI INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA 2016

Transcript of APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3....

Page 1: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DI

UMS MENGGUNAKAN GOOGLE APPLICATION API

SKRIPSI

Disusun sebagai salah satu syarat menyelesaikan Jenjang Strata I

Pada Program Studi Informatika Fakultas Komunikasi dan Informatika

Universitas Muhammadiyah Surakarta

Oleh:

SUYADI

L200100015

PROGRAM STUDI INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

2016

Page 2: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.
Page 3: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.
Page 4: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

DAFTAR KONTRIBUSI

Dengan ini saya menyatakan bahwa dalam skripsi ini tidak pernah diajukan di suatu

perguruan tinggi untuk memperoleh gelar sarjana, sepanjang pengetahuan saya ju-

ga tidak terdapat karya atau pendapat yang pernah ditulis atau dipublikasikan oleh

orang lain kecuali yang secara tertulis diacu dalam naskah ini.

Daftar kerja yang berhubungan dengan skripsi ini adalah sebagai berikut:

1. Tampilan program saya buat dengan memodifikasi web template milik UMS

dan Full Calendar yang diunduh dari http://fullcalendar.io/.

2. Semua program yang penulis gunakan dalam membangun aplikasi ini adalah

legal software.

Demikian daftar kontribusi ini saya buat dengan sejujurnya. Saya bertanggung ja-

wab atas isi dan kebenaran daftar di atas.

Diketahui oleh Dosen Pembimbing

Gunawan Ariyanto, M.CompSc, Ph.D

Surakarta, 1 Februari 2016

Mahasiswa Skripsi

Suyadi

iv

Page 5: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

KATA PENGANTAR

Segala puji bagi Allah, kami memuji-Nya, memohon pertolongan kepada-Nya, me-

mohon ampunan-Nya, dan kami berlindung kepada Allah dari keburukan diri dan

perbuatan kami, barang siapa diberi petunjuk oleh Allah, tidak ada seorang pun

yang dapat menyesatkannya, dan barang siapa disesatkan oleh-Nya tidak ada orang

yang dapat menunjukinya.

Laporan ini disusun untuk memenuhi Tugas Akhir pada Program Studi Teknik

Perangkat Lunak Fakultas Komunikasi dan Informatika Universitas Muhammadi-

yah Surakarta.

Penulis mengucapkan bayak terima kasih kepada:

1. Bapak Fajar Suryawan, Ph.D yang memberi kesempatan penulis untuk mela-

kukan penelitian di unit yang dipimpinnya.

2. Segenap Pimpinan Bagian Kemahasiswaan yang telah berkenan memberikan

bantuan pembiayaan dalam penelitian ini.

3. Bapak Husni Thamrin, Ph.D selaku Dekan Fakultas Komunikasi dan Infor-

matika dan pembimbing akademik penulis.

4. Bapak Heru Supriyono, Ph.D selaku ketua Jurusan Informatika.

5. Bapak Gunawan Ariyanto, Ph.D selaku pembimbing.

6. Semua staf di Unit IT UMS yang telah membantu tugas-tugas penulis dalam

menyelesaikan Skripsi.

7. Rekan-rekan saya yang telah membantu dan memberikan dukungan kepada

penulis.

Surakarta, 4 Januari 2016

Suyadi

v

Page 6: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

SARI

Aplikasi Kalender untuk Mengelola Jadwal Kegiatan di UMS Menggunakan Goo-

gle Application Api dibangun untuk mempublikasikan jadwal kuliah sebagai pe-

lengkap aplikasi Jadwal Terpadu yang telah ada dan menambah fitur untuk menge-

lola agenda kegiatan lainnya. Dalam membangun aplikasi ini penulis menggunak-

an framework FAST (Framework for the Application of Systems Thinking) yang

mendefinisikan tahapan untuk mengidentifikasi dan mengevaluasi permasalahan-

permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi, dan ke-

butuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan. Berda-

sarkan pengujian, aplikasi ini pada umumnya dapat digunakan dengan baik sesuai

batasan yang ditetapkan Google, tetapi untuk kinerja yang baik perlu server dengan

processor spesifikasi tinggi dan/atau memanfaatkan teknologi load balancing yang

memungkinkan beban server dibagi dalam beberapa server.

vi

Page 7: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

DAFTAR ISTILAH

API Application Programming Interface. 1–3

backend sisi program yang tidak berhubungan langsung dengan pengguna sebagai

penyimpanan data. 17, 21

coding kegiatan membuat kode program yang merupakan pekerjaan utama seorang

programmer. 21

git aplikasi version control, sebuah sistem yang mencatat setiap perubahan terha-

dap sebuah berkas atau kumpulan berkas sehingga pada suatu saat anda dapat

kembali kepada salah satu versi dari berkas tersebut. 18

IDE Integrated Development Environment. viii, 21, 22

modal jendela dialog yang memaksa pengguna untuk berinteraksi dengannya se-

belum kembali ke halaman induknya. 28, 31

SMS Short Message Service. 1, 3

surel surat elektronik atau dikenal dengan email. 1, 3

web sebuah layanan yang menyediakan informasi bagi pemakai komputer yang ter-

hubung dengan internet berupa kumpulan halaman-halaman yang digunakan

untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara,

dan atau gabungan dari semuanya. 2

vii

Page 8: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

DAFTAR ISI

Halaman Judul i

Halaman Persetujuan ii

Kata Pengantar v

Sari vi

Daftar Istilah vii

Daftar Isi viii

Daftar Gambar xi

Daftar Tabel xiii

BAB I PENDAHULUAN 1

1.1 Latar Belakang Masalah . . . . . . . . . . . . . . . . . . . . . . . 1

1.2 Rumusan Masalah . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

1.3 Batasan Masalah . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

1.4 Tujuan Penelitian . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.5 Manfaat Penelitian . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.5.1 Bagi Pengguna . . . . . . . . . . . . . . . . . . . . . . . . 3

1.5.2 Bagi Peneliti . . . . . . . . . . . . . . . . . . . . . . . . . 3

BAB II TINJAUAN PUSTAKA 4

2.1 Telaah Penelitian . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

2.2 Landasan Teori . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

2.2.1 Bahasa Pemrograman Python . . . . . . . . . . . . . . . . 5

2.2.2 Aplikasi Web dengan Django . . . . . . . . . . . . . . . . 6

2.2.3 JavaScript, JSON, AJAX dan jQuery . . . . . . . . . . . . . 6

2.2.4 Google Apps Platform . . . . . . . . . . . . . . . . . . . . 8

2.2.5 Google Application API . . . . . . . . . . . . . . . . . . . 8

viii

Page 9: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

ix

2.2.6 Google Apps Calendar Resource API . . . . . . . . . . . . 9

2.2.7 Google Calendar API . . . . . . . . . . . . . . . . . . . . 10

BAB III METODE PENELITIAN 12

3.1 Tempat dan Waktu Penelitian . . . . . . . . . . . . . . . . . . . . . 12

3.2 Model Pengembangan . . . . . . . . . . . . . . . . . . . . . . . . 12

3.2.1 Definisi Lingkup . . . . . . . . . . . . . . . . . . . . . . . 12

3.2.2 Analisis Masalah . . . . . . . . . . . . . . . . . . . . . . . 14

3.2.3 Analisis Kebutuhan . . . . . . . . . . . . . . . . . . . . . . 14

3.2.4 Desain Lojik . . . . . . . . . . . . . . . . . . . . . . . . . 14

3.2.5 Analisis Keputusan . . . . . . . . . . . . . . . . . . . . . . 15

3.2.6 Desain Fisik dan Integrasi . . . . . . . . . . . . . . . . . . 16

3.2.7 Konstruksi dan Pengujian . . . . . . . . . . . . . . . . . . 16

3.2.8 Instalasi dan Penyerahan . . . . . . . . . . . . . . . . . . . 16

3.3 Alat dan Bahan . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

3.4 Tahapan Penelitian . . . . . . . . . . . . . . . . . . . . . . . . . . 18

BAB IV HASIL DAN PEMBAHASAN 20

4.1 Hasil Pengembangan Aplikasi . . . . . . . . . . . . . . . . . . . . 20

4.1.1 Aplikasi Penjadwalan Ruang . . . . . . . . . . . . . . . . . 20

4.1.2 Settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

4.1.3 Tampilan-tampilan . . . . . . . . . . . . . . . . . . . . . . 23

4.1.3.1 Halaman Depan . . . . . . . . . . . . . . . . . . 23

4.1.3.2 Halaman Login . . . . . . . . . . . . . . . . . . 24

4.1.3.3 Detail Kampus . . . . . . . . . . . . . . . . . . . 24

4.1.3.4 Detail Gedung . . . . . . . . . . . . . . . . . . . 26

4.1.3.5 Membuat Kegiatan . . . . . . . . . . . . . . . . . 27

4.1.3.6 Detail Kegiatan . . . . . . . . . . . . . . . . . . 30

4.1.3.7 Mengubah Waktu Kegiatan . . . . . . . . . . . . 35

4.1.3.8 Atur Notifikasi dan Mengelola Data Peserta . . . 39

Page 10: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

x

4.1.3.9 Import Jadwal Perkuliahan . . . . . . . . . . . . 49

4.1.3.10 Menelusur Jawal Perkuliahan . . . . . . . . . . . 50

4.1.3.11 Django Administration . . . . . . . . . . . . . . 51

4.1.3.12 Edit Data Kampus . . . . . . . . . . . . . . . . . 51

4.1.3.13 Edit Data Gedung dan Ruang . . . . . . . . . . . 53

4.1.3.14 Edit Hak Akses Kalender Ruang . . . . . . . . . 55

4.1.3.15 Edit Data Kalender Fakultas, Jurusan, Lembaga

dan Unit (FJLU) . . . . . . . . . . . . . . . . . . 57

4.1.3.16 Edit Data Semester . . . . . . . . . . . . . . . . 60

4.1.3.17 Edit Data Jam Perkuliahan . . . . . . . . . . . . 61

4.1.3.18 Django Authentication and Authorization . . . . . 62

4.1.3.19 Setting Notifikasi . . . . . . . . . . . . . . . . . 62

4.1.4 Instalasi . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

4.1.5 Input Data Ruang . . . . . . . . . . . . . . . . . . . . . . . 64

4.2 Pengujian . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65

4.2.1 Pengujian Kinerja Server . . . . . . . . . . . . . . . . . . . 65

4.2.2 Pengujian Kinerja Web Server . . . . . . . . . . . . . . . . 66

4.2.3 Akses Kalender Menggunakan Tablet Android . . . . . . . 67

4.2.4 Notifikasi . . . . . . . . . . . . . . . . . . . . . . . . . . . 68

4.3 Pembahasan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69

BAB V SIMPULAN DAN SARAN 70

5.1 Simpulan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70

5.2 Saran . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70

Daftar Pustaka 72

Lampiran 1

Page 11: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

DAFTAR GAMBAR

3.1 Proses FAST framework . . . . . . . . . . . . . . . . . . . . . . . 13

3.2 Bagan Alir Penelitian . . . . . . . . . . . . . . . . . . . . . . . . . 19

4.1 Django Project Menggunakan Eric IDE . . . . . . . . . . . . . . . 21

4.2 Tampilan Halaman Depan . . . . . . . . . . . . . . . . . . . . . . 23

4.3 Tampilan Persetujuan Akses Data . . . . . . . . . . . . . . . . . . 24

4.4 Tampilan Detail Kampus . . . . . . . . . . . . . . . . . . . . . . . 25

4.5 Tampilan Detail Gedung . . . . . . . . . . . . . . . . . . . . . . . 26

4.6 Tampilan Edit Detail Kegiatan . . . . . . . . . . . . . . . . . . . . 30

4.7 Tampilan Mengelola Data Peserta . . . . . . . . . . . . . . . . . . 39

4.8 Tampilan Import Jadwal Perkuliahan . . . . . . . . . . . . . . . . . 49

4.9 Tampilan Penelusuran Jadwal Perkuliahan . . . . . . . . . . . . . . 51

4.10 Tampilan Edit Data Kampus . . . . . . . . . . . . . . . . . . . . . 52

4.11 Tampilan Edit Data Gedung dan Ruang . . . . . . . . . . . . . . . 53

4.12 Tampilan Edit Hak Akses Kalender Ruang . . . . . . . . . . . . . . 56

4.13 Tampilan Edit Kalenden Fakultas, Jurusan, Lembaga dan Unit . . . 58

4.14 Tampilan Edit Data Semester . . . . . . . . . . . . . . . . . . . . . 60

4.15 Tampilan Edit Data Jam Perkuliahan . . . . . . . . . . . . . . . . . 61

4.16 Tampilan Setting Pemberitahuan Lewat SMS . . . . . . . . . . . . 62

4.17 Statistik Pemakaian Processor dan Memori Server . . . . . . . . . 66

4.18 Grafik Hasil Pengujian Menggunakan ApacheBench sejumlah

10000 request dengan level konkuren 10, 100, 200, 400, 600, 800

dan 1000 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

4.19 Tampilan Kalender Menggunkanan Android S Planner . . . . . . . 68

xi

Page 12: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

xii

4.20 Tampilan Notifikasi Surel dan SMS . . . . . . . . . . . . . . . . . 68

Page 13: APLIKASI KALENDER UNTUK MENGELOLA JADWAL KEGIATAN DIeprints.ums.ac.id/44803/3/3. halaman-depan.pdfSMS Short Message Service. 1, 3 surel surat elektronik atau dikenal dengan email.

DAFTAR TABEL

4.1 Daftar Ruang Kelas, Seminar dan Pertemuan Gedung J . . . . . . . 65

4.2 Sampel Waktu Notifikasi Kegiatan Perkuliahan . . . . . . . . . . . 69

xiii