i

RANCANGA BANGUN APLIKASI TRY OUT TPA (Tes Potensi

Akademik) BERBASIS WEB SERVICE

TUGAS AKHIR

Diajukan Untuk Memenuhi

Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

ADRIAL HAQ

NIM : 201010370311461

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2015

ii

iii

iv

v

ABSTRAK

Pada era yang sudah maju sekarang ini, dimana untuk dapat masuk ke

sebuah Universitas bahkan untuk melamar kerja pada sebuah instansi kita

diharuskan untuk mengikuti serangkaian tes untuk dapat mengukur kemampuan

peserta yang mengikuti tes tersebut. Salah satu tes yang diberlakukan adalah TPA

(Tes Potensi Akademik). Pada saat ini cukup sulit untuk mendapatkan soal-soal

latihan TPA terutama dalam bentuk tes try out yang mirip dengan tes yang

sebenarnya. Tentunya setiap orang akan mencari jalan untuk mengasah

kemampuannya agar dapat lolos dari tes tersebut. Dalam perkembangan teknologi

saat ini aplikasi berbasis web service sudah banyak digunakan untuk

menyelesaikan berbagai persoalan. Penelitian ini bertujuan untuk membuat

aplikasi sistem informasi try out TPA berbasis web service dengan

mengimplementasikan RESTfull web service pada fitur-fitur yang disediakan.

Hasilnya pengguna dapat mengerjakan latihan soal berbasis web, disertai timer,

skoring nilai kebenaran jawaban, dan halaman admin untuk mengelola data soal

yang ada di database.

Kata kunci : web service, RESTful, TPA

vi

ABSTRACT

In the era of advanced nowadays, where in order to go to a university and

even to apply for a job at an agency we are required to follow a series of tests to

measure the ability of the participants in the test. One test that applies is TPA

(Academic Potential Test). At this time quite difficult to get practice questions of

TPA especially in the form of a test try out similar to the actual test. Surely

everyone will find a way to hone his ability to be able to escape from the test. In

today's technological development, web service-based application has been

widely used to solve various problems. This research aims to make information

systems applications of TPA try out in web service-based to implement Restfull

web service on the features provided. The result the user can work on a web-based

exercises, accompanied by a timer, scoring answers truth value, and the admin

page to manage data about existing in the database.

.Keyword : web service, RESTful, TPA

vii

LEMBAR PERSEMBAHAN

Puji syukur kehadirat Allah SWT atas segala rahmat, nikmat, hidayah, dan

ridho-Nya yang telah diberikan kepada penulis, sehingga penulis dapat

menyelesaikan Tugas Akhir ini dengan baik. Sholawat serta salam semoga selalu

tercurahkan kepada Nabi Muhammad SAW, yang telah menunjukkan jalan

kebenaran yaitu agama Islam. Pada kesempatan ini, penulis menyampaikan

ucapan terima kasih yang sebesar-besarnya kepada:

1. Bapak Yuda Munarko ,S.Kom,M.Sc selaku dosen pembimbing satu dan Ibu

Evi Dwi Wahyuni S.Kom selaku dosen pembimbing dua, yang telah sabar

membimbing serta memberikan saran dan kritik dalam penyusunan Tugas

Akhir ini.

2. Bapak Eko Budi Cahyono , S.Kom, MT selaku dosen penguji satu dan Ibu

Nur Hayatin, S.ST selaku dosen penguji dua, yang telah memberikan saran

dan kritik dalam pengembangan Tugas Akhir ini.

3. Bapak Ir. Sudarman, M.T selaku Dekan Fakultas Teknik Universitas

Muhammadiyah Malang.

4. Bapak Yuda Munarko, S.Kom.,M.sc selaku Ketua Jurusan Teknik

Informatika Universitas Muhammadiyah Malang.

5. Kedua Orang Tua, Bapak dan Mama yang selalu mendukung baik secara

materi serta moral, maafkan anak mu yang malas ini yang tidak dapat

menyelesaikan kuliah secara tepat waktu.

6. Kakakku, Andi Firdaus, S.Kom yang selalu mendukung untuk segera

menyelesaikan Tugas Akhir ini.

8. Teman-teman seperjuanganku Rangga, Haris, Danil, Tolet, Wawan, Agung,

dan Kawan” The Jhe Penghuni ICT dan yang lainnya yang nggak disebut

jangan marah. ☺ terima kasih teman-temanku yang selalu ada di saat suka

dan duka. Buat kalian yang belum lulus, cepat lulus yah kawan,kalian pasti

bisa!!

9. Terakhir kepada teman diluar kampus,teman Alumni Man 2 Pamekasan dan

seluruh teman-teman yang tidak bisa aku sebutkan satu per satu, terima kasih

atas dukungan dan do’a kalian selama ini.

viii

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT atas limpahan

rahmat, nikmat, hidayah, dan ridho-Nya, sehingga peneliti dapat menyelesaikan

Tugas Akhir yang berjudul:

“RANCANG BANGUN APLIKASI TRY OUT TPA (TES

POTENSI AKADEMIK) BERBASIS WEB SERVICE”

