IMPLEMENTASI SERVER SIDE RENDERING PADA SISTEM ABSENSI MAHASISWA BERBASIS WEBSITE
IMPLEMENTATION OF SERVER SIDE RENDERING ON A WEB-BASED STUDENT ATTENDANCE SYSTEM
Di era digital yang terus berkembang, teknologi informasi telah mengalami percepatan yang luar biasa, terutama dalam bidang pengembangan website. Salah satu perkembangan website saat ini menjadi salah satu aspek penting dalam lingkungan akademik adalah sistem absensi. Server side Rendering merupakan suatu teknologi rendering dalam pengembangan suatu website dimana website tersebut dirender di sisi server. Tujuan penelitian ini berfokus untuk menjelaskan dan menunjukan implementasi Server Side Rendering (SSR) pada sistem absensi mahasiswa berbasis website, menjelaskan dan membandingkan performa website yang mengimplementasikan Server Side Rendering dengan website yang mengimplementasikan Client Side Rendering (CSR). Hasil penelitian ini menunjukan bahwa implementasi Server side Rendering berhasil digunakan dan diimplementasikan pada sistem absensi mahasiswa berbasis website. Website dapat berjalan dengan baik dan dapat dirender dengan baik di sisi server. Hasil pengujian menunjukan bahwa implementasi Server side Rendering memiliki perbandingan kecepatan index (SI) memiliki rasio perbandingan ± 0,15 detik, waktu muat pertama (FCP) sebesar ± 0,20 detik, dan muat konten terbesar (FCP) sebesar sebesar ± 0,20 detik berdasarkan pengambilan data menggunakan tool pengujian yang telah ditetapkan. Pengujian dan perbandingan setiap data yang dikumpulkan menunjukan bahwa website Server side Rendering memiliki keunggulan dalam performa dan waktu muat, namun memiliki kelemahan yang sangat penting, yaitu adalah biaya beban dan pemeliharaan server dibandingakan website yang menggunakan Client side Rendering. Namun keunggulan di sisi keamanan dan SEO yang menjadi poin penting pada saat mengembangkan website Server side Rendering.
Kata Kunci : Server Side Rendering, Client Side Rendering, Performa, Website, Absensi
In the ever-evolving digital era, information technology has experienced tremendous acceleration, especially in the field of website development. One of the website developments currently becoming one of the important aspects in the academic environment is the attendance system. Server side Rendering is a rendering technology in the development of a website where the website is rendered on the server side. The purpose of this research focuses on explaining and showing the implementation of Server Side Rendering (SSR) on a web-based student attendance system, explaining and comparing the performance of websites that implement Server Side Rendering with websites that implement Client Side Rendering (CSR). The results of this research show that the implementation of Server Side Rendering is successfully used and implemented on a web-based student attendance system. The website can run well and can be rendered well on the server side. The test results show that the implementation of Server side Rendering has an index speed comparison (SI) has a comparison ratio of ± 0.15 seconds, the first load time (FCP) is ± 0.20 seconds, and the largest content load (FCP) is ± 0.20 seconds based on data collection using a predetermined testing tool. Testing and comparison of each data collected shows that Server side Rendering websites have advantages in performance and load time, but have a very important weakness, which is the cost of server load and maintenance compared to websites that use Client side Rendering. However, the advantages in terms of security and SEO are important points when developing a Server side Rendering website.
Keywords : Server Side Rendering, Client Side Rendering, performance, website, attendance