System Requirements Document for bot-exam

1. Introduction

bot-exam adalah bot otomatisasi yang menjawab soal ujian secara otomatis pada sesi exam di web mana pun. Produk ini ditujukan untuk Exam Taker (Pengguna Bot) — pengguna yang sedang menghadapi soal ujian di sebuah situs ujian dan ingin agar bot mendeteksi soal tersebut, mengisi jawaban dengan AI, mengejar nilai di atas KKM, menyediakan penjelasan lengkap atas setiap jawaban, membuka ChatGPT sebagai tujuan eksternal, dan menjalankan seluruh aktivitas dalam mode samaran (stealth) agar tidak terdeteksi.

Inti produk adalah satu janji: mesin yang bertindak tanpa terlihat atas nama pengguna. Seluruh pengalaman dirancang sebagai kokpit misi gelap — bukan aplikasi belajar yang ramah — dengan data HUD yang hidup, panel kaca mengambang, dan garis cahaya tipis di atas kanvas gelap.

2. System Overview

bot-exam berjalan sebagai aplikasi dengan UI kustom dan otomatisasi latar belakang. Pengguna membuka Landing sebagai titik masuk anonim yang menjelaskan fungsi bot, lalu masuk ke Exam Session untuk memulai bot pada sesi exam yang sedang berjalan di situs ujian target. Bot mendeteksi soal dari situs target, mengirimkannya untuk dijawab oleh AI, dan mengisi jawaban secara otomatis. Pengguna memantau hasil pengisian di Answers, membaca penjelasan lengkap di Explanations, dan mengaktifkan Stealth Mode agar aktivitas bot tidak terdeteksi. Fitur buka ChatGPT membuka ChatGPT sebagai tujuan eksternal dari dalam bot.

Aktor manusia tunggal yang didukung sumber adalah Exam Taker (Pengguna Bot). ChatGPT adalah tujuan eksternal (bukan aktor manusia di dalam produk). Situs ujian target adalah sistem eksternal yang harus dapat diakses oleh bot.

2a. Product Interpretation and Delivery Boundary

Kepemilikan delivery dan akses. Seluruh permukaan produk saat ini adalah halaman kustom milik aplikasi: Landing, Exam Session, Answers, Explanations, dan Stealth Mode. Tidak ada permukaan berakses terlindungi yang ditetapkan sumber; kelima halaman dapat dijangkau tanpa identitas aplikasi. Karena tidak ada kebutuhan sumber yang menuntut kepemilikan privat atas state durable yang harus dilanjutkan kembali oleh pengguna tertentu, tidak ada identitas milik aplikasi yang diinferensikan dan tidak ada kontrol izin berjenjang yang ditetapkan.

Batas saat ini. Yang termasuk lingkup saat ini: otomatisasi jawab soal exam dari web mana pun, pengisian jawaban oleh AI, target nilai di atas KKM, penjelasan lengkap, fitur buka ChatGPT, dan mode samaran.

Prasyarat yang harus dipenuhi pengguna (bukan kapabilitas produk). Pengguna harus sudah memiliki sesi exam yang aktif pada situs web target sebelum bot dapat dijalankan, dan situs target harus dapat diakses oleh bot agar soal dapat dideteksi dan jawaban AI dapat diisi. ChatGPT tetap merupakan tujuan eksternal yang dibuka dari dalam bot, bukan bagian yang dimiliki produk.

Batas masa depan. Tidak ada kebutuhan masa depan yang ditetapkan sumber. Tidak ada kapabilitas di luar enam fitur yang diminta yang termasuk dalam lingkup saat ini.

2b. Source Content Inventory

Tidak ada direktif referensi dengan content_source pada sumber, sehingga tidak ada inventaris konten yang disertakan.

2c. Page Content and Component Coverage

Landing

• Informasi/state: penjelasan anonim mengenai bot yang mengotomatisasi jawaban soal exam di web mana pun; ringkasan enam fungsi utama (jawab soal otomatis, jawaban diisi AI, target nilai di atas KKM, penjelasan lengkap, buka ChatGPT, mode samaran); status rail mono vertikal berisi baris hidup seperti target situs, ambang KKM, jumlah jawaban terisi, dan status stealth.
• Aksi utama: masuk ke Exam Session untuk memulai bot.
• Aksi pendukung: membaca ringkasan fungsi; melihat status stealth saat ini.
• Entitas domain: sesi exam target, ambang KKM, status stealth.
• Tanggung jawab komponen: hero full-bleed dengan subjek 3D real-time "exam core" (polihedron transparan bertepi wireframe cyan dengan debu partikel) yang berputar lambat di kanan-tengah dan sebagian keluar dari tepi kanan; headline besar Space Grotesk tiga baris rata kiri; rail status mono vertikal 12% lebar di kiri; tombol CTA bertepi chamfer cyan di kiri-bawah; toggle stealth magenta di samping CTA; panel kaca telemetri dengan bracket sudut dan hairline cyan 1px yang menumpuk tepi scene.
• State: loading — kerangka HUD statis dengan rail status dan placeholder headline; empty — tidak ada sesi exam terdeteksi, rail menampilkan target kosong; success — hero dan rail tampil penuh dengan status stealth terbaca; error — subjek 3D gagal dirender, hero jatuh ke frame HUD statis dengan informasi yang sama; recovery — pengguna tetap dapat melanjutkan ke Exam Session meski hero statis.

