74
PEMANFAATAN JSON (JAVASCRIPT OBJECT NOTATION) SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING DAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA UNS TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Disusun oleh : RETNO EKA RINJANI NIM M3209073 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2012 perpustakaan.uns.ac.id digilib.uns.ac.id commit to user

SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

Embed Size (px)

Citation preview

Page 1: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

PEMANFAATAN JSON (JAVASCRIPT OBJECT NOTATION)

SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING

DAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA UNS

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun oleh :

RETNO EKA RINJANI

NIM M3209073

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2012

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 2: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

ii

HALAMAN PERSETUJUAN

PEMANFAATAN JSON (JAVASCRIPT OBJECT NOTATION)

SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING

DAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA UNS

Disusun oleh :

RETNO EKA RINJANI

NIM M3209073

Tugas Akhir ini telah disetujui untuk dipertahankan di hadapan dewan penguji

Untuk mendapatkan gelar Ahli Madya Program Diploma III Teknik Informatika

pada tanggal 25 Juni 2012

Pembimbing Utama

Agus Purbayu, S.Si

NIDN . 0629088001

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 3: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

iii

PEMANFAATAN JSON (JAVASCRIPT OBJECT NOTATION)

SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING

DAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA UNS

Disusun oleh :

RETNO EKA RINJANI

NIM M3209073

Dibimbing oleh :

Pembimbing Utama

Agus Purbayu, S.Si

NIDN . 0629088001

Tugas Akhir ini telah diterima dan disahkan

oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika

Pada hari Senin tanggal 25 Juni 2012

Dewan Penguji

1. Penguji 1 Agus Purbayu, S.Si ( )

NIDN. 0629088001

2. Penguji 2 Winarno, S.Si ( )

NIP. 19820520 200604 1 001

3. Penguji 3 Muhammad Asri Syafi’ie, S.Si ( )

NIDN. 0603118103

Disahkan Oleh :

Dekan

Fakultas MIPA UNS

Prof.Ir.Ari Handono Ramelan, M.Sc(Hons) PhD

NIP. 19610223 198601 1 001

Ketua Program Studi

DIII Teknik Informatika UNS

Drs. Y.S Palgunadi, M.Sc.

NIP. 19560407 198303 1 004

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 4: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

iv

ABSTRACT

Retno Eka Rinjani, 2012. Utilization of JSON (JavaScript Object Notation) as

Data Interchange for Automatic Testing and Web Based Learning D3 Informatica

Engineering UNS Systems. Program Study DIII Informatica Engineering, Mathematic

and Natural Science, Sebelas Maret Surakarta University.

Now, Program Study DIII Informatica Engineering Sebelas Maret Surakarta

University already has Automatic Testing and Web Based Learning System, but the

systems are not integrated yet, and can’t share data for this system. The implementations

Automatic Testing System need university-students and lecturers data from Web Based

Learning System, and the other way, Web Based Learning System need university-

students value data from Automatic Testing System, so the examination grade of the

students in this system is valid.

Method to developed the Final Project were HTML, PHP, Javascript and SQL

database. The steps to develope web service were to make data analysis, to plan the

systems, that consist Flowchart or Architecture System, Context Diagram, Data Flow

Diagram, with database planning. Then coding system was also be developed and then

tested the programs for final system, the last step was to implement the programs.

It can be concluded that Automatic Testing and Web Based Learning Systems can

be used to than according to data interchange concept, done by JSON technology.

Keywords : JSON, Data Interchange, Automatic Testing, Web Based Learning, HTML,

PHP, Javascript, SQL

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 5: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

v

INTISARI

Retno Eka Rinjani, 2012. Pemanfaatan JSON (JavaScript Object Notation)

Sebagai Data Interchange Pada Sistem Automatic Testing dan Web Based Learning

D3 Teknik Informatika UNS. Program Studi DIII Teknik Informatika Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Saat ini Program Studi DIII Teknik Informatika UNS sudah mempunyai Sistem

Automatic Testing dan Web Based Learning, tetapi kedua sistem tersebut masih berjalan

sendiri-sendiri dan belum dapat berbagi data antar sistem tersebut. Dalam

implementasinya sistem Automatic Testing membutuhkan data mahasiswa dan dosen

yang dimiliki oleh Sistem Web Based Learning, begitu pula sebaliknya. Sistem Web

Based Learning membutuhkan data nilai mahasiswa dari Sistem Automatic Testing

sehingga dapat dipastikan nilai yang ada di Sistem Web Based Learning tersebut valid.

Metode yang digunakan dalam penyusunan Tugas Akhir ini dengan menggunakan

HTML, PHP, JSON, Javascript dan database SQL. Adapun tahapan dalam penyusunan

Tugas Akhir ini adalah melakukan analisis data, melakukan perancangan sistem, yang

meliputi flowchart atau arsitektur sistem, context diagram, data flow diagram serta

perancangan database. Kemudian tahap pembuatan sistem (coding) yang dilanjutkan

melakukan testing atas sistem yang telah dibuat, dan yang terakhir adalah tahap

implementasi program.

Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem

Automatic Testing dan Web Based Learning dapat bertukar data sesuai dengan konsep

data interchange yang memanfaatkan teknologi JSON.

Kata Kunci : JSON, Data Interchange, Automatic Testing, Web Based Learning, HTML,

PHP, Javascript, SQL

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 6: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

vi

MOTTO

“Tiada doa yang terindah selain doa agar Tugas Akhir ini cepat selesai“

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 7: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

vii

PERSEMBAHAN

Tugas Akhir ini penulis persembahkan kepada :

1. Ayah, Bunda dan Adik yang tersayang.

2. Putra, pacarku yang ganteng

3. Pak Bayoe, yang selalu memberi motivasi dikala aku sedang pusing.

4. Teman-teman Teknik Informatika D tahun 2009. perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 8: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

viii

KATA PENGANTAR

Assalamualaikum, wr. wb.

Puji syukur penulis ucapkan kehadirat ALLAH SWT yang telah melimpahkan

rahmat, karunia, petunjuk dan hidayah-NYA sehingga saya dapat menyelesaikan Tugas

Akhir dengan baik dan lancar. Tugas Akhir dengan judul “Pemanfaatan JSON

(JavaScript Object Notation) Sebagai Data Interchange Pada Sistem Automatic

Testing dan Web Based Learning D3 Teknik Informatika UNS” ini dibuat dibuat dan

disusun dengan maksud untuk memenuhi salah satu syarat dalam menyelesaikan studi

pada Program Studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Pada kesempatan ini penulis ingin menyampaikan terima kasih kepada :

1. Bapak YS. Palgunadi, selaku Ketua Program Diploma III Ilmu Komputer Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

2. Bapak Agus Purbayu, selaku pembimbing, yang telah mengarahkan dan selalu

memberikan semangat kepada penulis.

Penulis menyadari bahwa dalam penulisan laporan Tugas Akhir ini masih jauh

dari sempurna. Untuk itulah saran dan kritik yang bersifat membangun sangat menyusun

harapan demi kesempurnaan laporan Tugas Akhir ini.

Kami berharap semoga laporan Tugas Akhir ini dapat bermanfaat bagi semua

pihak yang memerlukan.

Wassalamualaikum, wr. wb.

Surakarta, Mei 2012

Penulis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 9: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

ix

DAFTAR ISI

Halaman

HALAMAN JUDUL ............................................................................................. i

HALAMAN PERSETUJUAN .............................................................................. ii

HALAMAN PENGESAHAN ............................................................................... iii

HALAMAN ABSTRACT ................................................................................... iv

HALAMAN INTISARI ....................................................................................... v

HALAMAN MOTTO .......................................................................................... vi

HALAMAN PERSEMBAHAN .......................................................................... vii

KATA PENGANTAR .......................................................................................... viii

DAFTAR ISI ......................................................................................................... ix

DAFTAR TABEL ................................................................................................. xi

DAFTAR GAMBAR ............................................................................................ xii

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

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

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

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

1.4 Tujuan................................................................................................. 3

1.5 Manfaat .............................................................................................. 3

1.6 Metodologi Penelitian ........................................................................ 4

1.7 Sistematika Penulisan ........................................................................ 5

BAB II LANDASAN TEORI ......................................................................... 6

2.1 JSON (JavaScript Object Notation) ................................................... 6

2.2 Web Server ........................................................................................ 9

2.3 Sistem ................................................................................................. 10

2.3.1 Pengertian Sistem ..................................................................... 10

2.3.2 Perancangan Sistem .................................................................. 10

2.4 Automatic Testing .............................................................................. 13

2.5 Web Based Learning ......................................................................... 14

2.6 Website .............................................................................................. 15

2.7 PHP .................................................................................................... 16

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 10: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

x

2.8 HTTP ................................................................................................. 16

2.9 SQL ................................................................................................... 17

BAB III PERANCANGAN SISTEM .............................................................. 18

3.1 Analisis Kebutuhan Software ............................................................. 18

3.2 Perancangan Arsitektur ...................................................................... 19

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

3.3.1 Context Diagram (CD) .............................................................. 20

3.3.2 Data Flow Diagram (DFD) ...................................................... 21

3.4 Entity Relationship Diagram (ERD) .................................................. 24

3.5 Relasi Tabel ....................................................................................... 25

3.6 Rancangan Tabel ............................................................................... 26

3.6.1 Tabel Database Automatic Testing .......................................... 26

3.6.2 Tabel Hasil Data Interchange (Web Based Learning) ............. 29

3.7 Desain Interface ................................................................................. 30

3.7.1 Desain Interface JSON ............................................................. 32

3.7.2 Desain Interface Automatic Testing ......................................... 35

3.8 Site Map.............................................................................................. 36

BAB IV IMPLEMENTASI DAN ANALISIS ................................................. 39

