Berita Coding & Web Dev Terbaru (10 Agustus 2026)

Kumpulan berita coding, web dev & AI paling menarik minggu ini (10 Agustus 2026). Ada kabar besar dari dunia Laravel — mulai dari managed queues di Laravel Cloud sampai Filament yang rilis update performa — plus berita menarik soal Claude Code, browser khusus AI agent dari Cloudflare, dan artikel viral di Hacker News. Ini dia rangkumannya!

1. Laravel Cloud Rilis Managed Queues — Worker Otomatis Naik-Turun Sesuai Antrean

Laravel Cloud kini punya managed queues yang menangani background job dengan lebih cerdas. Worker otomatis menyesuaikan skala berdasarkan tekanan antrean (queue pressure) — begitu antrean kosong, worker turun ke nol sehingga biaya komputasi hemat; saat job masuk, worker langsung bangun dalam waktu kurang dari satu detik. Ada juga dashboard bawaan untuk memantau job yang gagal, jadi nggak perlu lagi menggali log secara manual. Baca pengumuman lengkapnya di blog resmi Laravel.

2. Laravel Boost Project Rules — Ajari AI Agent Konvensi Kode Kamu

Laravel Boost, tool lokal untuk developer Laravel, kini mendukung project rules: konvensi aplikasi kamu disimpan di file .ai/rules dan bisa di-scope per file glob, sehingga AI agent hanya membaca instruksi yang relevan dengan file yang sedang dikerjakan. Cocok banget buat tim yang ingin hasil kerja coding agent tetap konsisten dengan gaya kode mereka. Selengkapnya di Laravel News.

3. Filament v4.12 dan v5.7 Rilis Stabil — Performa Naik Drastis, CVE Ditambal

Setelah diuji lewat beta bersama komunitas, peningkatan performa besar-besaran untuk aplikasi Filament yang kompleks akhirnya dirilis ke channel stabil, yaitu di versi v4.12.6 dan v5.7.6. Update ini sekaligus menambal sejumlah CVE, jadi kalau kamu menjalankan Filament v4 atau v5, segera update ya. Detailnya di Laravel News.

4. CSS-Tricks Bedah Elemen <dialog> — Modal Native yang Sering Diremehkan

CSS-Tricks menulis catatan mendalam soal elemen <dialog>, elemen HTML native untuk modal yang ternyata punya banyak nuansa — mulai dari top layer, ::backdrop, sampai perilaku focus dan cara styling-nya. Kalau selama ini kamu mengandalkan library cuma untuk bikin modal, artikel ini wajib dibaca. Baca di CSS-Tricks.

5. Ship Less JavaScript — Audit Dependency dengan Web Platform Baseline

Jarak antara “kayaknya butuh library” dan “ternyata browser sudah bisa” makin dekat. Smashing Magazine memberikan panduan praktis untuk mengaudit dependency dan mencari tahu fitur apa saja yang sekarang sudah didukung web platform (Baseline), sehingga kamu bisa mengurangi jumlah JavaScript yang dikirim ke browser — hasilnya website lebih cepat. Artikelnya di Smashing Magazine.

6. Claude Code Auto Mode Jadi Default — Makin Sedikit Persetujuan Manual

Anthropic mengumumkan auto mode di Claude Code akan menjadi default untuk akun Pro, Max, dan Team mulai 14 Agustus. Dengan auto mode, Claude melanjutkan pekerjaan tanpa meminta persetujuan di setiap langkah — kecuali aksinya dinilai “irreversible, destructive, atau di luar lingkungan kamu”. Menariknya, dalam studi dengan 1.053 tester, auto mode menangkap 89% aksi berbahaya, jauh di atas review manual yang hanya 13,6%. Ada juga fitur keamanan baru seperti screening prompt injection dan hard deny rules. Beritanya di TechCrunch.

7. Cloudflare Rilis Kitesurf — Browser Khusus untuk AI Agent