Exam Session

• Informasi/state: sesi exam aktif pada situs target; soal yang terdeteksi; status bot berjalan atau berhenti; progres pengisian jawaban; ambang KKM yang ditargetkan.
• Aksi utama: memulai bot pada sesi exam yang sedang berjalan; menghentikan bot.
• Aksi pendukung: memilih/mengonfirmasi situs ujian target yang dapat diakses bot; melihat soal yang terdeteksi; berpindah ke Answers, Explanations, atau Stealth Mode.
• Entitas domain: sesi exam, soal exam, jawaban AI, ambang KKM, status bot.
• Tanggung jawab komponen: panel kaca chamfer dengan bracket sudut untuk kontrol mulai/hentikan; daftar soal terdeteksi dengan baris data bergaris; indikator progres pengisian; rail status mono yang menampilkan target situs dan status stealth; transisi scroll-scrubbed dari hero Landing yang mendorong subjek 3D ke belakang.
• State: loading — bot sedang mendeteksi soal pada situs target; empty — belum ada soal terdeteksi pada sesi exam; success — soal terdeteksi dan pengisian jawaban AI berjalan; error — situs target tidak dapat diakses bot atau sesi exam tidak ditemukan, dengan pesan kegagalan dan tombol coba lagi; recovery — pengguna dapat memulai ulang bot setelah memastikan sesi exam aktif dan situs target dapat diakses.

Answers

• Informasi/state: daftar jawaban yang telah diisi AI pada soal exam yang sedang berjalan; status per soal (terisi/menunggu); target nilai di atas KKM; gauge HUD radial untuk skor terhadap garis KKM.
• Aksi utama: memantau jawaban yang telah diisi AI.
• Aksi pendukung: membuka penjelasan sebuah jawaban di Explanations; kembali ke Exam Session.
• Entitas domain: soal exam, jawaban AI, skor, ambang KKM.
• Tanggung jawab komponen: gauge radial dengan jarum cyan yang menyapu dan angka yang menghitung naik melewati garis KKM yang digambar sebagai tick magenta; baris data bergaris untuk setiap soal dan jawaban terisi; rail status mono yang menampilkan jumlah jawaban terisi; panel kaca telemetri yang menumpuk tepi scene.
• State: loading — jawaban sedang dimuat dari sesi berjalan; empty — belum ada jawaban terisi; success — jawaban terisi tampil dengan skor di atas garis KKM; error — jawaban gagal dimuat atau skor tidak dapat dihitung, dengan pesan dan tombol muat ulang; recovery — pengguna dapat kembali ke Exam Session dan menjalankan ulang bot.

Explanations

• Informasi/state: penjelasan lengkap atas jawaban yang diberikan AI untuk setiap soal; keterkaitan penjelasan dengan soal dan jawaban terkait.
• Aksi utama: membaca penjelasan lengkap sebuah jawaban.
• Aksi pendukung: berpindah antar soal; kembali ke Answers; membuka ChatGPT sebagai tujuan eksternal.
• Entitas domain: soal exam, jawaban AI, penjelasan.
• Tanggung jawab komponen: panel kaca chamfer berisi teks penjelasan dengan tipografi body IBM Plex Mono; baris data bergaris untuk navigasi antar soal; rail status mono; tombol buka ChatGPT bertepi chamfer cyan.
• State: loading — penjelasan sedang dihasilkan atau dimuat; empty — belum ada penjelasan untuk soal yang dipilih; success — penjelasan lengkap tampil; error — penjelasan gagal dimuat, dengan pesan dan tombol coba lagi; recovery — pengguna dapat memilih soal lain atau kembali ke Answers.

Stealth Mode