4.1 Implementasi Sistem Web Based Learning ....................................... 39

4.1.1 Halaman Admin ....................................................................... 39

4.1.2 Halaman Dosen ........................................................................ 43

4.1.3 Halaman Mahasiswa ................................................................ 44

4.2 Implementasi Sistem Automatic Testing ........................................... 48

4.2.1 Halaman Admin ....................................................................... 48

4.2.2 Halaman Dosen ........................................................................ 50

4.2.3 Halaman Mahasiswa ................................................................ 55

4.3 Analisis ............................................................................................... 58

BAB V PENUTUP .......................................................................................... 60

5.1 Kesimpulan ........................................................................................ 60

5.2 Saran .................................................................................................. 60

DAFTAR PUSTAKA .......................................................................................... 61

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 11: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

xi

DAFTAR TABEL

No

1. Kelebihan JSON Sebagai Data Interchange ................................................ 9

2. Komponen Context Diagram ....................................................................... 11

3. Komponen Data Flow Diagram ................................................................. 12

4. Komponen Entity Relationship Diagram .................................................... 13

5. Tabel Soal .................................................................................................... 27

6. Tabel Pertanyaan ......................................................................................... 28

7. Tabel Nilai .................................................................................................. 28

8. Tabel Jenissoal ............................................................................................ 29

9. Tabel Mahasiswa ........................................................................................ 30

10. Tabel Dosen ................................................................................................ 30

11. Tabel User ................................................................................................... 31

12. Tabel Kelas ................................................................................................. 31

13. Tabel Makul ................................................................................................ 31

14. Tabel Ampumakul ...................................................................................... 32

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 12: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

xii

DAFTAR GAMBAR

No

1. Metodologi Penelitian .................................................................................. 4

2. Objek dlam JSON ........................................................................................ 6

3. Array dalam JSON ....................................................................................... 7

4. Nilai dalam JSON ........................................................................................ 7

4. String dalam JSON ...................................................................................... 8

4. Angka dalam JSON ..................................................................................... 8

4. Arsitektur Web Server.................................................................................. 9

5. Skema Kerja Protokol HTTP ...................................................................... 15

6. Proses Eksekusi Kode PHP ......................................................................... 16

7. Proses Koneksi Protokol HTTP antara client dan server ............................ 17

8. Perancangan Arsitektur ................................................................................ 19

9. Context Diagram ......................................................................................... 20

10. DFD Level 0 Sistem Automatic Testing dan Web Based Learning ............. 22

11. DFD Level 1 Proses Manajemen Soal ......................................................... 23

12. DFD Level 1 Proses Ujian ........................................................................... 23

13. Entity Relationship Diagram Sistem Automatic Testing dan WBL ............ 24

14. Relasi Tabel Sistem Automatic Testing dan Web Based Learning .............. 25

15. Desain Interface JSON Detail Nilai (WBL) ............................................... 32

16. Desain Interface JSON Statistik Nilai (WBL)............................................. 33

17. Desain Interface JSON Login Dosen (Automatic Testing).......................... 33

18. Desain Interface JSON Mata Kuliah (Automatic Testing) .......................... 33

19. Desain Interface JSON Login Mahasiswa (Automatic Testing) .................. 34

20. Desain Interface JSON Pilih Mata Kuliah (Automatic Testing) .................. 34

21. Desain Halaman Login Admin dan Dosen .................................................. 35

22. Desain Halaman Login Mahasiswa .............................................................. 35

25. Desain Halaman Utama Admin dan Dosen ................................................ 36

26. Tampilan Site Map WBL untuk Mahasiswa ............................................... 37

27. Tampilan Site Map untuk Mahasiswa ......................................................... 37

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 13: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

xiii

28. Tampilan Site Map untuk dosen .................................................................. 38

29. Tampilan Site Map untuk admin ................................................................. 38

30. Halaman Login Admin ................................................................................ 39

31. Halaman Index Admin ................................................................................ 39

32. Halaman Dosen ........................................................................................... 40

33. Halaman Mahasiswa ................................................................................... 40

34. Halaman Ampu ........................................................................................... 41

35. Halaman Matkul .......................................................................................... 41

36. Halaman Kelas ............................................................................................ 42

37. Halaman Set Ampu ..................................................................................... 42

38. Halaman Login Dosen/Mahasiswa ............................................................. 43

39. Halaman Index Dosen ................................................................................. 43

40. Halaman Index Mahasiswa ......................................................................... 44

41. Halaman Data Ujian Online ........................................................................ 44

42. Halaman Detail Nilai 1 ................................................................................ 45

42. Halaman Interface JSON “Detail Nilai 1”................................................... 45

43. Halaman Detail Nilai 2 ................................................................................ 46

43. Halaman Interface JSON “Detail Nilai 2” .................................................. 46

44. Halaman Statistik Nilai 1 ............................................................................ 47

44. Halaman Interface JSON “Statistik Nilai 1” ................................................ 47

45. Halaman Statistik Nilai 2 ............................................................................ 48

45. Halaman Interface JSON “Statistik Nilai 2” ................................................ 48

46. Halaman Login Admin ................................................................................ 48

47. Halaman Jenis Soal ..................................................................................... 49

48. Halaman Backup Data ................................................................................ 49

49. Halaman Login Dosen ................................................................................. 50

49. Halaman Service JSON “Login Dosen” ...................................................... 51

50. Halaman Isi Pertanyaan 1 ............................................................................ 51

50. Halaman Interface JSON “Isi Pertanyaan” .................................................. 51

51. Halaman Isi Pertanyaan 2 ............................................................................ 52

52. Halaman Isi Pertanyaan 3 ............................................................................ 52

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 14: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

xiv

53. Halaman Lihat/Edit Pertanyaan 1 ............................................................... 52

54. Halaman Lihat/Edit Pertanyaan 2 ............................................................... 52

55. Halaman Daftarkan Soal ............................................................................. 52

56. Halaman Konfig Soal .................................................................................. 53

57. Halaman Lihat Nilai .................................................................................... 53

59. Halaman Login Mahasiswa ......................................................................... 55

59. Halaman Interface JSON “Login Mahasiswa” ............................................ 55

59. Halaman Pilih Mata Kuliah .......................................................................... 56

59. Halaman Interface JSON “Pilih Mata Kuliah” ........................................... 56

60. Halaman Soal Aktif ..................................................................................... 56

61. Halaman Soal .............................................................................................. 57

62. Halaman Tampil Nilai ................................................................................. 57

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 15: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Saat ini, kita sering mendengar atau membaca istilah mengenai

aplikasi berbasis web. Sebagian besar orang berpikir bahwa website yang

dibuat itulah yang dimaksud dengan aplikasi berbasis web. Aplikasi berbasis

web sebenarnya tidak mutlak menggunakan web browser sebagai tampilan

front-endnya. Memang, aplikasi berbasis web yang sering kita jumpai saat ini

masih menggunakan web browser sebagai media untuk menampilkan

gambar-gambar maupun tulisan, namun dengan teknologi yang berkembang

sekarang memungkinkan sebuah aplikasi untuk saling terhubung ke suatu

database atau aplikasi lain.

Baru-baru ini telah berkembang sebuah teknologi yang melakukan

sebuah tugas yang spesifik, yakni untuk meningkatkan kolaborasi antar

sistem. Salah satu yang sedang berkembang saat ini adalah JSON. JSON

(JavaScript Object Notation) adalah format pertukaran data yang ringan,

mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan

dibuat (generate) oleh komputer.

Saat ini Program Studi DIII Teknik Informatika UNS sudah

mempunyai Sistem Automatic Testing dan Web Based Learning (WBL),

tetapi kedua sistem tersebut masih berjalan sendiri-sendiri dan belum dapat

berbagi data antar sistem tersebut. Dalam implementasinya sistem Automatic

Testing membutuhkan data mahasiswa, data dosen, dan data mata kuliah

1

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 16: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

2

yang dimiliki oleh Sistem Web Based Learning, begitu pula sebaliknya.

Sistem Web Based Learning membutuhkan data nilai mahasiswa dari Sistem

Automatic Testing sehingga dapat dipastikan nilai yang ada di Sistem Web

Based Learning tersebut valid, karena berasal dari nilai ujian murni

mahasiswa.

Dengan adanya permasalahan tersebut maka diambil topik

pembahasan mengenai pemanfaatan JSON dan mengimplementasikannya

untuk mengkolaborasikan data antar Sistem Automatic Testing dengan Web

Based Learning D3 Teknik Informatika UNS.

1.2 Rumusan Masalah

Bagaimanakah cara memanfaatkan JSON sebagai data interchange

pada Sistem Automatic Testing dan Web Based Learning D3 TI UNS?

1.3 Batasan Masalah

1. Mahasiswa login ke Sistem Automatic Testing username dan password

yang mereka punyai dalam Web Based Learning D3 TI UNS .

2. Mahasiswa mengakses hasil nilai ujian dari Automatic Testing melalui

Web Based Learning D3 Teknik Informatika UNS.

3. Menampilkan statistik rata-rata nilai ujian mahasiswa sebuah mata kuliah.

4. Metode yang digunakan untuk membangun web service ini dengan

menggunakan HTML, PHP, JSON, Javascript dan database SQL.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 17: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

3

1.4 Tujuan

Tujuan yang ingin dicapai dalam penyusunan Tugas Akhir ini adalah :

1. Membuat sebuah service dengan menggunakan JSON pada Sistem

Automatic Testing dan memanfaatkannya sebagai media untuk

menampilkan data nilai ujian di Web Based Learning D3 Teknik

Informatika UNS.

2. Membuat sebuah service dengan menggunakan JSON di Web Based

Learning D3 Teknik Informatika UNS dan memanfaatkannya untuk login

