FEASY: PENYEDIA STARTER KIT UNTUK PENGEMBANGAN ANTARMUKA PADA WEB

PRILIVIA RULI F, Muhammad Rifqi Al Fauzan, S.Si., M.Sc.

2019 | Tugas Akhir | D3 Komputer dan Sistem Informasi

Di tengah banyaknya permintaan pembuatan web, para pengembang web dituntut untuk dapat memenuhi kebutuhan web dalam waktu seefisien mungkin agar web dapat segera digunakan. Hal ini memaksa para pengembang web untuk dapat menemukan cara terpraktis agar dapat bekerja secara efisien dan efektif. Pada praktiknya, seorang pengembang web akan membutuhkan beberapa library sekaligus untuk menunjang pekerjaan mereka, sehingga mereka diharuskan untuk mengunduh satu persatu library yang mereka butuhkan pada masing-masing situs penyedia. Kemudian nanti ketika mereka akan memulai proyek baru dengan kebutuhan library yang sama, mereka harus melakukan beberapa unduhan itu kembali. Berdasarkan permasalahan mengenai tuntutan waktu yang ringkas dan pekerjaan yang praktis bagi para pengembang web, untuk itu dalam tugas akhir ini akan dibuat sebuah sistem penyedia starter kit untuk pengembangan antarmuka web yang berisi format dasar desain web yang dapat dikustomisasi sesuai dengan kebutuhan. Environment dan libraries yang disediakan dalam starter kit meliputi Sass, Minified CSS dan Minified JS, GruntJS sebagai task runner, Bootstrap, JQuery, Owl Carousel, serta codekit. Sistem ini dikembangkan menggunakan NextJS yang merupakan framework dari ReactJS untuk bagian antarmuka serta ExpressJS untuk bagian back-end development. Hasil penelitian menunjukkan bahwa sistem penyedia starter kit ini mampu membantu pengguna ketika proses inisiasi proyek pengembangan tema antarmuka web dengan beragam komponen halaman yang disediakan. Penilaian oleh responden menyatakan bahwa sistem ini layak digunakan.

In the case of many requests for web creation, web developers are required to be able to meet the needs of the web as efficiently as possible so that the web can be used immediately. This forces web developers to find the most practical way to work efficiently and effectively. In practice, a web developer will need several libraries at the same time to support their work, so they have to download one by one of the libraries they need at each provider site. Later when they will start another project with the same library needs, they will have to do some of the downloads again. Based on the problems regarding the demands of a short time and practical work for web developers, for this final project, a starter kit generator system will be created for the development of a web interface which contains basic web design formats that can be customized according to needs. The environment and libraries provided in the starter kit include Sass, Minified CSS, Minified JS, GruntJS as task runners, Bootstrap, JQuery, Owl Carousel, and CodeKit. This system was developed using NextJS which is a framework of ReactJS for the front-end parts and ExpressJS for the back-end part. The results of the study show that the starter kit generator system can assist users when the initiation process of developing a web interface theme with a variety of page components provided. Assessment by respondents stated that this system is feasible to use.

Kata Kunci : Sistem penyedia starter kit, aplikasi web, ReactJS, NextJS, ExpressJS