Rancang Bangun Framework Cascading Style Sheets untuk Membantu Pengembang Tingkat Pemula di Indonesia dalam Membangun Tampilan Antarmuka Halaman Web

BAGAS NUR PRASETYO, Muhammad Fakhrurrifqi, S.Kom., M.Cs

2021 | Tugas Akhir | D3 Komputer dan Sistem Informasi

Framework atau kerangka kerja merupakan sebuah wadah kode program yang digunakan oleh para pengembang perangkat lunak untuk membantu dalam menangani kode program baik untuk sebagian maupun seluruh sistem perangkat lunak yang dibuat. Salah satu kerangka kerja yang berfokus dalam pengembangan tampilan antarmuka dan frontend pada halaman web yaitu framework CSS. Penggunaan kerangka kerja CSS oleh pengembang halaman web di Indonesia menunjukkan minat yang tinggi. Namun dengan rendahnya tingkat literasi dan indeks kecakapan Bahasa Inggris di Indonesia juga membuat pengembang tingkat pemula sulit dalam membaca/memahami dokumentasi framework. Hal tersebut dikarenakan, sebagian besar kerangka kerja yang tersedia saat ini menggunakan dokumentasi dalam Bahasa Inggris. Ditambah lagi dengan sulitnya pengembang tingkat pemula dalam melakukan customize komponen/elemen kerangka kerja. Merujuk dari permasalahan tersebut, dibuatlah kerangka kerja cascading style sheet bernama Frastyle CSS Framework dan sistem dokumentasi Bahasa Indonesia berbasis web. Kerangka kerja dibuat untuk memudahkan customize komponen dan pengembangan. Web dokumentasi dibangun menggunakan bahasa pemrograman Javascript dan library ReactJS, sedangkan untuk framework menggunakan bahasa Cascading Style Sheet dengan preprocessor SASS. Adapun hasil penelitian menunjukkan sistem dokumentasi telah berjalan dengan baik, namun perlu peningkatan pada fungsi pencarian konten dokumentasi. Hasil pengujian kerangka kerja juga telah berjalan dengan baik dan mendapat respons yang positif, namun perlu peningkatan pembuatan elemen/komponen.

A framework is a container of program code used by software developers to assist in handling program code for both part and all software systems. One framework that focuses on the development of interface and frontend on websites is the CSS framework. Website developers in Indonesia who use CSS frameworks show high interest. But with the low level of literacy and English proficiency index in Indonesia also makes it difficult for entry-level developers to read/understand the framework documentation. This is because most of the frameworks available today use documentation in English. In addition, coupled with the difficulty of entry-level developers in customizing components/elements of the framework. Referring to the problem, a cascading style sheet framework was created called Frastyle CSS Framework and a web documentation using Indonesia language. Frameworks created to make it easier to customize components and developments. The documentation website is built using Javascript language and ReactJS libraries, while for frameworks using Cascading Style Sheet language with SASS preprocessor. The results obtained show that the documentation system has been running well, but needs improvements to the documentation search function. The results of the framework testing have also been going well and getting a positive response, but it needs to improve the creation of elements/components.

Kata Kunci : Antarmuka, CSS, Dokumentasi, Framework, Halaman Web