Cloudflare meluncurkan Kitesurf, browser cloud-hosted yang dirancang untuk AI agent, bukan untuk manusia. Katanya browser ini lebih hemat komputasi dibanding Chromium untuk tugas automasi umum, sehingga memudahkan developer membangun AI agent berbasis browser secara lebih efisien. Selengkapnya di TechCrunch.

8. Belajar Topik Kompleks dengan LLM — Cara Kreatif yang Viral di Hacker News

Seorang engineer membagikan caranya belajar topik kompleks (contohnya proses pembuatan chip) dengan LLM: minta model membangun knowledge base, verifikasi akurasinya, lalu ubah jadi simulasi interaktif bergaya game low-poly yang bisa dieksplorasi. Hasilnya jauh lebih melekat daripada sekadar membaca artikel atau bullet list dari AI. Esai ini ramai dibahas di Hacker News dengan 400+ poin. Baca tulisannya di sini.

Gimana menurutmu? Ada yang paling menarik minggu ini? Kalau ada berita atau artikel bagus yang terlewat, cerita di kolom komentar ya. Sampai jumpa di edisi minggu depan!

Kode Morse: Titik, Garis, dan Asal-Usul Barcode

Dua hari berturut-turut kita membedah QR code dan barcode. Ternyata dua-duanya punya “kakek buyut” yang sama: kode Morse. Ide barcode lahir justru dari kode Morse — Woodland dan Silver memperluas titik dan garis Morse menjadi batang tebal-tipis. Jadi sebelum barcode, ada Morse: bahasa titik dan garis yang menyelamatkan kapal, mengirim telegram, dan menjadi fondasi komunikasi digital. Ini catatan belajarnya.

Sejarah: dari lukisan ke telegraf

Samuel Morse sebenarnya seorang pelukis, bukan insinyur. Perjalanan pulang naik kapal pada 1832 mempertemukannya dengan gagasan telegraf elektrik, dan ia mulai serius menggarapnya bersama fisikawan Joseph Henry dan insinyur mekanik Alfred Vail. Saat itu beberapa sistem telegraf sudah ada di Eropa — Cooke & Wheatstone di Inggris mematenkan telegraf elektromagnetik pada Juni 1837 — tapi yang membedakan Morse adalah kodenya: sinyal sederhana on/off yang bisa dipetakan ke huruf.

Vail menyumbang gagasan penting: ia menghitung frekuensi huruf dalam bahasa Inggris dengan menghitung jenis huruf (movable type) di koran lokal Morristown, New Jersey. Huruf yang paling sering dipakai mendapat kode terpendek — E = titik, T = garis — supaya pesan lebih cepat dikirim. Kode pertama ini dipakai pada 1844 (jaringan telegraf darat, kemudian dikenal sebagai American Morse / Railroad Morse).

Operator-operator awal dengan cepat menyadari mereka bisa mendengar bunyi klik penekan (key) dan menerjemahkannya langsung tanpa kertas — dari sinilah Morse berubah dari “kode grafis” menjadi “kode audio”. Saat radio muncul, titik dan garis dikirim sebagai nada pendek dan panjang. Versi yang dipakai dunia sampai sekarang adalah International Morse, hasil penyempurnaan Friedrich Gerke (1848) dan distandardisasi ITU.

Cara kerja: semua diukur dari “satu unit”

Kode Morse hanya punya dua simbol: titik (dit) dan garis (dah). Yang membuatnya bisa dipahami adalah timing — semuanya diukur dari durasi satu titik (1 unit):

  • dit = 1 unit sinyal menyala
  • dah = 3 unit sinyal menyala
  • jeda antar elemen dalam satu huruf = 1 unit
  • jeda antar huruf = 3 unit
  • jeda antar kata = 7 unit
Aturan timing kode Morse: dit 1 unit, dah 3 unit, jeda antar elemen 1, antar huruf 3, antar kata 7
Aturan timing Morse — semua kelipatan dari durasi 1 titik