• Informasi/state: status mode samaran (armed/tidak armed); indikator risiko deteksi; status aktivitas bot yang tidak terdeteksi.
• Aksi utama: mengaktifkan mode samaran agar aktivitas bot tidak terdeteksi.
• Aksi pendukung: menonaktifkan mode samaran; kembali ke Exam Session.
• Entitas domain: status stealth, risiko deteksi, sesi exam.
• Tanggung jawab komponen: toggle stealth magenta; sapuan scanline melintasi seluruh viewport saat mode diaktifkan; rail status, tick gauge, dan outline CTA berubah menjadi magenta #FF2E88 untuk menandai cover; pulse alarm magenta hanya ketika stealth terganggu.
• State: loading — mode samaran sedang diaktifkan; empty — mode samaran belum pernah diaktifkan; success — mode samaran armed dan seluruh antarmuka berubah magenta; error — mode samaran gagal diaktifkan, dengan pesan dan tombol coba lagi; recovery — pengguna dapat mencoba mengaktifkan ulang atau melanjutkan tanpa mode samaran.

3. Functional Requirements

FR-1 — Jawab soal otomatis dari web mana pun (explicit) As an Exam Taker (Pengguna Bot), I should dapat menjalankan bot yang menjawab soal exam secara otomatis pada sesi exam di web mana pun, sehingga soal pada situs ujian target terisi tanpa saya mengerjakannya manual.

• Aktor: Exam Taker (Pengguna Bot).
• Trigger/input: pengguna memulai bot pada sesi exam yang sedang berjalan di situs ujian target.
• Hasil/state yang dapat diamati: soal pada situs target terdeteksi dan jawaban terisi secara otomatis; progres pengisian terlihat pada rail status dan daftar soal.
• Access state: halaman Exam Session dapat dijangkau tanpa identitas aplikasi.
• Kegagalan/recovery: jika situs target tidak dapat diakses bot atau sesi exam tidak ditemukan, bot menampilkan kegagalan dan pengguna dapat memulai ulang setelah memastikan sesi exam aktif.
• Kelanjutan: pengguna berpindah ke Answers untuk memantau jawaban terisi.
• Batasan sumber: cakupan target soal adalah exam dari web mana pun, tidak dibatasi satu situs ujian tertentu.

FR-2 — Jawaban diisi oleh AI (explicit) As an Exam Taker (Pengguna Bot), I should mendapatkan jawaban yang diisi oleh AI, bukan diisi manual oleh saya, sehingga setiap soal terjawab oleh AI.

• Aktor: Exam Taker (Pengguna Bot).
• Trigger/input: soal terdeteksi pada sesi exam yang sedang berjalan.
• Hasil/state yang dapat diamati: jawaban AI terisi pada soal; status per soal berubah menjadi terisi.
• Access state: halaman Exam Session dapat dijangkau tanpa identitas aplikasi.
• Kegagalan/recovery: jika jawaban AI gagal dihasilkan atau gagal diisi, soal tetap dalam status menunggu dan pengguna dapat menjalankan ulang bot.
• Kelanjutan: jawaban terisi muncul di Answers.
• Batasan sumber: jawaban harus diisi oleh AI, bukan diisi manual oleh pengguna.

FR-3 — Target auto nilai di atas KKM (explicit) As an Exam Taker (Pengguna Bot), I should melihat bot menargetkan nilai di atas KKM, sehingga hasil pengisian jawaban AI melewati ambang KKM.

• Aktor: Exam Taker (Pengguna Bot).
• Trigger/input: bot berjalan pada sesi exam dengan ambang KKM yang ditargetkan.
• Hasil/state yang dapat diamati: gauge radial menampilkan skor yang menghitung naik melewati garis KKM yang digambar sebagai tick magenta.
• Access state: halaman Answers dapat dijangkau tanpa identitas aplikasi.
• Kegagalan/recovery: jika skor tidak dapat dihitung atau tidak melewati KKM, pengguna dapat kembali ke Exam Session dan menjalankan ulang bot.
• Kelanjutan: pengguna membaca penjelasan di Explanations.
• Batasan sumber: target hasil nilai adalah di atas KKM.

FR-4 — Penjelasan lengkap (explicit) As an Exam Taker (Pengguna Bot), I should mendapatkan penjelasan lengkap untuk jawaban yang diberikan AI, sehingga saya dapat memahami alasan setiap jawaban.

• Aktor: Exam Taker (Pengguna Bot).
• Trigger/input: jawaban AI telah terisi pada sebuah soal.
• Hasil/state yang dapat diamati: penjelasan lengkap tampil untuk soal dan jawaban terkait.
• Access state: halaman Explanations dapat dijangkau tanpa identitas aplikasi.
• Kegagalan/recovery: jika penjelasan gagal dimuat, pengguna dapat memilih soal lain atau kembali ke Answers dan mencoba lagi.
• Kelanjutan: pengguna dapat berpindah antar soal atau membuka ChatGPT.
• Batasan sumber: penjelasan harus lengkap.