di Sistem Automatic Testing.

1.5 Manfaat

Manfaat yang penulis harapkan dalam penyusunan Tugas Akhir ini adalah :

1. Memungkinkan adanya kolaborasi antar sistem (aplikasi), dalam hal ini

adalah Sistem Automatic Testing dengan Web Based Learning D3 Teknik

Informatika UNS.

2. Memungkinkan mahasiswa untuk dapat melakukan login di Sistem

Automatic Testing dengan menggunakan username dan password Web

Based Learning D3 Teknik Informatika UNS.

3. Memungkinkan mahasiswa untuk dapat melihat data nilai ujian di Web

Based Learning D3 Teknik Informatika UNS.

4. Memungkinkan untuk dapat melihat statistik rata-rata nilai ujian

mahasiswa suatu mata kuliah.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 18: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

4

1.6 Metodologi Penelitian

Laporan Tugas Akhir ini disusun dengan menggunakan metode penelitian

sebagai berikut :

TAHAP PERSIAPAN

Studi Pustaka Wawancara

TAHAP ANALISIS DAN DESAIN

DESAIN

DESAIN MODEL APLIKASI

Membuat Arsitektur Sistem

DESAIN MODEL DATABASE

Membuat Data Flow Diagram

DESAIN INTERFACE

Merancang Layout

Membuat Interface

ANALISIS

Menentukan Context

Diagram

TAHAP IMPLEMENTASI

Membuat Database

Automatic Testing

Menulis Kode

Program

Membangun

Interface JSON

Evaluasi

Program

TAHAP PEMBUATAN LAPORAN

Gambar 1.1 Metodologi Penelitian

Membuat ERD

Membuat Skema Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 19: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

5

1.7 Sistematika Penulisan

Sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :

1. Bab I Pendahuluan

Bab ini membahas tentang latar belakang masalah dari penulisan Tugas

Akhir ini, rumusan masalah, batasan masalah, tujuan penulisan tugas

akhir, manfaat yang didapatkan dari penulisan tugas akhir, metodologi

serta sistematika penulisan yang digunakan pada penulisan tugas akhir ini.

2. Bab II Landasan Teori

Bab ini membahas tentang teori-teori yang digunakan penulis sebagai

dasar untuk menyusun tugas akhir ini.

3. Bab III Perancangan Sistem

Bab ini membahas tentang spesifikasi hardware maupun software yang

dipakai, selain itu juga mengenai perancangan sistem yang dibuat, yang

meliputi flowchart atau arsitektur sistem, context diagram, data flow

diagram serta database dari Sistem Automatic Testing dan Web Based

Learning (WBL).

4. Bab IV Implementasi dan Analisis

Bab ini membahas tentang implementasi sistem serta evaluasi hasil

pengaplikasian tugas akhir yang telah dibuat.

5. Bab V Penutup

Bab ini membahas tentang kesimpulan dan saran yang penulis ambil dari

penulisan tugas akhir ini.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 20: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

6

BAB II

LANDASAN TEORI

2.1 JSON (Java Script Object Notation)

JSON (JavaScript Object Notation) adalah format pertukaran data

yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah

diterjemahkan dan dibuat (generate) oleh komputer.Format ini dibuat

berdasarkan bagian dari Bahasa Pemrograman JavaScript, Standar ECMA-

262 Edisi ke-3 - Desember 1999. (IBM, 2009)

Struktur-struktur data ini disebut sebagai struktur data universal.

Pada dasarnya, semua bahasa pemrograman modern mendukung struktur

data ini dalam bentuk yang sama maupun berlainan. Hal ini pantas disebut

demikian karena format data mudah dipertukarkan dengan bahasa-bahasa

pemrograman yang juga berdasarkan pada struktur data ini. JSON

menggunakan bentuk sebagai berikut:

Object adalah sepasang nama/nilai yang tidak terurutkan. Objek

dimulai dengan { (kurung kurawal buka) dan diakhiri dengan } (kurung

kurawal tutup). Setiap nama diikuti dengan : (titik dua) dan setiap pasangan

nama/nilai dipisahkan oleh , (koma). Sebuah objek dalam JSON dapat

dilihat pada Gambar 2.1 berikut.

Gambar 2.1 Objek dalam JSON (json.org)

6

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 21: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

7

Array adalah kumpulan nilai yang terurutkan. Larik dimulai dengan [

(kurung kotak buka) dan diakhiri dengan ] (kurung kotak tutup). Setiap nilai

dipisahkan oleh , (koma). Array dalam JSON dapat dilihat pada Gambar 2.2

berikut.

Gambar 2.2 Array dalam JSON (json.org)

Nilai (value) dapat berupa sebuah string dalam tanda kutip ganda,

atau angka, atau true atau false atau null, atau sebuah objek atau sebuah

larik. Struktur-struktur tersebut dapat disusun bertingkat. Nilai dalam JSON

dapat dilihat pada Gambar 2.3 berikut.

Gambar 2.3 Nilai dalam JSON (json.org)

String adalah kumpulan dari nol atau lebih karakter Unicode, yang

dibungkus dengan tanda kutip ganda. Di dalam string dapat digunakan

backslash escapes "\" untuk membentuk karakter khusus. Sebuah karakter

mewakili karakter tunggal pada string. String sangat mirip dengan string C

atau Java. String dalam JSON dapat dilihat pada Gambar 2.4 berikut.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 22: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

8

Gambar 2.4 String dalam JSON (json.org)

Angka adalah sangat mirip dengan angka di C atau Java, kecuali

format oktal dan heksadesimal tidak digunakan. Angka dalam JSON dapat

dilihat pada Gambar 2.5 berikut.

Gambar 2.5 Angka dalam JSON (json.org)

Penulis memilih menggunakan JSON untuk membangun media

sebagai data interchange pada Sistem Automatic Testing dan Web Based

Learning D3 Teknik Informatika UNS, karena format pertukaran data yang

ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan

dan dibuat oleh komputer. Selain itu dituliskan berbagai kelebihan JSON,

yaitu seperti pada Tabel 2.1 berikut :

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 23: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

9

Tabel 2.1 Kelebihan JSON Sebagai Data Interchange (IBM, 2009)

NO JSON

1 Mempunyai tipe data yang banyak

2 Tipe data JSON : string, number, array, Boolean

3 Data dapat diakses dengan mudah dan diakses sebagai objek JSON

4 Dapat mengambil nilai dengan mudah

5 JSON support pada semua browser

6 API Simpel

7 Support dengan banyak AJAX Toolkit

8 Objek cepat di serialisasi di JavaScript

9 Sepenuhnya otomatis cara serialize objek JavaScript

2.2 Web Server

Web Server adalah server yang mampu melayani koneksi transfer

data dalam protocol HTTP. Web Server dirancang untuk melayani bahasa

jenis data, mulai dari text, hypertext, gambar (image), suara, plug in, dan lain

sebagainya. Web Server pada umumnya melayani data dalam bentuk file

HTML. Web Server dapat dipasang secara online ataupun secara localhost.

(Robert, 2006). Bagan arsitektur web server dapat dilihat pada gambar 2.6.

Web Client

(Web Browser)

Web Server

(apache, IIS, PWS, dll)

Web Application

ODBCWeb Application

Web Application

ADOHTTP Request

HTTP Response

DB

DB

PHP, JSP, ASP,

ColdFusion, dll

Gambar 2.6 Arsitektur Web Server (Robert, 2006)

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 24: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

10

2.3 Sistem

2.3.1 Pengertian Sistem

Suatu sistem secara umum adalah suatu kesatuan yang terdiri dari

interaksi subsistem yang berusaha untuk mencapai tujuan (goal) yang sama

(Jogiyanto, 1997).

Sistem adalah sebuah tatanan (keterpaduan) yang terdiri atas

sejumlah komponen fungsional (dengan satuan fungsi/tugas khusus) yang

saling berhubungan dan secara bersama-sama bertujuan untuk memenuhi

suatu proses/pekerjaan tertentu (Fathansyah, 2007).

2.3.2 Perancangan Sistem

Perancangan sistem adalah merancang atau mendesain sistem yang

baik, isinya langkah-langkah operasi dalam pengolahan data dan prosedur

untuk mendukung operasi sistem. Alat bantu dalam perancangan sistem

yang penulis gunakan dalam tugas akhir ini yakni sebagai berikut :

a. Context Diagram

Context Diagram atau Diagram Konteks adalah tingkatan tertinggi

dalam diagram aliran data dan hanya memuat satu proses, menunjukkan

sistem secara keseluruhan. Proses tersebut diberi nomor nol. Semua

entitas eksternal yang ditunjukkan pada diagram konteks berikut aliran

data-aliran data utama menuju dan dari sistem (Kendall dan Kendall,

2003).

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 25: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

11

Tabel 2.2 Komponen Context Diagram

Bentuk Komponen Keterangan

entitas

Entitas

Menggambarkan sumber dan tujuan

dari aliran data (data flow) dari dan atau

menuju sistem.

proses

Proses

Merepresentasikan proses aliran data.

Sistem

Sistem

Merepresentasikan keseluruhan sistem

yang hendak dibangun.

b. Data Flow Diagram

Data Flow Diagram adalah suatu model logika data atau proses

yang dibuat lebih mendetail dibanding diagram konteks. DFD

dikembangkan ke dalam gambaran yang lebih terperinci yang

melibatkan tiga sampai sembilan proses dan menunjukkan penyimpanan

data dan aliran data baru pada level yang lebih rendah, (Kendall and

Kendall, 2003).

Teori yang digunakan penulis untuk menyusun Data Flow

Diagram adalah teori oleh Gane-Sarson yang mengunakan beberapa

simbol komponen, yaitu seperti terlihat pada Tabel 2.2 berikut:

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 26: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

12

