PEMANFAATAN JSON (JAVASCRIPT OBJECT NOTATION) SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING DAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA UNS

PEMANFAATAN JSON (JAVASCRIPT OBJECT NOTATION) SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING DAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA UNS

TUGAS AKHIR digilib.uns.ac.id Diajukan Untukperpustakaan.uns.ac.id Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun oleh : RETNO EKA RINJANI NIM M3209073 commit to user

PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2012

HALAMAN PERSETUJUAN

PEMANFAATAN JSON (JAVASCRIPT OBJECT NOTATION) SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING DAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA UNS

perpustakaan.uns.ac.id

digilib.uns.ac.id

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 commit to user

Pembimbing Utama

Agus Purbayu, S.Si NIDN . 0629088001

ii

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 perpustakaan.uns.ac.id

digilib.uns.ac.id

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 commit to user

NIDN. 0603118103

Disahkan Oleh : Dekan Fakultas MIPA UNS

Ketua Program Studi DIII Teknik Informatika UNS

Prof.Ir.Ari Handono Ramelan, M.Sc(Hons) PhD NIP. 19610223 198601 1 001

Drs. Y.S Palgunadi, M.Sc. NIP. 19560407 198303 1 004

iii

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 perpustakaan.uns.ac.id

digilib.uns.ac.id

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

commit to user

iv

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 perpustakaan.uns.ac.id

digilib.uns.ac.id

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. commit to user

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

v

MOTTO


digilib.uns.ac.id

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

commit to user

vi

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. perpustakaan.uns.ac.id

4. Teman-teman Teknik Informatika D tahun 2009.

commit to user

vii

digilib.uns.ac.id

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


digilib.uns.ac.id

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. commit to user

Surakarta, Penulis

viii

Mei 2012

DAFTAR ISI Halaman HALAMAN JUDUL............................................................................................. i HALAMAN PERSETUJUAN .............................................................................. ii HALAMAN PENGESAHAN ............................................................................... iii HALAMAN ABSTRACT ................................................................................... iv perpustakaan.uns.ac.id

digilib.uns.ac.id

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 Objectcommit Notation) ................................................... 6 to user 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

ix

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 perpustakaan.uns.ac.id

digilib.uns.ac.id

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 commit to user 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

x

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


digilib.uns.ac.id

commit to user

xi

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 commit Dosen to user(Automatic Testing).......................... 33

18.

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

19.

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


digilib.uns.ac.id

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

xii

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


digilib.uns.ac.id

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 commit to user

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.


52.


xiii

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 perpustakaan.uns.ac.id

digilib.uns.ac.id

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

commit to user

xiv

1

BAB I PENDAHULUAN 1.1 Latar Belakang Saat ini, kita sering mendengar atau membaca istilah mengenai perpustakaan.uns.ac.id digilib.uns.ac.idbahwa website yang aplikasi berbasis web. Sebagian besar orang berpikir

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 commit to user

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

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 perpustakaan.uns.ac.id mahasiswa.

Dengan

adanya

digilib.uns.ac.id

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 . commit to user

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.

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

perpustakaan.uns.ac.id digilib.uns.ac.id 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 commit to user

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.

4

1.6 Metodologi Penelitian Laporan Tugas Akhir ini disusun dengan menggunakan metode penelitian sebagai berikut : TAHAP PERSIAPAN perpustakaan.uns.ac.id

Studi Pustaka

digilib.uns.ac.id

Wawancara

TAHAP ANALISIS DAN DESAIN DESAIN DESAIN MODEL APLIKASI Membuat Arsitektur Sistem

ANALISIS Menentukan Context Diagram

DESAIN MODEL DATABASE Membuat ERD Membuat Data Flow Diagram Membuat Skema Diagram DESAIN INTERFACE Merancang Layout Membuat Interface

TAHAP IMPLEMENTASI commit to user Membuat Database Automatic Testing

