1. Pendahuluan 1.1 Latar Belakang Masalah - Optimalisasi Query Data Dengan JavaScript Object Notation (JSON) Pada Aplikasi Penerimaan Mahasiswa Baru Online STMIK AKBA
OPTIMALISASI QUERY DATA
DENGAN JAVASCRIPT OBJECT NOTATION (JSON)
PADA APLIKASI PENERIMAAN MAHASISWA BARU ONLINE STMIK AKBA
Pasnur
Jurusan Sistem Informasi, STMIK AKBA, Makassar Email : pasnur@pasnur.web.id
Abstrak
Administrasi penerimaan mahasiswa baru STMIK AKBA dilakukan secara online dengan menggunakan sebuah aplikasi yang ditempatkan di internet. Para calon mahasiswa baru tidak perlu mendatangi panitia penerimaan mahasiswa baru yang ada di kampus untuk melakukan pengisian formulir pendaftaran. Mereka cukup mengakses aplikasi yang telah disediakan menggunakan web browser pada komputer desktop atau pun pada perangkat
mobile yang telah terhubung ke jaringan internet. Aplikasi penerimaan mahasiswa baru
tersebut terus dikembangkan agar memiliki tampilan yang menarik dan informatif, tetapi harus mampu melakukan query data dengan cepat. Penelitian ini bertujuan untuk melakukan optimalisasi query data pada aplikasi Penerimaan Mahasiswa Baru Online STMIK AKBA, sehingga proses pencarian dan menampilkan data dapat dilakukan dengan waktu yang relatif cepat. Teknik yang diterapkan adalah dengan menggunakan JavaScript Object Notation sebagai format pertukaran data pada saat proses query. JSON memiliki format
(JSON)
penulisan yang sederhana sehingga ukuran file yang dihasilkan lebih kecil yang secara otomatis berdampak pada peningkatan kecepatan waktu tampil data. Hasil penelitian ini menunjukkan bahwa JSON mampu mereduksi ukuran file data dalam format XML
(Extensible Markup Language) sebesar 40,52% dan mereduksi waktu query data sebesar
66,80%.Kata kunci : json, xml, pmb online
1. Pendahuluan Layanan berbasis web memang
memiliki banyak keunggulan, akan tetapi
1.1 Latar Belakang Masalah bukan berarti terbebas dari berbagai
Layanan-layanan online yang masalah. Salah satu masalah yang akan ditempatkan pada jaringan internet muncul pada aplikasi tersebut adalah memberikan kemudahan akses bagi waktu yang dibutuhkan untuk melakukan pengguna tanpa harus terkendali waktu dan query data. Para pengguna aplikasi web tempat. Layanan-layanan tersebut idealnya biasanya menginginkan query data yang tersedia selama 24 jam setiap harinya dan cepat. Kecepatan waktu tersebut erat dapat diakses di mana pun selama tersedia kaitannya dengan masalah efektivitas dan jaringan internet. biaya koneksi internet.
Salah satu layanan internet yang Waktu yang dibutuhkan untuk sangat populer dan luas penggunaannya melakukan query data terutama untuk adalah World Wide Web (WWW) atau yang jumlah data yang besar, selain disebabkan biasa disingkat web. Layanan ini dapat oleh kualitas jaringan internet, juga diakses menggunakan aplikasi web disebabkan oleh kehandalan format
browser pada komputer desktop atau pada pertukaran data yang diterapkan pada
perangkat mobile. aplikasi tersebut. Setiap format pertukaran data memiliki karakteristik yang berbeda satu sama lain yang berdampak pada perbedaan kecepatan aksesnya.
JavaScript Object Notation (JSON)
merupakan salah satu format pertukaran data yang memiliki format penulisan yang sederhana dan berkonsekuensi pada ukuran file yang dihasilkan. Ukuran file yang dihasilkan oleh JSON sangat kecil, sehingga dapat diakses dengan waktu yang relatif cepat.
Aplikasi penerimaan mahasiswa baru yang digunakan pada STMIK AKBA merupakan salah satu layanan berbasis web yang digunakan dalam proses administrasi data calon mahasiswa baru, meliputi pengisian formulir, persetujuan pendaftaran, penempatan gelombang ujian masuk, hingga pendaftaran ulang sebagai mahasiswa baru yang ditandai dengan pemberian Nomor Induk Mahasiswa (NIM) secara otomatis. Aplikasi ini diharapkan mampu mengelola banyak data pendaftaran dan mampu menampilkan query data dengan cepat kepada para penggunanya agar memberikan layanan informasi yang cepat dan akurat.
Tuntutan query data yang cepat pada aplikasi penerimaan mahasiswa baru STMIK AKBA dapat diselesaikan dengan memilih format pertukaran data yang memiliki karakteristik kesederhaan dalam sintaks tanpa mengabaikan keakuratannya. Oleh karena itu, penelitian ini dilakukan untuk membuktikan kemampuan JSON sebagai format pertukaran data yang dapat mempercepat waktu ketika pengguna aplikasi penerimaan mahasiswa baru STMIK AKBA melakukan query data
Perumusan masalah dalam penelitian ini adalah : a. Bagaimana hasil optimalisasi query data dengan menggunakan JSON jika dibandingkan dengan format data XML b. Bagaimana cara mengimplementasikan JSON sebagai format pertukaran data pada query data aplikasi PMB Online STMIK AKBA
1.3 Tujuan Penelitian
Tujuan dari penelitian ini adalah sebagai berikut : a. Memaparkan hasil optimalisasi query data dengan menggunakan format JSON dibandingkan dengan format XML b. Memaparkan cara menerapkan
JSON sebagai format pertukaran data dalam proses query data pada aplikasi Penerimaan Mahasiswa Baru Online STMIK AKBA.
1.4 Metode Penelitian
Penelitian ini dilakukan dengan menggabungkan metode kepustakaan dari berbagai sumber rujukan terkait, serta metode pengujian query data pada aplikasi Penerimaan Mahasiswa Baru Online STMIK AKBA dengan menggunakan format data JSON dan XML.
2. Tinjauan Pustaka
2.1 Format Pertukaran Data
Aplikasi berbasis web memberikan banyak kelebihan jika dibandingkan dengan aplikasi berbasis desktop. Pengguna aplikasi web tidak perlu melakukan instalasi program pada perangkat yang akan digunakan. Pengguna hanya perlu membuka web browser dan mengarahkan ke alamat aplikasi tujuan. Aplikasi web juga memungkinkan untuk bekerja pada sistem operasi yang berbeda atau bahkan pada perangkat yang berbeda.
1.2 Perumusan Masalah
Kelebihan lain yang ditawarkan oleh aplikasi berbasis web adalah kemampuan untuk bekerja dengan aplikasi lain yang dibangun dengan menggunakan teknologi berbeda. Aplikasi web dapat membagi data ke aplikasi desktop atau aplikasi mobile. Hal tersebut dimungkinkan dengan adanya format pertukaran data yang digunakan secara standar. Dua format pertukaran data yang sangat populer digunakan saat ini adalah XML dan JSON.
Pada masa Web 2.0, Asynchronous
didesain untuk pertukaran data yang mudah untuk dibaca oleh manusia, serta mudah bagi komputer untuk menggunakannya dan melakukan parse.[2]
Administrasi data penerimaan mahasiswa baru STMIK AKBA dilakukan secara online menggunakan sebuah aplikasi berbasis web yang ditempatkan pada internet. Aplikasi tersebut dapat diakses oleh publik pada alamat http://pmb.akba.ac.id. Gambar berikut memperlihatkan halaman depan aplikasi PMB Online STMIK AKBA yang menampilkan informasi-informasi penting mengenai proses penerimaan mahasiswa baru.
2.3 Aplikasi Penerimaan Mahasiswa Baru Online STMIK AKBA
}
“namaMahasiswa”: “Pasnur” } ]
{ “dataMahasiswa”: [ { “nrp”: “5113201007”,
JSON terdiri atas pasangan atribut dan data yang dipisahkan dengan tanda kurung. Berikut contoh penulisan JSON untuk mendeskripsikan data mahasiswa.
Jika dibandingkan dengan XML, JSON lebih ringan dan lebih mudah dibaca oleh manusia, serta lebih efektif penggunaannya dengan JavaScript.[4]
2.3 JavaScript Object Notation JavaScript Object Notation (JSON)
JavaScript and XML (AJAX) menjadi salah
</dataMahasiswa>
<dataMahasiswa> <nrp>5113201007</nrp> <namaMahasiswa>Pasnur</n amaMahasiswa>
XML sederhana adalah sebagai berikut :
Dokumen XML terdiri atas teks yang merepresentasikan sebuah data, misalnya Pasnur dan elemen yang menspesifikasikan struktur, misalnya namaMahasiwa. Dokumen XML diapit oleh tag pembuka, misalnya <namaMahasiswa> dan tag penutup, misalnya </namaMahasiswa>. Setiap dokumen XML harus memiliki satu elemen root. Contoh sebuah dokumen
untuk mendeskripsikan data dan menjadi format standar pertukaran data pada jaringan internet.[1]
Web Consortium (W3C) XML Working Group pada tahun 1996. XML digunakan
2.2 Extensible Markup Language Extensible Markup Language (XML) dikembangkan oleh World Wide
satu teknologi yang populer dalam pengembangan web. AJAX memanfaatkan JavaScript pada sisi client untuk membantu meringankan beban kerja server. Pada awalnya format pertukaran data yang digunakan adalah XML, namun kemudian mulai digantikan oleh JSON [3].
Gambar 1 Halaman depan aplikasi PMB Online STMIK AKBA
3. Rancangan Pengujian
Pengujian yang dilakukan dalam penelitian ini adalah melakukan perbandingan query data dalam format
XML dan JSON sebagai format data yang populer digunakan. Peneliti mengambil sampel pada lima halaman dari aplikasi PMB online STMIK AKBA, yaitu :
a. Halaman data pendaftar
b. Halaman daftar peserta ujian masuk Gambar 4 Halaman daftar mahasiswa baru
c. Halaman daftar mahasiswa baru
d. Halaman daftar pengguna
e. Halaman daftar log aplikasi Kelima halaman tersebut diakses pada server lokal dengan mengabaikan komponen HTML (Hypertext Markup
Language) , CSS (Cascading Style Sheet),
JavaScipt, gambar, dan komponen pembentuk halaman web lainnya, selain format pertukaran data dalam XML atau JSON. Pengaksesan dilakukan beberapa
Gambar 5 Halaman daftar pengguna kali dan akan ditentukan nilai rata-rata waktu pemanggilan data.
Gambar 6 Halaman daftar log aplikasi Gambar 2 Halaman data pendaftar
4. Hasil dan Pembahasan
4.1 Perbandingan Ukuran File
Hasil pengujian perbandingan ukuran file yang dihasilkan oleh format
XML dan JSON adalah seperti tampak pada tabel 1 berikut : Gambar 3 Halaman daftar peserta ujian masuk Tabel 1 Perbandingan ukuran file format
XML dan JSON
No Query Data Ukuran (Byte)
XML JSON
5 Log 86,20
4 Peserta Ujian Masuk 79,72
3 Data Pendaftar 80,75
2 Mahasiswa Baru 70,33
1 Pengguna 17,02
No Query Data Reduksi (%)
XML sebesar 66,80% untuk kelima halaman uji pada aplikasi PMB Online STMIK AKBA. Persentase reduksi selengkapnya adalah seperti pada tabel berikut : Tabel 4 Persentase reduksi waktu query data file XML yang dilakukan oleh JSON
Gambar 8 Grafik perbandingan waktu query data format XML dan JSON Berdasarkan hasil pengujian di atas, dapat diketahui bahwa format data JSON dapat melakukan reduksi waktu query data file
5 Log 1.487,16 205,20
4 Peserta Ujian Masuk 850,80 172,56
3 Data Pendaftar 875,64 168,56
2 Mahasiswa Baru 295,36 87,64
1 Pengguna 76,84 63,76
No Query Data Waktu Loading (ms)
XML dan JSON
2 Mahasiswa Baru 50.622,00 31.052,00
1 Pengguna 651,00 315,00
XML JSON
3 Data Pendaftar 42,88
2 Mahasiswa Baru 38,66
1 Pengguna 51,61
No Query Data Reduksi (%)
Hasil pengujian perbandingan waktu yang dibutuhkan untuk melakukan query data pada format XML dan JSON adalah seperti tampak pada tabel 3 berikut : Tabel 3 Perbandingan waktu query data
Gambar 7 Grafik perbandingan ukuran file format XML dan JSON Berdasarkan hasil pengujian di atas, dapat diketahui bahwa format data JSON dapat melakukan reduksi ukuran file XML sebesar 40,52% untuk kelima halaman uji pada aplikasi PMB Online STMIK AKBA. Persentase reduksi selengkapnya adalah seperti pada tabel berikut : Tabel 2 Persentase reduksi ukuran file
5 Log 290.408,00 194.192,00
4 Peserta Ujian Masuk 185.254,00 117.983,00
3 Data Pendaftar 178.088,00 101.717,00
4 Peserta Ujian Masuk 36,31
5 Log 33,13
XML yang dilakukan oleh JSON
4.2 Perbandingan Waktu Query Data
4.3 Implementasi JSON Pada Aplikasi PMB Online STMIK AKBA
JSON and XML Data Interchange Formats: A Case Study , 2009
Class Database request
JSON AJAX Interface Pengguna Controller
Array Data JSON SQL eksekusi function
Publishing, 2009
Programmer’s Reference, Wiley
A., JavaScript
[4] White,
Computational Information Systems 7: 16, 2011
Exchanging in Web Service Applications , Journal of
[3] Peng, D., Using JSON for Data
Format pertukaran data dalam bentuk JSON sangat tepat untuk diterapkan pada aplikasi PMB Online STMIK AKBA. Hal ini disebabkan karena aplikasi tersebut sudah menggunakan AJAX dalam melakukan komunikasi background antara client dengan server.
Gambar 9 berikut memperlihatkan skenario untuk menerapkan JSON sebagai format pertukaran data pada aplikasi PMB Online STMIK AKBA.
Programmers, Pearson Education
[1] Deitel, P., JavaScript for
Daftar Pustaka
View Controller) serta melibatkan penggunaan AJAX.
b. Implementasi JSON sebagai format data pada aplikasi PMB Online STMIK AKBA dapat dilakukan dengan mendesain sistem berdasarkan konsep MVC (Model
XML sebesar 40,52% dan reduksi waktu query data sebesar 66,80%.
a. Penggunaan format data JSON pada aplikasi PMB Online STMIK AKBA mampu melakukan optimalisasi query data dengan melakukan reduksi ukuran file
Berdasarkan hasil penelitian yang telah dilakukan, didapatkan kesimpulan sebagai berikut :
5. Kesimpulan
Gambar 9 Skenario implementasi JSON pada aplikasi PMB Online STMIK AKBA Pada gambar 9 terlihat bahwa AJAX memiliki peranan untuk melakukan komunikasi antara client dengan server secara asinkron, serta mengatur format data JSON untuk ditampilkan pada interface pangguna. Format data JSON dibangkitkan melalui sebuah file class dengan cara melakukan konversi array data dari database. Implementasi ini akan efektif apabila sistem menerapkan konsep MVC (Model View Controller), di mana terjadi pemisahan antara interface dengan fungi-fungsi logik aplikasi.
Inc., 2010 [2] Nurseitov, N., Comparison of