Langsung ke konten
AFM Studio
  • Halaman

    AFM Studio
  • Karya
  • Lab
  • Tentang
  • CV
  • Kontak
  • Proyek

    AksaraPerpustakaan pengetahuan Otorita IKN yang bisa dicari, dengan server memeriksa akses setiap pembaca di tiga tingkat
  • Daily TaqwaSistem presensi salat anti-manipulasi untuk ~2.000 pegawai OIKN di Masjid Negara IKN
  • Lantara v2Mesin perizinan Otorita IKN tempat administrator menambah jenis izin baru dari layar, tanpa developer
  • eKiosk IKNDua ruang kendali untuk Nusantara: konten kios dan pelacakan bus live dengan estimasi kedatangan yang menilai dirinya sendiri
  • E-Monev IKNPlatform pemantauan pembangunan Nusantara selama 23 tahun, melacak progres triwulan setiap unit terhadap 24 KPI
  • JDIH OIKNPortal dokumen hukum publik OIKN, dengan alur penerbitan terkendali dan ringkasan AI yang tidak pernah keluar dari server
  • Jejak PenanamanAplikasi absen acara penanaman pohon IKN yang membuktikan peserta hadir di lokasi lewat selfie ber-geofence
  • Dashboard SAKTIPipeline malam dan dashboard yang menggantikan unduhan anggaran manual di keenam satker OIKN
  • DoseRxKalkulator dosis untuk 127 obat yang membulatkan dosis ke tablet dan sirup yang dijual apotek Indonesia
  • CubiqPelatih speedcubing dengan timer setara kompetisi dan solver buatan sendiri untuk 8 puzzle utama
  • ScimotionPerpustakaan sains interaktif berisi 86 artikel, masing-masing dijelaskan bersama animasi yang bisa dikendalikan pembaca
  • WA Daily Scrum BotBot WhatsApp yang menagih laporan standup tim 14 orang dan menandai tugas yang macet berhari-hari

↑ ↓ untuk berpindah · Enter untuk membuka · Esc untuk menutup

Anatomi Rupiah

Penjelasan cara memeriksa fitur pengaman uang rupiah, digambar sebagai diagram bertanda SPESIMEN sesuai undang-undang

Tangkapan layar
pecahan uang dijelaskan per fitur
10
mekanisme pengaman digambar sebagai diagram bersumber
8
foto berlisensi tokoh dan motif
27
foto uang di seluruh situs
0
Di halaman ini

Masalahnya

Bank Indonesia mengajarkan "metode 3D" untuk memeriksa uang: Dilihat, Diraba, Diterawang. Hampir semua orang hafal tiga kata itu. Jauh lebih sedikit yang bisa menjelaskan apa sebenarnya tanda air, kenapa tinta intaglio terasa timbul, atau apa isi benang pengaman. Pemeriksaan keempat, kode tuna netra, yaitu tanda timbul yang membantu penyandang tunanetra mengenali pecahan uang lewat sentuhan, nyaris tidak pernah diajarkan.

Ada batasan hukumnya. UU 7/2011 Pasal 24 ayat (1) melarang meniru rupiah, dengan ancaman pidana paling lama satu tahun dan denda paling banyak Rp200 juta, kecuali reproduksinya untuk pendidikan dan bertuliskan "spesimen." Ayat (2) secara terpisah melarang mengedarkan rupiah tiruan. Kedua aturan itu saya perlakukan sebagai batasan teknis: ajarkan cara kerja fitur pengaman tanpa pernah menghasilkan apa pun yang bisa dianggap uang.

Yang saya bangun

Pengaman hukumnya saya bangun sebelum konten apa pun

Pekerjaan pertama adalah kajian hukum dan penandaan SPESIMEN, sebelum satu uang pun digambar, karena menambahkan jaminan hukum setelah visualnya jadi akan jauh lebih berisiko. Tanda itu digambar langsung ke dalam data bentuk setiap diagram uang, di ruang koordinat yang sama dengan garis tepi uangnya, sehingga tetap ada saat di-screenshot, dicetak, atau disembunyikan lewat styling. Situs ini tidak punya cara untuk menghasilkan gambar mirip uang tanpa tanda.

Build gagal kalau ada gambar yang melanggar aturan

Sembilan pengecekan otomatis dijalankan terhadap hasil render sebelum setiap build. Pengecekan itu memastikan tidak ada foto uang di mana pun di repositori, setiap diagram punya tanda SPESIMEN, setiap diagram lebih kecil dari uang aslinya, dan tidak ada ekspor yang bisa menghasilkan uang utuh. Kalau satu saja gagal, tidak ada yang dirilis. Diagramnya saya buat sederhana dan tidak pernah fotorealistis, karena kemiripan itu sendiri akan menggugurkan pengecualian hukumnya.

Setiap mekanisme saya gambar sebagai diagram

Setiap fitur pengaman punya gambar penampang buatan tangan: tanda air, benang pengaman, intaglio, tinta berubah warna, rectoverso, mikroteks, tinta UV, dan kode tuna netra, yang menunjukkan mekanismenya lebih jelas daripada foto. Demo kemiringan tinta berubah warna, tombol sinar UV, dan efek cahaya menyamping untuk pemeriksaan sentuh sama-sama menghitung fisika cahaya secara langsung di browser, dengan cadangan berupa gambar di perangkat yang tidak mendukungnya.

Setiap klaim merujuk Bank Indonesia, dan situs tidak pernah memberi putusan

