LAPORAN TUGAS AKHIR IMPLEMENTASI WEB SERVICE PADA SURAT PERINTAH PERJALANAN DINAS (SPPD) DI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO BERBASIS ANDROID IMPLEMENTATION OF WEB SERVICE ON THE ADMINISTRATION OF RECOMENDATION DEPATURE LETTER IN THE FACULTY OF ENGINEERING UNIVERSITY MUHAMMADIYAH OF PURWOKERTO BASED ON ANDROID
Diajukan untuk memenuhi salah satu syarat memperoleh derajat Sarjana Komputer
Disusun oleh: Nama
: Rahmat Pambudi
NIM
: 1103040098
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO AGUSTUS, 2015
i
ii Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
HALAMAN PERNYATAAN
Dengan ini saya menyatakan bahwa Laporan Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar Sarjana Komputer di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.
Purwokerto, 15 Agustus 2015
Rahmat Pambudi
iii Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
HALAMAN PERSEMBAHAN
Alhamdulillah, puji syukur saya panjatkan kepada Allah SWT, Tuhan Semesta Alam, yang kepada-Nya-lah segala keluh kesah kusandarkan. Tiada yang lebih tahu selain Dia yang Maha Mengetahui, dan seluruh nikmat serta anugrah hanyalah dari-Nya. Terimakasih, ya Allah, tiada putus ku sebut nama-Mu dalam syukur ku atas segala proses yang telah ku tempuh dalam kegiatan tugas akhir ini, sehingga dapat terselesaikan dengan baik. Laporan ini saya persebahkan kepada: 1. Kedua Orang Tuaku, Bapak Karjono dan Ibu Samirah yang telah memberi dukungan baik secara materi maupun moral, dan yang selalu mencintai saya dengan tulus dan tanpa pamrih. 2. Kakakku Toma WIjayanto dan Adikku Febian Nur Arifin yang saya banggakan dan memberi saya banyak motivasi. 3. Sahabat baikku, Aji Satya Nugroho dan Yogi Dwi Nugraha yang senantiasa memberikan dukungan. 4. Nina Tri Yuliani, seseorang yang selalu ada dibelakangku dan selalu memberikan dukungan dan motivasi. 5. Semua teman-teman Teknik Informatika 2011, saya bangga berjuang bersama kalian.
iv Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
HALAMAN MOTTO
“It’s Easy, if You Try” “Semua akan mudah jika kamu mencoba”
v Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
KATA PENGANTAR
Puji syukur kehadirat Alloh SWT yang telah melimpahkan rahmat, hidayah, dan inayahnya, sehingga saya diberi kemudahan dapat menyelesaikan tugas akhir dengan judul IMPLEMENTASI WEB SERVICE PADA SURAT PERINTAH PERJALANAN DINAS (SPPD) BERBASIS ANDROID DI FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO. Dengan segenap kerendahan hati saya mengucapkan terimakasih kepada: 1. Tito Pinandita, S.Si, M.Kom selaku dosen pembimbing yang dengan segala kesabaran dan keikhlasan membimbing dan mengarahkan saya dalam pembuatan Tugas Akhir ini. 2. Dewan Penguji Prodi Teknik Informatika. Semoga apa yang telah dikerjakan dalam kegiatan tugas akhir ini dapat bermanfaat baik untuk saya sendiri, instansi yang bersangkutan maupun bagi seluruh pembaca dan pengguna aplikasi. Amin.
Purwokerto, 15 Agustus 2015
Rahmat Pambudi
vi Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
DAFTAR ISI HALAMAN PENGESAHAN .................................................................................................. ii HALAMAN PERSETUJUAN ................................................................................................ iii HALAMAN PERNYATAAN .................................................................................................. iv HALAMAN PERSEMBAHAN ................................................................................................ v HALAMAN MOTTO ............................................................................................................. v KATA PENGANTAR ............................................................................................................ vi DAFTAR ISI ....................................................................................................................... vii DAFTAR GAMBAR.............................................................................................................. ix DAFTAR TABEL .................................................................................................................. xi INTISARI ........................................................................................................................... xii BAB I PENDAHULUAN ....................................................................................................... 1 A. LATAR BELAKANG ................................................................................................... 1 B. RUMUSAN MASALAH .............................................................................................. 2 C. BATASAN MASALAH................................................................................................ 3 BAB II KAJIAN PUSTAKA ................................................................................................... 4 A. Surat Perjalanan Dinas ............................................................................................ 4 B. Android............ ....................................................................................................... 5 C. Android SDK Manager.............................................................................................. 5 D. Web Service (W3C)................................................................................................... 6 E. Database SQL Server ............................................................................................... 8 F. PHP........................................................................................................................ 10 G. XAMPP .................................................................................................................. 10 H. Bootstrap .............................................................................................................. 11 I. Abobe Dreamweaver CS4 ..................................................................................... 11 J. Eclipse ................................................................................................................... 12 K. Web Browser ........................................................................................................ 13 BAB III TUJUAN DAN MANFAAT ..................................................................................... 14 A.TUJUAN................ .................................................................................................... 14 B.MANFAAT................................................................................................................. 14 BAB IV METODE PENELITIAN .......................................................................................... 15 A. Jenis Penelitian .................................................................................................... 15 B. Sumber Data ......................................................................................................... 15 C. Waktu dan Tempat ............................................................................................... 15 D. Pengumpulan Data ............................................................................................... 16 E. Pengembangan Sistem ......................................................................................... 16
vii Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
1. Definisi Persyaratan ....................................................................................... 17 2. Perancangan Sistem dan Perangkat Lunak ..................................................... 18 a. Desain Sistem .......................................................................................... 18 b. Desain Interface Sistem ........................................................................... 36 3. Implementasi dan Pengujian Unit .................................................................. 38 4. Integrasi dan Pengujian Sistem ...................................................................... 39 5. Operasi dan Pemeliharaan ............................................................................. 39 BAB V HASIL DAN PEMBAHASAN ................................................................................... 40 A. Tujuan Pengembangan Sistem .............................................................................. 40 B. Analisis Kebutuhan ............................................................................................... 40 1. Kebutuhan Hardware ..................................................................................... 40 2. Kebutuhan Software ....................................................................................... 40 3. Kebutuhan Admin ........................................................................................... 41 4. Kebutuhan Data .............................................................................................. 41 C. Hasil Rancangan Sistem ........................................................................................ 42 1. Database Relationship .................................................................................... 42 2. Hasil Perancangan Aplikasi Web ..................................................................... 43 3. Hasil Rancangan Aplikasi Android ................................................................... 72 4. Pengujian Sistem ............................................................................................. 76 BAB VI ........................................................................................................................... 100 A. Kesimpulan.................. ....................................................................................... 100 B. Saran........................... ........................................................................................ 100 DAFTAR PUSTAKA LAMPIRAN
viii Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
DAFTAR GAMBAR
Gambar 1. Service Oriented Architecture Web Service ................................................ 8 Gambar 2. Tahapan SDLC Model Waterfall ( Sommerville, 2003)................................. 17 Gambar 3. Use Case Diagram Sistem............................................................................ 18 Gambar 4. Flowchart Login Sistem ............................................................................... 19 Gambar 5. Flowchart Admin ......................................................................................... 20 Gambar 6. Flowchart User ............................................................................................ 21 Gambar 7. Activity Diagram Pengelaan Data Pengguna ............................................... 21 Gambar 8. Activity Diagram Pengelolaan Data Pejabat ................................................ 22 Gambar 9. Activity Diagram Pengelolaan Data Pegawai .............................................. 22 Gambar 10. Activity Diagram Pengelolaan Data Biaya dan Tujuan............................... 23 Gambar 11. Activity Diagram Pengelolaan Data SPPD.................................................. 23 Gambar 12. Activity Diagram Cetak SPPD .................................................................... 24 Gambar 13. Acitivity Diagram Cetak Detail SPPD ......................................................... 24 Gambar 14. Activity Diagram Cetak Kwitansi SPPD ...................................................... 25 Gambar 15. Activity Diagram Tambah Data SPPD ........................................................ 25 Gambar 16. Desain Interface Login Sistem ................................................................... 36 Gambar 17. Desain Interface Menu Admin ................................................................... 37 Gambar 18. Desain Interface Login User di Android .................................................... 37 Gambar 19. Desain Interface Menu User di Android .................................................... 38 Gambar 20. Database Relationship .............................................................................. 42 Gambar 21. Halaman Login Admin ............................................................................... 43 Gambar 22. Halaman Utama / Menu Admin................................................................. 44 Gambar 23. Halaman Master Pengguna ....................................................................... 45 Gambar 24. Menu Tambah Pengguna .......................................................................... 46 Gambar 25. Menu Edit Pengguna ................................................................................. 47 Gambar 26. Halaman Master Pegawai ......................................................................... 48 Gambar 27. Menu Tambah Pegawai ............................................................................. 49 Gambar 28. Menu Edit Pegawai ................................................................................... 50 Gambar 29. Halaman Master Pegawai ......................................................................... 51 Gambar 30. Menu Tambah Pegawai ............................................................................. 52
ix Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
Gambar 31. Menu Edit Pejabat ..................................................................................... 53 Gambar 32. Halaman Master Biaya dan Tujuan ........................................................... 54 Gambar 33. Menu Tambah Biaya dan Tujuan ............................................................... 55 Gambar 34. Menu Edit Biaya dan Tujuan ..................................................................... 56 Gambar 35. Menu Lihat SPPD ....................................................................................... 57 Gambar 36. Menu Tambah SPPD .................................................................................. 58 Gambar 37. Menu Edit SPPD ........................................................................................ 60 Gambar 38. Konfirmasi Cetak SPPD .............................................................................. 61 Gambar 39. Halaman Cetak SPPD ................................................................................. 62 Gambar 40. Konfirmasi Cetak Detail Biaya SPPD .......................................................... 63 Gambar 41. Halaman Cetak Detail Biaya SPPD ............................................................. 65 Gambar 42. Halaman Konfirmasi Cetak Kwitansi SPPD Pilih Pegawai ........................... 66 Gambar 43. Halaman Cetak Kwitansi SPPD .................................................................. 67 Gambar 44. Peringatan Validasi Login Gagal ................................................................ 68 Gambar 45. Peringatan Validasi Login Berhasil ............................................................ 69 Gambar 46. Peringatan Validasi Username dan Password Kosong saat Login .............. 70 Gambar 47. Peringatan Validasi Input data Kosong ...................................................... 71 Gambar 48. Halaman Login User di Android ................................................................. 72 Gambar 49. Menu User Tambah Data SPPD di Android................................................ 73 Gambar 50. Form Peringatan Validasi Login Gagal di Android...................................... 74 Gambar 51. Form Validasi Login Berhasil di Android .................................................... 75
x Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
DAFTAR TABEL
Tabel 1. Tabel admin..................................................................................................... 26 Tabel 2. Tabel m_pegawai. ........................................................................................... 27 Tabel 3. Tabel m_biaya_dan_tujuan............................................................................. 29 Tabel 4. Tabel l_jabatan. .............................................................................................. 30 Tabel 5. Tabel l_tingkat_jabatan .................................................................................. 31 Tabel 6. Tabel l_tujuan_perjalanan .............................................................................. 31 Tabel 7. Tabel l_urusan. ................................................................................................ 32 Tabel 8. Tabel t_sppd .................................................................................................... 32 Tabel 9. Tabel t_sppd_detail ......................................................................................... 34 Tabel 10. Tabel hasil perhitungan manual SPPD ........................................................... 64 Tabel 11. Tabel Hasil Pengujian pada Validasi Login Pengguna pada Halaman Login dengan masukan username dan password ................................................. 76 Tabel 12. Tabel Hasil Pengujian Pengujian pada Halaman Master Pengguna. .............. 78 Tabel 13. Tabel Hasil Pengujian pada Halaman Master Pegawai .................................. 80 Tabel 14. Tabel Hasil Pengujian pada Halaman Master Pejabat. .................................. 82 Tabel 15. Tabel Hasil Pengujian pada Halaman Master Biaya dan Tujuan .................... 84 Tabel 16. Tabel Hasil Pengujian pada Halaman SPPD ................................................... 87 Tabel 17. Tabel Hasil Pengujian Perangkat Android...................................................... 95
xi Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015
INTISARI Universitas Muhammadiyah Purwokerto, khususnya Fakultas Teknik merupakan instansi pendidikan swasta yang tertib administrasi dalam setiap memberikan tugas kepada pegawai, sehingga dalam setiap tugas yang diberikan selalu disertakan surat tugas sebagai bukti fisik berupa Surat Perintah Perjalanan Dinas (SPPD) bahwa yang bersangkutan memang diberikan tugas oleh Instansinya. Untuk meringankan pekerjaan karyawan TU, dosen dan karyawan yang akan bertugas diharapkan dapat membuat atau mengusulkan SPPD sendiri, sehingga pihak TU Fakultas Teknik cukup mencetak dan meresmikan SPPD yang mereka usulkan. Oleh karena itu, sangat dibutuhkan aplikasi yang bisa untuk membuat SPPD dosen dan karyawan yang akan bertugas keluar Instansi. Metode yang digunakan dalam pengembangan sistem ini adalah SDLC model waterfall, dan dengan menggunakan metode JSON Restfull Web Service sebagai library pertukaran datanya. Dasar dalam pengembangan system ini adalah daftar biaya Perjalanan Dinas yang menjadi patokan dalam melalukan perhitungan pembuatan SPPD di Fakultas Teknik. Sistem ini dikembangkan dengan menggunakan database SQL Server, bahasa pemrograman PHP untuk admin web dan bahasa pemrograman Java untuk client user di Android. Sistem yang dibangun akan memudahkan admin dalam membuat dan mencetak SPPD yang akan diberikan ke pegawai yang bertugas. Dengan system ini diharapkan dapat memberikan solusi terbaik dalam pembuatan SPPD di Fakultas Teknik Universitas Muhammadiyah Purwokerto. Kata Kunci : SPPD, SDLC Waterfall Model , JSON Restfull Web Service, Fakultas Teknik, PHP, SQL Server, Java. ABSTRACT University Muhammadiyah of Purwokerto, particulary the Faculty of Engineering is an educational institution that administration orderly to provide tasks to employees, so that in any given task always included a letter of assignment as physical evidence in the form of Administration Of Recomendation Depature Letter (SPPD). To facilitate the work of employees who will be on duty is expected to make or propose their own SPPD., so that the Employees of Tata Usaha Faculty of Engineering will only print and inaugurated the SPPD they purpose. Therefore, much needed applications that can be used to make or propose SPPD to TU Faculty who will serve out the agency. The method used in the development of this system is SDCL waterfall Model and using JSON Restfull Web Service as a library data exchange. Basic in the development of this system is the listing of fee administration of recommendation depature letter (SPPD) in the Faculty of Engineering. System was developed by using SQL Server database, PHP programming language as web application and Java programming language as Android Application. A system built will facilitate admin TU in making and printing SPPD wil be given to the employee in charge. This system is expected to provide the best solutions in the manufacture of SPPD in Faculty Of Engineering University Muhammadiyah of Purwokerto. Keywords : SPPD, SDLC Waterfall Model, JSON Restfull Webservice, Faculty of Enginering,PHP, SQL Server, Java. xii Implementasi Web Service..., Rahmat Pambudi, Fakultas Teknik, UMP, 2015