SKRIPSI
IMPLEMENTASI FUNGSI REST PADA WEB SERVICE UNTUK PORTAL BERITA DI SMK ISLAM AL HIKMAH MAYONG JEPARA
Oleh : HILMI TAIB 2010-51-063
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS 2015
SKRIPSI
IMPLEMENTASI FUNGSI REST PADA WEB SERVICE UNTUK PORTAL BERITA DI SMK ISLAM AL HIKMAH MAYONG JEPARA
Oleh : HILMI TAIB 2010-51-063
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS 2015 ii
UNIVERSITAS MURIA KUDUS PENGESAHAN STATUS SKRIPSI JUDUL
: IMPLEMENTASI FUNGSI REST PADA WEB SERVICE UNTUK PORTAL BERITA DI SMK ISLAM AL HIKMAH MAYONG JEPARA
NAMA
: HILMI TAIB
Mengijinkan Skripsi Teknik Informatika ini disimpan di Perpustakaan Program Studi Teknik Informatika Universitas Muria Kudus dengan syarat-syarat kegunaan sebagai berikut : 1. Skripsi adalah hal milik Program Studi Teknik Informatika UMK Kudus 2. Perpustakaan Teknik Informatika UMK dibenarkan membuat salinan untuk tujuan referensi saja 3. Perpustakaan juga dibenarkan membuat salinan Skripsi ini sebagai bahan pertukaran antar institusi pendidikan tinggi 4. Berikan tanda V sesuai dengan kategori Skripsi
v
Sangat Rahasia
(Mengandung isi tentang keselamatan/kepentingan Negara Republik Indonesia)
Rahasia
(Mengandung isi tentang kerahasiaan dari suatu organisasi/badan tempat penelitian Skripsi ini dikerjakan)
Biasa Disahkan Oleh :
Alamat Tanggal
Penulis
Pembimbing 1
Hilmi Taib 201051063
Mukhamad Nurkamid, S.Kom, M.Cs NIDN. 0620068302
: Ds Tigajuru 03/01 Mayong, Jepara : 27 Januari 2015
Tanggal
iii
: 27 Januari 2015
UNIVERSITAS MURIA KUDUS
PERNYATAAN PENULIS JUDUL
: IMPLEMENTASI FUNGSI REST PADA WEB SERVICE UNTUK PORTAL BERITA DI SMK ISLAM AL HIKMAH MAYONG JEPARA
NAMA
: HILMI TAIB
NIM
: 2010-51-063
“Saya menyatakan dan bertanggung jawab dengan sebenarnya bahwa Skripsi ini adalah hasil karya saya sendiri kecuali cuplikan dan ringkasan yang masing-masing telah saya jelaskan sumbernya. Jika pada waktu selanjutnya ada pihak lain yang mengklaim bahwa Skripsi ini sebagai karyanya, yang disertai dengan bukti-bukti yang cukup, maka saya bersedia untuk dibatalkan gelar Sarjana Komputer saya beserta segala hak dan kewajiban yang melekat pada gelar tersebut”.
Kudus, 27 Januari 2015
HILMI TAIB Penulis
iv
UNIVERSITAS MURIA KUDUS PERSETUJUAN SKRIPSI JUDUL
: IMPLEMENTASI FUNGSI REST PADA WEB SERVICE UNTUK PORTAL BERITA DI SMK ISLAM AL HIKMAH MAYONG JEPARA
NAMA
: HILMI TAIB
NIM
: 2010-51-063
Skripsi ini telah diperiksa dan disetujui, Kudus, 18 Desember 2014 Pembimbing Utama
Pembimbing Pembantu
Mukhamad Nurkamid, S.Kom, M.Cs
Anastasya Latubessy, S.Kom, M.Cs
NIDN. 0620068302
NIDN. 0604048702
Mengetahui Kaprogdi Teknik Informatika
Ahmad Jazuli, M.Kom NIDN.0406107004
v
UNIVERSITAS MURIA KUDUS PENGESAHAN SKRIPSI JUDUL
: IMPLEMENTASI FUNGSI REST PADA WEB SERVICE UNTUK PORTAL BERITA DI SMK ISLAM AL HIKMAH MAYONG JEPARA
NAMA
: HILMI TAIB
NIM
: 2010-51-063
Skipsi ini telah diujikan dan dipertahankan di hadapan Dewan Penguji pada Sidang Skripsi tanggal 13 Januari 2015. Menurut pandangan kami, Skripsi ini memadai dari segi kualitas untuk tujuan penganugerahan gelar Sarjana Komputer (S.Kom) Kudus, 27 Januari 2015 Dewan Penguji: Ketua Penguji
Anggota Penguji 1
Arief Susanto, ST, M.Kom
Endang Supriyati, M.Kom
NIDN. 0603047104
NIDN. 0629077402
Mengetahui Dekan Fakultas Teknik
Kaprogdi Teknik Informatika
Rochmad Winarso, ST, MT
Ahmad Jazuli, M.Kom
NIS. 0610701000001138
NIDN.0406107004 vi
ABSTRAK Web Service merupakan paradigma baru dalam mengimplementasikan data terdistribusi melalui web menggunakan basis teknologi XML. XML adalah suatu bahasa markup yang digunakan untuk merepresentasikan dokumen yang dipertukarkan pada jaringan internet. Dengan struktur dan definisi yang jelas, XML dapat dipakai untuk merepresentasikan dan mengkomunikasikan basis data relasional yang tersebar. Penelitian ini membahas bagaimana representasi dan sinkronisasi antar basis data relasional dapat dilakukan dengan studi kasus pada Implementasi Fungsi REST Pada Web Service Untuk Portal Berita di SMK Islam Al Hikmah Mayong Jepara. Integrasi basis data yang dibangun dengan menggunakan teknologi REST bertujuan sebagai sarana untuk menampilkan daftar informasi berita, dan kegiatan yang ada di website SMK Islam Al Hikmah Mayong Jepara. Dengan memanfaatkan web service, maka distribusi data informasi berita di SMK Islam Al Hikmah Mayong dapat dilakukan. Kata Kunci : Berita, REST, Web Service, XML.
vii
ABSTRACT Web service is new paradgm to implemented the data distribution through web using XML technology. XML is one of a markup languange that used to interprenting document that exchange by internet network. By using structure and good definition, XML can used for interpretation and communication by relational basic data that spreaded. This research conduct to know how representation and sincronetation can implemented by relational basic data in case study. The function of REST in web service is for News Portal in SMK Islam Al Hikmah Mayong Jepara. Integration by basic data which built using REST technology have the purpose as tools for displaying the list of news information and the activity in web service in SMK Islam Al Hikmah Mayong Jepara the benefit of web service is distributing the information data in SMK Islam Al Hikmah Mayong Jepara can done. Keywords : News, REST, Web Service, XML.
viii
KATA PENGANTAR Puji syukur kehadirat Allah SWT karena atas Rahmat dan Hidayah-Nya penulis mampu menyelesaikan penyusunan skripsi ini dengan judul “Teknologi Web Service Untuk Portal Berita di SMK Islam Al Hikmah Mayong Jepara”. Skripsi ini disusun guna melengkapi salah satu persyaratan untuk memperoleh Gelar Kesarjanaan Progam Studi Teknik Informatika Fakultas Teknik Universitas Muria Kudus. Kiranya dalam penyusunan skripsi ini tidak akan terselesaikan dengan baik tanpa bantuan dari berbagai pihak. Untuk itu pada kesempatan ini penulis mengucapkan terima kasih yang sebesar-besarnya, penghargaan yang setinggi-tingginya dan permohonan maaf atas segala kesalahan yang pernah penulis lakukan kepada semua pihak yang telah membantu dalam penyelesaian skripsi ini, terutama kepada: 1. ALLAH SWT yang telah memberikan jalan yang baik dalam hidupku. 2. Bapak Dr. Suparnyo, SH., MS, selaku Rektor Universitas Muria Kudus. 3. Bapak Rochmad Winarso, ST., MT, selaku Dekan Fakultas Teknik Universitas Muria Kudus. 4. Bapak Ahmad Jazuli, M.Kom, selaku Ketua Program Studi Teknik Informatika Universitas Muria Kudus. 5. Bapak Mukhamad Nurkamid, S.Kom, M.Cs, selaku pembimbing Skripsi penulis. 6. Ibu Anastasya Latubessy, S.Kom, M.Cs, selaku pembimbing Skripsi penulis. 7. Keluargaku yang selalu memberiku motivasi. 8. Semua pihak yang telah membantu penyusunan skripsi ini yang tidak bisa penulis sebutkan satu persatu Penulis menyadari sepenuhnya bahwa dalam penyusunan skripsi ini masih terdapat banyak kekurangan, untuk itu penulis mengharap kritik dan saran dari berbagai pihak untuk sempurnanya sebuah karya tulis. Selain itu penulis juga berharap semoga karya tulis ini dapat memberikan manfaat bagi semua. Kudus, 27 Januari 2015
Penulis
ix
DAFTAR ISI Halaman LAPORAN SKRIPSI .................................................................................................. i LAPORAN SKRIPSI .................................................................................................. ii PENGESAHAN STATUS SKRIPSI ........................................................................... iii PERNYATAAN PENULIS ........................................................................................ iv PERSETUJUAN SKRIPSI ......................................................................................... v PENGESAHAN SKRIPSI .......................................................................................... vi ABSTRAK .................................................................................................................. vii ABSTRAK ................................................................................................................... viii KATA PENGANTAR ................................................................................................ ix DAFTAR ISI .............................................................................................................. x DAFTAR TABEL ....................................................................................................... xiii DAFTAR GAMBAR .................................................................................................. xiv DAFTAR LAMPIRAN .............................................................................................. xvi BAB I PENDAHULUAN ........................................................................................ 1 1.1. Latar Belakang ....................................................................................... 1 1.2. Perumusan Masalah ................................................................................ 2 1.3. Batasan Masalah ..................................................................................... 2 1.4. Tujuan ..................................................................................................... 3 1.5. Manfaat ................................................................................................... 3 BAB II TINJAUAN PUSTAKA ................................................................................ 5 2.1. Penelitian Terkait ................................................................................... 5 2.2. Landasan Teori........................................................................................ 6 2.2.1. Analisa Sistem ................................................................................... 6 2.2.2. Flowchart........................................................................................... 6 2.2.2.1. Bagan Alir Flowchart................................................................... 6 2.2.2.2. Bagan Alir Program Flowchart .................................................... 7 2.2.2.3. Bagan Alir Sistem Flowchart....................................................... 8
x
2.2.3. Web Application ................................................................................ 10 2.2.3.1. Web .............................................................................................. 10 2.2.3.2. HTML........................................................................................... 10 2.2.3.3. PHP (PHP Hypertext Preprocessor) ............................................ 11 2.2.4 Web Sevice ......................................................................................... 11 2.2.4.1. Arsitektur Web Service ................................................................. 12 2.2.4.2. Manfaat Web Service.................................................................... 12 2.2.4.3. Cara Kerja Web Service................................................................ 12 2.2.4.4. Kelebihan Web Service................................................................. 14 2.2.4.5. Kekurangan Web Service ............................................................. 14 2.2.4 Perangkat Lunak yang Digunakan ...................................................... 14 2.2.5.1. Microsoft Office Visio ................................................................ 14 2.2.5.2. MySQL (My Structure Query Language) .................................... 14 2.2.5.3. Adobe Dreamweaver CS5 ............................................................ 15 2.2.5.4. Apache Server .............................................................................. 15 2.3. Kerangka Teori ....................................................................................... 16 BAB III METODE PENELITIAN............................................................................... 17 3.1. Model Pengembangan Perangkat Lunak ................................................ 17 BAB IV ANALISIS, PERANCANGAN DAN DESAIN SISTEM ............................ 19 4.1. Gambaran Web Service ........................................................................... 19 4.2. Paparan Web Service Portal Berita diSMK Islam Al Hikmah Mayong Jepara .................................................... 19 4.3. Analisis Kebutuhan Perangkat Keras...................................................... 20 4.4. Analisis Kebutuhan Perangkat Lunak ..................................................... 21 4.5. Analisa Sistem ....................................................................................... 22 4.6. Integrasi Web Service.............................................................................. 23 4.7. Proses pada Web Service......................................................................... 25 4.7.1. Proses Admin ..................................................................................... 26 4.7.1.1. Proses Login ................................................................................. 26 4.7.1.2. Proses Tambah Berita................................................................... 27
xi
4.7.1.3. Proses Tampil Berita ................................................................... 29 4.7.1.4. Proses Edit Berita ......................................................................... 31 4.7.1.5. Proses Hapus Berita ..................................................................... 33 4.7.2. Proses User ........................................................................................ 35 4.8. Perancangan Interface............................................................................. 37 4.8.1. Perancangan Layout Portal Berita ..................................................... 37 4.8.2. Perancangan Desain Input dan Output .............................................. 38 BAB V IMPLEMENTASI SISTEM........................................................................... 47 5.1. Implementasi Web Service ...................................................................... 47 5.2. Interface Aplikasi.................................................................................... 54 5.3. Pengujian Web Service............................................................................ 62 5.3.1. Hasil Pengujian untuk Pencarian Berita ........................................... 62 5.3.2. Hasil Pengujian untuk Login ............................................................ 63 5.3.3. Hasil Pengujian untuk Tambah Berita .............................................. 64 5.3.4. Hasil Pengujian untuk Edit Berita .................................................... 65 5.3.5. Hasil Pengujian Performa Web Service ............................................. 66 5.3.5.1. Pengujian Kecepatan Akses Menggunakan Web Service dan Tanpa Web Service ............................................ 66 5.3.5.2. Pengujian Pada Perangkat dan Platform yang Berbeda ............... 68 BAB VI PENUTUP...................................................................................................... 71 6.1. Kesimpulan ............................................................................................. 71 6.2. Saran ....................................................................................................... 71 DAFTAR PUSTAKA LAMPIRAN-LAMPIRAN
xii
DAFTAR TABEL Halaman Tabel 2.1 Simbol Program Flowchart......................................................................... 7 Tabel 2.2 Simbol Sistem Flowchart............................................................................ 8 Tabel 2.3 Perbedaan Antara Website dengan Web Service........................................ 12 Tabel 4.1 Struktur Tabel User.................................................................................... 22 Tabel 4.2 Struktur Tabel Form................................................................................... 22 Tabel 4.3 Struktur Tabel Berita .................................................................................. 23 Tabel 5.1 Hasil Pengujian untuk Pencarian Berita..................................................... 62 Tabel 5.2 Hasil Pengujian Login ................................................................................ 63 Tabel 5.3 Hasil Pengujian Tambah Berita ................................................................. 64 Tabel 5.4 Hasil Pengujian Edit Berita ........................................................................ 65 Tabel 5.5 Perbandingan Akses Web Service dan Tanpa Web Service ...................... 67 Tabel 5.6 Pengujian Web Service Pada Perangkat Dan Platform Yang Berbeda ...... 68 Tabel 5.7 Spesifkasi Perangkat yang Diguanakan untuk Pengujian ......................... 68 Tabel 5.8 Pengujian Terhadap Perbedaan Platform Sistem Operasi ........................ 69
xiii
DAFTAR GAMBAR Halaman Gambar 2.1 Kerangka Pemikiran Implementas Fungsi REST pada Web Service untuk Portal Berita Di SMK Islam Al Hikmah Mayong Jepara........................ 16 Gambar 3.1 Prototype Model..................................................................................... 17 Gambar 4.1 Gambaran Teknologi Web Service ......................................................... 19 Gambar 4.2 Integrasi Web Service Untuk Hak Akses User ....................................... 24 Gambar 4.3 Integrasi Web Service Untuk Hak Akses Admin .................................... 25 Gambar 4.4 Flowchart Proses Login ......................................................................... 26 Gambar 4.5 Flowchart Proses Tambah Berita ........................................................... 28 Gambar 4.6 Flowchart Tampil Berita ........................................................................ 30 Gambar 4.7 Flowchart Update Berita........................................................................ 32 Gambar 4.8 Flowchart Hapus Data Berita................................................................. 34 Gambar 4.9 Flowchart Pencarian Data Berita ........................................................... 36 Gambar 4.10 Layout Halaman Portal Berita .............................................................. 38 Gambar 4.11 Rancangan halaman output berita SMK Islam Al Hikmah Mayong Jepara .................................................. 39 Gambar 4.12 Rancangan Form Pencarian Berita ....................................................... 39 Gambar 4.13 Rancangan Halaman Input keyword Berita .......................................... 40 Gambar 4.14 Rancangan Form Hasil Pencarian ........................................................ 40 Gambar 4.15 Rancangan Halaman Hasil Pencarian .................................................. 41 Gambar 4.16 Rancangan Halaman Awal Administrator............................................ 41 Gambar 4.18 Rancangan Halaman Pengelolaan Berita ............................................. 42 Gambar 4.19 Rancangan Form Data Berita ............................................................... 42 Gambar 4.20. Rancangan Halaman Data Berita ........................................................ 43 Gambar 4.21. Form Halaman Tambah Berita ............................................................ 43 Gambar 4.22. Rancangan Halaman Tambah Berita ................................................... 44 Gambar 4.23. Form Halaman Edit Berita .................................................................. 44 Gambar 4.24. Rancangan Halman Edit Berita ........................................................... 45 xiv
Gambar 4.25. Form Hapus Berita .............................................................................. 45 Gambar 4.26. Rancangan Halaman Hapus Berita ...................................................... 45 Gambar 5.1 Sintaks Request Pencarian Dari Sistem Client ....................................... 47 Gambar 5.2 Sintaks Web Service Pencarian .............................................................. 47 Gambar 5.3 Sintaks Parsing Data Hasil Pencarian .................................................... 48 Gambar 5.4 Sintaks Detail Data Berita Hasil Pencarian ............................................ 48 Gambar 5.5 Sintaks Request Login ............................................................................ 49 Gambar 5.6 Sintaks Web Service Proses Login ......................................................... 49 Gambar 5.7 Parsing Data Hasil Proses Login ............................................................ 50 Gambar 5.8 Sintaks Request Tampil Data Berita....................................................... 50 Gambar 5.9 Sintaks Web Service Tampil Data Berita ............................................... 51 Gambar 5.10 Sintaks Parsing Data Berita .................................................................. 51 Gambar 5.11 Sintaks Request Tambah Berita............................................................ 52 Gambar 5.12 Sintaks Web Service Tambah Berita .................................................... 52 Gambar 5.13 Sintaks Request Edit Berita .................................................................. 53 Gambar 5.14 Sintaks Web Service Edit Berita ........................................................... 53 Gambar 5.15 Sintaks Request Hapus Berita .............................................................. 54 Gambar 5.16 Sintaks Web Service Hapus Berita ....................................................... 54 Gambar 5.17 Tampilan Halaman Utama ................................................................... 55 Gambar 5.18 Form Tampil Berita.............................................................................. 55 Gambar 5.19 Form Detail Berita ............................................................................... 56 Gambar 5.20 Form Login Administrator ................................................................... 57 Gambar 5.21 Form Tampil Berita untuk Administrator ............................................ 58 Gambar 5.22 Form Detail Berita untuk Administrator .............................................. 59 Gambar 5.23 Form Tambah Berita ............................................................................ 59 Gambar 5.24 Date Picker........................................................................................... 60 Gambar 5.25 Form Edit Berita................................................................................... 61 Gambar 5.26 Konfirmasi Proses Hapus ..................................................................... 61
xv
DAFTAR LAMPIRAN Lampiran 1.
Lembar Konsultasi Skripsi
Lampiran 2.
Lembar Revisi Ujian Skripsi
Lampiran 3.
Surat Keterangan Penelitian
xvi
