Memahami Bagaimana Struktur WEB Menjadi Bagian dari Ekosistem Digital

Al Juska Sasni Akbar, M.Pd.
Guru Informatika SMA PGRI Leuwiliang

Edisi Pembelajaran Informatika Kelas XII SMA — Semester 1

DUNIA DIGITAL DIMULAI DARI STRUKTUR

Ketika kita membuka sebuah website, yang terlihat pada layar adalah halaman yang tersusun dengan teks, gambar, video, tombol, menu, tabel, dan berbagai elemen interaktif. Namun, di balik tampilan tersebut terdapat sebuah struktur yang memungkinkan browser memahami bagaimana informasi harus ditampilkan. Salah satu teknologi dasar yang digunakan untuk membangun struktur tersebut adalah HTML atau HyperText Markup Language.

HTML merupakan salah satu fondasi penting dalam perkembangan World Wide Web. Melalui HTML, sebuah dokumen dapat diberi struktur sehingga browser dapat mengenali bagian judul, paragraf, gambar, tautan, tabel, formulir, dan berbagai elemen lainnya.

Dengan demikian, belajar HTML sebenarnya bukan hanya belajar menulis kode. Siswa sedang belajar memahami bagaimana informasi digital disusun secara terstruktur.

Perhatikan contoh sederhana berikut:

<h1>Data Digital</h1>

<p>
Data merupakan bagian penting dalam kehidupan digital.
</p>

<a href="https://contoh.com">
Pelajari lebih lanjut
</a>

Kode tersebut mungkin terlihat sederhana. Namun, di dalamnya terdapat konsep penting: informasi memiliki struktur.

<h1> menunjukkan judul.

<p> menunjukkan paragraf.

<a> menunjukkan tautan.

Browser kemudian membaca struktur tersebut dan mengubahnya menjadi tampilan yang dapat dipahami manusia.

Dari sinilah kita dapat mulai memahami hubungan antara coding, struktur informasi, sistem digital, dan data.

---

HTML BUKAN BIG DATA, TETAPI MENJADI BAGIAN DARI EKOSISTEMNYA

Penting untuk memahami hubungan tersebut secara tepat.

HTML bukanlah teknologi Big Data.

HTML digunakan terutama untuk memberikan struktur pada dokumen web. Sementara itu, Big Data berkaitan dengan pengelolaan dan analisis data dalam skala besar, yang melibatkan berbagai teknologi seperti basis data, jaringan komputer, cloud computing, pemrograman, sistem terdistribusi, dan analitik data.

Namun, HTML dapat menjadi salah satu titik awal untuk memahami struktur informasi digital.

Ketika sebuah website digunakan oleh ribuan atau jutaan orang, berbagai aktivitas pengguna dapat menghasilkan data. Data tersebut kemudian dapat diproses oleh sistem lain di belakang website.

Secara sederhana, kita dapat membayangkan ekosistemnya seperti ini:

HTML

Menyusun struktur informasi

↓

WEBSITE / APLIKASI

Menyediakan layanan digital

↓

PENGGUNA

Menghasilkan aktivitas

↓

DATA

Aktivitas direkam menjadi data

↓

DATABASE

Data disimpan dan dikelola

↓

PROGRAM & ALGORITMA

Data diproses dan dianalisis

↓

BIG DATA

Data dalam skala besar dikelola dengan teknologi khusus

↓

INFORMASI & KEPUTUSAN

Hasil analisis digunakan untuk berbagai kebutuhan

Rangkaian tersebut memperlihatkan bahwa sebuah halaman web sederhana dapat menjadi bagian kecil dari ekosistem digital yang jauh lebih kompleks.

---

DARI TAG MENJADI STRUKTUR INFORMASI

Salah satu hal penting yang dipelajari dalam HTML adalah penggunaan tag.

Misalnya:

<h1>Profil Sekolah</h1>

<h2>Program Pendidikan</h2>

<p>
Sekolah menyelenggarakan berbagai program pembelajaran.
</p>

Jika diperhatikan, kode tersebut tidak hanya berisi tulisan. Kode tersebut memberikan makna struktural terhadap tulisan.

Ada judul.

Ada subjudul.

Ada paragraf.

Ada hubungan hierarkis antarelemen.

Konsep struktur seperti ini sangat penting dalam dunia digital karena komputer membutuhkan cara untuk memahami bagaimana informasi disusun.

