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
ii
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
iii
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
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 :
Penulis Pembimbing 1
Hilmi Taib 201051063
Mukhamad Nurkamid, S.Kom, M.Cs NIDN. 0620068302
Alamat : Ds Tigajuru 03/01 Mayong, Jepara
Tanggal : 27 Januari 2015 Tanggal : 27 Januari 2015
iv
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
v
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
Mengetahui
Kaprogdi Teknik Informatika
Ahmad Jazuli, M.Kom NIDN.0406107004 Pembimbing Utama
Mukhamad Nurkamid, S.Kom, M.Cs NIDN. 0620068302
Pembimbing Pembantu
vi
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:
Mengetahui
Ketua Penguji
Arief Susanto, ST, M.Kom NIDN. 0603047104
Anggota Penguji 1
Endang Supriyati, M.Kom NIDN. 0629077402
Dekan Fakultas Teknik
Rochmad Winarso, ST, MT NIS. 0610701000001138
Kaprogdi Teknik Informatika
vii
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.
viii
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.
ix
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
x
DAFTAR ISI
Halaman
LAPORAN SKRIPSI ... i
LAPORAN SKRIPSI ... ii
PENGESAHAN STATUS SKRIPSI ... iii
xi
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 di- SMK Islam Al Hikmah Mayong Jepara ... 19
4.3. Analisis Kebutuhan Perangkat Keras... 20
4.4. Analisis Kebutuhan Perangkat Lunak ... 21
xii
xiii
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
xiv
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 FlowchartUpdate 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 Inputkeyword 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.19Rancangan 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
xv
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 BeritaHasil 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 FormEdit Berita... 61
xvi
