OPTIMALISASI QUERY DATA DENGAN JAVASCRIPT OBJECT NOTATION (JSON) PADA APLIKASI PENERIMAAN MAHASISWA BARU ONLINE STMIK AKBA

Transkripsi

1 OPTIMALISASI QUERY DATA DENGAN JAVASCRIPT OBJECT NOTATION (JSON) PADA APLIKASI PENERIMAAN MAHASISWA BARU ONLINE STMIK AKBA Pasnur Jurusan Sistem Informasi, STMIK AKBA, Makassar 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 (JSON) sebagai format pertukaran data pada saat proses query. JSON memiliki format 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 1.1 Latar Belakang Masalah Layanan-layanan online yang ditempatkan pada jaringan internet memberikan kemudahan akses bagi pengguna tanpa harus terkendali waktu dan tempat. Layanan-layanan tersebut idealnya tersedia selama 24 jam setiap harinya dan dapat diakses di mana pun selama tersedia jaringan internet. Salah satu layanan internet yang sangat populer dan luas penggunaannya adalah World Wide Web (WWW) atau yang biasa disingkat web. Layanan ini dapat diakses menggunakan aplikasi web browser pada komputer desktop atau pada perangkat mobile. Layanan berbasis web memang memiliki banyak keunggulan, akan tetapi bukan berarti terbebas dari berbagai masalah. Salah satu masalah yang akan muncul pada aplikasi tersebut adalah waktu yang dibutuhkan untuk melakukan query data. Para pengguna aplikasi web biasanya menginginkan query data yang cepat. Kecepatan waktu tersebut erat kaitannya dengan masalah efektivitas dan biaya koneksi internet. Waktu yang dibutuhkan untuk melakukan query data terutama untuk jumlah data yang besar, selain disebabkan oleh kualitas jaringan internet, juga disebabkan oleh kehandalan format pertukaran data yang diterapkan pada aplikasi tersebut. Setiap format pertukaran 47

2 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 1.2 Perumusan Masalah 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. 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 48

3 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 JavaScript and XML (AJAX) menjadi salah 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]. 2.2 Extensible Markup Language Extensible Markup Language (XML) dikembangkan oleh World Wide Web Consortium (W3C) XML Working Group pada tahun XML digunakan untuk mendeskripsikan data dan menjadi format standar pertukaran data pada jaringan internet.[1] 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 XML sederhana adalah sebagai berikut : menggunakannya dan melakukan parse.[2] Jika dibandingkan dengan XML, JSON lebih ringan dan lebih mudah dibaca oleh manusia, serta lebih efektif penggunaannya dengan JavaScript.[4] JSON terdiri atas pasangan atribut dan data yang dipisahkan dengan tanda kurung. Berikut contoh penulisan JSON untuk mendeskripsikan data mahasiswa. { datamahasiswa : [ { nrp : , namamahasiswa : Pasnur } ] } 2.3 Aplikasi Penerimaan Mahasiswa Baru Online STMIK AKBA 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 Gambar berikut memperlihatkan halaman depan aplikasi PMB Online STMIK AKBA yang menampilkan informasi-informasi penting mengenai proses penerimaan mahasiswa baru. <datamahasiswa> <nrp> </nrp> <namamahasiswa>pasnur</n amamahasiswa> </datamahasiswa> 2.3 JavaScript Object Notation JavaScript Object Notation (JSON) didesain untuk pertukaran data yang mudah untuk dibaca oleh manusia, serta mudah bagi komputer untuk Gambar 1 Halaman depan aplikasi PMB Online STMIK AKBA 49

4 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 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 kali dan akan ditentukan nilai rata-rata waktu pemanggilan data. Gambar 4 Halaman daftar mahasiswa baru Gambar 5 Halaman daftar pengguna Gambar 2 Halaman data pendaftar Gambar 6 Halaman daftar log aplikasi 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 50

5 Tabel 1 Perbandingan ukuran file format XML dan JSON No Query Data Ukuran (Byte) XML JSON 1 Pengguna 651,00 315,00 2 Mahasiswa Baru , ,00 3 Data Pendaftar , ,00 4 Peserta Ujian , ,00 Masuk 5 Log , ,00 query data pada format XML dan JSON adalah seperti tampak pada tabel 3 berikut : Tabel 3 Perbandingan waktu query data XML dan JSON Waktu Loading No Query Data (ms) XML JSON 1 Pengguna 76,84 63,76 2 Mahasiswa Baru 295,36 87,64 3 Data Pendaftar 875,64 168,56 4 Peserta Ujian Masuk 850,80 172,56 5 Log 1.487,16 205,20 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 XML yang dilakukan oleh JSON No Query Data Reduksi (%) 1 Pengguna 51,61 2 Mahasiswa Baru 38,66 3 Data Pendaftar 42,88 4 Peserta Ujian Masuk 36,31 5 Log 33, Perbandingan Waktu Query Data 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 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 No Query Data Reduksi (%) 1 Pengguna 17,02 2 Mahasiswa Baru 70,33 3 Data Pendaftar 80,75 4 Peserta Ujian Masuk 79,72 5 Log 86,20 Hasil pengujian perbandingan waktu yang dibutuhkan untuk melakukan 51

6 4.3 Implementasi JSON Pada Aplikasi PMB Online STMIK AKBA 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. JSON JSON Array Data Interface Pengguna AJAX Controller Class Database request eksekusi function SQL 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. 5. Kesimpulan Berdasarkan hasil penelitian yang telah dilakukan, didapatkan kesimpulan sebagai berikut : a. Penggunaan format data JSON pada aplikasi PMB Online STMIK AKBA mampu melakukan optimalisasi query data dengan melakukan reduksi ukuran file XML sebesar 40,52% dan reduksi waktu query data sebesar 66,80%. b. Implementasi JSON sebagai format data pada aplikasi PMB Online STMIK AKBA dapat dilakukan dengan mendesain sistem berdasarkan konsep MVC (Model View Controller) serta melibatkan penggunaan AJAX. Daftar Pustaka [1] Deitel, P., JavaScript for Programmers, Pearson Education Inc., 2010 [2] Nurseitov, N., Comparison of JSON and XML Data Interchange Formats: A Case Study, 2009 [3] Peng, D., Using JSON for Data Exchanging in Web Service Applications, Journal of Computational Information Systems 7: 16, 2011 [4] White, A., JavaScript Programmer s Reference, Wiley Publishing,