🎓 Interactive AI Education Platform — by biiproject.com

Pahami AI & LLM
dari Dalam ke Luar

Platform interaktif gratis dari biiproject.com untuk memahami cara kerja AI — tokenisasi, context window, prompt engineering, hingga 100+ istilah AI. Tanpa latar belakang teknis!

Real-time Tokenization Context Window Viz Prompt Engineering 100+ AI/LLM Terms
100+
AI Terms
5
Modules
Learning Paths
Free
Always
🤖
Apa yang terjadi saat kamu kirim pesan ke AI?

Ketika kamu mengetik "Halo AI!" — teks itu tidak langsung dimengerti. AI memecahnya jadi token, mengkonversinya ke ribuan angka, melewatkan melalui ratusan lapisan matematis, lalu memilih kata satu per satu. Simulasikan prosesnya di sini!

1
Konfigurasi Input
0.7
⚖️ Seimbang — cocok untuk percakapan umum
0.9
200
0.0
0.0
2
Tokenisasi
Teks dipotong jadi kepingan kecil
0 tokens

Warna berbeda = token berbeda. Hover untuk lihat token ID...

3
AI Processing Pipeline
Apa yang terjadi "di dalam" saat AI berpikir
Menunggu...

Pipeline akan dianimasikan step-by-step setelah kamu klik "Jalankan"...

4
Respons AI
Dihasilkan satu token pada satu waktu (autoregressive)
Respons AI akan muncul di sini dengan efek pengetikan real-time...
✂️
Apa Itu Token?

Bayangkan kamu menyusun puzzle. Sebelum menyusunnya, gambar harus dipotong jadi kepingan. Itulah tokenizer — memotong teks jadi kepingan yang bisa AI proses. Token bukan selalu satu kata — bisa jadi sebagian kata atau tanda baca. Misalnya "pembelajaran"["pembel","aj","aran"]. Ketik teks di bawah!

0
Tokens
0
Karakter
0
Kata
$0
Est. GPT-4o Cost
🧩 Visualisasi Token (hover untuk token ID)
🔢 Token IDs Simulasi
📐
BPE (Byte-Pair Encoding)

Digunakan GPT-2, GPT-3, GPT-4. Mulai dari karakter individual, pasangan yang sering muncul digabung berulang kali hingga vocabulary terbentuk.

"lowdown" → ["low","down"] "lowercase" → ["lower","case"]
🔤
WordPiece

Digunakan BERT, DistilBERT. Mirip BPE tapi menggunakan likelihood untuk memilih pasangan. Kata tidak dikenal ditandai "##".

"playing" → ["play","##ing"] "unknown" → ["un","##known"]
🌐
SentencePiece

Digunakan T5, LLaMA, Gemini. Bekerja dari raw Unicode — cocok untuk semua bahasa termasuk Indonesia.

"▁Hello" → token awal kata "▁" = spasi sebelumnya
💰 Perbandingan Harga API (per 1K tokens)

*Harga estimasi dan dapat berubah. Input biasanya lebih murah dari output.

💭
Context Window — "Meja Kerja" AI

Bayangkan kamu kerja di meja yang hanya muat sekian lembar kertas. Saat meja penuh, kertas paling lama harus dibuang untuk memberi ruang baru. Ketika percakapan terlalu panjang, bagian awal akan hilang dari "meja" AI. Itulah kenapa AI kadang "lupa" hal di awal sesi panjang.

🎛️ PILIH MODEL:
Penggunaan Context — GPT-3.5 Turbo 0%
0 tokens16,000 tokens
💬 Simulasi Percakapan
0 tokens used

Kirim pesan untuk melihat context window bertambah secara real-time...

🏗️ Apa Saja yang Masuk Context?
1
System Prompt — "Kepribadian" AI yang ditetapkan developer. Selalu ada di awal context.
2
History Chat — Semua pesan kamu + respons AI sebelumnya dalam sesi ini.
3
User Message — Pertanyaan atau instruksi terbarumu yang sedang diproses.
4
Injected Context — Dokumen, PDF, atau data yang kamu upload untuk di-analisis.
📏 Perbandingan Real-World
📄
4K tokens ≈ 3 halaman buku standar
📖
16K tokens ≈ 12 halaman (1 bab novel)
📚
128K tokens ≈ Novel The Hobbit (penuh)
🏛️
200K tokens ≈ 2 novel standar sekaligus
🌟
1M tokens ≈ Seluruh seri Harry Potter!
🎨
Prompt Engineering — Seni Berbicara dengan AI

Prompt yang baik seperti memberikan instruksi lengkap kepada asisten baru. Semakin detail dan spesifik instruksimu, semakin presisi hasilnya. Ini adalah skill yang bisa dipelajari siapa saja!

Prompt Buruk
"Tulis tentang AI"

❓ Tidak ada konteks: untuk siapa? berapa panjang? format apa?

Hasil: Artikel generik, mungkin 2000 kata, tidak relevan
Prompt Baik
"Tulis artikel 350 kata tentang dampak AI di pendidikan untuk siswa SMA. Bahasa santai, sertakan 3 contoh nyata di Indonesia, akhiri dengan 2 saran praktis."

✅ Ada: panjang, topik, audiens, tone, contoh, struktur

Hasil: Artikel fokus, sesuai target, langsung bisa dipakai
🏗️ Framework RISEN — Struktur Prompt Terbaik

Gunakan 5 elemen ini untuk hampir semua kebutuhan prompt:

R
Role
"Bertindaklah sebagai ahli UX..."
I
Instructions
"Buat wireframe konsep untuk..."
S
Steps
"Mulai dengan riset, lalu wireframe..."
E
End Goal
"Tujuannya meningkatkan konversi..."
N
Narrowing
"Fokus untuk pengguna mobile..."
🛠️ Teknik-Teknik Prompt Engineering
📝 Template Prompt Siap Pakai
📚 Kamus Lengkap AI & LLM

100+ istilah penting, dijelaskan dengan bahasa sederhana + analogi nyata sehari-hari

100+ terms
0
Total Istilah
0
Ditampilkan
8
Kategori
Semua
Filter Aktif