Menulis Kode Program

Membangun Interface JSON

TAHAP PEMBUATAN LAPORAN

Gambar 1.1 Metodologi Penelitian

Evaluasi Program

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 perpustakaan.uns.ac.id digilib.uns.ac.id 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 commit to user

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.

6

BAB II LANDASAN TEORI

2.1

JSON (Java Script Object Notation) perpustakaan.uns.ac.id digilib.uns.ac.id 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 ECMA262 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 commit to user

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

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. perpustakaan.uns.ac.id

digilib.uns.ac.id

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) commit to user 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.

8


digilib.uns.ac.id

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 commit to user

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 :

9

Tabel 2.1 Kelebihan JSON Sebagai Data Interchange (IBM, 2009) NO 1 2 3 4 5 6 7 8 9

2.2

JSON Mempunyai tipe data yang banyak Tipe data JSON : string, number, array, Boolean Data dapat diakses dengan mudah dan diakses sebagai objek JSON Dapat mengambil nilai dengan mudah JSON support pada semua browser perpustakaan.uns.ac.id digilib.uns.ac.id API Simpel Support dengan banyak AJAX Toolkit Objek cepat di serialisasi di JavaScript Sepenuhnya otomatis cara serialize objek JavaScript

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 Application HTTP Request Web Client (Web Browser)

ADO Web Server (apache, IIS, PWS, dll)

DB

Web Application

HTTP Response Web Application

commit to user

PHP, JSP, ASP, ColdFusion, dll

Gambar 2.6 Arsitektur Web Server (Robert, 2006)

ODBC

DB

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 perpustakaan.uns.ac.id (Jogiyanto, 1997).

digilib.uns.ac.id

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 commit to user

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

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

Sistem

digilib.uns.ac.id

Proses Merepresentasikan proses aliran data. 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 commit to user Diagram adalah teori oleh Gane-Sarson yang mengunakan beberapa simbol komponen, yaitu seperti terlihat pada Tabel 2.2 berikut:

12

Tabel 2.3 Komponen Data Flow Diagram Simbol

Arti

Entitas

Keterangan Suatu entitas berupa orang, kelompok, departemen, atau sistem yang bisa menerima informasi atau data-data awal.

Aliran Data

Arus digilib.uns.ac.id data yang menunjukkan bahwa informasi sedang melintas dari atau menuju suatu proses.

Proses

Suatu proses dimana beberapa tindakan atau sekelompok tindakan dijalankan.


Penyimpanan data yang digunakan untuk menyimpan Penyimpanan Data 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 commit to user

tinjau digambarkan lebih sistematis dengan menggunakan Diagram E-R (Fathansyah, 2007). Komponen Entity Relationship Diagram dapat dilihat pada Tabel 2.3 berikut.

13

Tabel 2.4 Komponen Entity Relationship Diagram Simbol

Arti Himpunan Entitas. Attribute


digilib.uns.ac.id

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 menggunakan komputer secara commit to dengan user 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 :

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 perpustakaan.uns.ac.id berdasarkan LMS (Learning Managementdigilib.uns.ac.id 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

commit to user

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

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 perpustakaan.uns.ac.id digilib.uns.ac.id 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).

commit to user

Permintaan HTTP

Web Server

Kode HTML

BROWSER

Tanggapan HTTP

Gambar 2.7 Skema Kerja Protokol HTTP (Kadir, 2004)

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 perpustakaan.uns.ac.id server sehingga pengunjung tidak dapat melihatdigilib.uns.ac.id source code dari skrip PHP

yang dibangun (Kadir, 2004). Adapun proses eksekusi kode PHP didalam sisi server ditunjukkan pada Gambar 2.8 berikut : Web Server Skrip PHP Permintaan HTTP Kode PHP

Kode HTML

BROWSER

Tanggapan HTTP

Gambar 2.8 Proses Eksekusi Kode PHP (Kadir, 2004) 2.8