Tabel 2.3 Komponen Data Flow Diagram

Simbol Arti Keterangan

Entitas

Suatu entitas berupa orang,

kelompok, departemen, atau

sistem yang bisa menerima

informasi atau data-data awal.

Aliran Data

Arus data yang menunjukkan

bahwa informasi sedang melintas

dari atau menuju suatu proses.

Proses

Suatu proses dimana beberapa

tindakan atau sekelompok

tindakan dijalankan.

Penyimpanan Data

Penyimpanan data yang

digunakan untuk menyimpan

data-data dari suatu proses.

c. Entity Relationship Diagram

Model entity relationship yang berisi komponen-komponen

himpunan entitas dan himpunan relasi yang masing-masing dilengkapi

dengan atribut-atribut yang merepresentasikan seluruh fakta yang kita

tinjau digambarkan lebih sistematis dengan menggunakan Diagram E-R

(Fathansyah, 2007). Komponen Entity Relationship Diagram dapat

dilihat pada Tabel 2.3 berikut.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 27: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

13

Tabel 2.4 Komponen Entity Relationship Diagram

Simbol Arti

Himpunan Entitas.

Attribute

Relationship menunjukkan hubungan antar

2 entitas.

Link

ERD merupakan gambaran relasi atau hubungan dari dua file atau

dua tabel yang dapat digolongkan dalam tiga macam bentuk relasi, yaitu

satu-satu (1-1), satu-banyak (1-N), banyak-banyak (N-N).

2.4 Automatic Testing

Saat ini di D3 Teknik Informatika UNS telah memiliki Sistem

Automatic Testing yang dibangun oleh Team Sertifikasi D3 Teknik

Informatika UNS. Sistem Automatic Testing atau biasa dikenal dengan

istilah Ujian Online yang sudah ada tersebut berfungsi untuk melakukan

proses evaluasi/ujian mahasiswa dengan menggunakan komputer secara

online. Dengan proses penilaian diberikan langsung pada saat mahasiswa

selesai mengerjakan ujian, sehingga mahasiswa dapat mengetahui secara

langsung nilai ujian berupa angka atau huruf.

Pada implementasinya Sistem Automatic Testing D3 Teknik

Informatika UNS masih memiliki beberapa kelemahan yakni :

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 28: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

14

1. Login mahasiswa/peserta ujian hanya menggunakan NIM dan nama tanpa

ada pengecekan apakan NIM tersebut valid atau benar-benar mahasiswa

D3 Teknik Informatika UNS.

2. Mahasiswa dapat melakukan ujian di semua mata kuliah, seharusnya

berdasarkan LMS (Learning Management System) mahasiswa hanya

dapat melakukan ujian berdasarkan mata kuliah yang diambil.

3. Mahasiswa hanya dapat melihat hasil nilai ujian sesaat setelah melakukan

ujian.

4. Halaman Dosen dan Admin menjadi satu, seharusnya berdasarkan LMS

(Learning Management System) untuk halaman tersebut dibedakan.

5. Antara dosen satu dengan yang lain hanya diberikan satu buah username

dan password, seharusnya berdasarkan LMS (Learning Management

System) antara dosen satu dengan yang lain diberikan username dan

password sendiri-sendiri.

6. Dosen dapat melihat, mengedit, maupun menghapus data soal maupun

pertanyaan selain mata kuliah yang diampu, seharusnya berdasarkan LMS

(Learning Management System) dosen hanya dapat melakukan

konfigurasi soal dan pertanyaan berdasarkan mata kuliah yang diampu.

2.5 Web Based Learning

Web Based Learning (WBL) atau biasa disebut e-learning adalah

sebuah web yang digunakan sebagai media pembelajaran bagi peserta didik

maupun tenaga pendidik yang memanfaatkan teknologi komputer, jaringan

komputer dan/atau Internet. Web Based Learning sering pula dipahami

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 29: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

15

sebagai suatu bentuk pembelajaran berbasis web yang bisa diakses dari

intranet di jaringan lokal atau internet. (Santoso, 2008).

Saat ini di D3 Teknik Informatika UNS telah memiliki Sistem Web

Based Learning yang dibangun oleh Abdullah Ragil, mahasiswa D3 Teknik

Informatika UNS angkatan 2008, tetapi dalam implementasinya sistem

tersebut membutuhkan data nilai ujian mahasiswa yang memanfaatkan dari

Sistem Automatic Testing.

2.6 Website

Website adalah suatu media publikasi elektronik yang terdiri dari

halaman-halaman web (web page) yang terhubung satu dengan yang lain

menggunakan link yang dilekatkan pada suatu teks atau image. Website

dibangun dengan menggunakan bahasa Hypertext Markup Language

(HTML) dan memanfaatkan protocol komunikasi Hypertext Transfer

Protocol (HTTP) yang terletak pada application layer pada layer OSI.

Gambar 2.7 berikut menunjukkan skema kerja pemrosesan file HTML

(Kadir, 2004).

BROWSER

Kode HTML

Tanggapan HTTP

Permintaan HTTPWeb Server

Gambar 2.7 Skema Kerja Protokol HTTP (Kadir, 2004)

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 30: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

16

2.7 PHP

PHP atau Hypertext Preprocessor merupakan salah satu dari

bahasa pemrograman berbasis website. PHP bersifat server-side

programming yang berarti kode PHP yang ditulis akan dieksekusi di sisi

server sehingga pengunjung tidak dapat melihat source code dari skrip PHP

yang dibangun (Kadir, 2004).

Adapun proses eksekusi kode PHP didalam sisi server ditunjukkan

pada Gambar 2.8 berikut :

BROWSER

Skrip PHP

Kode PHP

Kode HTML

Tanggapan HTTP

Permintaan HTTP

Web Server

Gambar 2.8 Proses Eksekusi Kode PHP (Kadir, 2004)

2.8 HTTP

Hypertext Transfer Protocol (HTTP) merupakan sebuah protocol

untuk mentransfer informasi dalam bentuk hypermedia antara server dengan

sebuah client. HTTP juga mentransfer data suatu informasi melalui header-

nya. HTTP merupakan protocol yang bersifat stateless, sehingga server

akan memproses setiap request yang lain, independent terhadap request

yang sebelumnya. (Septian, 2011)

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 31: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

17

Gambar 2.9 Proses Koneksi Protokol HTTP antara client dan server

(Septian, 2011)

2.9 SQL

SQL merupakan singkatan dari Structural Query Language. SQL

merupakan bahasa computer standar ANSI (American National Standards

Institute). Dengan SQL kita dapat mengakses database, menjalankan query

untuk menjalankan data dari database (Suja, 2005).

SQL merupakan software basis data yang paling digemari di

kalangan programmer web, dengan alasan bahwa program ini merupakan

program yang sangat kuat dan cukup stabil untuk digunakan sebagai media

penyimpanan data.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 32: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

18

BAB III

PERANCANGAN SISTEM

Perancangan sistem sangat dibutuhkan sebelum membuat suatu aplikasi.

Rancangan tersebut meliputi perancangan input dan output. Untuk memahami dan

merealisasikan sistem, diperlukan suatu gambaran mengenai sistem alur data yang

terjadi. Selain itu pada tahap ini akan ditentukan perancangan form yang akan

digunakan serta process specification dan deskripsi data dari database yang telah

dibuat.

3.1 Analisis Kebutuhan Software

Software yang diperlukan dalam pembuatan tugas akhir yang berjudul

”Pemanfaatan JSON (JavaScript Object Notation) Sebagai Data Interchange Pada

Sistem Automatic Testing dan Web Based Learning D3 Teknik Informatika UNS”

ini adalah sebagai berikut :

a. XAMPP for Windows Version 1.7.7 yang digunakan sebagai web server

dari web service yang dibuat. Adapun paket-paket yang terdapat dalam

XAMPP for Windows Version 1.7.7 adalah :

1. Apache Web Server sebagai web server.

2. PHP Script Language sebagai script language.

3. MySQL Database sebagai DBMS (Database Management System).

4. PHPMyAdmin Database Manager sebagai database manager.

b. Adobe Dreamweaver digunakan untuk melakukan proses scripting.

18

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 33: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

19

3.2 Perancangan Arsitektur

Gambar 3.1 berikut merupakan rancangan arsitektur yang akan

diimplementasikan pada tugas akhir yang penulis buat.

SERVER WBL

SERVER AT

SERVER JSON

DB WBL

DB AT

read

read

JSON LOGIN

JSON DATA

NILAI

Response auth.login

Response data ujian

Request data db

Response data db

USER

(CLIENT)

HTTP

Res

pons

e

HTTP R

equest

HTTP R

eque

st

HTTP R

esponse

Response data db

Request data db

Request user,pass

Request data ujian

Gambar 3.1 Perancangan Arsitektur

Keterangan :

1. Client WBL meliputi admin, mahasiswa dan dosen, tetapi yang melakukan

proses request ke server Automatic Testing hanya mahasiswa. Mahasiswa

melakukan request data ujian (berupa data nilai per mahasiswa) untuk

ditampilkan di web browser.

2. Client Automatic Testing meliputi admin, mahasiswa dan dosen, tetapi

yang melakukan proses request ke server WBL hanya mahasiswa dan

dosen. Mahasiswa dan dosen melakukan request username dan password

dengan menggunakan service JSON yang penulis buat pada server WBL

untuk melakukan login di sistem Automatic Testing.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 34: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

20

3.3 Perancangan Sistem

Perancangan sistem bertujuan untuk menentukan rancangan tugas akhir

yang akan dibuat. Perancangan sistem ini dimulai dengan perancangan Context

Diagram (CD).

3.3.1 Context Diagram (CD)

Context Diagram atau diagram konteks adalah merupakan penggambaran