Yang menarik: kode Morse adalah kode biner non-seragam — panjang kode tiap huruf berbeda, dan huruf yang sering muncul justru paling pendek (prinsip yang sama dengan kompresi Huffman). Ini bukan sekadar keputusan acak: Vail mendesainnya supaya telegraf bisa mengirim pesan secepat mungkin.

SOS: bukan singkatan

SOS dalam kode Morse: tiga titik tiga garis tiga titik
SOS = … — … — pola paling mudah dikenali

SOS sering dianggap singkatan “Save Our Souls”, padahal bukan. Saat dipilih (awal abad 20) sebagai isyarat marabahaya internasional, pertimbangannya murni teknis: pola … — … (3 titik, 3 garis, 3 titik) sangat sederhana dan sulit salah dengar atau tertukar dengan isyarat lain, bahkan di tengah gangguan. Morse juga melahirkan “prosign” lain seperti ···—· untuk tanda seru dan …-.- untuk “mengerti”.

Tabel kode Morse

Ini tabel International Morse lengkap untuk huruf A-Z dan angka 0-9. Perhatikan polanya: makin sering huruf dipakai, makin pendek kodenya (E = ., T = -):

Tabel lengkap kode Morse A-Z dan 0-9
Tabel International Morse (ITU)
HurufKodeHurufKode
A.-N-.
B-…O
C-.-.P.–.
D-..Q–.-
E.R.-.
F..-.S
G–.T
H….U..-
I..V…-
J.—W.–
K-.-X-..-
L.-..Y-.–
MZ–..

Morse masih hidup di mana?

Telegraf komersial sudah pensiun, tapi kode Morse tidak mati:

  • Radio amatir — Morse (CW) masih jadi mode komunikasi favorit karena bisa menembus gangguan dan butuh daya sangat kecil; di beberapa negara masih bagian ujian lisensi.
  • Maritim & darurat — SOS standar internasional; banyak pelampung sinyal darurat (EPIRB) dan sarana keselamatan memakai Morse.
  • Penerbangan — beberapa beacon navigasi (NDB/VOR) memancarkan identifikasi Morse dua-tiga huruf.
  • Teknologi bantu — alat komunikasi alternatif untuk penyandang disabilitas (mis. mengetik dengan kedipan mata atau sakelar).
  • Militer — mode komunikasi cadangan yang sulit disadap oleh pemula dan tahan kondisi ekstrem.

Kecepatan Morse diukur dalam WPM (words per minute) memakai kata standar “PARIS” — mengirim “PARIS” 1× dalam 1 menit = 1 WPM. Operator mahir bisa 20-40 WPM; rekor dunia di atas 70 WPM.

Dari Morse ke Barcode (dan QR code)

Ini koneksi favorit saya di seri ini. Tahun 1948, Norman Woodland mendengar ide sistem pembacaan data otomatis di kasir supermarket. Ia ingat kode Morse — titik dan garis — dan berpikir: bagaimana kalau diperluas jadi batang tebal-tipis yang bisa dicetak dan discan? Dari situ lahirlah barcode (dibahas minggu lalu), dan kemudian QR code yang “menumpuk” datanya jadi dua dimensi (dibahas dua minggu lalu).

Jadi garis besarnya: Morse (1844) → Barcode (1974) → QR Code (1994) — tiga generasi teknologi yang sama-sama mengubah data menjadi pola visual yang bisa dibaca mesin. Yang membedakan hanya dimensi, kapasitas, dan cara mengatasi kesalahan baca.

Kesimpulan

Kode Morse mengajarkan prinsip yang masih dipakai sampai sekarang: enkode informasi menjadi dua simbol dengan timing yang presisi. Ia juga pionir “kode efisien” — huruf sering = kode pendek — yang 100 tahun kemudian menjadi dasar kompresi data modern. Dari titik dan garis di kabel telegraf, sampai piksel QR di layar HP: semua berawal dari satu unit, satu titik.

Sumber

Cara Kerja Barcode: Bagaimana Garis-Garis Menyimpan Data