HTTP

commit to user

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 headernya. HTTP merupakan protocol yang bersifat stateless, sehingga server akan memproses setiap request yang lain, independent terhadap request yang sebelumnya. (Septian, 2011)

17


digilib.uns.ac.id

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.

commit to user

18

BAB III PERANCANGAN SISTEM

Perancangan sistem sangat dibutuhkan sebelum membuat suatu aplikasi. perpustakaan.uns.ac.id digilib.uns.ac.id 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 commit to user

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

19

3.2 Perancangan Arsitektur Gambar 3.1 berikut merupakan rancangan arsitektur yang akan diimplementasikan pada tugas akhir yang penulis buat.

DB WBL db st data Reque db digilib.uns.ac.id se data n o p s Re


st

read

po n

Resp

SERVER WBL

H

TT

P

R

es

P TT

H

R

ue

se

eq

USER (CLIENT)

onse auth.l Requ ogin est u ser,p ass

jian ta u n t da ujia ues e data q e R ons p Res

HT HT TP TP Re q Re ue sp st on se

JSON LOGIN

SERVER JSON

JSON DATA NILAI

read

SERVER AT

Reque Respo st data db nse da ta db

DB AT

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.commit to user 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.

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). perpustakaan.uns.ac.id

digilib.uns.ac.id

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.

commit to user

Gambar 3.2 Context Diagram

21

Keterangan : 1. Pilihan makul, soal ujian, nilai ujian 2. Username, password, makul, jawaban 3. Username, password, jenissoal perpustakaan.uns.ac.id 4. Data jenissoal

digilib.uns.ac.id

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

commit to user

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

22

Learning dengan menggunakan interface JSON. DFD Level 0 untuk Sistem Automatic Testing dan Web Based Learning dapat dilihat pada Gambar 3.3 berikut.


digilib.uns.ac.id

commit to user

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.

23


digilib.uns.ac.id

Gambar 3.4 DFD Level 1 Proses Manajemen Soal

commit to user

Gambar 3.5 DFD Level 1 Proses Ujian

24

Keterangan : Memanfaatkan data dari database Web Based Learning menggunakan interface JSON. Merupakan data dari database Automatic Testing. 3.4 Entity Relationship Diagram (ERD) perpustakaan.uns.ac.id

digilib.uns.ac.id

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

nama nim

mempunyai

N

idnilai

nilai

idkelas

idsoal

nim

mahasiswa

waktu

N username password

jenissoal

1

tanggal

1

mengerjakan

N

iddosen

nim

jenissoal

mempunyai

kelas

namakelas

1

N

sebagai

user

j1

pertanyaan

N

j2

idpertanya an

j3

soal

korti

1

idkelas

nama

idmakul

mempunyai

1

tahun

iddosen

N

alamat

idsoal dosen

N

jumlahsoal

sebagai namasoal

N

mempunyai

idmakul

N

pertanyaan

waktu

commit to user

j4

idsoal

aktif jbenar idmakul

statusgbr gambar

mempunyai

N

username

makul

idmakul namamaku l

1

aktif

Gambar 3.6 Entity Relationship Diagram Sistem Automatic Testing dan WBL

25

Keterangan : Memanfaatkan data dari database Web Based Learning menggunakan interface JSON. Merupakan data dari database Automatic Testing. perpustakaan.uns.ac.id

digilib.uns.ac.id

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.

commit to user

Gambar 3.7 Relasi Tabel Sistem Automatic Testing dan Web Based Learning

26

Keterangan : Memanfaatkan data dari database Web Based Learning menggunakan interface JSON. Merupakan data dari database Automatic Testing. perpustakaan.uns.ac.id digilib.uns.ac.id

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 commit to user

Tabel dari database Automatic Testing ini merupakan tabel yang digunakan untuk menyimpan data dari Sistem Automatic Testing. Berikut tabeltabel 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.

27