secara garis besar ”Pemanfaatan JSON (JavaScript Object Notation) Sebagai Data

Interchange Pada Sistem Automatic Testing dan Web Based Learning D3 Teknik

Informatika UNS” yang akan dibuat dengan menampilkan input, proses dan

output dari sistem. Context Diagram dapat dilihat pada Gambar 3.2.

Gambar 3.2 Context Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 35: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

21

Keterangan :

1. Pilihan makul, soal ujian, nilai ujian

2. Username, password, makul, jawaban

3. Username, password, jenissoal

4. Data jenissoal

5. Username, password, data ujian

6. Detail data ujian

7. Data nilai ujian mahasiswa

8. Username, password

9. Data nilai ujian permahasiswa, data perkuliahan

10. Username, password

11. Username, password

12. Data perkuliahan perdosen

13. Data perkuliahan semua makul dan dosen

14. Username, password, data makul, ampu makul dosen, data dosen, data

mahasiswa

3.3.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) ini merupakan penggambaran secara garis

besar pengembangan Sistem Automatic Testing dan Web Based Learning yang

akan dibangun dengan menampilkan input, proses dan output. Data yang disimpan

dalam tabel terdapat dua macam, yakni data yang berasal dari database

Automatic Testing dan data yang mengambil dari database Sistem Web Based

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 36: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

22

Learning dengan menggunakan interface JSON. DFD Level 0 untuk Sistem

Automatic Testing dan Web Based Learning dapat dilihat pada Gambar 3.3

berikut.

Gambar 3.3 DFD Level 0 Sistem Automatic Testing dan Web Based Learning

Selain DFD Level 0 penulis juga membuat perancangan DFD Level 1

Proses Manajemen Soal dan Proses Ujian, untuk lebih jelasnya dapat dilihat pada

Gambar 3.4 dan 3.5 berikut.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 37: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

23

Gambar 3.4 DFD Level 1 Proses Manajemen Soal

Gambar 3.5 DFD Level 1 Proses Ujian

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 38: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

24

Keterangan :

3.4 Entity Relationship Diagram (ERD)

Entity Relationship Diagram menggambarkan hubungan antar entitas yang

ada dalam aplikasi yang akan dihubungkan melalui interface JSON yang penulis

buat. Dalam hal ini aplikasi-aplikasi yang akan dihubungkan adalah Sistem

Automatic Testing dan Sistem Web Based Learning yang ada di D3 Teknik

Informatika UNS. Entity Relationship Diagram Sistem Automatic Testing dan

Web Based Learning dapat dilihat pada Gambar 3.6.

mahasiswa

soal

pertanyaan

makul

mengerjakan

mempunyai

mempunyai

N

nim

nama

idkelas

idnilai

nim

idsoal

nilai

tanggal

waktu

idsoal

namasoal

idmakul

aktif

jumlahsoal

waktu

idmakul namamaku

laktif

idpertanya

an

pertanyaanj1

j2

j3

j4

jbenar

gambar

statusgbr

idsoal

idmakul

username

jenissoal

mempunyai

1

N

idsoal

dosen

alamat

nama idmakul

iddosen

mempunyai

NN

1

N

jenissoal

1

N

kelas

tahun

namakelas

idkelas

korti

user

username password

iddosennim

sebagai

N

1

sebagai

1

N

mempunyai N1

N

Gambar 3.6 Entity Relationship Diagram Sistem Automatic Testing dan WBL

Memanfaatkan data dari database Web Based Learning menggunakan

interface JSON.

Merupakan data dari database Automatic Testing.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 39: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

25

Keterangan :

Memanfaatkan data dari database Web Based Learning menggunakan

interface JSON.

Merupakan data dari database Automatic Testing.

3.5 Relasi Tabel

Relasi Tabel menggambarkan hubungan antar tabel yang ada dalam

aplikasi-aplikasi yang akan dihubungkan yaitu Sistem Automatic Testing dan

Sistem Web Based Learning yang ada di D3 Teknik Informatika UNS. Relasi

Tabel atau Skema Diagram Sistem Automatic Testing dan Web Based Learning

dapat dilihat pada Gambar 3.7 berikut.

Gambar 3.7 Relasi Tabel Sistem Automatic Testing dan Web Based Learning

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 40: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

26

Keterangan :

Memanfaatkan data dari database Web Based Learning menggunakan

interface JSON.

Merupakan data dari database Automatic Testing.

3.6 Rancangan Tabel

Tabel adalah bagian dari dalam database yang berfungsi untuk

menyimpan data-data tertentu. Pada tugas akhir ini penulis memanfaatkan

program maupun database sistem yang sudah ada sebelumnya di D3 Teknik

Informatika UNS, yaitu Sistem Automatic Testing dan Web Based Learning.

Kedua sistem tersebut mempunyai banyak tabel, tetapi dalam pengembangan pada

tugas akhir ini, penulis hanya menggunakannya beberapa tabel saja.

Dengan menggunakan tabel maka akan memudahkan dalam merancang

dan mengatur perancangan struktur. Berikut merupakan tabel tabel yang penulis

gunakan dalam pengembangan tugas akhir yang dilakukan.

3.6.1 Tabel Database Automatic Testing

Tabel dari database Automatic Testing ini merupakan tabel yang

digunakan untuk menyimpan data dari Sistem Automatic Testing. Berikut tabel-

tabel yang ditampung dalam database Automatic Testing :

a. Tabel Soal

Didalam tabel inilah data-data soal yang akan diujikan kepada

mahasiswa ditampung. Untuk detail tabel soal dapat dilihat pada Tabel 3.1.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 41: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

27

Tabel 3.1 Tabel Soal

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

idsoal varchar 10 primary key, idsoal yang

akan diujikan.

Primary

Key

Not Null

namasoal varchar 30 nama-nama soal yang

mengidentifikasikan

idsoal.

Not Null

idmakul varchar 10 idmakul dari sebuah

soal, field ini berfungsi

untuk berelasi dengan

tabel makul.

Foreign

Key

Not Null

aktif int 1 merupakan keterangan

soal, aktif atau tidak

aktif.

Null

jumlahsoal int 11 banyak soal maksimal

yang akan diujikan.

Not Null

waktu int 11 waktu maksimal

pengerjaan soal.

Not Null

b. Tabel Pertanyaan

Tabel pertanyaan berfungsi untuk menampung data-data

pertanyaan. Berikut field yang terdapat dalam tabel pertanyaan, dapat

dilihat dalam Tabel 3.2.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 42: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

28

Tabel 3.2 Tabel Pertanyaan

Nama Field Tipe

Data

Ukuran

Field

Definisi Keterangan

idpertanyaan int 3 No id pertanyaan Primary

Key, Auto

increment

Not Null

pertanyaan teks Pertanyaan yang

diujikan

Not Null

j1 varchar 50 pilihan jawaban 1 Not Null

j2 varchar 50 pilihan jawaban 2 Not Null

j3 varchar 50 pilihan jawaban 3 Not Null

j4 varchar 50 pilihan jawaban 4 Not Null

jbenar varchar 50 Jawaban benar

(kunci)

Not Null

gambar varchar 50 gambar pelengkap

pertanyaan

Null

statusgbr tinyint 2 status gambar, aktif

atau tidak aktif

Null

idsoal varchar 10 idsoal yang akan

diujikan

Foreign

Key

Not Null

c. Tabel Nilai

Tabel nilai merupakan tabel yang digunakan untuk menampung

data nilai mahasiswa setelah melakukan ujian. Berikut field yang terdapat

dalam tabel nilai, dapat dilihat dalam Tabel 3.3.

Tabel 3.3 Tabel Nilai

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

idnilai int 11 no id nilai mahasiswa Primary

Key, Auto

increment

Not Null

nim varchar 10 nim mahasiswa yang

telah melakukan ujian

Foreign

Key

Not Null

idsoal varchar 20 idsoal yang telah diujikan Foreign

Key

Not Null

nilai double 5,2 hasil nilai mahasiswa Not Null

tanggal date tanggal melakukan ujian Not Null

waktu time waktu (jam) melakukan

ujian

Not Null

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 43: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

29

Selain tabel-tabel yang sudah tersedia dalam database Automatic

Testing, penulis menambahkan tabel baru dalam database tersebut. Tabel yang

penulis tambahkan ini yakni sebagai berikut :

a. Tabel Jenissoal

Tabel jenissoal berfungsi untuk menampung pilihan jenis soal,

semisal KD1, KD2. Alasan penambahan tabel ini agar soal-soal dalam

sistem ini lebih spesifik dan lebih mudah dalam mengaturnya. Tabel

jenissoal dapat dilihat dalam Tabel 3.4.

Tabel 3.4 Tabel Jenissoal

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

jenissoal varchar 20 jenis soal (KD1, KD2,

KD3, KD4, Remidi 1

KD1, Remidi 2 KD1,

Remidi 1 KD2, Remidi

2 KD2, Remidi 1 KD3,

Remidi 2 KD3, Remidi

1 KD4, Remidi 2 KD4)

Not Null

idsoal int 3 idsoal yang akan

diujikan

Primary

Key, Auto

increment

Not Null

3.6.2 Tabel Hasil Data Interchange (Web Based Learning)

Selain terdapat tabel yang murni merupakan penyimpanan data Sistem

Automatic Testing juga terdapat tabel yang data-datanya memanfaatkan dari

database WBL dengan menggunakan data interchange JSON. Berikut tabel-tabel

yang memanfaatkan database WBL :

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 44: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

30

a. Tabel Mahasiswa

Tabel mahasiswa berfungsi untuk menampung data mahasiswa

diantaranya adalah nim, nama dan idkelas. Detail tabel mahasiswa dapat

dilihat pada Tabel 3.5.

Tabel 3.5 Tabel Mahasiswa

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

