SKRIPSI IMPLEMENTASI FUNGSI REST PADA WEB SERVICE …eprints.umk.ac.id/4241/1/HALAMAN_JUDUL.pdf ·...

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

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


2015

iii


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

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

v

iv


PERNYATAAN PENULIS



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

v


PERSETUJUAN SKRIPSI



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

Anastasya Latubessy, S.Kom, M.Cs

NIDN. 0604048702

vi


PENGESAHAN SKRIPSI



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)


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

Ahmad Jazuli, M.Kom

NIDN.0406107004

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.

Kata Kunci : Berita, REST, Web Service, XML.

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.

Keywords : News, REST, Web Service, XML.

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.


Penulis

x

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

xi

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 di-

SMK 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

xii

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

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 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

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 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

xvi

DAFTAR LAMPIRAN

Lampiran 1. Lembar Konsultasi Skripsi

Lampiran 2. Lembar Revisi Ujian Skripsi

Lampiran 3. Surat Keterangan Penelitian

SKRIPSI IMPLEMENTASI FUNGSI REST PADA WEB SERVICE …eprints.umk.ac.id/4241/1/HALAMAN_JUDUL.pdf ·...

Documents

Transcript of SKRIPSI IMPLEMENTASI FUNGSI REST PADA WEB SERVICE …eprints.umk.ac.id/4241/1/HALAMAN_JUDUL.pdf ·...