Filosofi Atribut Class

Panduan arsitektur identitas kelompok dalam pengembangan web modern.

Apa itu Atribut Class?

Atribut class adalah identitas kelompok yang bersifat global. Berfungsi sebagai hook (kait) yang menghubungkan struktur HTML dengan gaya di CSS atau logika di JavaScript.

Pilar Reusability

Satu nama kelas dapat digunakan berulang kali pada elemen yang berbeda. Ini memungkinkan konsistensi visual tanpa perlu menulis ulang kode CSS yang sama.

Modularitas (Multi-Class)

Satu elemen dapat memiliki banyak kelas sekaligus, cukup dipisahkan dengan spasi. Contoh: class="box hijau tebal".

Contoh Implementasi dalam Riset :

Dalam proyek Analisis Rute Banjir Samarinda atau Sentiment Analysis, class memiliki peran strategis:

Visualisasi Algoritma: Menggunakan kelas .route-optimal untuk mewarnai jalur tercepat hasil Dijkstra.
Data Labeling: Menggunakan kelas .status-positive untuk mewarnai baris tabel hasil klasifikasi sentimen secara otomatis.
Dynamic UI: Menggunakan JavaScript untuk mengubah class menjadi .status-warning jika tinggi air terdeteksi naik.

Contoh Praktek : (Live Preview)

Sentiment: Positif

Ulasan Konsumen Shopee

"Aplikasi sangat user-friendly dan membantu pengiriman di Samarinda."

Sentiment: Negatif

Data Banjir Lempake

Terdeteksi genangan air setinggi 40cm di Jl. Girirejo. Rute terblokir.