nim varchar 8 Nomor induk

mahasiswa

Primary

Key

Not Null

nama varchar 30 nama mahasiswa Not Null

idkelas varchar 8 id kelas mahasiswa,

sebagai penghubung ke

tabel kelas

Foreign

Key

Not Null

b. Tabel Dosen

Tabel dosen adalah tabel yang menampung data dosen. Berikut

adalah gambar tabel dosen, dapat dilihat pada Tabel 3.6

Tabel 3.6 Tabel Dosen

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

iddosen varchar 20 nomor identitas dosen

(NIDN/NIP)

Primary

Key

Not Null

idmakul varchar 10 id mata kuliah yang

diampu dosen

Foreign

Key

Not Null

nama varchar 30 Nama lengkap dosen Not Null

alamat varchar 75 Alamat dosen Not Null

c. Tabel User

Tabel User menampung data username dan password yang

dipunyai oleh mahasiswa dan dosen. Untuk lebih jelasnya tabel user dapat

dilihat pada Tabel 3.7.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 45: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

31

Tabel 3.7 Tabel User

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

Nim varchar 8 nomor induk

mahasiswa

Foreign

Key

Not Null

username varchar 12 username mahasiswa

dan dosen untuk login

Primary

Key

Not Null

password varchar 30 password mahasiswa

dan dosen untuk login

Not Null

iddosen varchar 20 nomor identitas dosen

(NIDN/NIP)

Foreign

Key

Not Null

d. Tabel Kelas

Tabel kelas digunakan untuk menampung data kelas mahasiswa.

Tabel kelas dapat dilihat pada Tabel 3.8.

Tabel 3.8 Tabel Kelas

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

namakelas varchar 50 Nama kelas Primary

Key

Not Null

idkelas varchar 10 Nomor identitas kelas Primary

Key

Not Null

tahun year 4 Tahun atau angkatan Primary

Key

Not Null

korti varchar 8 Nama korti tiap kelas Not Null

e. Tabel Makul

Tabel Makul berfungsi untuk menampung data mata kuliah. Untuk

lebih jelasnya tabel makul dapat dilihat pada Tabel 3.9.

Tabel 3.9 Tabel Makul

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

idmakul varchar 10 Nomor identitas mata

kuliah

Primary

Key

Not Null

namamakul varchar 30 Nama mata kuliah Not Null

aktif int 1 merupakan status

mata kuliah, aktif

atau tidak

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 46: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

32

f. Tabel Ampumakul

Tabel ampumakul merupakan tabel transaksi, hasil perelasian

antara tabel dosen dan tabel makul, dapat dilihat dalam Tabel 3.10.

Tabel 3.10 Tabel Ampumakul

Nama

Field

Tipe

Data

Ukuran

Field

Definisi Keterangan

username varchar 12 Username dosen Primary Not Null

idmakul varchar 10 id makul yang diampu Primary Not Null

3.7 Desain Interface

3.7.1 Desain Interface JSON

Interface yang disediakan sebagai media pertukaran data (data

interchange) dengan menggunakan JSON diantaranya sebagai berikut.

1. Interface JSON Detail Nilai

Gambar 3.8 Desain Interface JSON Detail Nilai (WBL)

Data yang tampil pada interface JSON Detail Nilai (WBL) tersebut

adalah data nilai yang terdapat di dalam database Automatic Testing yang

akan dimanfaatkan oleh WBL, diantaranya adalah idsoal, namasoal, nilai,

namamakul, tanggal, dan waktu.

{“no id ke-

1”:{“status”:valuestatus,”idsoal”:”valueidsoal”,”namasoal”:”valuenam

asoal”,”nilai”:”valuenilai”,”namamakul”:”valuenamamakul”,”tanggal”:

”valuetanggal”,”waktu”:”valuewaktu”}, ……..”no id ke-

n”:{“status”:valuestatus,”idsoal”:”valueidsoal”,”namasoal”:”valuenam

asoal”,”nilai”:”valuenilai”,”namamakul”:”valuenamamakul”,”tanggal”:

”valuetanggal”,”waktu”:”valuewaktu”}}

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 47: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

33

2. Interface JSON Statistik Nilai

Gambar 3.9 Desain Interface JSON Statistik Nilai (WBL)

Data yang tampil pada interface JSON Statistik Nilai (WBL)

tersebut adalah data nilai yang terdapat di dalam database Automatic

Testing yang akan dimanfaatkan oleh WBL, diantaranya adalah idmakul

dan ratarata.

3. Interface JSON Login Dosen Automatic Testing

Gambar 3.10 Desain Interface JSON Login Dosen (Automatic Testing)

Data yang tampil pada interface JSON Login Dosen tersebut

adalah data dosen yang terdapat pada database WBL yang akan

dimanfaatkan untuk login pada Sistem Automatic Testing.

4. Interface JSON Mata Kuliah Automatic Testing

Gambar 3.11 Desain Interface JSON Mata Kuliah (Automatic Testing)

{“no id ke-

1”:{“status”:valuestatus,”idmakul”:”valueidmakul”,”ratarata”:”valuer

atarata” }, ……….“no id ke-

n”:{“status”:valuestatus,”idmakul”:”valueidmakul”,”ratarata”:”valuer

atarata” }}

{“no id ke-

1”:{“status”:valuestatus,”iddosen”:”valueiddosen”,”namadosen”:”val

uenamadosen” , ”alamat”:”valuealamat”,”telp”:”valuetelp” }, …….“no

id ke-n”:

{“status”:valuestatus,”iddosen”:”valueiddosen”,”namadosen”:”value

namadosen” , ”alamat”:”valuealamat”,”telp”:”valuetelp” }}

{“no id ke-

1”:{“status”:valuestatus,”idmakul”:”valueidmakul”,”namamakul”:”val

uenamamakul” }, …….“no id ke-n”:

{“status”:valuestatus,”idmakul”:”valueidmakul”,”namamakul”:”value

namamakul” }}

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 48: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

34

Data dalam interface JSON Mata Kuliah tersebut adalah data

makul dalam database WBL yang akan dimanfaatkan oleh Sistem

Automatic Testing.

5. Interface JSON Login Mahasiswa Automatic Testing

Gambar 3.12 Desain Interface JSON Login Mahasiswa (Automatic Testing)

Data yang tampil pada interface JSON Login Mahasiswa

(Automatic Testing) tersebut adalah data mahasiswa yang terdapat pada

database WBL yang akan dimanfaatkan untuk login pada Sistem Automatic

Testing.

6. Interface JSON Pilih Mata Kuliah Automatic Testing

Gambar 3.13 Desain Interface JSON Pilih Mata Kuliah (Automatic Testing)

Data yang tampil pada interface JSON Pilih Mata Kuliah

(Automatic Testing) tersebut adalah mata kuliah yang diambil oleh

mahasiswa, jadi mahasiswa hanya dapat mengikuti ujian sesuai dengan

mata kuliah yang diambilnya saja.

{“no id ke-

1”:{“status”:valuestatus,”nim”:”valuenim”,”namamhs”:”valuenamam

hs” , ”idkelas”:”valueidkelas”}, …….“no id ke-n”:

{“status”:valuestatus,”nim”:”valuenim”,”namamhs”:”valuenamamhs”

, ”idkelas”:”valueidkelas”}}

{“no id ke-

1”:{“status”:valuestatus,”idmakul”:”valueidmakul”,”namamakul”:”val

uenamamakul” }, …….“no id ke-n”:

{“status”:valuestatus,”idmakul”:”valueidmakul”,”namamakul”:”value

namamakul” }}

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 49: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

35

3.7.2 Desain Interface Automatic Testing

Interface yang disediakan pada Sistem Automatic Testing diantaranya

sebagai berikut.

1. Halaman Login Admin dan Dosen

Gambar 3.14 Desain Halaman Login Admin dan Dosen

Admin dan dosen Sistem Automatic Testing sebenarnya

menggunakan halaman login yang berbeda, tetapi di desain dengan

komponen-komponen yang sama.

2. Halaman Login Mahasiswa

Gambar 3.15 Desain Halaman Login Mahasiswa

HEADER

Selamat datang

DATE

Username Password

FOOTER

login reset

HEADER

Selamat datang

DATE

Username Password

FOOTER

login reset

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 50: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

36

Halaman login untuk mahasiswa terdiri atas form inputan username

dan password, setelah berhasil login akan muncul halaman untuk memilih

mata kuliah yang diambil oleh mahasiswa tersebut.

3. Halaman Utama Admin dan Dosen

Gambar 3.16 Desain Halaman Utama Admin dan Dosen

Halaman utama admin dan dosen Sistem Automatic Testing

didesain sama, yang membedakan adalah komponen-komponen main

menu didalamnya. Untuk admin main menu nya adalah “home”, “jenis

soal”, “backup data”, dan “logout”. Sedangkan pada halaman dosen main

menu yang disediakan diantaranya “home”, “isi pertanyaan”, “lihat/edit

pertanyaan”, “daftarkan soal”, “konfig soal”, “lihat nilai”, dan “logout”.

3.8 Site Map

Site Map adalah peta situs yang menjelaskan struktur dari menu yang ada

didalam sistem. Berikut tampilan site map WBL untuk mahasiswa dapat dilihat

pada Gambar 3.17.

HEADER

CONTENT

DATE

FOOTER

MAIN MENU

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 51: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

37

SISTEM

WEB BASED LEARNING

Halaman

Login

Halaman

Kuliah

Halaman

Registrasi

Kelas

Halaman

Data Ujian

Online

Halaman

Ganti

Password

Halaman

Pilih Mata

Kuliah

Halaman

Modul

Halaman

Tugas

Halaman

Nilai

Halaman

Informasi

Halaman

Detail Nilai

Halaman

