JEC Vol.
6 No.
Jurnal Elektro Luceat [Jul.
PENGUJIAN PERFORMA DAN TINGKAT STRESS PADA WEBSITE
LEGALISIR IJASAH ONLINE UNIVERSITAS PENDIDIKAN
GANESHA
I Made Edy Listartha1 Universitas Pendidikan Ganesha 1listartha@undiksha.
Abstrak Perkembangan teknologi memberikan sololusi terhadap masalah geografis dan mengurangi faktor human error dalam melakukan legalisir ijazah.
Kelebihan ini menjadi dasar acuan bagi Universitas Pendidikan Ganesha untuk menerapakan aplikasi karena memiliki banyak alumnus yang tidak hanya berhasal dari wilayah sekitar.
Aplikasi ini diluncurkan mulai tanggal 4 Nopember 2019 dengan alamat https://legalisir.
Penelitian ini melakukan pengujian terhadap layanan dengan menguji performa akses website, kecepatan dari server dan menguji sistem saat terjadi akses dalam jumlah tinggi.
Pengujian ini berfokus dengan menggunakan beberapa aplikasi berbasis website yaitu GTmetrix, dan LoadImpact .
dengan menggunan server cloud yang mereka miliki untuk mendapatkan hasil yang akurat.
Pengujian pertama dengan aplikasi GTmetrix menghasilkan nilai performa untuk PageSpeed dengan nilai F .
%) dan YSlow dengan nilai E .
%) dan mendapatkan memiliki waktu pengaksesan 2.
5 detik, total ukuran halaman yang dituju 22MB.
Untuk hasil pengujian beban mendapatkan hasil simulasi terjadinya request 138 dengan rincial kegagalan yaitu 0, jumlah tertinggi request yang dapat dilakukan perdetik adalah 87 dan dengan rata-rata respon waktu yang didapatkan adalah 87.
84 mili detik.
Penelitian ini memberikan kesimpulan sistem legalisir Undiksha tergolong baik karena memiliki waktu loading dibawah 3 detik sesuai refensi karena didukung dengan implementasi server yang Kata kunci : Pengujian Website.
GTmetrix.
LoadImpact.
Undiksha.
Legalisir Online, k6.
Abstract Technological developments provide a solution to geographical problems and reduce the human error factor in legalizing diplomas.
This advantage is the basis for the Ganesha University of Education to apply the application because it has many alumni who do not only come from the surrounding area.
This application was launched starting November 4, 2019 with the address https://legalisir.
This research tests the service by testing the performance of website access, speed of the server and testing the system when access occurs in high numbers.
This test focuses on using several website-based applications, namely GTmetrix, and LoadImpact .
by using their cloud server to get accurate results.
The first test with the GTmetrix application generates a performance value for PageSpeed with a value of F .
%) and YSlow with an E value .
%) and has a 2.
5 seconds access time, the total size of the intended page is 1.
22MB.
For the results of the load test the simulation results obtained as many as 55,138 requests with detailed failures of 0, the highest number of requests that can be done per second is 87 and with an average response time obtained is 87.
84 milliseconds.
This study concludes that Undiksha legalized system is classified as good because it has a loading time of under 3 seconds according to the reference because it is supported by a reliable server implementation.
Keywords: Website Testing.
GTmetrix.
LoadImpact.
Undiksha.
Legalized Online, k6.
PENGUJIAN PERFORMA DAN TINGKAT STRESS PADA WEBSITE LEGALISIR IJASAH ONLINE
UNIVERSITAS PENDIDIKAN GANESHA
JEC Vol.
6 No.
Jurnal Elektro Luceat [Jul.
PENDAHULUAN Ijazah merupakan sebuah dokumen diperuntukkan untuk menunjukkan adanya pengakuan terhadap hasil pembelajaran maupun suatu jenjang suatu pendidikan.
Ijazah ini digunakan untuk banyak kebutuhan seperti untuk meneruskan ke jenjang pendidikan selanjutnya dan syarat dalam mendaftar sebuah pekerjaan.
Kebutuhan ini umunya meminta adanya salinan dari ijasah asli sebagai syarat dan terverfikasi keasliannya dari institusi yang mengeluarkan ijazah tersebut sebelum salinan itu dapat digunakan.
Proses verifikasi ini membutuhkan pememilik ijazah untuk melakukan salinan terhadap ijasah asli lalu mengirimkan ataupun secara langsung menuju tempat instansi tersebut untuk melakukan verifikasi salinan ijasah dan menvalidasi keaslian salinan ijasah tersebut dengan aslinya dan mengecek ke seluruh catatan ijazah yang pernah dikeluarkan oleh instansi.
Proses verifikasi ini merupakan cara konvensional yang umumnya digunakan dan ditemui pada institusi, namun cara ini akan menjadi masalah dari sisi pemilik ijazah jika terkendala masalah geografi dengan instansi Selain masalah geografi ini, adanya penumpukan permintaan verifikasi yang banyak secara mendadak karena adanya suatu kejadian seperti adanya lowongan pekerjaan akan membuat tenaga kerja dari instansi akan kewalahan.
Masalah-masalah tersebut menjadi salah satu acuan dasar adanya migrasi dari proses konvensional menjadi berbasis teknologi.
Teknologi yang dimanfaatkan untuk hal ini salah satunya adalah internet, karena teknologi ini akan menghilangkan batasan geografi dari pemilik ijazah dan instansi yang akan melakukan validasi.
Penerapan dasar teknologi internet memungkinkan berpasangan dengan penerapan solusi aplikasi berbasasis website untuk melakukan proses pendataan pemilik ijazah dalam melakukan verifikasi sehingga dari instansi tidak kewalahan jika terjadi penumpukan secara mendadak karena semua permintaan tersebut dapat terdata dengan baik.
Solusi verifikasi dan validasi berbasis teknologi ini mulai diadopsi oleh instansi-instansi pemerintah maupun swasta, seperti yang diimplemtasikan oleh Universitas Pendidikan Ganesha yang umumnya dikenal dengan singkatan Undiksha.
Proses yang disebut sebagai proses legalisir ijasah ini mulai diluncurkan tanggal 4 november 2019.
Pembangunan sistem berbasis website ini dipilih oleh Undiksha karena sistem ini tidak memerlukan adanya software khusus yang perlu diinstal pada perangkat pengguna nantinya.
Disini pengguna hanya perlu menggunakan web browser untuk mengaksesnya.
Proses yang terjadi dalam sistem ini akan meliputi pembuatan akun, mengunggah dokumen yang diperlukan, melakukan pengajuan legalisir dan melakukan pembayaran.
Sistem berbasis website ini dapat selalu dapat diakses oleh pengguna kapanpun dalam berbagai kondisi, sehingga diperlukan adanya pengujian khusus terhadap layanan ini.
Penelitian ini melukan pengujian terhadap layanan dengan menguji performa akses website, kecepatan dari server dan menguji sistem saat terjadi akses dalam jumlah tinggi.
Pengujian ini berfokus dengan menggunakan beberapa aplikasi berbasis website yaitu GTmetrix, dan LoadImpact .
DASAR TEORI/MATERIAL DAN METODOLOGI/PERANCANGAN
1 Analisa Performa Performa dalam membuka sebuah website menjadi salah satu faktor yang akan membuat pengguna nyaman dalam menggunaan layanan.
Performa ini akan dipengaruhi oleh ukuran file dari sebuah halaman yang dituju.
Searah dengan fungsinya, semakin kompleks fungsi didalamnya akan membuat ukurannya menjadi semakin besar.
Disini programmer harus dapat menyeimbangkan antara antar muka dan fungsi didalamnya untuk hasil yang terbaik.
PENGUJIAN PERFORMA DAN TINGKAT STRESS PADA WEBSITE LEGALISIR IJASAH ONLINE
UNIVERSITAS PENDIDIKAN GANESHA
JEC Vol.
6 No.
Jurnal Elektro Luceat [Jul.
Pengujian ini akan dilakukan dengan GTmetrix berbasis website yang akan melakukan simulasi pengujian melalui server dan standar yang ditentukan.
Hasil analisa performa yang didapatkan dalam proses ini adalah PageSpeed.
YSlow.
Waterwall.
Timings dan ukuran dari halaman yang dituju.
Pengujian Beban Jumlah pengguna dalam suatu waktu dapat berubah-ubah dan dari tes ini akan diuji bagaimana respon yang di berikan oleh website saat diakses dengan jumlah user yang banyak dan dalam waktu tertentu.
Pengujian akan berfokus pada sisi server tempat aplikasi website ini di Pengujian ini akan menggunakan LoadImpact yang saat ini sudah bergabung dengan k6.
hasil yang didapatkan dari pengujian ini adalah respon waktu yang dapat diberikan oleh aplikasi yang diuji saat ada jumlah user yang banyak.
Metode Penelitian Pengujian ini akan dilakukan langsung pada alamat website sistem legalisir online yaitu https://legalisir.
id, dimana komputer yang akan digunakan untuk menguji adalah cloud server yang dimiliki oleh setiap aplikasi pengujian.
Konfigurasi parameter pengujian yang dilakukan pada GTmetrix yaitu mengatur server pengujian terdekat yaitu Sydney Australia, menggunakan browser Chrome versi desktop 75.
PageSpeed versi 1.
15-gt1.
3 dan YSlow 3.
Parameter untuk pengujian beban server dengan LoadImpact dikonfigurasi dengan parameter waktu pengujian 12 menit, jumlah user yang mengakses website 50.
HTTP method GET dan lokasi server yang melakukan pengujian dipilih yang terdekat adalah Singapura, parameter ini dipilih sesuai nilai maksimum yang dapat dilakukan pada versi gratis.
Selanjutnya seluruh data yang didapatkan dianalisis sesuai dengan parameter setiap aplikasi pengujian yang digunakan dan menjadi masukkan untuk perbaikan selanjutnya.
HASIL DAN PEMBAHASAN
1 Hasil Performa Pengujian pertama dengan aplikasi GTmetrix menghasilkan nilai performa untuk PageSpeed dengan nilai F .
%) dan YSlow dengan nilai E .
%).
Kemudian untuk nilai halaman yang dituju tercatat memiliki waktu pengaksesan 2.
5 detik, total ukuran halaman yang dituju adalah 1.
dengan rata-rata jumlah permintaan yang terjadi adalah 33 yang ditunjukkan pada gambar 1 berikut.
Gambar 1.
Rangkuman performa hasil dari GTmetrix.
PENGUJIAN PERFORMA DAN TINGKAT STRESS PADA WEBSITE LEGALISIR IJASAH ONLINE
UNIVERSITAS PENDIDIKAN GANESHA
JEC Vol.
6 No.
Jurnal Elektro Luceat [Jul.
Pada gambar 1 hanya ditampilan 5 masalah dengan prioritas utama yang memperlambat proses penampilan halaman website pada browser.
Paramenter yang terlihat mencolok adalah tidak adanya atau penerapan kompresi dari sisi server, penyesuaian ukuran gambar sumber dengan gambar yang ditampilkan yang masih dapat disesuaikan, kesalahan HTTP cache headers di server web, menghilangkan beberapa kode JavaScript yang tidak terpakai dan adanya sebuah komponen yang sama pada website.
Detail dari nilai PageSpeed disajikan pada tabel 1 berikut ini.
Tabel 1.
Rincian Analisis PageSpeed Rekomendasi Enable compression Serve scaled images Leverage browser caching Minify JavaScript Serve resources from a consistent URL Optimize images Minify CSS Avoid CSS @import Defer parsing of JavaScript Specify image dimensions Avoid bad requests Avoid landing page redirects Enable Keep-Alive Inline small CSS Inline small JavaScript Minimize redirects Minimize request size Put CSS in the document head Specify a cache validator Combine images using CSS sprites Prefer asynchronous resources Specify a character set early Avoid a character set in the meta tag Nilai F .
F .
F .
F .
E .
D .
C .
A .
A .
A .
A .
A .
A .
A .
A .
A .
A .
A .
A .
A .
A .
A .
A .
Tipe Server Images Server Content Images Css Css Images Content Server Server Css Content Content Css Server Images Content Content Prioritas High High High High High High High Medium High Medium High High High High High High High High High High Medium Medium Low Pada table 1 terlihat faktor yang memperlambat performa itu bersumber dari kode program, gambar, plugins atau dari sisi server tempat website di implemntasikan.
Hasil YSlow yang merupakan perangkat untuk memberikan saran peningkatan performa yang lebih baik ditunjukkan pada tabel 2 yang berisi parameter-paramenter penilaian.
Tabel 2.
Rincian Analisis nilai YSlow.
Rekomendasi Add Expires headers Compress components Make fewer HTTP requests Use a Content Delivery Network (CDN) Use cookie-free domains Minify JavaScript and CSS Avoid URL redirects Make favicon small and cacheable Make AJAX cacheable Remove duplicate JavaScript and CSS Nilai F .
F .
F .
F .
F .
F .
A .
A .
A .
A .
Tipe
Server
Server
Content
Server
Cookie Css/Js Content
Images Css/Js Prioritas High
High
High
Medium
Low
Medium
Medium
Low
Medium
Medium
PENGUJIAN PERFORMA DAN TINGKAT STRESS PADA WEBSITE LEGALISIR IJASAH ONLINE
UNIVERSITAS PENDIDIKAN GANESHA
JEC Vol.
6 No.
Jurnal Elektro Luceat [Jul.
Avoid AlphaImageLoader filter Avoid HTTP 404 (Not Foun.
error Reduce the number of DOM elements Use GET for AJAX requests Avoid CSS expressions Reduce DNS lookups Reduce cookie size Configure entity tags (ETag.
Make JavaScript and CSS external A .
A .
A .
A .
A .
A .
A .
A .
Css Content Content Css Content Cookie Server Css/Js Medium Medium Low Low Low Low Low Low Medium Pemuatan sebuah halaman website secara detail akan ditunjukan pada gambar 2 berisi timeline proses dan kode-kode luar yang diperlukan hingga halaman yang diminta ditampilan sempurna pada browser.
Timeline ini diistilahkan dengan waterfall chart yang akan dimulai dari root direktori aplikasi hingga file atau plugins terakhir yang diperlukan oleh halaman yang diujikan termasuk jika terdapat komponen-komponen luar yang dipergunakan dalam pembuatan halaman web ini.
Gambar 2.
Waterfall chart dari halaman target.
Hasil Pengujian Beban Pengujian ini mendapatkan hasil simulasi terjadinya request sebanyak 55.
138 dengan rincial kegagalan yaitu 0, jumlah tertinggi request yang dapat dilakukan perdetik adalah 87 dan dengan rata-rata respon waktu yang didapatkan adalah 87.
84 mili detik.
Proses pegujian ini ditampilkan pada gambar 3 berikut ini.
PENGUJIAN PERFORMA DAN TINGKAT STRESS PADA WEBSITE LEGALISIR IJASAH ONLINE
UNIVERSITAS PENDIDIKAN GANESHA
JEC Vol.
6 No.
Jurnal Elektro Luceat [Jul.
Gambar 3.
Hasil visual pengujian beban.
Pada gambar 3, response time ditunjukkan dengan garis berwarna biru langit kemudian request rate ditunjukkan oleh warna ungu dan banyaknya virtual user yang melakukan akses ke dalam website tersebut ditunjukkan dengan warna hijau muda.
Pembahasan Hasil Best Practice sebuah halaman web dapat muncul secara sempurna dalam browser adalah dibawah 3 detik, sehingga merujuk pada gambar 2 didapatkan hasil sebesar 2.
47 detik untuk sebuah halaman dengan ukuran 1.
22MB, sehingga aplikasi website legalisir ijazah online Undiksha dikatakan baik.
Biarpun mendapatkan nilai F pada PageSpeed, server tempat implementasi aplikasi ini memiliki kestabilan yang baik.
Kestabilan ini terlihat dari nilai respone time pada gambar 3 yang tidak melonjak dan cenderung stabil saat mendapatkan beban yang diujikan, namun hasil dapat ditingkat lebih baik lagi dengan penyesuaian beberapa nilai parameter.
Parameter pada aplikasi yang dapat ditingkatkan sesuai hasil penelitian analisis performa yaitu salah satunya dengan mengaktifkan kompresi data yang terlihat melalui gambar 4 dapat mengurangi ukuran pengiriman data sebesar 551.
3KB.
Gambar 4.
Daftar rekomendasi file untuk dikompresi.
PENGUJIAN PERFORMA DAN TINGKAT STRESS PADA WEBSITE LEGALISIR IJASAH ONLINE
UNIVERSITAS PENDIDIKAN GANESHA
JEC Vol.
6 No.
Jurnal Elektro Luceat [Jul.
Penggunaan logo pada situs ini terdeteksi efisien terlihat dari ukuran yang terelalu besar dibandingkan dengan ukuran yang ditampilkan, hal ini dapat diperbaiki dengan melakukan resize pada file logo.
png pada folder images dari ukuran 960x948 menjadi 101x100 piksel sehingga dapat 1KB.
Selanjutnya dengan penyesuaian HTTP cache headers dengan menambahkan expiration date untuk beberapa file css dan js pada direktori backend, bower_components dan images sesuai dengan gambar 5.
Gambar 5.
Daftar file untuk ditambahkan expiration date disisi server.
Penggunaan JavaScript pada website ini perlu dilakukan penyesuaian untuk mendapatkan hasil yang lebih baik, hal ini dapat dilakukan dengan optimalisasi pada beberapa file JavaScript sesuai gambar 6 sehingga dapat menghemat 70.
4KB.
Gambar 6.
Daftar pernyesuaian yang diperlukan untuk JavaScript.
Penggunaan sebuah komponen pada halaman web disarankan menggunakan satu sumber, tidak baik menaruh lebih dari satu komponen yang memiliki fundengan gsi yang sama.
Efisiensi dapat dilakukan penghapusan dan penyesuaian penggunaan jquery.
js yang muncul pada folder backend dan bower_components.
Penyesuaian dan optimalisasi yang termasuk dalam penilaian C dan keatas dapat dilakukan secara optional dan bertahap sesuai dengan penyeimbangan antara fungsi dan user interface yang ingin dicapai.
PENGUJIAN PERFORMA DAN TINGKAT STRESS PADA WEBSITE LEGALISIR IJASAH ONLINE
UNIVERSITAS PENDIDIKAN GANESHA
JEC Vol.
6 No.
Jurnal Elektro Luceat [Jul.
KESIMPULAN Pembangunan aplikasi legalisir ijazah pada Universitas Pendidikan Ganesha berjalan dengan memperhatikan teknologi yang mumpuni dalam pembangunannya, serta didukung dengan server yang sangat handal sehinga terlihat Undiksha ingin mengedepankan user experience yang semaksimal mungkin saat digunakan.
Penyesuaian-penyesuai komponen pendukung dapat dilakukan untuk mendapatkan hasil yang lebih baik lagi sesuai dengan standar yang ditetapkan oleh aplikasi penguji performa yaitu GTmetrix.
Aspek dari segi sikuriti mungkin perlu ditingkatkan biarpun kajian ini tidak menjadi fokus dari penelitian ini.
Sesuai informasi yang didapatkan terlihat adanya vunerability atau kerentanan yang terdeteksi untuk beberapa komponen yaitu bootstrap yang masih menggunakan versi 3.
dan jquery yang masih menggunakan versi 2.
Aplikasi berbasis website seharusnyaselain memiliki user experience yang baik, harus memperhatikan sisi keamanannya.
Hal ini dapat mencegah adanya proses pembajakan terhadap aplikasi kedepannya.
Sehingga sangat disarankan untuk melakukan update terhadap komponen-komponen dan penyesuain aplikasi terhadap komponen yang baru.
DAFTAR PUSTAKA