Explainer

Kata Sandi yang Tak Pernah Disimpan

Video penjelas gelap empat bab tentang cara server menyimpan kata sandi: sandi diketik lalu terangkat menjadi chip, ditaburi garam acak, diaduk fungsi hash 100.000 putaran menjadi jejak 64 karakter, lalu saat login jejak baru disapu garis hijau dan dicocokkan huruf demi huruf dengan yang tersimpan.

Explainer · SVG, GSAP, CSS, Partikel · 20 detik · 1280×720

Prompt

Buat video penjelas 20 detik berukuran 1280x720 tentang bagaimana server menyimpan kata sandi, sebagai satu file HTML dengan SVG, CSS, dan GSAP. Gaya: antarmuka developer gelap (latar hampir hitam dengan cahaya ungu dan biru samar yang bergerak pelan), kartu bersudut membulat dengan garis tepi berwarna, judul sans-serif tebal putih dengan satu frasa beraksen oranye (#ff6a3d), detail dalam font monospace. Selalu tampil: label bab di kiri atas (01 / KETIK, 02 / GARAM, 03 / HASH, 04 / COCOKKAN), hitung mundur 0:20 ke 0:00 di kanan atas, garis progres oranye tipis di atas, dan bilah bawah 'PUTARAN HASH' dengan angka x / 100.000. Bab 1 (0-4,6 dtk): judul 'Server tidak pernah menyimpan kata sandimu.', kartu daftar akun yang besar mengetik sandi mangga-manis-77, lalu teks sandi terangkat keluar dari kolomnya menjadi chip yang melayang, formulir memudar, dan chip meluncur ke bab berikutnya. Bab 2 (4,6-9,2 dtk): 'Pertama, ditaburi garam acak.', dua baris slot bergaris putus-putus di tengah layar sudah menunggu sejak awal; chip garam mengacak huruf lalu berhenti di q7#Lx2Vb dan menempel di depan sandi; pengguna kedua dengan sandi sama mendapat garam lain, panah terisi dan dua jejak berwarna berbeda muncul dengan label BERBEDA TOTAL. Bab 3 (9,2-14,2 dtk): 'Lalu diaduk 100.000 kali.', gabungan garam dan sandi mengalir sebagai arus partikel ungu dan oranye yang padat ke kotak FUNGSI HASH yang langsung berdenyut dan berpendar, arus partikel kedua keluar menuju panel HASIL, penghitung putaran berlari sampai 100.000, bilah bawah terisi, dan jejak heksadesimal 64 karakter terketik di panel HASIL. Bab 4 (14,2-20 dtk): 'Saat login, cukup dicocokkan.', tabel basis data berisi pengguna, garam, dan jejak; sandi login di-hash ulang lalu baris TERSIMPAN dan LOGIN tampil terang berdampingan dan sebuah garis pindai hijau menyapu dari kiri ke kanan sehingga setiap karakter yang cocok menyala hijau, lencana COCOK muncul, dan penutup 'Server membuktikan kamu tahu sandinya, tanpa pernah tahu sandinya.' Potongan antar bab cepat dan tegas dengan easing power3, tanpa jeda mati.

Video Explainer lainnya

  1. Riwayat Singkat Menara Besi ParisExplainer20 dtkRiwayat Singkat Menara Besi ParisVideo penjelas kartun bergaya gambar tangan tentang Menara Eiffel: fondasi digali pada 1887, kaki besi naik bersama derek dan hitungan paku keling, menara mencapai 300 m pada 1889 dengan kembang api, surat izin 20 tahunnya menghitung mundur, lalu antena radio menyelamatkannya pada 1909 dan kini menara berkilau setiap malam.SVG · GSAP · Canvas 2D
  2. Pemutus Sirkuit Menahan Layanan TumbangExplainer18 dtkPemutus Sirkuit Menahan Layanan TumbangDiagram terminal gelap menjelaskan pola pemutus sirkuit: permintaan berupa titik mengalir dari klien ke layanan, lima kegagalan beruntun membuat tuas terbuka sehingga permintaan ditolak cepat dalam 0 ms, lalu uji coba setengah terbuka menutup sirkuit kembali saat layanan pulih. Log permintaan berurutan menampilkan tiap permintaan dari menunggu sampai hasilnya, ditemani penghitung, meter waktu tunggu, dan grafik kegagalan beruntun.Canvas 2D · Fisika
  3. Hulu, Banjir Terbaca Lebih DuluExplainer20 dtkHulu, Banjir Terbaca Lebih DuluVideo penjelas produk 20 detik untuk sistem peringatan dini banjir fiktif Hulu di latar hitam beraksen hijau neon: sensor dipasang di bendung, data disatukan, prakiraan muka air menembus ambang siaga, agen suara menelepon warga, relawan menugaskan penjemputan, lalu dasbor laporan menutup cerita.Canvas 2D · SVG · GSAP
  4. Aku Katup Panci PrestoExplainer20 dtkAku Katup Panci PrestoDi atas kertas abu-abu bergaya gambar pensil stop-motion, katup pengaman sebuah panci presto bercerita sebagai orang pertama: api dibesarkan, panci bergetar, jarum manometer naik sampai satu bar, lalu katup terangkat dan mendesis membuang uap sampai tekanannya tertahan aman.Canvas 2D
ArtikelSusun brief