Bagaimana Komputer Merepresentasikan Informasi

Opening Image

Bahasa Rahasia Komputer

Bayangkan segala sesuatu yang kamu lihat di layar—emoji, foto, musik, game...

😀

Emoji

🎵

Musik

🎮

Game

📸

Gambar

...semuanya terbuat dari hanya dua simbol:

0 1 0 1 0 1

Theme Stated

"Di dunia digital, semuanya adalah angka, dan setiap angka dapat direpresentasikan sebagai angka nol dan satu."

Ini adalah fondasi dari computer science.

Setup

Tantangan: Dua Dunia

Dunia Kita 🌍

Kita memahami informasi yang kaya:

  • Teks: "Halo, Dunia!"
  • Angka: 1, 2, 3, 1234, 1 juta
  • Gambar: foto berwarna
  • Suara: musik, suara
  • Video: film, animasi
Dunia Komputer 💻

Hanya mengetahui dua status:

HIDUP (1) / MATI (0)

1

Saklar HIDUP

0

Saklar MATI

Pertanyaan Besar:

Bagaimana kita menjembatani kedua dunia ini? 🌉

Catalyst

Tantangan Pertama

Mari mulai dari yang sederhana: Bagaimana kita merepresentasikan angka 11 dalam binary?

Sistem angka kita

11

Desimal (basis 10)

Sistem komputer

????

Binary (basis 2)

Jika kita bisa menyelesaikan ini, kita bisa merepresentasikan ANGKA APAPUN! 🚀

Break into Two

Memahami Sistem Angka

Desimal (Basis 10) - Yang Kita Ketahui

Angka 1234 dipecah menjadi:

$1234 = 1 \times 10^3 + 2 \times 10^2 + 3 \times 10^1 + 4 \times 10^0$

$1234 = 1000 + 200 + 30 + 4$

Binary (Basis 2) - Bahasa Komputer

Ide yang sama, tapi dengan pangkat 2:

$1011_2 = 1 \times 2^3 + 0 \times 2^2 + 1 \times 2^1 + 1 \times 2^0$

$1011_2 = 8 + 0 + 2 + 1 = 11_{10}$

$11_{10}$ = $1011_2$! ✓

Fun and Games - Numbers & Text

Mengonversi Semuanya ke Angka

Langkah 1: Menguasai Konversi Binary

Metode Pembagian untuk 23:

23 ÷ 2 = 11 sisa 1
11 ÷ 2 = 5 sisa 1
5 ÷ 2 = 2 sisa 1
2 ÷ 2 = 1 sisa 0
1 ÷ 2 = 0 sisa 1

Baca dari bawah ke atas: 10111

Langkah 2: Teks = Angka!

Sistem ASCII:

'A' → 65 → 01000001₂
'a' → 97 → 01100001₂
'0' → 48 → 00110000₂

Unicode untuk Semua Orang

Karakter global:

'你' → U+4F60
'😀' → U+1F600
4 miliar+ karakter!

Fun and Games - Images

Langkah 3: Gambar = Angka Berwarna

Pixel: Titik-Titik Kecil Warna

Setiap gambar terbuat dari pixel. Setiap pixel memiliki warna yang didefinisikan dengan mencampur cahaya Merah, Hijau, dan Biru.

Merah

(255, 0, 0)

Hijau

(0, 255, 0)

Biru

(0, 0, 255)

Kuning

(255, 255, 0)

Putih

(255, 255, 255)

Hitam

(0, 0, 0)

Matematikanya:

3 warna × 256 nilai masing-masing = 16.777.216 warna yang mungkin!

Gambar 1920×1080 = 2.073.600 pixel × 3 byte = ~6 MB!

Midpoint

Pertanyaan Kritis 🤔

Tunggu... Bagaimana Komputer Tahu?

Kita bisa merepresentasikan semuanya sebagai angka. Tapi lihat ini:

01001000 01000101 01001100 01001100 01001111

Apakah ini:

  • Teks "HELLO"?
  • Lima angka terpisah (72, 69, 76, 76, 79)?
  • Bagian dari data warna gambar?
  • Sampel gelombang suara?

Masalahnya:

Urutan binary yang sama bisa berarti hal yang berbeda! Bagaimana komputer memutuskan? 😰

All Is Lost

Tantangan Kompleksitas

Skala Masalah

📸 Gambar:

Jutaan pixel, masing-masing dengan 3 nilai warna

Bagaimana kita tahu di mana satu pixel berakhir dan yang lain dimulai?

🎵 Suara:

44.100 sampel per detik untuk kualitas CD

Bagaimana kita membedakan suara dari data gambar?

🎬 Video:

24-60 gambar per detik, masing-masing dengan jutaan pixel

Bagaimana kita mengorganisir jumlah data yang sangat besar ini?

😱 Tanpa konteks, itu hanya byte yang tidak bermakna!

Break into Three

💡 Solusinya: Konteks!

Format File Memberikan Konteks

Keajaibannya: File Header

Setiap file dimulai dengan byte khusus yang memberi tahu komputer jenis data apa yang mengikuti:

FF D8 FF...

Gambar .JPEG

→ Decode sebagai pixel

89 50 4E 47...

Gambar .PNG

→ Decode sebagai pixel

25 50 44 46...

Dokumen .PDF

→ Decode sebagai teks/grafik

FF FB...

Audio .MP3

→ Decode sebagai suara

Byte yang sama, makna yang berbeda—berkat konteks! ✓

Finale

Sistem Lengkap

Bagaimana Semuanya Bersatu

1️⃣ Angka
Desimal → Binary menggunakan metode pembagian
23₁₀ = 10111₂

2️⃣ Teks
Karakter → kode ASCII/Unicode → Binary
'A' = 65 = 01000001₂

3️⃣ Gambar
Pixel → nilai RGB (0-255) → Binary
(255,0,0) = Pixel merah

4️⃣ Suara
Gelombang → Sampel (44.1k/detik) → Binary
Kontinu → Digital

5️⃣ Video
Urutan gambar → 24-60 fps → Binary
Efek flipbook

6️⃣ Konteks
File header memberi tahu komputer cara menginterpretasi
.jpg, .mp3, .txt

Kekuatannya:
Setiap aplikasi, website, film, dan game dibangun di atas fondasi representasi binary ini!

Final Image

Dari 0 dan 1 ke Segalanya

Hardware 💾

Transistor: miliaran saklar kecil

HIDUP = 1, MATI = 0

Software 💻

Program yang menginterpretasi binary

Angka → Teks → Gambar → Suara

Fondasi Computer Science

Semuanya adalah informasi. Informasi adalah angka. Angka adalah binary.

Poin-Poin Penting
Binary (0,1) sesuai dengan status transistor
Angka dikonversi menggunakan metode pembagian
Teks menggunakan encoding ASCII/Unicode
Gambar = pixel dengan RGB (0-255)
Video = urutan gambar yang cepat
Suara = data gelombang yang di-sampling

"Memahami representasi adalah langkah pertama untuk memahami komputasi."

- QuiverLearn