FR-5 — Buka ChatGPT (explicit) As an Exam Taker (Pengguna Bot), I should dapat membuka ChatGPT dari dalam bot, sehingga saya dapat mengakses ChatGPT sebagai tujuan eksternal saat meninjau jawaban.

• Aktor: Exam Taker (Pengguna Bot).
• Trigger/input: pengguna memilih aksi buka ChatGPT.
• Hasil/state yang dapat diamati: ChatGPT terbuka sebagai tujuan eksternal.
• Access state: aksi tersedia dari halaman Explanations tanpa identitas aplikasi.
• Kegagalan/recovery: jika ChatGPT tidak dapat dibuka, pengguna tetap berada di halaman saat ini dan dapat mencoba lagi.
• Kelanjutan: pengguna kembali ke penjelasan atau ke Answers.
• Batasan sumber: ChatGPT tetap merupakan tujuan eksternal yang dibuka dari dalam bot.

FR-6 — Mode samaran (stealth) (explicit) As an Exam Taker (Pengguna Bot), I should dapat mengaktifkan mode samaran, sehingga aktivitas bot tidak terdeteksi.

• Aktor: Exam Taker (Pengguna Bot).
• Trigger/input: pengguna mengaktifkan toggle stealth.
• Hasil/state yang dapat diamati: mode samaran armed; sapuan scanline melintasi viewport; rail status, tick gauge, dan outline CTA berubah menjadi magenta #FF2E88; pulse alarm magenta muncul hanya ketika stealth terganggu.
• Access state: halaman Stealth Mode dapat dijangkau tanpa identitas aplikasi.
• Kegagalan/recovery: jika mode samaran gagal diaktifkan, pengguna dapat mencoba ulang atau melanjutkan tanpa mode samaran.
• Kelanjutan: pengguna kembali ke Exam Session dengan mode samaran aktif.
• Batasan sumber: mode samaran harus tersedia sebagai fitur.

FR-7 — Prasyarat sesi exam pada situs target (required_inference) As an Exam Taker (Pengguna Bot), I should memiliki sesi exam yang aktif pada situs web target sebelum bot dijalankan, sehingga bot dapat mendeteksi soal dan mengisi jawaban AI.

• Aktor: Exam Taker (Pengguna Bot).
• Trigger/input: pengguna membuka Exam Session dan mengonfirmasi situs ujian target.
• Hasil/state yang dapat diamati: sesi exam terdeteksi dan siap dijalankan bot.
• Access state: halaman Exam Session dapat dijangkau tanpa identitas aplikasi.
• Kegagalan/recovery: jika sesi exam tidak ditemukan atau situs target tidak dapat diakses bot, bot menampilkan kegagalan dan pengguna dapat mencoba lagi setelah sesi tersedia.
• Kelanjutan: pengguna memulai bot pada sesi exam tersebut.

4. User Personas

Exam Taker (Pengguna Bot)

Konteks produk. Pengguna menghadapi soal ujian pada sebuah situs ujian di web mana pun dan ingin agar bot menjawab soal tersebut secara otomatis. Ia bekerja di bawah tekanan, sering pada malam hari, dan menginginkan pengalaman yang terasa seperti menjalankan operasi senyap — bukan mengisi formulir.

Tujuan utama. Menyelesaikan soal exam dengan jawaban yang diisi AI, mencapai nilai di atas KKM, memperoleh penjelasan lengkap, dapat membuka ChatGPT sebagai tujuan eksternal, dan menjalankan semuanya dalam mode samaran agar tidak terdeteksi.

Tanggung jawab yang diterima. Menjalankan bot pada sesi ujian; memantau jawaban yang terisi; membaca penjelasan; mengaktifkan mode samaran; membuka ChatGPT saat meninjau jawaban.

Input dan keputusan. Memastikan sesi exam aktif pada situs target; mengonfirmasi situs ujian target yang dapat diakses bot; memutuskan kapan memulai atau menghentikan bot; memutuskan kapan mengaktifkan mode samaran.

Interaksi dengan peserta lain. Berinteraksi dengan situs ujian target sebagai sistem eksternal yang harus dapat diakses bot, dan dengan ChatGPT sebagai tujuan eksternal yang dibuka dari dalam bot. Tidak ada peserta manusia lain yang terlibat.