Tabel 3.1 Tabel Soal Nama Field idsoal

Tipe Data varchar

Ukuran Field 10

namasoal

varchar

30


idmakul

varchar

10

aktif

int

1

jumlahsoal

int

11

waktu

int

11

Definisi

Keterangan

primary key, idsoal yang Primary akan diujikan. Key nama-nama soal yang mengidentifikasikan digilib.uns.ac.id idsoal. idmakul dari sebuah Foreign soal, field ini berfungsi Key untuk berelasi dengan tabel makul. merupakan keterangan soal, aktif atau tidak aktif. banyak soal maksimal yang akan diujikan. waktu maksimal pengerjaan soal.

Not Null Not Null

Not Null

Null

Not Null 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.

commit to user

28

Nama Field

Tabel 3.2 Tabel Pertanyaan Ukuran Definisi Field 3 No id pertanyaan

idpertanyaan

Tipe Data int

pertanyaan

teks

j1 j2 j3 j4 jbenar


varchar varchar varchar varchar varchar

50 50 50 50 50

gambar

varchar

50

statusgbr

tinyint

2

idsoal

varchar

10

Keterangan Primary Not Null Key, Auto increment Not Null

Pertanyaan yang diujikan pilihan jawabandigilib.uns.ac.id 1 pilihan jawaban 2 pilihan jawaban 3 pilihan jawaban 4 Jawaban benar (kunci) gambar pelengkap pertanyaan status gambar, aktif atau tidak aktif idsoal yang akan Foreign diujikan Key

Not Null Not Null Not Null Not Null Not Null Null Null 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.

Nama Field idnilai

Tipe Data int

Ukuran Field 11

nim

varchar

10

idsoal

varchar

20

nilai tanggal waktu

double date time

5,2

Tabel 3.3 Tabel Nilai Definisi

Keterangan

commit to user

no id nilai mahasiswa

Primary Not Null Key, Auto increment nim mahasiswa yang Foreign Not Null telah melakukan ujian Key idsoal yang telah diujikan Foreign Not Null Key hasil nilai mahasiswa Not Null tanggal melakukan ujian Not Null waktu (jam) melakukan Not Null ujian

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 digilib.uns.ac.id pilihan jenis soal, Tabel jenissoal berfungsi untuk menampung


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 jenissoal

Tipe Data varchar

Ukuran Field 20

idsoal

int

3

Definisi 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) idsoal yang akan diujikan

Keterangan Not Null

Primary Not Null Key, Auto increment

3.6.2 Tabel Hasil Data Interchange (Web Based Learning) commit to user

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 :

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. digilib.uns.ac.id Tabel 3.5 Tabel Mahasiswa Ukuran Definisi Keterangan Field 8 Nomor induk Primary Not Null mahasiswa Key 30 nama mahasiswa Not Null 8 id kelas mahasiswa, Foreign Not Null sebagai penghubung ke Key tabel kelas


Nama Field nim

Tipe Data varchar

nama idkelas

varchar varchar

b. Tabel Dosen Tabel dosen adalah tabel yang menampung data dosen. Berikut adalah gambar tabel dosen, dapat dilihat pada Tabel 3.6

Nama Field iddosen

Tipe Data varchar

idmakul

varchar

nama alamat

varchar varchar

Tabel 3.6 Tabel Dosen Ukuran Definisi Field 20 nomor identitas dosen (NIDN/NIP) 10 id mata kuliah yang diampu dosen 30 Nama lengkap dosen commit to user 75 Alamat dosen

Keterangan Primary Key Foreign Key

Not Null Not Null Not Null 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.

31

Nama Field Nim

Tipe Data varchar

Ukuran Field 8

username

varchar

12

password

varchar

30


iddosen

varchar

20

Tabel 3.7 Tabel User Definisi

Keterangan