Kalau kemarin kita membedah QR code, sekarang saatnya ke “kakeknya”: barcode. Setiap belanja di supermarket, buku pinjam di perpustakaan, atau paket yang tiba di kurir — selalu ada deretan garis hitam-putih dengan angka di bawahnya. Bentuknya sederhana, tapi teknologi ini sudah dipakai lebih dari 50 tahun dan masih jadi tulang punggung ritel dunia. Bagaimana garis-garis itu bisa menyimpan data? Ini catatan belajar saya.

Sejarah: dari paten 1952 sampai scan pertama 1974

Kisahnya dimulai tahun 1948. Bernard Silver, mahasiswa pascasarjana Drexel Institute of Technology di Philadelphia, tidak sengaja mendengar presiden jaringan supermarket Food Fair meminta riset sistem untuk membaca data produk otomatis di kasir. Silver bercerita ke temannya, Norman Joseph Woodland, dan mereka mulai menggarap ide tersebut. Inspirasinya datang dari kode Morse — titik dan garis yang diperluas menjadi batang tebal dan tipis. Versi awal Woodland bahkan berbentuk lingkaran konsentris (bullseye), dan keduanya memegang paten AS tahun 1952.

Tapi butuh lebih dari 20 tahun sampai idenya benar-benar laku. Tahun 1972, supermarket Sainsbury’s di Inggris sudah memakai sistem barcode (dikembangkan Plessey) untuk rak. Lalu pada 1973, Uniform Grocery Product Code Council memilih desain George Laurer dari IBM — barcode batang vertikal yang lebih mudah dicetak daripada lingkaran Woodland. Desain inilah yang menjadi UPC.

Momen bersejarah: Juni 1974, di supermarket Marsh, Troy, Ohio, sebuah scanner memindai barcode UPC pada bungkus permen karet Wrigley’s — scan komersial pertama yang berhasil. Sejak itu barcode menyebar ke seluruh dunia dan menstandardisasi perdagangan ritel modern.

Cara kerja dasar: garis gelap-terang itu bit

Prinsip barcode 1D (satu dimensi) sederhana: garis gelap (bar) dan terang (spasi) merepresentasikan bit, dan lebarnya bervariasi antara 1 sampai 4 unit. Scanner menyorotkan cahaya (laser atau LED) ke barcode; bar gelap memantulkan sedikit cahaya, spasi terang memantulkan banyak. Sensor membaca pola pantulan itu sebagai deretan 0 dan 1, lalu menerjemahkannya menjadi angka — biasanya 12 atau 13 digit.

Angka di bawah garis bukan sekadar pajangan: itu human-readable, supaya manusia bisa membaca/mengetik kode kalau scanner bermasalah. Barcode yang sama bisa discan dari kiri ke kanan maupun sebaliknya — sistem paritas mengatur itu (lebih detail di bawah).

Anatomi barcode EAN-13

Standar yang paling umum di dunia ritel (termasuk Indonesia) adalah EAN-13 — 13 digit, diatur oleh organisasi global GS1. Ilustrasi di bawah adalah EAN-13 untuk kode 8992809101014 (899 = GS1 Indonesia):

Anatomi barcode EAN-13: quiet zone, guard pattern, 6 digit kiri, guard tengah, 6 digit kanan
Anatomi EAN-13: 95 modul = guard + 12 digit + guard, diapit quiet zone
  • Quiet zone (abu-abu): area kosong di kiri-kanan, wajib ada supaya scanner tahu di mana barcode dimulai/berakhir.
  • Guard pattern (merah): pola pembatas di awal dan akhir (101), dan guard tengah (01010) yang memisahkan dua bagian digit.
  • 6 digit kiri (biru): paritas ganjil/genap mengikuti digit pertama — ini kunci pembacaan dua arah.
  • 6 digit kanan (oranye): pola bar dibalik (mirror) dari kiri, supaya scanner bisa membaca mundur.
  • Check digit (digit ke-13): hasil perhitungan matematis untuk mendeteksi kesalahan baca.

13 digit itu isinya apa?