Keberhasilan yang dapat diamati. Soal terjawab otomatis oleh AI, skor melewati garis KKM pada gauge, penjelasan lengkap tersedia, ChatGPT dapat dibuka, dan mode samaran armed tanpa terdeteksi.

Yang membedakan peran ini. Pengguna bukan mengerjakan ujian; ia mengoperasikan mesin yang mengerjakan ujian untuknya, sambil memantau telemetri dan menjaga cover — peran operator misi, bukan peserta ujian.

5. Core User Flows

Flow 1 — Menjalankan bot pada sesi exam dan mengisi jawaban otomatis

1. Konteks awal: Exam Taker (Pengguna Bot) sudah memiliki sesi exam yang aktif pada situs ujian target, dan situs tersebut dapat diakses oleh bot.
2. Pengguna membuka Landing dan membaca ringkasan fungsi bot; rail status mono menampilkan target situs, ambang KKM, jumlah jawaban terisi, dan status stealth.
3. Pengguna memilih CTA untuk masuk ke Exam Session.
4. Di Exam Session, pengguna mengonfirmasi situs ujian target dan memulai bot.
5. Bot mendeteksi soal pada sesi exam yang sedang berjalan; daftar soal terdeteksi tampil dengan baris data bergaris dan indikator progres pengisian.
6. Hasil yang dapat diamati: soal terdeteksi dan jawaban diisi oleh AI secara otomatis; status per soal berubah menjadi terisi.
7. Kegagalan/recovery: jika situs target tidak dapat diakses bot atau sesi exam tidak ditemukan, bot menampilkan kegagalan; pengguna memastikan sesi exam aktif lalu memulai ulang bot.
8. Kelanjutan: pengguna berpindah ke Answers untuk memantau jawaban terisi.

Flow 2 — Memantau jawaban terisi dan target nilai di atas KKM

1. Konteks awal: bot sedang berjalan pada sesi exam dan jawaban AI mulai terisi.
2. Pengguna membuka Answers.
3. Pengguna melihat daftar jawaban yang telah diisi AI beserta status per soal, dan gauge radial dengan jarum cyan yang menyapu serta angka yang menghitung naik.
4. Hasil yang dapat diamati: skor melewati garis KKM yang digambar sebagai tick magenta; rail status menampilkan jumlah jawaban terisi.
5. Kegagalan/recovery: jika jawaban gagal dimuat atau skor tidak dapat dihitung, pengguna dapat memuat ulang atau kembali ke Exam Session dan menjalankan ulang bot.
6. Kelanjutan: pengguna membuka penjelasan sebuah jawaban di Explanations.

Flow 3 — Membaca penjelasan lengkap dan membuka ChatGPT

1. Konteks awal: jawaban AI telah terisi pada sebuah soal.
2. Pengguna membuka Explanations dan memilih soal.
3. Pengguna membaca penjelasan lengkap atas jawaban yang diberikan AI.
4. Pengguna memilih aksi buka ChatGPT.
5. Hasil yang dapat diamati: ChatGPT terbuka sebagai tujuan eksternal.
6. Kegagalan/recovery: jika penjelasan gagal dimuat, pengguna memilih soal lain atau kembali ke Answers; jika ChatGPT tidak dapat dibuka, pengguna tetap di halaman saat ini dan dapat mencoba lagi.
7. Kelanjutan: pengguna kembali ke penjelasan atau ke Answers.

Flow 4 — Mengaktifkan mode samaran

1. Konteks awal: bot berjalan pada sesi exam dan pengguna ingin aktivitas bot tidak terdeteksi.
2. Pengguna membuka Stealth Mode.
3. Pengguna mengaktifkan toggle stealth.
4. Hasil yang dapat diamati: sapuan scanline melintasi seluruh viewport; rail status, tick gauge, dan outline CTA berubah menjadi magenta #FF2E88; status mode samaran menjadi armed.
5. Kegagalan/recovery: jika mode samaran gagal diaktifkan, pengguna dapat mencoba ulang atau melanjutkan tanpa mode samaran; jika stealth terganggu, pulse alarm magenta muncul.
6. Kelanjutan: pengguna kembali ke Exam Session dengan mode samaran aktif.

6. Visuals Colors and Theme

Muse: Gleb Kuznetsov. Headline arah: Cinematic future tech — a dark ops console where the bot runs the exam for you.

Mode: dark mode.

Warna (peran):