nomor induk Foreign mahasiswa Key username mahasiswa Primary dan dosen untuk login Key password mahasiswa digilib.uns.ac.id dan dosen untuk login nomor identitas dosen Foreign (NIDN/NIP) Key


d. Tabel Kelas Tabel kelas digunakan untuk menampung data kelas mahasiswa. Tabel kelas dapat dilihat pada Tabel 3.8. Tabel 3.8 Tabel Kelas Definisi

Nama Field namakelas

Tipe Data varchar

Ukuran Field 50

idkelas

varchar

10

Nomor identitas kelas

tahun

year

4

Tahun atau angkatan

korti

varchar

8

Nama korti tiap kelas

Nama kelas

Keterangan Primary Key Primary Key Primary Key


e. Tabel Makul commit to user Tabel Makul berfungsi untuk menampung data mata kuliah. Untuk

lebih jelasnya tabel makul dapat dilihat pada Tabel 3.9.

Nama Field idmakul

Tipe Data varchar

namamakul aktif

varchar int

Tabel 3.9 Tabel Makul Ukuran Definisi Field 10 Nomor identitas mata kuliah 30 Nama mata kuliah 1 merupakan status mata kuliah, aktif atau tidak

Keterangan Primary Key

Not Null Not Null

32

f. Tabel Ampumakul Tabel ampumakul merupakan tabel transaksi, hasil perelasian antara tabel dosen dan tabel makul, dapat dilihat dalam Tabel 3.10.

Nama Field username idmakul

Tabel 3.10 Tabel Ampumakul Tipe Ukuran Definisi Keterangan perpustakaan.uns.ac.id digilib.uns.ac.id Data Field varchar 12 Username dosen Primary Not Null 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 {“no id ke1”:{“status”:valuestatus,”idsoal”:”valueidsoal”,”namasoal”:”valuenam asoal”,”nilai”:”valuenilai”,”namamakul”:”valuenamamakul”,”tanggal”: ”valuetanggal”,”waktu”:”valuewaktu”}, ……..”no id ken”:{“status”:valuestatus,”idsoal”:”valueidsoal”,”namasoal”:”valuenam asoal”,”nilai”:”valuenilai”,”namamakul”:”valuenamamakul”,”tanggal”: ”valuetanggal”,”waktu”:”valuewaktu”}} Gambar 3.8 Desain Interface JSON Detail Nilai (WBL) Data yang tampil pada interface JSON Detail Nilai (WBL) tersebut commit to user adalah data nilai yang terdapat di dalam database Automatic Testing yang akan dimanfaatkan oleh WBL, diantaranya adalah idsoal, namasoal, nilai, namamakul, tanggal, dan waktu.

33