EAN-13 menyimpan angka yang terstruktur:

  • GS1 prefix (3 digit pertama) — menandai negara/region registrasi. 899 = Indonesia, 690-699 = China, 880 = Korea Selatan, dst.
  • Kode produsen (4-5 digit) — diberikan GS1 ke perusahaan.
  • Kode produk (3-5 digit) — nomor item yang ditetapkan produsen.
  • Check digit (1 digit terakhir) — pengaman kesalahan baca.

Struktur di atas adalah alokasi logis; yang penting secara fisik adalah 13 digit itu di-encode menjadi 95 modul (kotak terkecil) dengan pola tetap: tiap digit = 2 bar + 2 spasi dengan total lebar 7 modul, dan lebar tiap elemen 1-4 unit.

Check digit: pengaman kesalahan baca

Digit terakhir dihitung dari 12 digit sebelumnya dengan rumus bobot selang-seling 3 dan 1 (modulo 10). Contoh untuk 899280910101:

  1. Tulis 12 digit: 8 9 9 2 8 0 9 1 0 1 0 1
  2. Kalikan dari kanan dengan bobot 3,1,3,1,… (digit paling kanan berbobot 3): 8×1 + 9×3 + 9×1 + 2×3 + 8×1 + 0×3 + 9×1 + 1×3 + 0×1 + 1×3 + 0×1 + 1×3 = 76
  3. Check digit = (10 − (76 mod 10)) mod 10 = (10 − 6) = 4

Kalau scanner membaca salah satu digit, hasil perhitungannya tidak cocok dan sistem tahu ada kesalahan. Metode ini mendeteksi semua kesalahan satu digit dan sekitar 90% kesalahan tertukar posisi (transposisi). Itulah kenapa barcode yang kusut pun sering ketahuan “salah baca” daripada diam-diam menghasilkan harga keliru.

Jenis barcode 1D lain

JenisDigit/KarakterDipakai untuk
UPC-A12 digitRitel Amerika Utara
EAN-1313 digitRitel global (termasuk Indonesia)
EAN-88 digitProduk kecil (permen, kosmetik mini)
Code 39A-Z, 0-9, simbolIndustri, logistik, militer
Code 128ASCII penuh (128 karakter)Pengiriman, logistik, label GS1-128
ITF-1414 digitKarton/kemasan luar (GS1)

Contoh barcode EAN-13 (prefix 899 Indonesia)

Ini barcode EAN-13 asli yang di-generate dari kode 8992809101014 — coba scan dengan kamera HP (biasanya aplikasi kamera bawaan atau Google Lens bisa membacanya sebagai teks/angka):

Contoh barcode EAN-13 dengan prefix 899 Indonesia
EAN-13 8992809101014 — coba scan!

Barcode 1D vs QR Code 2D

Perbandingan barcode 1D dan QR code 2D
Barcode 1D vs QR Code 2D
AspekBarcode 1DQR Code 2D
Arah penyimpanan1 arah (horizontal)2 arah (baris + kolom)
Kapasitas12-13 digit / ±100 karakters.d. 7.089 digit / 2.953 byte
Toleransi posisiHarus tegakBisa miring (360°)
Toleransi kerusakanRendahTinggi (s.d. 30% dengan Reed-Solomon)
Penggunaan utamaKode produk retailURL, pembayaran, Wi-Fi, identitas

Kesimpulan

Barcode membuktikan bahwa teknologi paling sukses kadang yang paling sederhana: garis gelap-terang dengan lebar berbeda, dibaca lewat pantulan cahaya. Ditambah check digit untuk pengaman, barcode bertahan puluhan tahun karena murah, andal, dan universal. QR code mewarisi filosofi yang sama — hanya saja “menumpuk” data ke dua arah supaya kapasitasnya jauh lebih besar. Jadi kalau sudah paham barcode, memahami QR code jadi lebih mudah: keduanya adalah cara mengubah data menjadi pola visual yang bisa dibaca mesin.

Sumber