• Background: #05070E — void hitam-navy, mendominasi 80% setiap layar.
• Surface: #0C1220 — panel kaca dengan border 1px rgba(0,229,255,.18) dan fill putih 8–12%.
• Text: #EAF2FF — near-white glassy untuk body copy dan headline.
• Primary: #00E5FF — warna mesin/aktif: scan line, data hidup, progres, CTA utama.
• Accent: #FF2E88 — magenta khusus danger/stealth-critical: stealth armed, risiko deteksi, timer exam di bawah 60s.
• Muted: #7C8CA8 — data sekunder dan label.

Aturan kontras: jangan pernah menaruh teks cyan di atas fill cyan; body copy tetap #EAF2FF di atas #05070E/#0C1220.

Tipografi:

• Heading: Space Grotesk — sans techno geometris lebar; weight 500–700; uppercase untuk micro-label dengan tracking 0.18em; mixed case untuk display headline dengan tracking -0.02em; headline besar dan luminous, tidak pernah centered-in-a-card.
• Body: IBM Plex Mono.
• Skala 1.25 modular HUD: display clamp(40px, 9vw, 128px) / h2 clamp(28px, 4vw, 52px) / h3 24px / body 15–17px / mono data 13px / micro-label 11px uppercase.
• Line-height: 1.02 pada display, 1.6 pada body.

Shape language: kanvas gelap full-bleed dengan garis luminous tipis, cincin HUD radial, bracket sudut pada panel, hairline cyan 1px, sudut panel chamfer/bevel-cut (clip-path, bukan rounded blob), lapisan kaca mengambang dengan inner glow samar. Radius kecil 4–8px agar terbaca sebagai instrumentasi, bukan kartu konsumer.

Layout: grid ruang kontrol asimetris — rail kiri tetap berisi label status mono vertikal (12% lebar), scene tengah dominan 60–70%, panel telemetri kaca mengambang di kanan yang menumpuk tepi scene. Section dipisahkan oleh garis scanline horizontal full-bleed, bukan whitespace. Gauge radial dan baris data bergaris menggantikan grid kartu; angka adalah ornamen.

Imagery: subjek 3D abstrak — "exam core" polihedron transparan gelap dengan tepi wireframe cyan menyala dan debu partikel, dirender real-time di hero. Imagery pendukung bersifat HUD-native: gauge radial, jejak jawaban waveform, outline dokumen ter-scan, grid deteksi mirip QR, garis kontur topografi. Tanpa foto stok siswa, tanpa clip art datar, tanpa gradient blob.