Dalam sistem digital yang lebih kompleks, struktur informasi dapat berkembang menjadi struktur data, tabel basis data, objek, dokumen digital, hingga berbagai bentuk data yang dapat diproses oleh komputer.

Karena itu, belajar coding sejak tingkat sekolah dapat melatih siswa untuk berpikir secara terstruktur, logis, sistematis, dan algoritmis.

---

KETIKA WEBSITE MULAI MENGHASILKAN DATA

Bayangkan sebuah website sekolah yang memiliki halaman pendaftaran siswa.

Halaman tersebut dapat dibuat menggunakan HTML:

<form>
  <input type="text" placeholder="Nama">
  <input type="email" placeholder="Email">
  <button>Kirim</button>
</form>

HTML menyediakan struktur formulir.

Namun, ketika siswa menekan tombol Kirim, prosesnya belum berhenti.

Data yang dimasukkan dapat dikirim ke server.

Server dapat memproses data.

Data dapat disimpan dalam database.

Kemudian sistem dapat menghasilkan informasi.

Di sinilah kita mulai melihat bahwa website modern bukan hanya kumpulan halaman HTML.

Website dapat menjadi sistem informasi digital.

Secara sederhana:

HTML → FORM → INPUT PENGGUNA → SERVER → DATABASE → PENGOLAHAN → INFORMASI

Apabila sistem tersebut digunakan oleh banyak orang dan berlangsung dalam waktu lama, jumlah data yang dihasilkan dapat berkembang sangat besar.

---

DARI DATABASE MENUJU BIG DATA

Database digunakan untuk menyimpan dan mengelola data secara terstruktur. Sekolah misalnya dapat memiliki database siswa yang berisi identitas, kelas, nilai, kehadiran, dan berbagai informasi administrasi.

Namun, bayangkan sebuah platform pendidikan yang digunakan oleh jutaan siswa dari berbagai wilayah.

Data yang dihasilkan tidak lagi hanya berupa data identitas.

Sistem dapat menghasilkan:

data aktivitas belajar,

data waktu akses,

data hasil kuis,

data interaksi,

data video yang ditonton,

data perangkat yang digunakan,

data lokasi,

dan berbagai data lainnya.

Ketika data tersebut berkembang dalam jumlah, kecepatan, dan keragaman yang sangat besar, diperlukan teknologi dan pendekatan khusus untuk mengelolanya.

Di sinilah konsep Big Data menjadi relevan.

Dengan demikian, siswa dapat melihat perkembangan konsep secara bertahap:

CODING

↓

STRUKTUR DIGITAL

↓

WEBSITE

↓

SISTEM INFORMASI

↓

DATABASE

↓

PENGOLAHAN DATA

↓

ANALISIS DATA

↓

BIG DATA

Ini bukan berarti HTML secara langsung “berubah menjadi” Big Data. Yang dimaksud adalah bahwa HTML dapat menjadi pintu masuk untuk memahami bagaimana informasi digital disusun, sementara Big Data merupakan bagian dari ekosistem teknologi yang lebih luas.

---

STRUKTUR DIGITAL ADALAH KUNCI

Dalam kehidupan sehari-hari, kita sering melihat informasi dalam bentuk yang teratur.

Sebuah berita memiliki judul, tanggal, penulis, isi, gambar, dan kategori.

Sebuah toko online memiliki nama produk, harga, gambar, deskripsi, stok, dan transaksi.

Sebuah sekolah memiliki data siswa, guru, kelas, jadwal, nilai, dan kehadiran.

Semua informasi tersebut memiliki struktur.

Komputer dapat bekerja dengan informasi tersebut karena data dapat direpresentasikan dan diorganisasikan dalam bentuk yang dapat diproses.

HTML mengajarkan siswa salah satu bentuk dasar struktur informasi digital.

Ketika siswa menulis:

<h1>Nama Sekolah</h1>
<p>Informasi sekolah</p>

siswa sebenarnya sedang memberikan instruksi mengenai struktur dokumen.

Ketika siswa belajar database, mereka mulai mengenal struktur data.

Ketika siswa belajar algoritma, mereka mempelajari bagaimana data dapat diproses.

Ketika siswa belajar analisis data, mereka mempelajari bagaimana data dapat menghasilkan informasi.

Dan ketika data mencapai skala yang sangat besar, siswa memasuki pembahasan mengenai Big Data