Di dalam tulisan ini disajikan pokok-pokok bahasan yang meliputi

penjelasan web service RESTful dan TPA . Selain itu, juga akan disampaikan

mengenai pengujian-pengujian yang dilakukan dalam penelitian ini.

Peneliti menyadari sepenuhnya bahwa dalam penulisan Tugas Akhir ini

masih banyak kekurangan dan keterbatasan. Oleh karena itu peneliti

mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi

perkembangan ilmu pengetahuan kedepan.

Malang, 16 Januari 2015

Adrial Haq

ix

DAFTAR ISI

Lembar Persetujuan .......................................................................................... i

Lembar Pengesahan ........................................................................................... ii

Lembar Pernyataan ............................................................................................ iii

Abstrak ............................................................................................................. iv

Abstract ............................................................................................................. v

Lembar Persembahan ......................................................................................... vi

Kata Pengantar .................................................................................................. vii

Daftar Isi ........................................................................................................... viii

Daftar Gambar .................................................................................................. xi

Daftar Tabel ....................................................................................................... xii

BAB I PENDAHULUAN ................................................................................ 1

1.1 Latar Belakang ......................................................................................... 1

1.2 Rumusan Masalah .................................................................................... 2

1.3 Batasan Masalah ...................................................................................... 2

1.4 Tujuan dan Manfaat ................................................................................. 2

1.5 Metodologi ............................................................................................. 2

1.5.1 Studi Pustaka dan Pengumpulan Data ........................................... 2

1.5.2 Perancangan Sistem ………………………………………………. 3

1.5.3 Implementasi Sistem .................................................................... 3

x

1.5.4 Pengujian Sistem .......................................................................... 3

1.5.5 Pembuatan Laporan ...................................................................... 3

1.6 Sistematika Penulisan .............................................................................. 3

BAB II LANDASAN TEORI ......................................................................... 5

2.1 Java ......................................................................................................... 5

2.2 MySQL ................................................................................................... 5

2.3 Web Service ............................................................................................. 6

2.4 RESTful Web Service ............................................................................... 7

2.5 Arsitektur RESTful ................................................................................... 7

2.6 JSON ....................................................................................................... 9

2.7 HTML ...................................................................................................... 10

2.8 JavaScript ................................................................................................ 10

2.9 Jenis Tes TPA .......................................................................................... 11

2.9.1 Tes Verbal .................................................................................... 11

2.9.2 Tes Numerik ................................................................................. 13

2.9.3 Tes Penalaran ............................................................................... 14

BAB III ANALISA DAN PERANCANGAN SISTEM .................................. 18

3.1 Analisa Masalah ...................................................................................... 18

3.2 Analisa Kebutuhan Sistem ....................................................................... 19

3.2.1 Kebutuhan Fungsional .................................................................. 19

xi

3.2.2 Kebutuhan Non Fungsional ........................................................... 19

3.2.3 Kebutuhan Hardware .................................................................... 20

3.2.4 Kebutuhan Software ...................................................................... 20

3.3 Perancangan Sistem ................................................................................. 20

3.3.1 Diagram Alur ............................................................................... 20

3.3.2 Desain UML ................................................................................. 21

3.3.2.1 Use Case Diagram .......................................................... 22

3.3.2.2 Activity Diagram ............................................................. 22

3.3.2.3 Sequence Diagram .......................................................... 25

3.3.2.4 Class Diagram ................................................................ 27

3.3.3 Desain Antarmuka ........................................................................ 28

3.3.3.1 Tampilan Awal ............................................................... 28

3.3.3.2 Tampilan Proses Tes ....................................................... 29

3.3.3.3 Tampilan Hasil Tes ......................................................... 30

BAB IV IMPLEMENTASI DAN ANALISA HASIL .................................... 31

4.1 Implementasi Sistem ................................................................................. 31

4.1.1 Implementasi Program ................................................................. 31

4.1.1.1 Implementasi Program Front End ................................... 32

4.1.1.2 Implementasi Program Back End .................................... 38

4.2 Pengujian Sistem ..................................................................................... 46

xii

4.2.1 Pengujian Back End ...................................................................... 46

4.2.2 Pengujian Front End .................................................................... 50

BAB V PENUTUP .......................................................................................... 59

5.1 Kesimpulan .............................................................................................. 59

5.2 Saran ....................................................................................................... 59

DAFTAR PUSTAKA ...................................................................................... 60

xiii

DAFTAR GAMBAR

Gambar 2.1 Arsitektur RESTful Dengan Pertukaran Data JSON ………….. 9

Gambar 3.1 Flowchart Sistem ..................................................................... 17

Gambar 3.2 Usecase Diagram Sistem ......................................................... 22

Gambar 3.3 Activity Diagram Test TPA ...................................................... 23

Gambar 3.4 Activity Diagram View Hasil Tes ............................................. 23

Gambar 3.5 Activity Diagram Kelola Data .................................................. 24

Gambar 3.6 Activity Diagram Kelola Data .................................................. 24

