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