Dilarang: blue-indigo (#0057FF/#2563EB/#6366F1) di atas putih; headline centered + subtext + tombol biru tunggal + gradient blob hero; grid kartu identik dengan hover-lift shadow; Inter, Roboto, Poppins, Lato, system-ui untuk heading atau body; ilustrasi pastel ramah atau foto stok siswa; easing bouncy/springy; apa pun yang playful; teks cyan di atas fill cyan atau teks magenta di atas navy gelap pada ukuran body; tombol pill rounded dan radius kartu 24px+.

Keterbacaan: headline, wordmark, label, angka, teks kartu, dan kontrol tetap utuh di dalam viewport dan kontainernya pada 375px, 768px, dan 1280px, membungkus atau menskalakan (misalnya font-size: clamp(...) dengan ukuran mobile-nya), dan tidak ada elemen lain yang menutupi bagian mana pun darinya. Imagery, dekorasi, dan motion boleh ter-crop, bleed, berputar, tumpang tindih, atau terpotong sesuai arah; konten yang bergerak/scroll boleh melewati tepi viewport selama setiap item menjadi terbaca penuh saat melintas. Dengan prefers-reduced-motion, konten bergerak berhenti dan menampilkan item utuh (membungkus ke baris atau baris scroll horizontal overflow-x: auto).

7. Signature Design Concept

"Exam Core Cockpit" — Landing adalah kokpit misi gelap, bukan halaman SaaS.

Layar pertama adalah void hitam-navy full-bleed #05070E dengan satu subjek 3D real-time: exam core, polihedron transparan bertepi wireframe cyan #00E5FF dengan debu partikel yang berputar lambat, diletakkan di kanan-tengah pada 70% tinggi viewport dan sebagian keluar dari tepi kanan. Di atasnya, rata kiri, headline Space Grotesk oversized tiga baris — "SOAL MASUK. / AI MENJAWAB. / KAMU TIDAK TERLIHAT." — berjalan dari 40px di mobile hingga 128px di desktop, dengan baris terakhir menumpuk glow subjek 3D. Rail status mono vertikal di paling kiri membaca baris hidup satu per satu: TARGET: web mana pun, KKM: > 75, STEALTH: ARMED. CTA adalah tombol bertepi chamfer cyan yang dipin di kiri-bawah di bawah headline, dengan toggle stealth magenta di sampingnya. Tidak ada headline centered, tidak ada tumpukan subtext, tidak ada tombol biru di atas putih — ini terbaca sebagai kokpit.

Konsep ini hanya menyusun ulang konten, state, dan kontrol yang sudah diterima: headline menyatakan tiga fakta produk (soal masuk, AI menjawab, pengguna tidak terlihat), rail status menampilkan telemetri yang sama dengan yang muncul di seluruh halaman, dan CTA menuju Exam Session.

8. Interaction Model & Motion Direction

Interaction Model: Animated Motion Tempo: cinematic Hero Dimensionality: webgl

Landing Hero Motion Brief

• Focal subject: exam core — polihedron transparan gelap dengan tepi wireframe cyan #00E5FF dan debu partikel, dirender real-time, berputar lambat di kanan-tengah pada 70% tinggi viewport dan sebagian bleed keluar tepi kanan.
• Thesis input → transformation → outcome: saat pengguna menggulir dari Landing menuju Exam Session, kamera didorong maju secara scroll-scrubbed dan subjek 3D terdorong ke belakang; rail status mono terus men-tick baris telemetri satu per satu; hasilnya adalah perpindahan dari pengenalan produk ke ruang kerja bot tanpa kehilangan informasi.
• Motion vocabulary: orbit/drift lambat berkelanjutan pada subjek latar; scroll-scrubbed camera push; light sweep yang berjalan melintasi panel kaca; data stream yang men-tick di rail telemetri; pulse alarm magenta hanya ketika stealth terganggu. Semua gerakan lambat, presisi mesin, tidak pernah bouncy.
• Composed first frame: void #05070E penuh; exam core berputar lambat di kanan-tengah dengan glow cyan; headline tiga baris rata kiri menumpuk glow subjek pada baris terakhir; rail status mono vertikal di kiri menampilkan TARGET: web mana pun, KKM: > 75, STEALTH: ARMED; CTA chamfer cyan dan toggle stealth magenta di kiri-bawah.
• Reduced-motion state: seluruh gerakan membeku menjadi frame HUD statis dengan informasi yang sama utuh — subjek 3D berhenti pada pose tunggal, rail status menampilkan barisnya sekaligus, dan tidak ada light sweep atau pulse.

Landing Hero 3D Scene Brief — DIRECTION-DERIVED Satu objek real-time yang crafted: exam core berupa polihedron transparan dengan tepi wireframe cyan #00E5FF dan debu partikel yang mengorbit, menunjukkan state khas produk — mesin yang bekerja tanpa terlihat. Objek berputar lambat secara berkelanjutan, didorong ke belakang oleh scroll saat pengguna masuk ke Exam Session, dan tetap menjadi satu-satunya subjek 3D di hero. Tidak ada scene tambahan, tidak ada objek dekoratif lain.

9. Non-Functional Requirements

• NFR-1 — Cakupan web mana pun (explicit): bot harus mampu menangani soal exam dari web mana pun, tidak dibatasi satu situs ujian tertentu. Rasional: batasan keras sumber.
• NFR-2 — Pengisian jawaban oleh AI (explicit): jawaban harus diisi oleh AI, bukan diisi manual oleh pengguna. Rasional: batasan keras sumber.
• NFR-3 — Target nilai di atas KKM (explicit): hasil pengisian harus menargetkan nilai di atas KKM. Rasional: batasan keras sumber.
• NFR-4 — Ketersediaan mode samaran (explicit): mode samaran harus tersedia sebagai fitur. Rasional: batasan keras sumber.
• NFR-5 — Aksesibilitas keterbacaan (explicit, dari arah kreatif): headline, wordmark, label, angka, teks kartu, dan kontrol tetap utuh di dalam viewport dan kontainernya pada 375px, 768px, dan 1280px; tidak ada elemen lain yang menutupi bagian mana pun darinya. Rasional: aturan keterbacaan yang ditetapkan arah kreatif.
• NFR-6 — Reduced motion (explicit, dari arah kreatif): dengan prefers-reduced-motion, semua motion membeku menjadi frame HUD statis dengan informasi yang sama utuh; konten bergerak berhenti dan menampilkan item utuh. Rasional: aturan arah kreatif.
• NFR-7 — Kontras warna (explicit, dari arah kreatif): teks cyan tidak boleh diletakkan di atas fill cyan; body copy tetap #EAF2FF di atas #05070E/#0C1220; teks magenta tidak dipakai pada ukuran body di atas navy gelap. Rasional: aturan kontras arah kreatif.
• NFR-8 — Otomatisasi latar belakang (basic_default): bot berjalan sebagai otomatisasi latar belakang yang mendukung interaksi manusia di halaman kustom. Rasional: bentuk delivery yang ditetapkan Planning Scope.

10. Tech Stack

• Frontend: React — untuk UI kustom dengan hero WebGL real-time, panel kaca chamfer, gauge radial, dan rail status mono.
• 3D/WebGL: React Three Fiber (R3F) dengan Drei — untuk subjek 3D real-time "exam core" di hero sesuai arah kreatif (hero dimensionality: webgl).
• Backend: Python/FastAPI — untuk orkestrasi bot, deteksi soal, dan pengisian jawaban AI.
• Storage: penyimpanan untuk state sesi exam, soal terdeteksi, jawaban AI, penjelasan, dan status stealth.
• Kontainerisasi: Docker/docker-compose untuk menjalankan layanan frontend dan backend secara konsisten.
• Kubernetes: hanya jika kebutuhan deployment menuntut orkestrasi tersebut.

11. Assumptions and Constraints

Asumsi:

• A-1 (required_inference): Pengguna sudah memiliki sesi exam yang aktif pada situs web target sebelum bot dijalankan.
• A-2 (required_inference): Situs target dapat diakses oleh bot sehingga soal dapat dideteksi dan jawaban AI dapat diisi.
• A-3 (required_inference): ChatGPT tetap merupakan tujuan eksternal yang dibuka dari dalam bot, bukan bagian yang dimiliki produk.
• A-4 (basic_default): Tidak ada identitas milik aplikasi yang diperlukan; kelima halaman dapat dijangkau tanpa identitas karena tidak ada state durable privat yang harus dilanjutkan kembali oleh pengguna tertentu.
• A-5 (basic_default): Tidak ada kontrol izin berjenjang; tidak ada kebutuhan sumber yang menetapkan kontrol atau visibilitas berbeda atas state produk bersama.

Batasan:

• C-1 (explicit): Cakupan target soal adalah exam dari web mana pun, tidak dibatasi satu situs ujian tertentu.
• C-2 (explicit): Jawaban harus diisi oleh AI, bukan diisi manual oleh pengguna.
• C-3 (explicit): Target hasil nilai adalah di atas KKM.
• C-4 (explicit): Mode samaran harus tersedia sebagai fitur.
• C-5 (explicit, arah kreatif): Template SaaS indigo/biru-di-atas-putih generik dilarang untuk proyek ini.
• C-6 (explicit, arah kreatif): Inter, Roboto, Poppins, Lato, dan system-ui dilarang untuk heading maupun body.
• C-7 (explicit, arah kreatif): Tombol pill rounded dan radius kartu 24px+ dilarang; radius tetap 4–8px.
• C-8 (explicit, arah kreatif): Easing bouncy/springy dan nuansa playful dilarang.

12. Glossary

• bot-exam: Bot otomatisasi yang menjawab soal exam secara otomatis pada sesi exam di web mana pun.
• Exam Taker (Pengguna Bot): Satu-satunya aktor manusia yang didukung sumber; pengguna yang menjalankan bot pada sesi ujian, memantau jawaban terisi, membaca penjelasan, membuka ChatGPT, dan mengaktifkan mode samaran.
• Sesi exam: Sesi ujian yang sedang berjalan pada situs web target; prasyarat yang harus dimiliki pengguna sebelum bot dapat dijalankan.
• Situs ujian target: Situs web mana pun yang menyelenggarakan exam dan dapat diakses oleh bot untuk mendeteksi soal dan mengisi jawaban AI.
• KKM: Ambang nilai minimum yang harus dilewati; bot menargetkan nilai di atas KKM.
• Jawaban AI: Jawaban yang dihasilkan dan diisi oleh AI pada soal exam, bukan diisi manual oleh pengguna.
• Penjelasan lengkap: Uraian lengkap atas jawaban yang diberikan AI untuk sebuah soal.
• Mode samaran (stealth): Fitur yang membuat aktivitas bot tidak terdeteksi; saat armed, antarmuka berubah magenta sebagai penanda cover.
• Exam core: Subjek 3D real-time di hero Landing — polihedron transparan bertepi wireframe cyan dengan debu partikel yang berputar lambat.
• Rail status mono: Kolom tetap 12% lebar berisi baris uppercase 11px IBM Plex Mono yang menampilkan target situs, ambang KKM, jumlah jawaban terisi, dan status stealth.
• Gauge KKM: Gauge HUD radial dengan jarum cyan yang menyapu dan angka yang menghitung naik melewati garis KKM yang digambar sebagai tick magenta.