Gambar 3.7 Activity Diagram Kelola Data .................................................. 25

Gambar 3.8 Sequence Diagram Tes TPA .................................................... 26

Gambar 3.9 Sequence Diagram View Hasil Tes .......................................... 26

Gambar 3.10 Sequence Diagram Kelola Data ............................................... 27

Gambar 3.11 Class Diagram Sistem ............................................................. 28

Gambar 4.1 Source Code Pendaftaran Peserta ............................................. 32

Gambar 4.2 Source Code Validasi Data Diri Peserta .................................... 32

Gambar 4.3 Source Code Data Soal dan Timer ............................................ 33

Gambar 4.4 Source Code Data Jawaban ...................................................... 34

Gambar 4.5 Source Code Pengiriman dan Penyimpana Data ....................... 34

Gambar 4.6 Source Code Hasil Ujian .......................................................... 35

Gambar 4.7 Source Code Login Admin ....................................................... 36

Gambar 4.8 Source Code Kelola Data ......................................................... 37

xiv

Gambar 4.9 Source Code Data Peserta ........................................................ 38

Gambar 4.10 Source Code Data Soal ............................................................ 38

Gambar 4.11 Source Code Data Ujian ........................................................... 39

Gambar 4.12 Source Code Admin ................................................................. 39

Gambar 4.13 Source Code Data .................................................................... 40

Gambar 4.14 Source Code Koneksi ............................................................... 40

Gambar 4.15 Source Code Tambah Data Soal ............................................... 41

Gambar 4.16 Source Code Data Admin ......................................................... 41

Gambar 4.17 Source Code Penyimpanan Data .............................................. 42

Gambar 4.18 Source Code Data Controller ................................................... 44

Gambar 4.19 Source Code CorsFilter ............................................................ 45

Gambar 4.20 Client Sukses Mengirim Data ................................................... 46

Gambar 4.21 Respon Dari Server .................................................................. 46

Gambar 4.22 Client Sukses Melakukan Request ............................................ 47

Gambar 4.23 Respon Dari Server .................................................................. 47

Gambar 4.24 Id Peserta Sukses Dikirim ........................................................ 47

Gambar 4.25 Respon Dari Server .................................................................. 48

Gambar 4.26 Client Sukses Request Ke Server .............................................. 48

Gambar 4.27 Respon Dari Server .................................................................. 48

Gambar 4.28 Client Sukses Request Ke Server .............................................. 49

Gambar 4.29 Respon Dari Server .................................................................. 49

Gambar 4.30 Client Sukses Request Ke Server .............................................. 49

xv

Gambar 4.31 Respon Dari Server .................................................................. 50

Gambar 4.32 Client Sukses Request Ke Server .............................................. 50

Gambar 4.33 Client Sukses Request Ke Server .............................................. 50

Gambar 4.34 Tampilan Login Peserta ........................................................... 51

Gambar 4.35 Tampilan Peringatan Untuk Isi Data ........................................ 51

Gambar 4.36 Tampilan Tes Sedang Berjalan ................................................. 52

Gambar 4.37 Tampilan Hasil Tes .................................................................. 52

Gambar 4.38 Tampilan Kunci Jawaban ......................................................... 53

Gambar 4.39 Tampilan Login Admin ............................................................ 54

Gambar 4.40 Tampilan Peringatan Kesalahan Autentikasi ............................ 54

Gambar 4.41 Tampilan Data Base Soal ......................................................... 55

Gambar 4.42 Tampilan Form Create ............................................................. 55

Gambar 4.43 Tampilan Data Berhasil Ditambahkan ...................................... 56

Gambar 4.44 Tampilan Form Update ............................................................ 56

Gambar 4.45 Tampilan Data Berhasil Diupdate ............................................ 57

Gambar 4.46 Tampilan Peringatan Delete ..................................................... 57

Gambar 4.47 Tampilan Data Berhasil Dihapus .............................................. 58

xvi

DAFTAR TABEL

Tabel 2.1 Metode HTTP Pada RESTful .................................................... 8

xvii

Daftar Pustaka

[1.] Richardson, L. dan Ruby, S., RESTful Web services, O’REILLY, 2007.

[2.] Rodriguez, Alex 2008, RESTful Web services: The basics

[3.] Tidwell, D., 2001, Web Service: The Web’s next Revolution.

[4.] Hall, M 1992, Core Web Programming, Prentice Hall, USA.

[5.] Ryan, Danny dan Ryan, Tommy 2002, ASP.NET : Your Visual Blueprint

for Creating Web Applications on the .NET framework, Hungry Mind,

Inc.

[6.] Duckett, J 2010, Beginning HTML, XHTML, CSS and JavaScript, Wiley

Publishing. USA.

[7.] Jasmadi 2004, Koleksi Template Web dan Teknik Pembuatannya, Andi,

Yogyakarta.

[8.] Tim Litbang Media Cerdas 2014, Mega Bank Soal TPA Lengkap dan

Terkini, Media Cerdas, Sidoarjo.