LAPORAN TUGAS AKHIR
IMPLEMENTASI ARSITEKTUR MULTITIER DENGAN WEB SERVICE PADA SISTEM PENILAIAN RAPOR DI SEKOLAH MENENGAH KEJURUAN NEGERI 1 BUMIJAWA THE IMPLEMENTATION OF MULTITIER ARCHITECTURE USING WEB SERVICE ON A REPORT CARD MARKING AT STATE VOCATIONAL HIGH 1 OF BUMIJAWA
Diajukan untuk memenuhi salah satu syarat memperoleh derajat Sarjana Komputer
TABAH MAULANA ZAKARIA NIM. 0803040052
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH PURWOKERTO AGUSTUS, 2013
HALAMAN PERSEMBAHAN
Laporan Tugas Akhir ini penulis persembahkan untuk: Kedua Orangtua dan Jendral Soedirman yang sangat penulis sayangi
v Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
HALAMAN MOTTO
--:: Jangan Biarkan Setan Tertawa Karena Kita Shubuh Kesiangan, Dzuhur Kerepotan, ‘Ashar Dalam Perjalanan, Maghrib Kecapean dan ‘Isya’ Ketiduran ::--
vi Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
KATA PENGANTAR
Alhamdulillah, puji syukur penulis panjatkan kehadirat Allah SWT berkat Rahmat dan Hidayah-Nya, sehingga Tugas Akhir yang berjudul “Implementasi Arsitektur Multitier Dengan Web Service Pada Sistem Penilaian Rapor Di Sekolah Menengah Kejuruan Negeri 1 Bumijawa” dapat terselesaikan dengan baik. Tugas ini disusun sebagai salah satu syarat untuk menyelesaikan mata kuliah Tugas Akhir Jurusan Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah Purwokerto. Pada kesempatan ini penulis ingin mengucapkan terimakasih kepada: 1. Kedua orang tua atas do’a dan kasih sayangnya serta atas dukungan moril serta materiil yang diberikan kepada penulis. 2. Bapak Harjono, S.T., M.Eng. selaku Pembimbing Tugas Akhir. 3. Semua guru dan karyawan di SMK N 1 Bumijawa. 4. Semua dosen dan karyawan Universitas Muhammadiyah Purwokerto yang telah membantu selama masa perkuliahan. 5. Teman–teman seperjuangan (Mahasiswa Teknik Informatika UMP angkatan 2008) yang telah banyak membantu dalam penyelesaian Tugas Akhir ini. 6. Semua pihak yang telah membantu dan tidak dapat penulis sebutkan satu persatu.
vii Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
Penulis menyadari akan keterbatasan dan kekurangan pada tulisan ini, oleh karena itu penulis berbesar hati menerima saran dan masukan dari semua pihak yang sifatnya membangun demi hasil yang lebih baik. Semoga Laporan Tugas Akhir ini dapat bermanfaat bagi perkembangan ilmu pengetahuan ke depan, demi kemajuan Teknik Informatika Universitas Muhammadiyah Purwokerto. Purwokerto, 01-Agustus-2013
Tabah Maulana Zakaria
viii Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
DAFTAR ISI
HALAMAN PENGESAHAN .................................................................................................... ii HALAMAN PERSETUJUAN ...................................................................................................iii PERNYATAAN ......................................................................................................................iv HALAMAN PERSEMBAHAN ................................................................................................. v HALAMAN MOTTO ..............................................................................................................vi KATA PENGANTAR.............................................................................................................. vii DAFTAR ISI...........................................................................................................................ix DAFTAR TABEL ....................................................................................................................xi DAFTAR GAMBAR............................................................................................................... xii DAFTAR LAMPIRAN ........................................................................................................... xvi INTISARI............................................................................................................................ xvii BAB I. PENDAHULUAN ........................................................................................................ 1 A.
Latar Belakang Permasalahan ................................................................................. 1
B.
Rumusan Permasalahan.......................................................................................... 2
C.
Batasan Permasalahan ............................................................................................ 3
BAB II. KAJIAN PUSTAKA ..................................................................................................... 4 A.
Rapor ....................................................................................................................... 4
B.
Konsep Web Service................................................................................................ 4
C.
Tampilan Antar Muka Pemakai (user interface) ................................................... 10
D.
Hasil Penelitian Sejenis ......................................................................................... 11
BAB III. TUJUAN DAN MANFAAT ....................................................................................... 12 A.
Tujuan ................................................................................................................... 12
B.
Manfaat ................................................................................................................. 12
BAB IV. METODE PENELITIAN ........................................................................................... 13 A.
Jenis Penelitian...................................................................................................... 13
ix Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
B.
Variabel Penelitian ................................................................................................ 13
C.
Sumber Data ......................................................................................................... 15
D.
Waktu, Tempat dan Alat ....................................................................................... 15
E.
Pengumpulan Data................................................................................................ 16
F.
Pengembangan Sistem.......................................................................................... 16
G.
Perancangan Sistem .............................................................................................. 18
H.
Pengkodean .......................................................................................................... 23
I.
Implementasi dan Pengujian ................................................................................ 23
BAB V. HASIL DAN PEMBAHASAN ..................................................................................... 24 A.
Analisis Data .......................................................................................................... 24
B.
Perancangan Sistem .............................................................................................. 26
C.
Implementasi ........................................................................................................ 50
D.
Testing Data .......................................................................................................... 84
BAB VI. PENUTUP .............................................................................................................. 87 A.
Kesimpulan ............................................................................................................ 87
B.
Saran ..................................................................................................................... 87
DAFTAR PUSTAKA ............................................................................................................. 88 LAMPIRAN ......................................................................................................................... 89
x Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
DAFTAR TABEL
Tabel 1. Tabel Siswa .......................................................................................................... 28 Tabel 2. Tabel Guru ........................................................................................................... 28 Tabel 3. Tabel Kelas........................................................................................................... 29 Tabel 4. Tabel Mata Pelajaran .......................................................................................... 29 Tabel 5. Tabel Ekstrakurikuler ........................................................................................... 30 Tabel 6. Tabel Struktur Organisasi .................................................................................... 30 Tabel 7. Tabel Profil Sekolah ............................................................................................. 31 Tabel 8. Tabel Transaksi Penilaian Mata Pelajaran ........................................................... 31 Tabel 9. Tabel Transaksi Penilaian Ekstrakurikuler ........................................................... 32 Tabel 10. Tabel Transaksi Penilaian Kepribadian .............................................................. 33 Tabel 11. Tabel Admin....................................................................................................... 33 Tabel 12. Tabel Login ........................................................................................................ 34 Tabel 13. Tabel lookup Prodi Keahlian .............................................................................. 34 Tabel 14. Tabel Lookup Kompetensi Keahlian .................................................................. 34 Tabel 15. Tabel Lookup Bidang Studi Keahlian ................................................................. 35 Tabel 16. Tabel Lookup Jabatan Guru ............................................................................... 35 Tabel 17. Tabel Lookup Jenis Guru.................................................................................... 35 Tabel 18. Tabel Lookup Status Guru ................................................................................. 36 Tabel 19. Tabel Lookup Ruangan ...................................................................................... 36 Tabel 20. Tabel Lookup Bidang ......................................................................................... 36 Tabel 21. Tabel Lookup Pekerjaan .................................................................................... 36 Tabel 22. Kriteria Nilai Siswa ............................................................................................. 84 Tabel 23. Hasil Rincian Nilai .............................................................................................. 84
xi Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
DAFTAR GAMBAR
Gambar 1. Penerapan Web Service Untuk Pertukaran Data Antara Aplikasi Yang BerbedaBeda .................................................................................................................................... 8 Gambar 2. Penerapan Arsitektur Multitier Web Service antara Aplikasi Server dan Aplikasi Cient ..................................................................................................................... 17 Gambar 3. Perancangan Proses Aplikasi Web .................................................................. 19 Gambar 4. Use Case Diagram Aplikasi Web ..................................................................... 19 Gambar 5. Actifity Diagram Aplikasi Web ........................................................................ 20 Gambar 6. Perancangan Proses Aplikasi Mobile............................................................... 20 Gambar 7. Use Case Diagram Aplikasi Mobile .................................................................. 21 Gambar 8. Actifity Diagram Aplikasi Web ........................................................................ 22 Gambar 9. Perancangan Tampilan Aplikasi Web .............................................................. 22 Gambar 10. Perancangan Tampilan Aplikasi Mobile ........................................................ 23 Gambar 11. Entity Relationship Diagram ......................................................................... 27 Gambar 12. Flow Chart Method CekNis............................................................................ 40 Gambar 13. Flow Chart Method Data_Siswa .................................................................... 41 Gambar 14. Flow Chart Method Data_Nilai_Ekstra .......................................................... 41 Gambar 15. Flow Chart Method Data_Nilai_Mapel ......................................................... 42 Gambar 16. Flow Chart Method Data_Nilai_Kepribadian ................................................ 42 Gambar 17. Flow Chart Method Edit_Nilai_Ekstra ........................................................... 43 Gambar 18. Flow Chart Method Edit_Nilai_Mapel ........................................................... 43 Gambar 19. Flow Chart Method Edit_Nilai_Kepribadian.................................................. 43 Gambar 20. Flow Chart Method Hapus_Nilai_Ekstra ....................................................... 44 Gambar 21. Flow Chart Method Hapus_Nilai_Mapel ....................................................... 44 Gambar 22. Flow Chart Method Hapus_Nilai_Kepribadian .............................................. 45 Gambar 23. Flow Chart Method Tambah_Nilai Ekstra ..................................................... 45 Gambar 24. Flow Chart Method Tambah_Nilai_Mapel .................................................... 45
xii Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
Gambar 25. Flow Chart Method Tambah_Nilai_Kepribadian ........................................... 46 Gambar 26. Flow Chart Method Tampil_Nilai_Ekstra ...................................................... 46 Gambar 27. Flow Chart Method Tampil_Nilai_Kepribadian ............................................. 47 Gambar 28. Flow Chart Method Tampil_Nilai_Mapel ...................................................... 47 Gambar 29. Interface Halaman Utama Aplikasi ................................................................ 48 Gambar 30. Perancangan Halaman Master Data ............................................................. 48 Gambar 31. Rancangan Halaman Tambah Data ............................................................... 49 Gambar 32. Perancangan Halaman Utama....................................................................... 49 Gambar 33. Perancangan Halaman Master Data ............................................................. 50 Gambar 34. Web Service Pada Browser ............................................................................ 51 Gambar 35. Method Web Service CekData ....................................................................... 51 Gambar 36. Format data XML Cek Data NIS bernilai 1 ..................................................... 52 Gambar 37. Format data XML Cek Data NIS bernilai 0 ..................................................... 52 Gambar 38. Method Web Service Data_Nilai_Ekstra........................................................ 52 Gambar 39. Data Nilai Ekstrakurikuler Dengan Format XML............................................ 53 Gambar 40. Method Web Service Data_Nilai_Kepribadian .............................................. 53 Gambar 41. Data Nilai Kepribadian Dengan Format XML ................................................ 54 Gambar 42. Method Web Service Data_Nilai_Mapel ....................................................... 54 Gambar 43. Data Nilai Mata Pelajaran Dengan Format XML ........................................... 55 Gambar 44. Method Web Service Data_Siswa.................................................................. 55 Gambar 45. Data Siswa Dengan Format XML ................................................................... 56 Gambar 46. Method Web Service Edit_Nilai_Ekstra ......................................................... 56 Gambar 47. Sukses Update Data Penilian Ekstrakurikuler ............................................... 57 Gambar 48. Gagal Update Data Penilaian Ekstrakurikuler ............................................... 57 Gambar 49. Method Web Service Edit_Nilai_Kepribadian ............................................... 57 Gambar 50. Sukses Update Data Penilian Kepribadian .................................................... 58 Gambar 51. Gagal Update Data Penilaian Kepribadian .................................................... 58
xiii Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
Gambar 52. Method Web Service Edit_Nilai_Mapel ........................................................ 59 Gambar 53. Sukses Update Data Penilian Mata Pelajaran ............................................... 59 Gambar 54. Gagal Update Data Penilaian Mata Pelajaran ............................................... 60 Gambar 55. Method Web Service Hapus_Nilai_Ekstra ..................................................... 60 Gambar 56. Sukses Hapus Data Penilian Ekstrakurikuler ................................................. 60 Gambar 57. Gagal Hapus Data Penilaian Ekstrakurikuler ................................................. 61 Gambar 58. Method Web Service Hapus_Nilai_Kepribadian ........................................... 61 Gambar 59. Sukses Hapus Data Penilian Kepribadian ...................................................... 61 Gambar 60. Gagal Hapus Data Penilaian Kepribadian ...................................................... 62 Gambar 61. Method Web Service Hapus_Nilai_Mapel..................................................... 62 Gambar 62. Sukses Hapus Data Penilian Mata Pelajaran ................................................. 62 Gambar 63. Gagal Hapus Data Penilaian Mata Pelajaran ................................................. 63 Gambar 64. Method Web Service Tambah_Nilai_Ekstra .................................................. 63 Gambar 65. Sukses Tambah Data Penilian Ekstrakurikuler .............................................. 63 Gambar 66. Gagal Tambah Data Penilaian Ekstrakurikuler .............................................. 64 Gambar 67. Method Web Service Tambah_Nilai_Kepribadian ........................................ 64 Gambar 68. Sukses Tambah Data Penilian Kepribadian ................................................... 64 Gambar 69. Gagal Tambah Data Penilaian Kepribadian ................................................... 65 Gambar 70. Method Web Service Tambah_nilai_Mapel .................................................. 65 Gambar 71. Sukses Tambah Data Penilian Mata Pelajaran .............................................. 66 Gambar 72. Gagal Tambah Data Penilaian Mata Pelajaran .............................................. 66 Gambar 73. Method Web Service Tampil_Nilai_Ekstra .................................................... 66 Gambar 74. Data Nilai Ekstrakurikuler Dengan Format XML............................................ 67 Gambar 75. Method Web Service Tampil_Nilai_Kepribadian........................................... 67 Gambar 76. Data Nilai Kepribadian Dengan Format XML ................................................ 68 Gambar 77. Method Web Service Tampil_Nilai_Mapel .................................................... 68 Gambar 78. Data Nilai Kepribadian Dengan Format XML ................................................ 69
xiv Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
Gambar 79. Form Login..................................................................................................... 70 Gambar 80. Pesan Gagal Login ......................................................................................... 70 Gambar 81. Link Menu...................................................................................................... 70 Gambar 82. Pesan Konfirmasi Log Out ............................................................................. 71 Gambar 83. Form Home .................................................................................................... 72 Gambar 84. Form Nilai Ekstrakurikuler ............................................................................. 72 Gambar 85. Form Nilai Ekstrakurikuler ............................................................................. 73 Gambar 86. Form Nilai Ekstrakurikuler ............................................................................. 74 Gambar 87. Form Maintenance Penilaian Ekstrakurikuler ............................................... 74 Gambar 88. Form Edit Data Penilaian Ekstrakurikuler...................................................... 75 Gambar 89. Form Tambah Data Penilaian Ekstrakurikuler ............................................... 76 Gambar 90. Form Maintenance Penilaian Kepribadian .................................................... 76 Gambar 91. Form Edit Data Penilaian Kepribadian .......................................................... 77 Gambar 92. Form Tambah Data Penilaian Kepribadian.................................................... 78 Gambar 93. Form Maintenance Penilaian Mata Pelajaran ............................................... 78 Gambar 94. Form Edit Data Penilaian Mata Pelajaran ..................................................... 79 Gambar 95. Form Tambah Data Penilaian Mata Pelajaran .............................................. 80 Gambar 96. Form Update Pasword .................................................................................. 80 Gambar 97. Form Login..................................................................................................... 81 Gambar 98. Pesan Gagal Login ......................................................................................... 81 Gambar 99. form parameter............................................................................................. 82 Gambar 100. Pesan Gagal Masuk ..................................................................................... 82 Gambar 101. Menu Aplikasi .............................................................................................. 82 Gambar 102. Form Nilai Ekstrakurikuler ........................................................................... 83 Gambar 103. Form Nilai Kepribadian ................................................................................ 83 Gambar 104. Form Nilai Mata Pelajaran........................................................................... 84 Gambar 105. Laporan Nilai Hasil Belajar Siswa ................................................................ 86
xv Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
DAFTAR LAMPIRAN
Lampiran 1. Script query stored procedure CekNis ........................................................... 89 Lampiran 2. Script query stored procedure DataNilaiEkstra ............................................. 89 Lampiran 3. Script query stored procedure DataNilaiKepribadian.................................... 89 Lampiran 4. Script query stored procedure DataNilaiMapel ............................................. 89 Lampiran 5. Script query stored procedure DataSiswa ..................................................... 89 Lampiran 6. Script query stored procedure DeletNilaiEkstra ............................................ 90 Lampiran 7. Script query stored procedure DeletNilaiKepribadian................................... 90 Lampiran 8. Script query stored procedure DeletNilaiMapel ............................................ 90 Lampiran 9. Script query stored procedure EditNilaiEkstra .............................................. 90 Lampiran 10. Script query stored procedure EditNilaiKepribadian ................................... 90 Lampiran 11. Script query stored procedure EditnilaiMapel............................................. 91 Lampiran 12. Script query stored procedure TambahNilaiEkstra...................................... 92 Lampiran 13. Script query stored procedure TambahNilaiKepribadian ............................ 92 Lampiran 14. Script query stored procedure TambahNilaiMapel ..................................... 92 Lampiran 15. Script query stored procedure TampilNilaiEkstra ........................................ 93 Lampiran 16. Script query stored procedure TampilNilaiKepribadian .............................. 93 Lampiran 17. Script query stored procedure TampilNilaiMapel ....................................... 94 Lampiran 18. Script method web service menggunakan bahasa pemrograman C# ......... 94
xvi Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
INTISARI
Arsitektur multitier menawarkan solusi yang baik untuk mengembangkan solusi bisnis client server. Multitier client server model dibangun berdasarkan kemampuan untuk mempartisi aplikasi, partisi aplikasi akan membagi kode program menjadi komponenkomponen logikal yaitu: Data Tier, Logic Tier dan Presentation Tier. Web service adalah komponen layakan aplikasi yang didesain untuk mendukung interaksi antar aplikasi dan integrasi aplikasi yang biasanya diserialisasi dengan menggunakan XML. alasan penggunaan konsep web service adalah untuk membuat sebuah service yang dapat diakses melalui berbagai macam platform, bahasa pemrograman dan sistem operasi. Rapor adalah laporan akhir nilai hasil belajar siswa yang telah ditentukan selama masa aktif belajar . Kata kunci: multitier, web service, rapor
ABSTRACT
Multitier architecture offers a good solution for developing client server business solutions. Client multitier server model is built based on the ability to partition the application, application partition will divide the program code into logical components namely: Data Tier, Logic Tier and Presentation Tier. Web service is a component of impropriety application designed to support the interaction between applications and the integration of applications which typically serialized by using XML. reason for the use of the concept of web service is to create a service that can be accessed through a variety of platforms, programming languages and operating systems. Report card grades are final report student learning outcomes that have been determined during the active period of study. Keywords: multitier, web service, report cards
xvii Implementasi Arsitektur Multitier…, Tabah Maulana Zakaria, Fakultas Teknik UMP, 2016