Statistik Nilai

Halaman

Pilih Mata

Kuliah

Halaman

Pilih Bulan

Halaman

Nilai

Halaman

Statistik

PENGEMBANGAN WBL

Gambar 3.17 Tampilan Site Map WBL untuk mahasiswa

Peta situs Sistem Automatic Testing pada user Mahasiswa dapat

digambarkan seperti pada Gambar 3.18 berikut :

SISTEM

AUTOMATIC TESTING

Halaman

DepanHalaman Login

Halaman Soal

Aktif

Halaman Ujian

Halaman Nilai

Halaman

Identitas

Halaman Pilih

Mata Kuliah

Gambar 3.18 Tampilan Site Map untuk mahasiswa

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 52: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

38

Peta situs Sistem Automatic Testing pada user Dosen dapat digambarkan

seperti pada Gambar 3.19 berikut :

HALAMAN

DOSEN

Halaman DepanHalaman Login

Halaman Isi

Pertanyaan

Halaman Lihat/

Edit Pertanyaan

Halaman

Daftarkan Soal

Halaman Konfig

Soal

Halaman Lihat

Nilai

Halaman Edit

Pertanyaan

Halaman Hapus

Pertanyaan

Halaman Lihat

Pertanyaan

Halaman Hapus

Nilai

Halaman Lihat

Nilai Excel

Gambar 3.19 Tampilan Site Map untuk dosen

Peta situs Sistem Automatic Testing pada user Admin dapat digambarkan

seperti pada Gambar 3.20 berikut :

HALAMAN

ADMIN

Halaman

Depan

Halaman

Login

Halaman

Jenis Soal

Halaman

Backup

Data

Gambar 3.20 Tampilan Site Map untuk admin

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 53: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

39

BAB IV

IMPLEMENTASI DAN ANALISIS

4.1 Implementasi Sistem Web Based Learning

4.1.1 Halaman Admin

1. Halaman Login

Gambar 4.1 Halaman Login Admin

Halaman ini merupakan portal bagi admin untuk dapat mengakses

sistem. Untuk dapat mengakses halaman selanjutnya admin harus

menginputkan username dan password.

2. Halaman Index

Gambar 4.2 Halaman Index Admin

Halaman ini merupakan halaman yang akan muncul pertama kali

setelah admin berhasil login.

39

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 54: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

40

3. Halaman Dosen

Gambar 4.3 Halaman Dosen

Halaman dosen merupakan halaman untuk menampilkan detail

data dosen dan mendaftarkan dosen-dosen yang nantinya akan melakukan

akses pada sistem.

4. Halaman Mahasiswa

Gambar 4.4 Halaman Mahasiswa

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 55: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

41

Halaman mahasiswa merupakan halaman untuk menampilkan

detail data mahasiswa dan mendaftarkan mahasiswa yang nantinya akan

melakukan akses pada sistem.

5. Halaman Ampu

Gambar 4.5 Halaman Ampu

Halaman ampu adalah halaman untuk mengatur dosen yang akan

mengampu sebuah mata kuliah. Terdapat menu drop down berisi nama-

nama dosen, nama mata kuliah, dan nama kelas yang akan diampu.

6. Halaman Matkul

Gambar 4.6 Halaman Matkul

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 56: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

42

Halaman matkul adalah halaman yang digunakan untuk melihat

detail data mata kuliah, selain itu halaman ini juga berfungsi untuk

melakukan pendaftaran mata kuliah.

7. Halaman Kelas

Gambar 4.7 Halaman Kelas

Halaman Kelas adalah halaman yang menampilkan data kelas yang

nantinya akan diampu oleh seorang dosen.

8. Halaman Set Ampu

Gambar 4.8 Halaman Set Ampu

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 57: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

43

Halaman Set Ampu adalah halaman yang berfungsi sebagai

halaman konfigurasi pengaktifan ampu makul dosen.

4.1.2 Halaman Dosen

1. Halaman Login

Gambar 4.9 Halaman Login Dosen/Mahasiswa

Halaman ini merupakan portal bagi dosen untuk dapat mengakses

sistem. Untuk dapat mengakses halaman selanjutnya dosen harus

menginputkan username dan password. Halaman ini juga merupakan

halaman login bagi mahasiswa.

2. Halaman Index

Gambar 4.10 Halaman Index Dosen

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 58: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

44

Halaman ini merupakan halaman yang akan muncul pertama kali

setelah dosen berhasil login.

4.1.3 Halaman Mahasiswa

1. Halaman Index

Gambar 4.11 Halaman Index Mahasiswa

Halaman ini merupakan halaman yang akan muncul pertama kali

setelah mahasiswa berhasil login. Pengembangan WBL yang penulis

lakukan dalam Tugas Akhir ini yakni menambahkan menu “Data Ujian

Online”.

2. Halaman Data Ujian Online

Gambar 4.12 Halaman Data Ujian Online

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 59: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

45

Dalam menu “Data Ujian Online” ini terdapat dua buah submenu

akses yakni “Detail Nilai” dan “Statistik Nilai” yang memanfaatkan data

dari Ujian Online dengan menggunakan JSON.

3. Halaman Detail Nilai

Gambar 4.13 Halaman Detail Nilai 1

Halaman Detail Nilai merupakan halaman yang dapat diakses

mahasiswa setelah melakukan login. Halaman ini menampilkan data nilai

mahasiswa per-mata kuliah, dimana mata kuliah tersebut adalah mata

kuliah yang diujikan dalam Ujian Online. Pada halaman ini menggunakan

implementasi pemanfaatan JSON yang penulis buat untuk pengambilan

data mata kuliah, dan data nilai mahasiswa. Tampilan halaman interface

JSON pada “Halaman Detail Nilai 1” dapat dilihat pada Gambar 4.14

berikut.

Gambar 4.14 Halaman Interface JSON “Detail Nilai 1”

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 60: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

46

Untuk melihat nilai ujian klik pada menu “Lihat Nilai” disamping

kanan mata kuliah. Berikut contoh melihat nilai mata kuliah Pemrograman

Web pada Gambar 4.15.

Gambar 4.15 Halaman Detail Nilai 2

Setelah mahasiswa meng-klik salah satu mata kuliah, maka akan

ditampilkan data nilai yang berasal dari Sistem Automatic Testing. Data

nilai diambil dari database Automatic Testing dengan menggunakan

JSON, untuk interface JSON-nya dapat dilihat pada Gambar 4.16 berikut.

Gambar 4.16 Halaman Interface JSON “Detail Nilai 2”

3. Halaman Statistik Nilai

Halaman Statistik Nilai adalah halaman yang menampilkan data

nilai mahasiswa dalam bentuk grafik perbulan. Halaman ini menggunakan

service JSON yang memanfaatkan data nilai mahasiswa dari Ujian Online

yang kemudian diolah dan selanjutnya ditampilkan dalam bentuk grafik.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 61: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

47

Untuk melihat statistik nilai pilih pada combobox bulan kemudian klik

button lihat seperti pada Gambar 4.17 berikut.

Gambar 4.17 Halaman Statistik Nilai 1

Pada Gambar 4.17 terdapat pilihan bulan dan tahun, pilihan bulan

dan tahun tersebut ditampilkan berdasarkan bulan dan tahun yang terdapat

pada database Automatic Testing, diambil dengan menggunakan JSON.

Untuk tampilan interface JSON-nya dapat dilihat pada Gambar 4.18

berikut.

Gambar 4.18 Halaman Interface JSON “Statistik Nilai 1”

Setelah itu akan ditampilkan berupa statistik yang menunjukkan

nilai dan mata kuliah seperti pada Gambar 4.19 berikut.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 62: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

48

Gambar 4.19 Halaman Statistik Nilai 2

Halaman statistik rata-rata nilai perbulan menampilkan grafik

beserta keterangan nilai dan nama mata kuliah, yang diambil dari database

Automatic Testing dengan menggunakan JSON, untuk tampilan interface

JSON-nya dapat dilihat pada Gambar 4.20 berikut.

Gambar 4.20 Halaman Interface JSON “Statistik Nilai 2”

4.2 Implementasi Sistem Automatic Testing

4.2.1 Halaman Admin

1. Halaman Login

Gambar 4.21 Halaman Login Admin

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 63: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

49

Halaman ini merupakan portal bagi admin untuk dapat mengakses

sistem. Untuk dapat mengakses halaman selanjutnya admin harus

menginputkan username dan password.

2. Halaman Jenis Soal

Gambar 4.22 Halaman Jenis Soal

Halaman ini disediakan untuk admin sistem setelah berhasil login,

dapat diakses melalui menu “jenis soal” yang terletak disamping kanan

halaman utama. Pada halaman ini akan ditampilkan jenis soal yang

nantinya akan digunakan oleh dosen mata kuliah.

3. Halaman Backup Data

Gambar 4.23 Halaman Backup Data

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 64: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

50

Keterangan : Tabel-tabel yang dapat di backup oleh admin Sistem

Automatic Testing adalah tabel dari database ujian.

Halaman ini disediakan untuk admin sistem, dapat diakses dengan

klik menu “backup data”. Halaman ini berfungsi untuk melakukan backup

data SQL (database). Untuk melakukan backup data berikan tanda centang

pada nama tabel, kemudian klik BACKUP.

4.2.2 Halaman Dosen

1. Halaman Login

Gambar 4.24 Halaman Login Dosen

Halaman ini merupakan portal bagi dosen untuk dapat mengakses

sistem. Untuk dapat mengakses halaman selanjutnya dosen harus

menginputkan username dan password.

Username dan password yang digunakan untuk mengakses

halaman ini adalah username dan password yang dipunyai oleh masing-

masing dosen pada WBL. Aplikasi login ini menggunakan JSON sehingga