Setiap fakta tentang fitur, pecahan, pahlawan, dan motif disimpan sebagai data terstruktur yang wajib punya sumber, biasanya publikasi Bank Indonesia; build gagal kalau ada yang tidak bersumber. Untuk seri terbaru tahun 2022, saya menurunkan ulang datanya dari tujuh peraturan pelaksana Bank Indonesia. Dua dari tujuh tokoh yang ditampilkan tidak punya biografi tertulis, karena ensiklopedia yang saya rujuk tidak memuat keduanya, dan situs ini menyebutkan kekosongan itu secara terbuka. Situs ini menjelaskan cara memeriksa sebuah fitur, tidak pernah cara membuatnya, dan tidak punya kamera atau tombol "apakah ini asli?", karena kewenangan itu ada di Bank Indonesia.

Foto orang boleh, foto uang tidak

Awalnya semua foto dilarang. Lalu saya membuka satu pengecualian sempit untuk pahlawan di setiap uang dan motif di bagian belakangnya, karena orang atau bunga bukan uang. Pengecekannya memisahkan kedua hal itu, jadi foto uang tetap diblokir. Masing-masing dari 27 foto berlisensi, mencakup 7 tokoh dan 20 dari 21 motif yang dideskripsikan, mencantumkan kredit dan sumbernya.

Hasilnya

Anatomi Rupiah sudah live dalam bahasa Indonesia dan Inggris sebagai situs statis tanpa panggilan jaringan saat dibuka. Cakupannya 10 pecahan: seri 2022 ditambah tiga pecahan terbesar seri 2016 yang masih beredar. Buka uang mana pun, klik penanda bernomor, dan lihat tampilan perbesaran di samping diagram mekanismenya. Tur terpandu metode 3D diakhiri dengan pengakuan bahwa rabaan tidak bisa ditampilkan di layar, lalu mengajak pembaca memegang uang yang asli. Situs ini menyebut dirinya proyek edukasi pribadi di bawah pengecualian Pasal 24 ayat (1), dan tidak bisa menentukan keaslian sebuah uang. Pembangunan awalnya sekitar dua hari pada Agustus 2026; fase kedua, termasuk desain ulang tema gelap, berlanjut sampai September.

Di balik layarDetail teknis untuk engineer
  • Static export Next.js 14 (output: 'export') di GitHub Pages, TypeScript strict, React, Tailwind, Zod, Vitest dengan Testing Library, pnpm. Font di-hosting sendiri lewat next/font. Tanpa analytics, tanpa font CDN, tanpa pustaka 3D, pengolahan gambar, atau ML.
  • docs/bi-reproduction-guidance.md mencatat panduan reproduksi BI yang diperiksa di milestone pertama. Fitur unduh uang utuh dihapus sepenuhnya, karena gambar uang beresolusi cetak sudah mendekati peredaran yang dilarang ayat (2).
  • Tanda SPESIMEN berupa geometri path SVG di ruang koordinat yang sama dengan garis tepi uang, bukan overlay CSS.
  • pnpm compliance:check menjalankan sembilan pengecekan: kebijakan aset, keberadaan SPESIMEN, batas ukuran, cakupan area loupe, penandaan anatomi hero, batas permukaan ekspor, kebijakan sumber, cara penandaan (tandanya harus berupa geometri, bukan overlay), dan kebijakan dependensi. Setiap pengecekan punya tes untuk kasus yang harus ditolak maupun yang harus diterima. content:validate menolak klaim tanpa rujukan.
  • Foto tokoh dan motif (7 tokoh, 20 motif, Wikimedia Commons domain publik atau CC-BY-SA) di-pin dengan hash seperti aset brand.
  • Demo optiknya memakai WebGL mentah dengan fragment shader GLSL yang menghitung interferensi lapisan tipis, transmisi cahaya, dan efek cahaya menyamping pada sebuah quad. Tidak ada tekstur uang yang dikirim ke GPU, karena itu berarti me-rasterisasi SVG. Kemiringan mengikuti orientasi perangkat di ponsel dan slider di perangkat lain. Tahap perbaikan pedagogi menampilkan angka asal warna demo kemiringan dan memberi tahu saat demo beralih ke penyederhanaan. Diagram mekanisme bisa dibagikan; gate permukaan ekspor mencegah keluarnya gambar uang utuh.
  • Data seri 2022 disusun ulang dari Peraturan Bank Indonesia 24/8 sampai 24/14/PBI/2022, yang menutup celah cakupan kode tuna netra.
  • Setiap metode pemeriksaan BI memakai satu warna di seluruh situs: Dilihat teal, Diraba tembaga, Diterawang amber, UV ungu.
  • Sekitar 15 commit aksesibilitas memperbaiki fokus skip-link, pengumuman ganda, ukuran target sentuh, kontras, dan panel demo yang tidak menyesuaikan lebar. Tahap SEO berikutnya menambahkan canonical URL, hreflang, pratinjau per halaman, sitemap, dan robots.
  • CI menahan deploy sampai pengecekan kepatuhan, validasi konten, typecheck, lint, dan tes lolos. Kode berlisensi MIT; konten CC BY-NC-SA 4.0.
  • Sekitar 11.000 baris TypeScript. Bagian terbesarnya, sekitar 3.900 baris di lib/, berisi kepatuhan, geometri skema, WebGL, dan sistem rujukan. 16 berkas tes, 111 tes, 58 di antaranya menguji gate kepatuhan. 99 commit antara 13 Agustus dan 26 September 2026.

Tangkapan layar

Beranda
Lembar
Ciri dan Kerja
3D
Kode Tuna Netra
Tokoh dan Motif

Sedang merekrut, atau membangun hal serupa?

Saya terbuka untuk posisi full-time dan proyek freelance tertentu.