2. Interface JSON Statistik Nilai {“no id ke1”:{“status”:valuestatus,”idmakul”:”valueidmakul”,”ratarata”:”valuer atarata” }, ……….“no id ken”:{“status”:valuestatus,”idmakul”:”valueidmakul”,”ratarata”:”valuer atarata” }} perpustakaan.uns.ac.id digilib.uns.ac.id 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 {“no id ke1”:{“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” }} 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 Automatic Testing. commitSistem to user 4. Interface JSON Mata Kuliah Automatic Testing {“no id ke1”:{“status”:valuestatus,”idmakul”:”valueidmakul”,”namamakul”:”val uenamamakul” }, …….“no id ke-n”: {“status”:valuestatus,”idmakul”:”valueidmakul”,”namamakul”:”value namamakul” }} Gambar 3.11 Desain Interface JSON Mata Kuliah (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 {“no id keperpustakaan.uns.ac.id digilib.uns.ac.id 1”:{“status”:valuestatus,”nim”:”valuenim”,”namamhs”:”valuenamam hs” , ”idkelas”:”valueidkelas”}, …….“no id ke-n”: {“status”:valuestatus,”nim”:”valuenim”,”namamhs”:”valuenamamhs” , ”idkelas”:”valueidkelas”}} 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 {“no id ke1”:{“status”:valuestatus,”idmakul”:”valueidmakul”,”namamakul”:”val uenamamakul” }, …….“no id ke-n”: {“status”:valuestatus,”idmakul”:”valueidmakul”,”namamakul”:”value namamakul” }} commit to user

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.

35

3.7.2 Desain Interface Automatic Testing Interface yang disediakan pada Sistem Automatic Testing diantaranya sebagai berikut. 1. Halaman Login Admin dan Dosen perpustakaan.uns.ac.id

HEADER

digilib.uns.ac.id

DATE Username

Selamat datang

Password login

reset

FOOTER

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

HEADER

commit to user

DATE Username

Selamat datang

Password login

reset

FOOTER

Gambar 3.15 Desain Halaman Login Mahasiswa

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 perpustakaan.uns.ac.id

HEADER

digilib.uns.ac.id

DATE

MAIN MENU

CONTENT

FOOTER

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 commit to user

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.

37

SISTEM WEB BASED LEARNING

Halaman Login

Halaman Registrasi Kelas

Halaman Kuliah

perpustakaan.uns.ac.id Halaman Pilih Mata Kuliah

Halaman Informasi

Halaman Modul

Halaman Ganti Password

digilib.uns.ac.id Halaman Data Ujian Online

Halaman Tugas

Halaman Nilai

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 Depan

Halaman Login

Halaman commit to user Identitas

Halaman Pilih Mata Kuliah

Halaman Soal Aktif

Halaman Ujian

Halaman Nilai

Gambar 3.18 Tampilan Site Map untuk mahasiswa

38

Peta situs Sistem Automatic Testing pada user Dosen dapat digambarkan seperti pada Gambar 3.19 berikut : HALAMAN DOSEN


digilib.uns.ac.id

Halaman Login

Halaman Isi Pertanyaan

Halaman Lihat/ Edit Pertanyaan

Halaman Daftarkan Soal

Halaman Lihat Pertanyaan

Halaman Edit Pertanyaan

Halaman Hapus Pertanyaan

Halaman Depan

Halaman Konfig Soal

Halaman Lihat Nilai

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 Login

Halaman Depan

commit to user

Halaman Jenis Soal

Halaman Backup Data

Gambar 3.20 Tampilan Site Map untuk admin

39

BAB IV IMPLEMENTASI DAN ANALISIS

4.1 Implementasi Sistem Web Based Learning 4.1.1 Halamanperpustakaan.uns.ac.id Admin

digilib.uns.ac.id

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

commit to user

Gambar 4.2 Halaman Index Admin Halaman ini merupakan halaman yang akan muncul pertama kali setelah admin berhasil login. 39

40

3. Halaman Dosen


digilib.uns.ac.id

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

commit to user

Gambar 4.4 Halaman Mahasiswa

41

Halaman mahasiswa merupakan halaman untuk menampilkan detail data mahasiswa dan mendaftarkan mahasiswa yang nantinya akan melakukan akses pada sistem. 5. Halaman Ampu perpustakaan.uns.ac.id

digilib.uns.ac.id

Gambar 4.5 Halaman Ampu Halaman ampu adalah halaman untuk mengatur dosen yang akan mengampu sebuah mata kuliah. Terdapat menu drop down berisi namanama dosen, nama mata kuliah, dan nama kelas yang akan diampu. 6. Halaman Matkul

commit to user

Gambar 4.6 Halaman Matkul

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 perpustakaan.uns.ac.id

digilib.uns.ac.id

Gambar 4.7 Halaman Kelas Halaman Kelas adalah halaman yang menampilkan data kelas yang nantinya akan diampu oleh seorang dosen. 8. Halaman Set Ampu

commit to user

Gambar 4.8 Halaman Set Ampu

43

Halaman Set Ampu adalah halaman yang berfungsi sebagai halaman konfigurasi pengaktifan ampu makul dosen. 4.1.2 Halaman Dosen 1. Halaman Login perpustakaan.uns.ac.id

digilib.uns.ac.id

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 commit to user

Gambar 4.10 Halaman Index Dosen

44

Halaman ini merupakan halaman yang akan muncul pertama kali setelah dosen berhasil login. 4.1.3 Halaman Mahasiswa 1. Halaman Index perpustakaan.uns.ac.id

digilib.uns.ac.id

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

commit to user

Gambar 4.12 Halaman Data Ujian Online

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 perpustakaan.uns.ac.id

digilib.uns.ac.id

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 commit to user

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”

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.


digilib.uns.ac.id

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.

commit to user

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.

47

Untuk melihat statistik nilai pilih pada combobox bulan kemudian klik button lihat seperti pada Gambar 4.17 berikut.


digilib.uns.ac.id

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” commit to user Setelah itu akan ditampilkan berupa statistik yang menunjukkan

nilai dan mata kuliah seperti pada Gambar 4.19 berikut.

48


digilib.uns.ac.id

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

commit to user

Gambar 4.21 Halaman Login Admin

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 perpustakaan.uns.ac.id

digilib.uns.ac.id

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

commit to user

Gambar 4.23 Halaman Backup Data

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 perpustakaan.uns.ac.id digilib.uns.ac.id 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. commit to user

Username dan password yang digunakan untuk mengakses halaman ini adalah username dan password yang dipunyai oleh masingmasing 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.

51

Gambar 4.25 Halaman Interface JSON “Login Dosen” 2. Halaman Isiperpustakaan.uns.ac.id Pertanyaan

digilib.uns.ac.id

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 commit to user 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.

52


digilib.uns.ac.id

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 commit to user

Gambar 4.30 Halaman Lihat/Edit Pertanyaan 1

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. Berikutperpustakaan.uns.ac.id contoh halaman edit soal, seperti padadigilib.uns.ac.id Gambar 4.31.

Gambar 4.31 Halaman Lihat/Edit Pertanyaan 2 4. Halaman Daftarkan Soal

commit to user

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

54

kuliah digolongkan berdasarkan jenis soal, manajemen jenis soal dilakukan oleh admin. 5. Halaman Konfig Soal


digilib.uns.ac.id

Gambar 4.33 Halaman Konfig Soal Halaman Konfig Soal digunakan untuk mengaktifkan ataupun menon aktifkan soal. Untuk mengaktifkan berikan tanda centang pada kolom “aktivasi”. 6. Halaman Lihat Nilai

commit to user

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.

55

4.2.3 Halaman Mahasiswa 1. Halaman Login


digilib.uns.ac.id

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.

commit to user

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.

56


digilib.uns.ac.id

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 commit to user

Gambar 4.39 Halaman Soal Aktif

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. perpustakaan.uns.ac.id 3. Halaman Soal

digilib.uns.ac.id

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 commit to user

Gambar 4.41 Halaman Tampil Nilai

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 digilib.uns.ac.id 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 commit to user

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

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. perpustakaan.uns.ac.id digilib.uns.ac.id 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 commit to user

ujian mahasiswa tersebut, berdasarkan mata kuliah yang diambil. 4. Submenu “Statistik Nilai” menampilkan olahan rata-rata hasil ujian mahasiswa dalam bentuk grafik perbulan.

BAB V PENUTUP 5.1 Kesimpulan Berdasarkan Tugas Akhir yang telah dibuat, penulis dapat mengambil kesimpulanperpustakaan.uns.ac.id bahwa : 1. Pemanfaatan

JSON

digilib.uns.ac.id

(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) commit to user

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

PEMANFAATAN JSON (JAVASCRIPT OBJECT NOTATION) SEBAGAI DATA INTERCHANGE PADA SISTEM AUTOMATIC TESTING DAN WEB BASED LEARNING D3 TEKNIK INFORMATIKA UNS

Recommend Documents