dapat memanfaatkan data username dan password dosen pada Sistem Web

Based Learning D3 Teknik Informatika UNS. Tampilan interface JSON

untuk Halaman Login Admin dapat dilihat pada Gambar 4.25.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 65: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

51

Gambar 4.25 Halaman Interface JSON “Login Dosen”

2. Halaman Isi Pertanyaan

Gambar 4.26 Halaman Isi Pertanyaan 1

Halaman isi pertanyaan dapat diakses oleh dosen setelah dosen

melakukan login. Halaman isi pertanyaan ini akan menampilkan form

inputan pertanyaan sesuai dengan mata kuliah yang diampu oleh dosen

tersebut. Set ampu mata kuliah bagi dosen memanfaatkan data yang

terdapat pada WBL dengan menggunakan JSON. Tampilan interface

JSON untuk Halaman Isi Pertanyaan dapat dilihat pada Gambar 4.27.

Gambar 4.27 Halaman Interface JSON “Isi Pertanyaan”

Contoh jenis soal dalam suatu mata kuliah dapat dilihat pada

Gambar 4.28 berikut.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 66: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

52

Gambar 4.28 Halaman Isi Pertanyaan 2

Untuk mengisi pertanyaan klik pada nama mata kuliah yang akan

ditambahkan pertanyaan, kemudian klik salah satu nama soal, misal

“KD1-Pemrog web” seperti pada Gambar 4.29 berikut.

Gambar 4.29 Halaman Isi Pertanyaan 3

3. Halaman Lihat/Edit Pertanyaan

Gambar 4.30 Halaman Lihat/Edit Pertanyaan 1

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 67: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

53

Halaman lihat/edit pertanyaan ini akan menampilkan form untuk

pengeditan pertanyaan sesuai dengan mata kuliah yang diampu oleh dosen

tersebut. Halaman ini selain digunakan untuk mengedit pertanyaan juga

merupakan halaman yang digunakan untuk menghapus pertanyaan.

Berikut contoh halaman edit soal, seperti pada Gambar 4.31.

Gambar 4.31 Halaman Lihat/Edit Pertanyaan 2

4. Halaman Daftarkan Soal

Gambar 4.32 Halaman Daftarkan Soal

Halaman Daftarkan Soal adalah halaman yang digunakan untuk

menambahkan soal dalam suatu mata kuliah. Soal-soal dalam satu mata

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 68: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

54

kuliah digolongkan berdasarkan jenis soal, manajemen jenis soal

dilakukan oleh admin.

5. Halaman Konfig Soal

Gambar 4.33 Halaman Konfig Soal

Halaman Konfig Soal digunakan untuk mengaktifkan ataupun me-

non aktifkan soal. Untuk mengaktifkan berikan tanda centang pada kolom

“aktivasi”.

6. Halaman Lihat Nilai

Gambar 4.34 Halaman Lihat Nilai

Halaman Lihat Nilai menampilkan nilai-nilai mahasiswa setelah

melakukan ujian. Di halaman ini terdapat link “tampil excel” untuk

mengeksport data dalam bentuk xls.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 69: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

55

4.2.3 Halaman Mahasiswa

1. Halaman Login

Gambar 4.35 Halaman Login Mahasiswa

Halaman ini merupakan portal bagi mahasiswa untuk dapat

mengakses sistem dan melakukan ujian. Untuk dapat mengakses halaman

selanjutnya mahasiswa harus menginputkan username dan password yang

dipunyai oleh masing-masing mahasiswa pada WBL.

Aplikasi login ini menggunakan JSON sehingga dapat

memanfaatkan data username dan password mahasiswa pada WBL.

Tampilan interface JSON login mahasiswa dapa dilihat pada Gambar 4.36.

Gambar 4.36 Halaman Interface JSON “Login Mahasiswa”

Setelah mahasiswa berhasil login akan muncul halaman untuk

memilih mata kuliah. Mata kuliah yang ditampilkan hanya mata kuliah

yang diambil oleh mahasiswa tersebut.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 70: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

56

Gambar 4.37 Halaman Pilih Mata Kuliah

Set mata kuliah yang diambil oleh mahasiswa dilakukan di Sistem

Web Based Learning. Mata kuliah yang ditampilkan diambil dari WBL

dengan menggunakan JSON, tampilan interface JSON-nya dapat dilihat

pada Gambar 4.38.

Gambar 4.38 Halaman Interface JSON “Pilih Mata Kuliah”

2. Halaman Soal Aktif

Gambar 4.39 Halaman Soal Aktif

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 71: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

57

Halaman Soal Aktif adalah halaman yang akan tampil setelah

mahasiswa berhasil login. Halaman ini berfungsi untuk menampilkan soal

yang sedang aktif dalam mata kuliah yang telah dipilih mahasiswa pada

saat login. Untuk melakukan ujian klik pada link salah satu soal yang aktif.

3. Halaman Soal

Gambar 4.40 Halaman Soal

Halaman Soal adalah halaman yang menampilkan soal-soal yang

harus dikerjakan oleh mahasiswa. Pada halaman ini juga ditampilkan

waktu pengerjaan soal yang akan berjalan dan apabila waktu pengerjaan

tersebut telah habis maka ujian akan submit secara otomatis.

4. Halaman Tampil Nilai

Gambar 4.41 Halaman Tampil Nilai

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 72: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

58

Halaman Tampil Nilai adalah halaman yang menampilkan nilai

mahasiswa beserta keterangan LULUS atau TIDAK LULUS setelah

melakukan ujian. Halaman ini akan tampil setelah mahasiswa mengklik

submit atau secara otomatis akan tampil setelah waktu ujian habis.

Parameter LULUS atau TIDAK LULUS bagi hasil ujian

mahasiswa adalah sebagai berikut :

1. Untuk nilai lebih dari sama dengan 80 maka predikatnya “LULUS

DENGAN KATEGORI SANGAT BAIK”

2. Untuk nilai 70 sampai 79 maka predikatnya “LULUS DENGAN

KATEGORI BAIK”

3. Untuk nilai 60 sampai 69 maka predikatnya “LULUS DENGAN

KATEGORI CUKUP”

4. Untuk nilai dibawah 60 maka predikatnya “TIDAK LULUS”.

4.3 Analisis

Dalam pembuatan tugas akhir ini penulis melakukan beberapa

pengembangan dalam Sistem Automatic Testing (sebelumnya dikembangkan

oleh Team Sertifikasi D3 Teknik Informatika UNS) dan juga Sistem Web

Based Learning (sebelumnya dikembangkan oleh Abdullah Ragil, D3

Teknik Informatika UNS 2008) dengan menggunakan teknologi web

service. Pengembangan yang dilakukan pada Sistem Automatic Testing

antara lain :

1. Membuat aplikasi login mahasiswa dengan menggunakan dengan

menggunakan username dan password yang dipunyai di Sistem Web

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 73: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

59

Based Learning, sehingga dapat dipastikan yang melakukan ujian tersebut

benar-benar mahasiswa D3 Teknik Informatika UNS.

2. Berdasarkan LMS (Learning Management System), mahasiswa hanya

dapat melakukan ujian berdasarkan mata kuliah yang diambil.

3. Membuat halaman Admin, dan memberikan tugas kepada admin yaitu

melakukan input jenis soal dan melakukan backup data SQL.

4. Membuat halaman dosen. Dosen login ke sistem Automatic Testing

dengan menggunakan username dan password yang dipunyai di Sistem

Web Based Learning. Dosen hanya dapat melihat, mengedit, maupun

menghapus data soal maupun pertanyaan mata kuliah yang diampu saja.

Selain melakukan pengembangan pada Sistem Automatic Testing,

penulis juga melakukan pengembangan pada Sistem Web Based Learning

yakni sebagai berikut :

1. Menambahkan menu “Data Ujian Online” di halaman user mahasiswa.

2. Dihalaman “Data Ujian Online” terdapat dua buah submenu akses, yakni

“Detail Nilai” dan “Statistik Nilai”.

3. Submenu “Detail Nilai” berfungsi untuk menampilkan data data hasil

ujian mahasiswa tersebut, berdasarkan mata kuliah yang diambil.

4. Submenu “Statistik Nilai” menampilkan olahan rata-rata hasil ujian

mahasiswa dalam bentuk grafik perbulan.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

Page 74: SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING... · Hasil yang diperoleh dari tahap perancangan dan implementasi adalah sistem . ... Relasi Tabel Sistem . Automatic Testing

60

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan Tugas Akhir yang telah dibuat, penulis dapat mengambil

kesimpulan bahwa :

1. Pemanfaatan JSON (JavaScript Object Notation) Sebagai Data

Interchange Pada Sistem Automatic Testing dan Web Based Learning D3

Teknik Informatika UNS telah berhasil dibuat.

2. Mahasiswa dapat melakukan login pada Sistem Automatic Testing dengan

memanfaatkan data username dan password dengan menggunakan

interface JSON yang terdapat pada Sistem Web Based Learning.

3. Mahasiswa hanya dapat mengikuti ujian berdasarkan mata kuliah yang

diambil.

4. Mahasiswa dapat melihat detail nilai dan statistik nilai ujian melalui Web

Based Learning dengan memanfaatkan interface JSON yang terdapat pada

Sistem Automatic Testing.

5. Dosen hanya dapat melakukan setting ujian (config soal dan pertanyaan)

sesuai mata kuliah yang diampu.

5.2 Saran

Berkaitan dengan penulisan Laporan Tugas Akhir ini, terdapat saran yang

penulis sampaikan yakni :

Sistem Automatic Testing yang telah dibangun hanya dapat menampung

data soal berbentuk pilihan ganda dengan satu jawaban benar, nantinya dapat

dikembangkan agar dapat berjalan dengan lebih dari satu jawaban benar.

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user