Surat Tugas Penelitian Jurnal Ilmiah

Surat Tugas Penelitian Jurnal Ilmiah

• By Santoso, Miftah Faroq;
• Jurnal Nasional Terakreditasi
• 81
• 489-497

Penelitian ini membahas evaluasi komparatif antara Bootstrap 5 dan Tailwind CSS sebagai framework front-end dalam pengembangan antarmuka web modern. Sebagian besar studi terdahulu lebih menyoroti Bootstrap, sementara kajian akademis tentang Tailwind masih terbatas. Metode yang digunakan adalah pengembangan lima prototipe sederhana dengan kedua framework, kemudian dianalisis berdasarkan waktu pengembangan, jumlah baris kode, maintainability, fleksibilitas desain, dan responsivitas. Hasil penelitian menunjukkan bahwa Bootstrap menghasilkan prototipe rata-rata 20–25% lebih cepat (±30 menit) dibanding Tailwind (±40 menit) berkat ketersediaan komponen siap pakai. Sebaliknya, Tailwind lebih efisien dalam struktur kode dengan penghematan sekitar 15% baris CSS tambahan, sekaligus unggul dalam fleksibilitas kustomisasi. Kontribusi penelitian ini adalah memperluas literatur perbandingan framework CSS modern dengan memberikan bukti empiris berbasis implementasi langsung, yang masih jarang dikaji secara akademis. Pemilihan framework sebaiknya disesuaikan dengan tujuan proyek: Bootstrap tepat untuk implementasi cepat, sedangkan Tailwind lebih sesuai untuk desain unik dan adaptif.

• Katakunci Bootstrap, Tailwind CSS, framework front-end, desain responsif, komparatif
• URL http://103.241.192.17/~jurnalunidha/index.php/jteksis/article/view/2260/1199
• Penerbit ,

REFERENSI

M. F. Santoso, “Jurnal Media Informatika [JUMIN] Implementasi Teknologi Frontend Modern pada Website Yellowweb: Kolaborasi Booostrap 5 Framework dan jQuery,” J. Media Inform., vol. 6, no. 2, pp. 873–883, 2025, [Online]. Available: https://www.researchgate.net/publication/388654337_Implementasi_Teknologi_Frontend_Modern_pada_Website_Yellowweb_Kolaborasi_Boostrap_5_Framework_dan_jQuery

M. F. Santoso, “MF Optimization of Delivery Management Through a Web-Based Monitoring Application Using PHP and Bootstrap,” J. Teknol. Dan Sist. Inf. Bisnis, vol. 7, no. 3, pp. 355–363, 2025, doi: 10.47233/jteksis.v7i3.1686.

M. F. Santoso, “TEKNIK SINGLE PAGE APPLICATION (SPA) LAYOUT WEB DENGAN MENGGUNAKANREACT JS DAN BOOTSTRAP,” J. Khatulistiwa Inform., vol. 9, pp. 107–114, Dec. 2021.

R. Akbar and M. Mukhtar, “Perancangan E-Tracer Study berbasis Sistem Cerdas,” J. Sisfokom (Sistem Inf. dan Komputer), vol. 9, no. 1, pp. 8–12, 2020, doi: 10.32736/sisfokom.v9i1.631.

H. Nuryansyah and E. Hermawan, “Perancangan Sistem Informasi Manajemen Ekstrakurikuler Berbasis Web Pada Sekolah Menengah Kejuruan Negeri 5 Kota Bandung,” J. Sisfokom (Sistem Inf. dan Komputer), vol. 10, no. 3, pp. 298–305, 2021, doi: 10.32736/sisfokom.v10i3.1199.

R. Kurniawan, Y. Sholva, and E. E. Pratama, “Pengembangan Front-End Aplikasi Lomba Mewarnai menggunakan HTML Canvas dengan Library React JS,” vol. 11, no. 2, pp. 211–229, 2025.

M. A. Irwansyah, T. Tursina, and A. Perwitasari, “Pengembangan Website Dinas Kesehatan Kota Singkawang,” J. Edukasi dan Penelit. Inform., vol. 6, no. 2, p. 175, 2020, doi: 10.26418/jp.v6i2.28821.

A. R. Chrismanto, A. Wibowo, L. Chrisantyo, and M. N. A. Rini, “Implementasi Feature Driven Development untuk Mempermudah Ekualitas Fitur dan Adaptasi pada Pengembangan Portal Dutatani Web dan Mobile,” J. Edukasi dan Penelit. Inform., vol. 8, no. 1, p. 62, 2022, doi: 10.26418/jp.v8i1.50715.

D. Derisma, “Analyzing User Experience of Website for the Learning of Programming Language,” J. Edukasi dan Penelit. Inform., vol. 6, no. 1, p. 1, 2020, doi: 10.26418/jp.v6i1.40000.

D. Dahnial, “Aplikasi E-Voting Untuk Pemilihan Ketua Osis Di Sma Xyz Berbasis Web Responsive,” J. Sisfokom (Sistem Inf. dan Komputer), vol. 9, no. 1, pp. 144–151, 2020, doi: 10.32736/sisfokom.v9i1.819.

D. Nasien and A. Andi, “Optimization of Genetic Algorithm in Courses Scheduling,” IT J. Res. Dev., vol. 6, no. 2, pp. 151–161, 2022, doi: 10.25299/itjrd.2022.7896.

S. Azhariyah and Muhammad Mukhlis, “Framework CSS: Tailwind CSS Untuk Front-End Website Store PT. XYZ,” J. Inform., vol. 3, no. 1, pp. 30–36, 2024, doi: 10.57094/ji.v3i1.1601.

P. P. Arhandi, S. N. Arief, and A. T. Firdausi, “JIP (Jurnal Informatika Polinema) PENGEMBANGAN WEBSITE PENDUKUNG MASTERY BASED LEARNING UNTUK PEMBELAJARAN MAHASISWA,” J. Inform. Polinema, vol. 1, no. 9, pp. 51–58, 2022.

K. Arya Bayu Wirya Kesuma, I. N. Y. A. Wijaya, and I. G. J. E. Putra, “Implementasi Next.Js, Typescript, Dan Tailwind Css Untuk Pengembangan Aplikasi Frontend Sistem Inventory Perusahaan Apar (Studi Kasus: CV Indoka Surya Jaya),” Jikom J. Inform. dan Komput., vol. 14, no. 2, pp. 95–108, 2024, doi: 10.55794/jikom.v14i2.195.

J. Firnando, B. Franko, S. Pratama Tanzil, N. Wilyanto, H. Christianto Tan, and E. M. Hartati Kom, “Pembuatan Website Menggunakan Visual Studio Code di SMA Xaverius 3 Palembang,” Fordicate, vol. 3, no. 1, pp. 1–8, 2023.

M. Dicky and S. Lubis, “Jurnal Widya DESIGN PERANCANGAN SISTEM INFORMASI WEBSITE TEXT EDITOR VISUAL STUDIO CODE Jurnal Widya,” vol. 6, no. April, pp. 34–52, 2025.

A. A. Kurniawan, “Analisis Performa Progressive Web Application (Pwa) Pada Perangkat Mobile,” J. Ilm. Inform. Komput., vol. 25, no. 1, pp. 18–31, 2020, doi: 10.35760/ik.2020.v25i1.2510.

A. Herwanto, “Analisis Perbandingan Kinerja Browser : Studi Kasus Google Chrome , Mozilla Firefox,” vol. 4, no. 3, pp. 3545–3549, 2025.

K. W. Prasastyo, “Analisis Anteseden Loyalitas Penggunaan Web Browser Google Chrome dengan Job Related It sebagai Variabel Moderating,” J. Bisnis dan Akunt., vol. 18, no. 1, pp. 63–72, 2016, [Online]. Available: https://jurnaltsm.id/index.php/JBA/article/view/38

A. T. Saputro and M. Novita, “Comparative Analysis of Express and Hono Framework Performance in Simple Registration Application,” Sinkron, vol. 9, no. 1, pp. 406–412, 2025, doi: 10.33395/sinkron.v9i1.14333.

Y. Darmi, K. Pinandita, and U. Muhammadiyah Bengkulu, “Implementasi Perbandingan Metode Graphql Dan Rest Api Pada Teknologi Nodejs Comparative Implementation of Graphql and Rest Api Methods in Nodejs Technology,” J. Inf. Technol. Comput. Sci., vol. 7, no. 1, 2024.

I. F. Balino and Y. R. Beeh, “Perancangan Sistem Aplikasi Gudang Toko Angkasa Jaya Motor Berbasis Web Menggunakan Node.Js,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 9, no. 4, pp. 2220–2232, 2024, doi: 10.29100/jipi.v9i4.5587.

P. Mata, K. Perancangan, W. Design, B. Harahap, M. R. Ramadhan, and N. Kurniawan, “Analisis Framework , Library Front-End Populer : Bootstrap , Tailwind,” vol. 4, no. 2, pp. 329–334, 2025.