WebAI
Ringkasan Episode
Bantu KoreksiEpisode ini membahas Web AI - teknologi AI yang berjalan langsung di browser. Diskusi dipicu oleh Web AI Summit 2025 yang diselenggarakan Google. Eka, Ivan, dan Bahayu membahas perbedaan antara Web AI (on-device) dengan Cloud AI, serta keuntungan dan tantangannya. Episode juga menyinggung pengalaman IDSW (Indonesia Developer Summit), cerita horor tentang "John Titor" prank, dan pembahasan teknis tentang TensorFlow.js, MediaPipe, dan cara kerja model AI di browser.
Poin-poin Utama
- •Web AI adalah teknologi AI yang berjalan langsung di browser tanpa perlu memanggil API eksternal
- •Model AI yang besar perlu di-download terlebih dahulu sebelum bisa digunakan di browser
- •Google Web AI API menghubungkan ke layanan eksternal secara transparan, namun ada juga opsi model yang benar-benar berjalan lokal
- •Web AI Summit 2025 awalnya diselenggarakan secara internal oleh Google untuk mencari use case yang tepat
- •MediaPipe adalah open-source library Google untuk machine learning yang dapat berjalan di browser dengan model yang didownload dari server
- •Transformers.js memungkinkan model Python berjalan di browser melalui WebAssembly dan ONNX runtime
- •Perbedaan utama: Cloud AI (API wrapper ke layanan eksternal) vs Web AI (model berjalan di device/browser)
Eh? Kok?
Selamat malam
Selamat malam
Halo Bahayu
Wah, lama tidak ketemu sama Bahayu
By the way, gak pakai yang short ya?
Enggak
Katanya kemarin usah
Sekali aja
Apa mau lanjut lagi di depan?
Ribet ya?
Dilema nih, dilema
Atau di shortnya aja?
Yang gede nya gak usah
Yang gede nya gak usah
Iya
Bisa gak?
Asal satu yang bikin masalah
Kalau gue sih keberatannya karena
Jadi dua kan
Bisa, bisa
Bisa salah satu
Ya udah, kita coba aja
Minggu depan ya, berarti Minggu depan
Formatnya itu vertikal
Yang Youtube, yang di linkin
Tetap horizontal
Oh, bisa begitu
Iya
Linkinnya yang gak bisa
Lihat transkrip lengkap (2576 segmen lagi)
Yang gak bisa apa
Tapi di linkin jadi kasihan gitu
Jadi, jadi kecil lho
Oh iya, enggak, enggak, tetap double
Jadi kita streamnya kayak kemarin
Ada sebelah kirinya, ada vertical
Yang sebelah kanannya ada yang horizontal
Nanti yang horizontal dikirim
Ke linkin aja, yang vertical dikirim
Ke Youtube aja
Tetap dengan format seperti
Kemarin
Selamat malam, Krishna
Bahas apa? Bahas web AI
Wih
Web AI
Ya, tapi sebelum
Kita bahas
Mau nanya-nanya kabar
Sibuk apa nih, sibuk apa
Apa yang menarik akhir-akhir ini
IDSW
Oh iya, gimana ceritanya
IDSW
Itu
Pengalaman yang seru sih
Lebih seru daripada tahun lalu
Kalau tahun lalu kan, saya jadi peserta dan
Hanya satu hari
Tahun ini saya jadi
Voluntir, mengajukan diri jadi
Voluntir, jadi
Bisa attend dua hari
Jadi
Voluntir biar bisa masuk
Iya
Betul, kalau untuk
Materi
Materinya keren-keren, cuman gak bisa
Konsen karena
Voluntir ya, jadi ada
Terintruksi macem-macem, tapi
Keren-keren sih
Ada dari sisi akademisi
Ada Bu Ayu dari
ITB, dosen ITB, ada
Padika juga
Dosen apa juga Padika sih
Padika, oh ini
Dosen alat berat
Dari industri juga, wah
Seru pokoknya, seru banget
Dan yang serunya lagi, networkingnya
Networkingnya keren
Banyak ketemu orang-orang
Ini
Orang pintar
Orang pintar
Oh iya
Influencer-influencer
Gitu ya, yang tadinya
Hanya ketemu di Twitter, liat mukanya
Oh ini tuh orangnya di belakang handle Twitter
Ada yang sering bikin
Content di LinkedIn juga, ketemu
Michelle
Nge-follow juga tuh di LinkedIn
Obama
Michelle aja namanya
Minggu depan, Minggu depan GDG
GDG Jakarta ya
Saya mengisi
Acara
Dosen PHP
Sama
Ini
Yang minggu lalu
2 minggu lalu ya, yang kita cerita
Horror kan, inget kan cerita saya
Tentang John Titor
Saya ketemu korbannya
Disana
Mantan bosnya
Saya
Dia sekarang
Senior VP
Engineeringnya Amarta, kebetulan Amarta
Jadi sponsor
Jadi dia dateng
Terus dia inget gak cerita Don
John Titor
Gua ingetin
Gua ingetin
Kok gak bisa sih
Gak bisa
Share screen ya
Kenapa tak bisa share screen
Share screen
Gak ada ini ya
Oh
Harus direstart dulu
Kok bisa
Terus kita gak bisa share screen
Bisa, gua bisa
Sebentar, ini gak bisa share screen
Sekarang
Nih ya bentar ya
Coba ya
Resend share screen
Dialognya gak keluar
Nggak muncul, oh ada ini
Screen
Open system
Stream Yard
Nggak ada Stream Yard
Browser udah
Coba lagi ya
Kayaknya harus
Nggak muncul
Tidak bisa share screen
Gimana dong
Ya sudah
Keluar dulu
Harus ya
Harus ya
Sebentar ya
Restart dulu ya guys
Browser ya
Refresh ya maksudnya ya
Refresh dulu ya
Atau matiin ininya dulu browser
Ternyata Mas Rizal gak balik lagi
Terus kita jadi cerita horror
Cerita horror apa lagi
Udah gak ada
Kemarin ngasih Semarang
Seru gak
Seru dong
Topik
Topiknya adalah
CSS
Fitur CSS yang baru
Termasuk player
Idenya dari
Kita bahas waktu itu
CSS layer
Kita lagi liat demo fitur lainnya
Tapi terus kan
Ngecek di source code nya ada add player
Apa nih apa nih
Idenya dari situ
Sama kayak yang simple simple
Yang kayak lighter
Jadi fokusnya CSS
Tapi yang
Bukan ya
Kalau fitur CSS yang baru
Sekarang banyak banget
Kalau talk world fokusnya tentang add rules
Sama function
Yang apa
CSS function
Kalau liat block nya Mbak Una
Banyak tuh
Kaya dia bikin
Satu page sendiri untuk CSS function
Ada artikel sendiri
Bagus
CSS rap yang tahun 2025
Bentar lagi rilis kan
Iya CSS rap ya
Betul
Berarti harus
Mas Rizal mana nih
Gak balik-balik
Menerang
Back to the future
Hah
Papa santai aja kita
Bentar lagi mulai
Itu tuh mas Rizal udah masuk tuh
Itu mas Rizal
Di belakang
Bentar bentar
Yang mau tunjukin ini sebentar
Apa tuh
Yang ini ya kan
Yang Mbak Una punya CSS function
Gua ingat yang ini nih
Kaya
CSS
Narik sih
Nanti kapan-kapan bahas sini yuk
Ayo
Kapan-kapan ya
Kita tanggung dulu ya
Kita tampung-tampung
Tampung dulu tampung
Bentar
Belum baca sponsor
Iya entar dulu
Itu dulu tadi yang
Korban prank John Titor
Korban prank
Ini audionya kedengeran gak ya
Mudah-mudahan kedengeran ya
Tuh gak bisa share
Bisa gak kelihatan
Ini namanya mas William
Di sebelah kiri
Ada Gio yang
Ketuanya IDSW
Agak di kanan ada Mas Zain
Di kanan lagi ada Hilman
Ingat gara-gara
Kan ada
Ada gue bahas kan
Cerita horror developer lah
Mas Zain cerita
Terus gue keingat tuh dulu
Yang lu suruh kasih gue kerjaan
Buat itu kan
Monitoring Mas Sikuel kan
Terus emailnya
Dipulis "Saya John Titor
Tolong ngeliat
Data bis anda
Udah mau full CPUnya
Tolong dimatikan atau restart"
Tiba-tiba dia dateng ke meja
"Ini email siapa?"
Dan gue kurang gak tahu
Setelah beberapa menit gue nyamperin
Itu gue
Terhasil berarti ya
Kok bisa ketemu lagi?
Udah lama gak ketemu ya?
Kemarin itu ketemu
Di Google
For Startup kan
Dia jadi mentor juga
Nah mungkin gara-gara ketemu itu
Jadi keingat cerita itu
Kemarin karena udah lama gak ketemu
Itu udah lama banget ketemu udah beberapa
Tahun gitu kan
Terakhir sama dia tuh
2015
2014-2015
2015
10 tahun gak ketemu
Mungkin gara-gara ketemu kemarin
Jadi ke trigger
Ingat jadinya
Ya gitu lah
Dan pas di
Google itu kan nawarin tuh
Ini ada IDSW nih nawarin ke Google
Ternyata gak tembus
Eh taunya, Martanya yang tertarik
Eh mau dong itu
Minta proposal akhirnya
Dia jadi salah satu sponsor
Amartai itu hotel bukan sih?
Bukan
Pirtu-pirtu landing ya
Kayaknya ya
Oh oke
Betul sekali Bayu
Nge-noding PHP dulu
Masih PHP
CI, CI
PHP kan temennya
MySQL tuh
Tapi ada loh
Amartai itu ada hotelnya
Makanya gue pernah inget
Amartai itu hotel
Yang beda konteks
Anyway
Kalau Amartai itu masih bingung kan
Antara hotel atau start up
Pirtu-pirtu landing ya
Tapi kalau Dominesia kan temen-temen udah tau ya
Eh asik
Blizzingnya keren juga kan
Latihan, latihan
Sudah terlatih beberapa episode, kita udah beberapa episode sama Dominesia ya
Jadi udah cukup banyak ya
Mencari ini ya
Mencari segway
Jadi
Kembali lagi episode ke
157 ini
Dipersembahkan oleh Dominesia
Jadi kalau temen-temen mau
Beli layanan hosting ya
Apalagi seperti Bayu ya
Yang pake PHP, bisa banget tuh
Pake Dominesia
Pake promo code nya ngobrolin
WebDN
10% untuk web hosting
Tapi kalau mau yang lebih
Level up lagi, pake VPS
Virtual Private Server
Bisa pilih yang cloud
VPS Turbo
Diskon nya 50%
Promo code nya
Ngobrolin VPSDN
Ngobrolin VPSDN
Diskon nya berlaku untuk semua pake
Dan semua siklus, kode promo nya bisa
Pake lebih dari satu kali
Jadi kalau udah pernah pake
Akun yang udah punya, pake lagi masih bisa
Gitu
Jadi terima kasih Dominesia
Dominesia
Dominesia
Kayak ada ide sebenernya
Buat temen-temen
Kalau misalnya
Ini pengalaman
Yang mungkin bisa jadikan ide
Buat selanjutnya
Dulu saya pernah main
Afiliate
Pake
Jadi bikin blog
Yang banyak
Bawa traffic
Mainin SEO
Mau black hat, white hat segala macem
Dicoba
Dan jualan produk nya Amazon
Afiliate Amazon
Waktu itu beberapa produk
Sempat satu produk saya yang cukup banyak
Jaman itu
Ini, mesin kopi
Masih ingat, mesin kopi nya
Delonghi
Jadi
Situ saya, rank nya bagus
Dan banyak yang pakai
Hosting yang saya pakai
Itu share hosting
Yang biayanya
Mura sekali
Tapi internasionalnya, murah sekali
Dan
Bisa menampung banyak
Traffic jaman itu, karena
Optimisasi segala macem
Pake wordpress
Dan traffic
Terima
Dan duitnya didapat dari
Afiliate nya jauh lebih besar dari
Dari biaya hostingnya
Jadi
Untung ya
Bukan nutup lagi
Sudah kontennya
Automate generation
Jadi
Keyword apa yang datang bisa dibikinin
Kontennya otomatis jaman itu ya
Keywords AFI segala macem
Nah
Kembali lagi, dengan adanya
AI yang sekarang
Lebih gampang lagi ya
Membuat konten
Yang bagus itu
Justru
Lebih mudah lagi
Nah
Dengan bantuan share hosting yang
Mura, yang dikasi bro
Malaysia, dapat
Promo code, kalian bisa
Bermain SEO
Jualan
Afiliate, apapun lah itu
Bisa jadi duit sebenarnya
Nah makanya malam ini kita
Bahas dari sisi
AI nya
Sambung-sambungin aja
Iya, kalau pakai cloud AI
Kan kayaknya nggak nutup ya biayanya
Soalnya kan mahal ya
Mendingan pakai
Yang ada, yang bisa dijalankan
Di browser
Jadi gratis
Gratisan
Kecuali, apa, cuman
Hanya Chrome aja ya
Untuk saat ini ya
Walaupun sekarang masing-masing browser
Kayaknya, ingin memasukkan
AI nya masing-masing ya
Tapi belum ketemu
Standarnya ya, masing-masing punya
Sendiri-sendiri
Cuma kalau browser lain, semua kan sejauh ini
Sebetulnya bukan
Bukan yang disebut AI ya
Ya
Jadi kita bahas apa sih sebenarnya
Yang dimaksud web AI
Kalau sekarang kan sebenarnya semua browser juga
Udah ada, tapi kan wrapper
Cloud AI dan
Wrapper nya OpenAI
API atau Gemini atau apapun
Jadi sebenarnya mereka
Under the hood ya, ngirip-girip west
Ke service
External
Nah, kalau yang web AI
Semuanya jalan di browser
Tetapi ada
Ada ininya ya
Ada caveatnya
Modelnya harus didownload duluan
Betul
Karena gede banget
Tapi kalau modelnya
Sudah didownload oleh satu web
Misalnya, web yang lain
Tetap bisa pakai
Jadi ga perlu didownload ulang
Gimana kita coba
Bahas web AI
Apa sih bedanya web AI dengan
Nah, menurut gue
Ada yang menarik sih di sini
Ini kan web AI itu sebetulnya
Apa ya
Bukan istilah teknis ya
Ga ada spesifikasi teknis web AI
Maksudnya, kalau built-in AI
Ada, tapi maksudnya web AI
Yang lagi dikembur-kemburin ini kan
Sebetulnya istilah semi-buzzword
Dan kita juga ketrigger
Buat apa
Kita bahas ini kan karena kemarin
Bulan lalu ya, baru ada
Web AI Summit 2025
Yang diadain oleh Google
Dan videonya baru diposting
Sekitar minggu lalu
Jadi kita tertarik
Mempelajari
Nah, terus jujur
Gue belum nonton
Semua video lainnya
Selain opening-nya
Keynote-nya
Itu oleh mas, siapa mas
Jason Mice
Beliau itu Google
Yang dia tuh identik banget
Sama dulu TensorFlow.js
Jadi dia udah bertahun-tahun
Kayak 10-an tahun kali
Di forumnya TensorFlow.js
Terus di, apalah
Kalau misalnya stack overflow
Ada pertanyaan TensorFlow.js
Beliau yang jawab
Tapi sekarang TensorFlow.js
Itu kan kayak cuma satu bagian aja
Sekarang
Beliau kayaknya lebih in charge di
Keseluruhan web AI
Keynote itu, ada satu yang
Menarik sih
Jadi mungkin
Temen-temen bakal ingetnya
Sekitar 7-8 tahun lalu kan
Kayak Google tuh
Ngegemur-gemurin PWA
Ingat ga sih?
Nah dulu yang in charge itu
Mas Koma Stainer ya
Dan gue pertama kali
Jadi apa?
Sebelum jadi GDI sih malah
Cuma pertama kali bawa Intel
Itu pas PWA lagi ngetrend
Progressive web app, kenapa?
Karena pas itu sebelumnya kan kayak fitur-fitur
Yang read switcher bisa add to home screen
Bisa install, bisa pake kamera
Bisa pake mic dulu, belum
Terlalu umum ya
Jadi maksudnya kayak
Di present ini generasi baru
Technology web
PWA
Sekarang 2-3 tahun
Terakhir pasti kita semua
Gak ada yang pernah denger PWA lagi kan
Soalnya ya sekarang by default
Semua website sudah PWA
Nah kelihatannya
Hubungannya apa sama Web AI
Web AI itu kayak fenomena
Yang sama sih kayaknya
Terus ditolkin
Ini keren loh lagunya, kalo temen-temen nonton
Musiknya keren
Dia nge-rap
Dia bikin rap
Bapak-bapak banget gitu loh
Dibikinnya pake AI
Ya biasanya dia
Dia biasanya kan
Ngomongnya ya formal gitu
Ya maksudnya gak, bukan orang yang
Rap, dibikin pake AI
Nah ini geser
Dikit aja ke kanan, dia ngejelasin
Apa Web AI itu pokoknya
Yang berjalan di browser
SO post itu, maksudnya
Apa komputasinya
Apa AI-nya
SO post itu Cloud AI
Jadi yang term-nya itu
Web AI sama Cloud AI
Ya service yang
Kayak pake game benar API
Open AI dan lain-lain
Yang menarik dari acara ini adalah
Salah satunya yang menarik ya
Jadi Web AI Summit ini
Awalnya
Itu diselenggarakan
Di internal, internal Google-nya dulu
Jadi mereka mau cari
Use case-use case
Baru kemudian dibuka
Untuk publik
Karena mereka juga mencari use case-nya
Yang cocok buat
Aplikasi seperti apa
Jadi dia bilang kan
Kayaknya 5 tahun lalu
Atau berapa tahun lalu lah, gak tahu
5 tahun lalu nih
Dia juga yang
Opening keynote
5 tahun lalu gue opening keynote
Di depan 150 orang
Ya pokoknya internal
Karena itu Google di depan 150 orang
Sekarang di depan 15.000 orang
Wow, ya pokoknya salah satu
Oh, ini dia yang dicari, kan?
Iya, ini dia
Dari tadi
Ya di play aja, terus ada diagram-diagramnya
Gitu yang ngebedain
Nah, ini menjawab pertanyaannya
Mas Swahid
CPU atau GPU, kalau ada GPU
Dia akan pakai GPU, kalau cuman
Ada CPU, dia akan pakai CPU
Dan itu sudah
Iya, dan
Ada ininya ya, ada
Tergantung, kalau yang, ada
Eh, sorry, kok jadi bingung
Gue jelasin ya, nanti kita bicarakan
Kategorisasinya, kalau yang
Di bawaan browser
Si
Apa istilahnya, si connector-nya itu
Si bridging-nya itu, sudah
Ini dia, sudah dikerjakan sama si browser
Jadi kita gak perlu mikir mau pakai GPU
Atau pakai CPU
Tapi kalau modelnya yang kita
Bawa sendiri, kita yang
Sediain misalnya open-source model ya
Deep-seek lah
Atau apa
Apa yang open, GEMA
GEMA, GEMA misalnya
GEMA, terus kita
Sediain, kita download GEMA-nya sendiri
Nah, kita perlu web assembly
Kalau mau pakai
GPU
Yes, yes
Betul, nih, Bayu juga udah tau nih
Pake web assembly
Itu semua, ada di talk gue tahun lalu
Kayaknya gue selalu talk kecepetan deh, kalau
Emang itu tugas kita
Untuk semua, giliran
Ngetrend
Nanti si peserta itu
Peserta itu
Akan, oh iya ini kan ada
Ininya si Eka, gitu
Ini satu event bareng mas Risa nih
Ini gak penting sih, yang pertama
Ada 3 section, pencet O deh
Pencet O deh
Oh, keyboard O
Itu kan section 1, 2, 3
Kita scroll aja, section 2
Gue masih inget
Si Eka tuh ngomongin baseline
Pada bingung
Orang-orang masih
Masih gak tau apa itu baseline
Tapi
Bukan, section 2
Gak kelihatan sectionnya
Ini ya
On device
Nah, ini dia
Orang-orang masih bingung ya
Iya, terus 2 tahun
2 tahun lagi
Baru ngerti tuh orang-orang
Ini tuh baseline
Habis itu view transition
View transition
Pada bingung, apa ini view transition
Tapi setelah setahun kemudian
Baru-baru ngerti view transition itu apa
Eka selalu
Luar langkah di depan
Mas Zain sudah hadir
Mas Zain sudah nyampe Jogja atau
Masih melalang buanan
Jangan-jangan di klaim sama Melayu ya
Kalau tensor flow, JS itu
Proses calculate modelnya di client
Yes, betul
Kalau ada GPU
Dia akan pakai GPU, kalau gak ada
Tergantung settingan browser ya, kalau gak salah ya
Kalau browsernya pakai GPU
Dia akan pakai GPU, kalau gak dia pakai
Kan ada namanya hardware acceleration
Terus itu dinyalain
Kalau mau pakai GPU
Nah, event yang di Depok itu demo-nya
Mas Rissa live demo, ya itu pakai olama
Pakai olama
Tapi itu bukan
Tapi bukan di client itu kan
Itu tetap di server
Di server, servernya se-hosted
Server lokal ya
Ya, server self-hosted
Jadi kalau mau deploy ya
Harus pakai VM gitu kan
Kalau on-device itu
Sudah ada di browser
Oh, sudah di Jogja
Alhamdulillah, sudah sampai dengan selamat ya
Sudah di localhost
Sudah sampai lokalhost ya
Mas Zain, masih nomaden dia bisa pindah-pindah
Soalnya anaknya itu
Homeschooling, jadi bisa dibawa-bawa
Dibawa-bawa
Portable
Serverless
Serverless
Postless
Apakah jatuhnya kayak DirectML
Yang jalan di GPU via DirectML
Itu apa? Kita belum tau
DirectML
Low-level API for machine learning
That provide hardware acceleration
For Microsoft
Ini jalan di browser?
Enggak kan?
C++
Berarti jalan di lokal, tapi bukan di browser
Iya
Silahkan
Gak usah minta izin
Silahkan, yang mau gabung, gabung aja
Kita justru lebih senang
Kalau semakin banyak yang gabung
Oke, lanjut dulu
Next
Oh, ini olah lama gak masuk sih
Eh, masuk ya
On-device, termasuk sih on-device
Tapi bukan di web
Bukan di browser
Transformers
Tadi kan Transformers ini
Python kan
Hanya bisa jalan di server kan
Di device
Supaya bisa jalan di
Front-end ya
Semua jalan di front-end kan
Ada talk-nya juga tuh di web-summit
2025, ada satu talk
Tentang Transformers JS
Yes, ada
Cuma yang di sini
Itu tadi cuma intro aja
Fokusnya ke MediaPipe pasti
Ini open-source, library-nya open-source
Tapi di-maintain
Sama Google
Tapi MediaPipe ini
Modelnya di server
Di lokal
Atau di browser
Kita kan pernah dulu
Kita dulu pernah pake tau, kita pernah nyoba
Ingat gak, dulu banget, nyoba
Itu tuh yang di-highlight
Kanan-bawah
Sebenernya yang waktu itu unik
Menariknya LLM Inference
Kalo yang lain kayak Objective Image Classification
Itu udah
Oh, yang di Beijing bukan?
Ya, yang di Beijing kan
Di online, standar lah
Deteksi muka, deteksi pelanggan-pelanggan
Cuma yang menarik
Dan waktu itu baru tuh si LLM
Inference-nya itu
Next aja ada contohnya
Next
Ini kalo kita bawa
Bawa open model kita sendiri ya
Bawa open model sendiri ya
Cuma jujur gue gak ngerti ya
Apa detail cara meng-convert-nya
Karena pake Python
Cuma disediain juga sama MediaPipe-nya juga
Kalo dulu
Pake Tensorflow bisa di-convert
Ke TF
Tensorflow JS
Compatible kan ya
Apa ya namanya ya, gue lupa
Hamalah kayak gitu
Cuma ini MediaPipe Format
Oke
Langsung, bentar
Semacam Library
Iya, ini yang tadi kan device ML ya
Ya, tadi udah baca sekilas
Apa device
Client dipastikan mumpuni
Untuk run model-model AI on device ini
Tidak dateng
Client-nya
Survei dulu ini buat apa
User kita siapa
Terus kan sebetulnya buka semua
Aplikasi web itu untuk kayak
Ya, maksudnya production dan
Random user ya, kayak kita pikirin ya
Kadang aplikasi web itu
Kayak untuk sistem internal, di kantoran
Misalnya apalah dashboard-nya atau apa
Atau di kiosk
Web kiosk kayak di apalah
Tempat kameran atau toko atau apa
Nah, kalo itu kan karena cuma di satu
Satu atau maksudnya di beberapa device
Yang terbatas, aman
Tapi kalo misalnya kita launch the production
Yang user-nya ribuan, ratusan ribu
Itu yaa, survei dulu
Jangan gini loh
Maksudnya jangan mikir, kalo misalnya situs berita
Terus kita pasangin model
Begitu page load, suruh download 4GB
Model bukan
Use case-nya bukan
Untuk itu
Jadi, agak sedikit berbeda dan
Ukurannya tidak sebesar
LLM ya, ini jatuhnya
SLM, small
Injust model
Kecil
Ya, kalo bisa kan
Apa namanya
Model-modelnya, jangan yang pakai
JMA7B, itu kan gede banget ya
Misalnya pakai
JMA yang 4
Yang 2B aja
Misalnya cukup
Jadi, ada hal-hal yang
Bisa
Menggunakan small model
Untuk deteksi yang simple-simple aja
Ya
Berapa
Ya, itu dulu
Ya, betul
Ya
Ya
Jadi
Beberapa
Minggu yang lalu saya baca ya
Jadi LLM ini kan cukup generic ya
Dia bisa melakukan banyak hal
Mulai dari kode
Terus matematika, apa segala macem
Semua dia bisa
Tapi kalo misalkan temen-temen
Punya case yang khusus
Hanya untuk misalkan untuk sentimen
Analisis, untuk
Ngedetek foto, untuk apa lagi ya
Untuk
Summary session
Ya, dan lain-lain
Summary session, translation
Dan lain-lain itu
Hanya satu aja ya, maksudnya fiturnya satu aja
Translation, transition aja
Summary session, summarization aja
Itu bisa pakai yang model yang kecil
Bahkan bisa pakai model machine learning
Dari Hugging Face, pakai transformer JS
Itu ukurannya, gak sampai 1GB
Ada salah satu contoh
120
Ada salah satu contoh juga
Yang lain yang saya
Didemoin
Untuk
Auto tagging
Misalnya kita punya
Kita udah
Udah nulis paragraf
Deskripsi, atau
Artikel
Terus tagging
Automatis
Jadi kan menghemat waktu kita sebenarnya
Yes
Dan juga tentunya
Menghemat token
Kalau temen-temen pakai cloud LLM
Pasti berbayar tuh
Apalagi kalau misalkan chatbot
Chatbot setiap kali ada
Yang nanya, dia dijawab
Dengan
Tokennya
Kena charge lagi kan, walaupun pertanyaannya sama
Jadi
Mungkin bisa di kombinasikan
Antara yang lokal seperti ini
Atau yang on device
Kalau misalkan pertanyaannya udah semakin complicated
Baru dilempar ke cloud
Dengan model yang lebih besar
Ini contoh-contohnya aja ya, kita run through aja ya
Itu di load, intinya
Import biasa, karena udah ada
SDK-nya dari MediaPython
Terus pakai wasm
Itu, si load wasmnya
Habis itu ya standar lah, pokoknya
Kayak JavaScript biasa
Misalnya tinggal
Ke interaksi aja udah
Tapi ya ini
Gak pinter juga sih
Gak pinter banget, cuman bisa
Ya intinya bisa
Ya, kadang-kadang kita gak butuh yang pintar-pintar
Banget, kayak misalkan OCR ya
Kalau OCR kita pakai multimodelnya
Gemini
Pasti biayanya akan sangat mahal sekali gitu
Mungkin
Untuk kasus-kasus tertentu
Kita bisa pakai
OCR aja
Dan makanya MediaPython tadi kan dipecah-pecah
Ya banyak banget kan yang di awal banget itu
Yang ada gambar
Orang motion detection
Bahkan kayak object detection
Face detection
Motion itu aja dipecah-pecah
Maksudnya ya biar itu
Modular lah, kita pilih sesuai
Use case kita
Nah, ini berbeda lagi
Dengan yang sebelumnya
Ini berbeda lagi, yes
Ini adalah AI yang
Sudah ditambahkan
Ke dalam Chrome
Eh, udah Chrome yang
104 atau 106?
Sudah, sudah
Kalau misalnya pakai Chrome yang stable
Bukan Chrome Canary yang stable ya
Bukan, stable sudah bisa
Tapi waktu di presentasi ini sih masih Canary
Ya, sekarang sudah bisa
Mobile device kuat gak?
Kira-kira
Tergantung ya
Ada ini kan
Oh, belum ya?
Belum, ada speknya
Itu Gemini
Oh, Gemini Nano secara umum ya
Bukan yang masuk Chrome
Oh ya, itu emang
Nano itu ada beberapa ya
Ya, ada yang Android Nano juga
Ada yang Chrome
Nano
Ya, jadi kalau yang apa?
Nano itu, Gemini Nano
Itu kayak generic term untuk
Istilah si model
Yang ditanam ke dalam
device itu ya bisa
Apa?
Kalau mobile ya Android
Google Pixel Sedi tertentu
Jadi itu specific service doang
Jadi Chrome di mobile gak ada
Gemini Nano nya?
Nggak, belum-belum
Nah, kalau yang di laptop
Yang di laptop itu
Modelnya harus di download
Tapi itu disebutnya Nano juga
Jadi kayak untuk berjalan on device
Jadi
Kalau kasarnya kita matiin aja
Internet off light
Nano nya tetap bisa dipakai
Oke
Nah, ini tadi udah dibahas ya
Udah kelihatan ya
Di video tadi juga udah dibahas
Nah, ini karena ini tahun lalu
Kayak masih belum lengkap
Kalau sekarang udah nambah
Udah ada translate
Summarize
Ada disini
Nih
Nah, itu dia
Build-in API
Proofreader, Writer API
Rewriter API, Translator API
Language Detector, Summarizer
Sama Chrome
Dan ini sudah high level API
Yang siap pakai
Ini untuk bikin baru
Kayak web API biasa
Ini untuk
Revisi
Ini untuk editor
Lihat, apa, grammar
Ini untuk translasi
Ini untuk ngecek
Bahasa, jenis bahasanya
Yang dipakai bahasa apa
Ini untuk summarize sama ini untuk
Sejarah umum ya, prompting
Oh, pernah nyoba yang mobile
Yang
Di Android nya ya
Berarti ya
Berat banget ya
Coba aja itu yang
Summarizer atau misalnya apa ya
Bisa dicoba disini
Kayaknya ada demo nya dia
Oh, dia harus
Download dulu
Sudah, sudah
Oh, masa dia kan sudah
Sudah ada ini nya
Masa dia sudah ada Chrome extension nya dia
Teaser, teaser, nanti minggu depan
Tanggal 30 di GDG Jakarta
Saya akan bahas ini juga
Sebagian kecil
Oh, ada ya, berarti ya
Summarizer nya ada ya
Ya, coba aja Summarizer in self
Iya, ini kan
True
Nah, ini orangnya nih, hayo
Dia loh, dicari-cari loh
Model download
Nah, ini Summarizer Availability ya
Kita copy aja
Apa ini
Ini
Harus tambahin itu
Di dalam standar
Ininya
Gini
Gini
Error
Karena cons nya udah ada
Gak bisa di itu ya
Alusernya
Restart aja
Refresh dong
Oh iya, refresh gak apa-apa ya
Gak apa-apa kan
Kira in-stream
Niat nya mati
Gak ada, Summarizer
Kok bisa sih
Ini apa
Langsung keluar ini ya
Penjelasanya
Supported
Open Lens Use Code
Specify nya gimana caranya
Anyway, ini kan warning ya
Gak apa-apa ya, kita lanjut aja ya
Coba aja
Coba dulu
Nah, ini harus
Download dulu ya
Download dulu
Ini kalau belum, download dulu
Kok ada Webital
Ada
Udah
Bisa
Ini bisa
Summarizer.availability
Udah selesai itu
Udah kena download kan
Karena udah pernah download, jadi
TLDR
Itu ininya
Ini arahnya ya
Ini ya
This is scientific article
Download progress
Apa nih, ini apa?
Options
Summarizer.availability
Create
Oh, harus ini ya
Harus ada option nya ya
Option
Tadi ini udah kan
Sebenernya
Mengkonfigurasi
Untuk ngedetek download progressnya tadi
Itu udah selesai nih
Download dah seratus tuh
Nah, udah tinggal di
Summarizer sama dengan
Oke
Terus kita tinggal pakai summarizer nya ya
Artikel nya apa nih
Context sama dengan
This is
Kita cari artikel ya
Artikel nya ini aja ya
Pake itu apa?
Apa namanya
Template literal
String literal
Ya, String literal
Summarizer.summarize
Text nya
Context nya
Summary
Dot
Turun, turun
Turun kan
String ya
String ya
Baca lah
Bahasa apa ini?
Bahasa Spanyol
Kan tadi udah ada dikonfigurasi
Oh iya
ES ya
Yang support lebih jahat bahasa
Inggris, Jepang, Spanyol
Nah itu ada playground nya
Kalau mau coba
Silahkan dibaca saja
Saya pernah
Main satu tempat
Tapi saya lupa gimana ya
Kalau yang buat teaser
Saya bikin ini
Jadi
Nanti
Di bagian komen
Akan ada sentimen analisis
Jadi kalau kita masukin
Review jelek
Dia nanti akan abu-abu
Kalau review nya bagus dia jadi ijo
Itu yang racanya akan dibawakan
Salah satu topiknya
Bisa
Ininya, kodenya
Sebentar
Kodenya itu
Nah ini
Jadi
Temen-temen harus nyalain dulu
Flag nya ya
Keren banget
Ini nih yang keren nih
Habis itu
Jalanin
Optimization guide nya
Terus habis itu cek
Kalau ada update
Jadi kalau misalkan
Di sini ada
Rubahan
On device
Apa ya namanya ya
Optimization guide
For device model
Optimization
Oh ini cek per update
Berarti sudah update
Berarti sudah ada
Terus habis itu udah sama kayak tadi
Cek dulu availability nya
Kalau ada
Terus
Di analyze
Ini nanti
Di bawahnya saya komen dulu
Nah ini dia proses analyze nya di sini
Bukan, disini di bawah
Jadi dari analyze nya
Dapat session dan komen nya apa
Terus habis itu di prompt
Nah
Si sistem prompt nya disini
Saya kasih kurang lebih gini ya
Jadi tugasnya adalah
Mengkategorisasikan apakah text nya
Positif negatif
Boleh bales
Dengan positif negatif atau netral
Kasih contoh
Saya tambahin bahasa Indonesia bisa
Gak ya gitu
Terus habis itu baru nanti
Kalau konteks coffee kan
Pahit ya gak apa-apa
Iya sih benar juga
Coffee nya pahit
Negatif sih
Ya kan LLM nya gak sempit itu
Gak apa-apa juga
Yang negatif apa dong
Negatif nya belum ada nih
Coffee nya gak enak gitu ya
Coffee nya apa
Negative
Biasanya bisa
Jadi
Pada saat
Nanti saya komen
Misalkan siapa? Bahyu
Coffee nya pahit
Coffee nya pahit
Apa ada ini?
Lo kok bisa sih
Jadi kalau di komen
Abu-abu coffee nya pahit
Tidak negatif
Coba kalau
Tivan
Coffee nya enak deh
Mau liat yang hijau dulu yang hijau
Wah gara-gara ini nih ganti
Atau bagus sekali bagus sekali
Oh iya
Eka bagus sekali
Atau bahasa Inggris ya
Awesome
Kayaknya bahasa Indonesia nya dia gak bisa deh
Gak juga
Kalau live pasti ada aja isunya
Pasti coba sendiri pasti benar
Betul-betul
Mau pakai Astro
Pakai Astro
Cek lah database nya
Lanjut lanjut
Ini saya mau demoin yang punya si
Mas Tang Men
Tang Men oh iya
Si siapa?
Si Tang Men
Warak warak
Share screen
Wah langsung di cek database nya
Salah aloh ayo
Salah screen
Langsung di drop
Nih nanti silahkan aja main-main
Ini nya
Build AI Playground nya
Di mana ya?
Di sini ya?
Ini bukan saya yang buat tapi
Mas Warat dari
GDI
Bangkok
Web tapi ya dia
Build AI juga dia sekarang
Dia bikin build API Playground
Pertama
Udah tau lah temen-temen di sini udah tau lah
Udah pernah ketemu juga
Seperti yang dikatakan
Mas Nital tadi kalau mau cek
Flags nya dulu
Prom AI
Kayak
Prom AI
Terus sama di session API
Ini di enable dulu nih semua nih
Terus kemudian
Kalau sudah bisa cek API status
Nah kalau misalnya
Belum
Mau terang apa gelap
Gelap aja ya
Nah ini
Tadi kan ini masih downloading nih
Ya kan
Belum selesai
Berarti si model nya belum selesai
Di download
Ya jadi belum bisa dipakai
Kita coba aja ke summarizer
Dia udah bikin kodanya
Kok jadi begini sih
On nya gak enak
Sebenernya kayak gini
Kalau mau liat kodanya
Tapi kita tutup saja lah
Nah input text nya
Apa tadi coba
Zoom in
Zoom in gak kelihatan
Oh udah oke
Import text nya apa?
Build AI atau
Coba ya
Novel apa sih dari Indonesia
Novel
Apa sih yang kita mau
Summarize
Harry Potter
Web.dev
Web.dev
Simple
Nah
Tldr
Teaser
Gak bagus
Bagus ya
Iya
Kalau mau tldr
Tldr nya hampir sepanjang
Artikel aslinya gitu
Sama aja
Nanya dong
Saat ini disummarize atau ini
Dijalankan itu CPU atau
GPU nya ada
Naik gak? Kayak activity
Monitor
Atau apa
Yang DOS nya
Activity monitor
Oke kita pertama kita liat
Kita supaya mastiin tidak ada sulap
Bukan sulap bukan sihir dulu deh
Kalo kita
Event nya disconnect dong
Interact nya dimatiin
Oh dari sini
Kirain wifi nya dimatiin
Bukan
Kalau misalnya ini ada
Koneksi kemana-mana
Si si
Si ada keliatan kan
Ada hit ya
Tapi kan tak ada
Terus
Memory nya bisa
Activity monitor ya maksudnya
Iya yang di macOS
Pengen tau aja
Dia ada spike gak ya
Di Summarize
Oh iya kita
Kita sebentar
Mana dia tadi
Terus kita ke
CPU
Di bawah ini ya
CPU load ya
Kita coba
CPU load apa
CPU ya
Ini CPU nya gak ada
Normal ya
Kalau GPU nya mana sih liatnya
Gak punya GPU kali
Window menu
Di atas
Menu
CPU Activity
GPU History
M3
CPU History
Lebih enak
Liat nya
Gimana
Gimana mencet nya
Kecilin
Kecilin juga
Mantap
Engga ya
Naik sih spike
CPU nya naik
Berarti emang
Jalannya di terbukti
Jalannya di GPU ya
Karena settingan kan
Karena settingan kan
Iya
Karena di setting di browser kan
Browser nya pake accelerator kan
Coba kita
Yang pake yang red
Terus kita
Translator
Translator dulu
Coba ya
Input text
Terus kita
Translator API
Ke bahasa
Engga
French nya yang diganti
Gimana ya
Indonesia
Download model
Sudah itu
Karena bahasa Indonesia kan
Bisa
Engga spike ya
Ya itu jalan
Oh ada cage
Coba kita
Cari yang panjang apa ya
Radical yang panjang
Ini aja control A
Halaman built in AI
Di private chat ya
Coba
Di LinkedIn
Ada
Mas Alif
Di YouTube juga ada
Silahkan pilih mau yang mana
Semua
Ada session nya juga
Di LinkedIn
Di YouTube ada
Lagi bahas apa
AI yang jalan di browser
Web AI
Gak pake cloud
Gak pake token gratis ya
Cuma perlu download aja
Pake Bayar Bandwidth kan
Oh iya jelas ya
Bayar listrik
Bayar listrik
Lumayan
Panjang juga loh
Tapi gak bikin berat sistem
Ya gak bikin berat sistem juga
Karena chrome nya udah berat
Ada aktivitas
Tapi gak sampai spike
Ya beratnya seberat chrome
Standard lah ya
Kalau rewriter
Ada rewrite FBI
More casual
Casual
Longer
Longer
Jeping
Jeping
Make it funny
Make it funny
Downloading mode lagi
Tapi udah jalan nih
Jepat ya
Panjang
Oh naik hampir full
Hampir 100
Tapi CPU
CPU normal ya
Yang 2 core
Efficiency gue naik
Mungkin karena streaming juga kali
Iya streaming texture
Sama ngerender
Tapi dia gak se pintar itu
Maksudnya gak sesakti
Cloud AI ya
To spike to full to
Gak funny sama sekali sih
Gak funny
Ya kalau ini memang dia
Agak bodoh ya
Dibandingkan sama LLM
Yang kita bahas awal tadi
Maksudnya emang single use case
Kalau kayak LLM yang
Large itu kan
Suruh ngapain aja bisa
Nah ini emang konsepnya bukan gitu
Translate kok malah
Pake CPU ya
Gak perhatiin tadi
Mungkin renderingnya ya
Selamat malam Ricky
Begitulah silahkan
Bermain-main
Coba-coba
Nah ini ada talknya juga nih
Di Web AI Summit yang 2025
Itu yang present orang dari
Aduh lupa namanya
Anak itunya
Coba untuk e-commerce
Oh iya
Tau-tau tadi nonton
Maksudnya bukan orangnya cuman
Miravia itu present pass di
Sianghai kemarin juga ya intinya
Ya saya nonton
Mereka pakai
Udah pakai built-in AI ini di production site
Yang diakses oleh
User base di China kan
Besar banget ya di RRC
Maksudnya Mainland China
Miravia
Ya mungkin jutaan orang lah total
Dan itu nge-save cost
Apa signifikan saving costnya
Terus ya
Gak tau metric lainnya
Cuman nonton sekilas
Maksudnya metricnya ya cukup bagus
Tapi mereka fallback tetap pakai
Firebase agent
Oh ini
Basah Jawa
Gak bisa dia
Gak tahu
Gak bisa
Bahasa Indonesia lah
Apa?
Apa bahasa Indonesia?
Oh firebase
Malaysia juga tuh
Betul-betul-betul
Gak bisa dia
Beli kan
Ini bahasa Inggris katanya
Ini agak-agak bodoh ya
Jadi harus
Dicek lagi
Pake gini kalau ada gitu kan
Dan ada tulisan kata kan
Oh iya kata kan ya
Betul-betul
Anyway
Cocok banget untuk
Kalian yang mau
Membangun aplikasi kecil
Di kantor
Atau
Di lokal
Karena saya
Misalnya kayak
Main nih saya lagi bikin misalnya
Kayak klasifikasi
Misalnya saya foto
Nota
Kalau lagi belanja
Fotoin nota
Terus dia bisa langsung ngebaca pakai OCR
Langsung bisa klasifikasi itu pengeluaran apa
Mau belanja makanan
Atau belanja
Bulanan untuk
Macam-macam
Jadi bisa di training juga sih
Bisa dikasih kayak prompting
Kita bermain di prompting
Dan semua modelnya itu
Gak ada di browser tinggal pakai
Enaknya disitu
Nah cuma jangan lupa ya
Apa
Itu apa namanya assessment cycle
Juga sih soalnya
Lagi-lagi yang buatin browser
Itu kan sangat spesifik kan
Sangat limited ya itu tadi
Kayak artikel build in
Apa artikel web dev itu
Buat summarize
Bagus tapi kalau misalnya kita nge-scan
Pengeluaran kayak wordingnya lain-lain
Itu belum tentu dia bisa
Jadi ya kayak harus dicek dulu
Ya harus dicek sama real use case-nya
Dan yang menarik juga
Bukan web AI nya sendiri sih
Cuma firebase AI logic
Apa
Udah publish kan tuh
Udah release
Jadi bisa diintegrate
Dengan firebase AI logic
Untuk callback ke hosted
API
Oh menarik
Bisa langsung manggil
MNI API
Ya
Jadi kalau temen-temen mau
Mau pakai apapun itu ya
Baik cloud LLM
Ataupun yang lokal seperti ini
Itu pastikan temen-temen bikin
Testing nya
Istilahnya evaluator nya
Misalkan pertanyaan yang generic aja
Misalkan kayak tadi ya
Kopinya pait itu masuk sentiment
Positif atau negatif kita pengennya apa
Jadi ketika
Model nya diganti
Kalau gak sesuai ya jangan pakai
Berarti gak cocok
Ya itu LLM yang
In browser kan gak sepinter itu
Makanan in general
Makanan minuman itu kalau pait kan
Itu negatif ya
Tapi khusus kopi kan
Kopi pait lajar
Tapi masuk ke database
Cuma salah di frontend aja nih
Ngebug nya di frontend tadi
Oh berarti cuma CSS nya doang
Yang
Ya CSS nya ini kayaknya ada salah
Salah ini
Berarti moding nya pakai
Moding nya pakai ini nih
Pakai
AI
AI kan ketahuan
Gak mungkin lah saya bikin
Sebagus ini
Bisa nya bagus loh pakai VZero
Kenapa
Tangsung gitu VZero stitch
Cloud AI
Cloud AI
Oh Cloud AI
Namanya apa
Membuat kayak gitu
Prompting nya apa
Ini saya tunjukin aja nih
Langsung
Membuat ini nya
Beberapa kali sih
Jadi pertama kali dia kasih itu
Jelek kurang bagus
Terus saya bilang
Jelek coba cari yang baru
Jelek
Apa bikin
Ganti ganti
Minta
Minta di
Itu
Login packaging gimana cara ya
Password nya apa
Gak pakai password
Password nya password
Udah pakai pasgi ya
Sekarang udah gak bisa
Social engineering
Ada yang kangen gak sih
Gede-gede
Kalau saya gak bisa front end memang
Gua aja yang bisa front end
Gak bisa bikin
Visual nya bagus
Cuma bisa
Spacing nya bener
Contrast nya bener tapi gak bisa indah
Kalau indah pasti AI
Awalnya gini nih awalnya
Terus saya gak mau kayak gini
Saya minta apa ya
The UI Generic
Making more unique
Bikin versi 3
Nah langsung begini dia
Bukan gini doang suruh unique
Terus dia
Sengaja milih yang neo-brutalist
Style somehow
Ini random aja sih kayaknya ya
Gak sengaja
Kalau kita gak suka
Terus sampai suka
Neo-brutalist itu kayak
Ini
Kayak apa? Yang border nya gede
Pake shadow
Yang beda-beda gini lah
Terus maksudnya
Apa ya nanya? Minta nya pakai tailwind
Ada memang pakai tailwind
Terus
Vanilla aja kan
Maksudnya gak pakai
React
Kalau cloud itu hasilnya react
Kayaknya semua generator standar deh
V0 dan lain-lain semua
Harus react tailwind
Gampang ini di copy
Ke file react sx
Atau apa
Terus minta tolong convert ini ke astro
Jadi
Gampang sekarang
Mau kemana ke spelt bisa
Ini pakai AI ini
Yang pintar malah makin mulus ya
Makin pintar
Makin membantu
Paham basic
Paham basic justru
Makin
Makin terbantu
Iya meringankan
Yang bahaya kan
Yang gak ngerti
Oh iya
Oke
Ini ya apa?
Huh apa?
Firebase AI logic
No
Ntar mau coba
Anti-gravity ya kalian
Wah nagis itu
Oh iya
Sembagus itu ya?
Ux nya wow
Gue jadi fan girl nya anti-gravity
Cuma ya maksudnya apa?
Ya tetep
Ini kan kayaknya masih belum stable ya
Ya kekurangannya ada
Dan secara general
Kita gak tau 2-3 tahun ke depan
Masuk ke try google.com atau enggak
Tapi ux nya wow
Itu kan gosipnya kan
Kerjaannya sih itu
Yang
Dia diakuisisi
Yang CEO nya diakuisisi itu windsurf ya
Winsurf ya
Cuma beda sama windsurf nya kan
Gue pake windsurf
Ya maksudnya apa?
Indahin windsurf
Mentah-mentah ke anti-gravity
Dia multi-agent
Enggak dong
Enggak dong
Kok makin tumpul?
Kita nya ngerjain yang lebih susah lagi
Yang AI nya gak bisa
Yang AI gak bisa ngerjain
Kita yang kerjain
Jadi makin naik dong
Kalau kita ngerjain yang AI bisa mah
Itu baru tumpul
Lebih cepet sih yang jelas
Lebih cepet kerjaannya
Kalau
Saya bikin sendiri kayak gitu
Gak bakal jadi seperti ini
Kan enak liat dia
Mas Zain gak percaya tuh
Jelas gak percaya
Bisa
Bisa nge-moding
Tron N nya begitu
Pasti lah
Skill issue saya
Skill issue
Ih keren
Multi-agent lagi ini
Si anti-gravity ya
Coba nanti ya
Oh iya lupa
Ini ya hybrid AI
Prompting with firebase
Nah
Scroll dikit ke bawah
Bagian pentingnya sih
Bagian nariknya ya ini doang nih
Nah ini nih atas atas
Doang sih detail step-stepnya
Nanti buat sendiri aja
Jadi pertanyaannya kemarin kan
Gimana kalau misalnya
Browsernya bukan Chrome
Scroll ke atas dikit
Scroll ke atas dikit
Jadi bisa pakai
Hybrid
Hybrid ya
Yang atas to meet your user's needs
Whatever platform or hardware
They use, jadi apapun platform
Atau hardware yang mereka gunakan
Bisa fallback ke cloud
Dengan firebase AI logic
Tapi ini baru pairingnya
Sama Prompt API sih
Yang summarizer dan lain-lain
Kayaknya belum deh keliatannya
Tapi kan ya, maksudnya ke depannya bisa-bisa aja
Ada kemungkinan support yang lain juga
Jadi intinya
Diparing dipasangin dengan Prompt API
Kalau emang ada Prompt API ya udah
Gak apa
Pakai yang on-device
Tapi kalau gak ada, panggil Gemini API
Intinya itu doang sih
Kalau detailnya ke bawah step-by-stepnya
Kita nyuruh AI aja udah
Oh karena full stack
Front-end nya tumpul
Jadi sekarang tinggal AI aja
Kalau saya
Tumpul
Front-end saya gak tajam-tajam
Gak pernah diasah sih
Kalau yang front-end
Harus belajar yang lain-lainnya juga kan
Kalau front-end doang
Pure front-end doang, sekarang udah bisa digantiin
Itu tadi kan sama cloud
Berarti
Kalau melihatnya seperti ini
Di balik juga bisa
Anak front-end, back-end nya tumpul
Karena back-end nya pakai
Firebase, pakai supabase
Pakai back-end as a service
Jadi tumpul juga dong
Sama aja kan
Dengan menggantikan AI
Jadi kalau ada AI, kita harus full stack semua
Nah ini dijadiin topik kapan-kapan aja sih
Ini perdebatan sih
Memang
Apakah masih ada back-end
Front-end dan lain-lain
Maksudnya spesialisasinya
Pembagian spesialisasinya
Se-strict sebelumnya
Atau gak? Karena sekarang
Kalau misalnya cuma buat bikin
New AI, kan tinggal
Ngeprom AI itu
Iya
Tapi kan buat testingnya
Ini lebih bagus
Nah itu kalau pakai anti-gravity
Kita nge-tick perintahnya
Jalanin 5 agen
Suruh ngerjain task, kan lama tuh
Putar, yaudah kita
Kita kasih makan ternak leleh
Bisa lah
Figma pakai AI
MCP maksudnya ya
Jadi kayak Pak ini dong
Pak, apa?
Sandhika
Jadi
Jadi
Yang ngerjain itu AI semua
Jadi kita bisa punya waktu untuk
Untuk ulpet olahraga
Fitness
Yang ngerjain AI semua
Bukan
Bukan gak suka vibecoding, kan ada videonya
Gue sampai nonton tuh
Karena di-promote sama Ivan
Jadi earn your rights to do vibecoding
Kalau udah jago
Ya pakai gitu ya
Kita harus paham dulu
Kalau masih cupuh, jangan ya
Kalau masih belajar, jangan
Karena jadi gak ngerti
Tapi kayak misalnya contoh tadi round N
Bikin UI kan sekarang gampang
Sekarang gak butuh mensi kan
Tadi terbukti, tinggal ngeprom 2 kali
Cloud bikin bagus
Usabilitinya, aksesibilitinya
Terus kayak apalah
Performance dan lain-lain kan
Kita harus tau apa yang diperintah
Kalau itu tadi kan cuma buat demo
Gak perlu hal-hal
Kayak gitu
Kita tentang
Promoting juga sih, akhirnya mungkin
Yang ngerjain agent
Karena sekarang kayak yang di anti-gravity itu
Udah pinter banget, dia bisa ngetes
Behavior, ngetes click
Dia langsung, dia ngebaca dom
Ada preview-nya
Ada browser preview-nya juga
Beneran ada browser-nya aja
Bukan headless browser
Atau berhead, beneran
Browser beneran
Cuma kan kita harus punya knowledge
Buat prompting ya kan
Faktor-faktor yang kayak tadi
Atau misalnya bikin dark mode
Kalau di switch, beneran
Warna text-nya, termasuk button
Input segala macem
Beneran ke switch light dark juga
Terus, ya kalau misalnya
Fokus, fokus state-nya kayak gimana
Yang kepaknya
Akhirnya pengetahuan-nya sih
Jadi
Skill coding-nya mungkin
Akan sedikit berkurang
Porsinya, tapi jangan
Jangan lupa, masih ada
Yang harus kita lakukan, yaitu
Yang lebih berat daripada coding
Yang adalah review
Code-nya
Itu kan agak malesin ya
Dan harus
Kita harus mengerti code-nya kan
Harus bisa baca, dan mengerti
Alur code-nya, yang kedua
Skill yang
Lebih penting lagi untuk
Di era
Pipe coding ini adalah dibaging
Karena
AI disuruh dibaging
Muter-muter dia
Jadi, kalau
Code-nya bukan kita yang nulis
Terus kalau kita nggak rajin
Apa, kayak
Ngecek hasil coding-nya, kita biarin aja
Jalanin satu fitur full
Bahaya
Oh kan langsung habis
Itu
Oh kan bisa habis
Jadi, kalau teman-teman
Bingung
Atau ada kayak ketakutan
Gitu, wah kita akan digantikan
Belajar aja dibaging
AI belum bisa dibaging dengan baik
Pipe coding cleaning
Specialist apa-apa ya, ada kan yang ngepost
Sekarang di link yang banyak banget
Pipe code cleaning
Specialist
Jadi, code-code spaghetti
Code berantakan hasil pipe coding
Kan, apa
Perlu ada yang ngecek dan ngeberesin
Nah, itu peluang kerja
Iya
Itu clean-up-nya
Juga pakai
AI
Pembecahkan masalah dengan masalah
Iya
Bikin prompting-nya juga minta AI kan
Tolong bikin prompting untuk ini
Habis itu di-copy, di-paste lagi ke
AI coding assistant
Awalnya kan pakai CGPT atau yang
Web gitu kan
Habis itu baru di-convert
Ke cloud code atau ke mana
Baru aja kayak
Minggu lalu ada pakai
Cloud AI untuk mencari
Solusi
Jadi saya coba prompting pakai
Cloud AI
Masalahnya itu karena
Ada dependensi
Yang masalah gitu, jadi saya mau upgrade
Version dari
20 ke 24
Terus ada dependensi
Yang bermasalah
Saya minta Cloud AI, tolong dong
Beresin, akhirnya dia coba install
Gagal, dia cari lagi
Cari cara, memang keren sih cara dia
Cara dia merumuskan masalah itu
Keren sih
Melihat itu segitunya ya, keren juga ya
Terus liat-liat, makin lama
Tapi kayak 30 menit
Gagal, kelar-kelar
Ulang lagi
Dia sudah mulai, wah ini sudah mulai
Cyclic redundancy ini masalah ini
Habis tuh
Lumayan
Terus akhirnya
Udah last stop, akhirnya saya
Reset semua, terus saya yang
Kerjain, nggak sampai 10 menit
Kelar
Kadang ada hal-hal yang lebih simpel
Atau nggak kadang kita malas
Apa mikir kata-katanya buat prompting apa
Kayaknya udah ngerti kode-nya aja lah
Selesai
Ya, prompting juga
Tidak semudah itu kan
Kita harus bisa, istilahnya
Menterjemahkan isi kepala kita
Ke text kan
Dan dengan cara yang
Kayak efisien, kalau misalnya kita ngomongnya
Tiba-tiba, harus jelas
Dia mau bawa satu macem dulu
Sebelum nyampe ke poin yang kita pengenin
Nah berarti justru
Skill yang dibutuhin agak abstrak sih
Kayak kita mikir
komunikasi, atau apakah
Perlu prompting, kalau sesimple
Kayak contoh kasusnya Ivan
Ya udah kayaknya lebih cepat kita bikin sendiri kan
Dan nggak
Gak kebuang token
Muter-muter bermunik-munik
Akhirnya saya semua update
Webpack-nya
Update beberapa
Dependensi
Klar
Karena ini ada Webpack plugin-nya
Pastinya
Library yang sudah
Masih pakai Webpack
Masih lah
Project legacy
Project legacy nggak akan pergi-pergi dari Webpack
Legacy
Webpack itu termasuk legacy ya
Gimana kalau bawa
Kalau bikin sekarang pake VT lah
Saya masih ada
Project yang masih pakai Gulp
Jangan salah
Masih ada
Teman-teman di sini masih ada yang pakai Webpack nggak ya
Masih pakai Grand
Ada project besar
Laravel soalnya
Masih pakai Grand
Gede banget nih project pakai Grand
Pakai Yo-Man nggak pakai Yo-Man
Kagak sih
Mau ngerubah malas
Ini project udah kegedean
Terus
Kalau buat
Konteks tempat
Kerja, pasti nggak dapet buy-in
Maksudnya bilang
Mau dong minta
Kalau lagi down time
Minta ngerifaktor Covid
Biar apa
Ya apa
Pasti sulit
Justify kan
Cepatannya nambah seberapa
Harus ngebuktiin itu penting banget
Dengan segala risikonya kan
Pastinya nggak bikin ini aja
Pasti dikasih lagi
Bisa justifikasinya gini
Biar cepat nih
Def mode-nya kan cepat
Laptop-nya bisa di downgrade
Pasti pada bau lebih murah
Yang penting ada hubungannya
Sama uang
Kalau misalnya
Kos yang kayak gitu kan
Semuanya kan jangan pikir
Semuanya itu harus tangible
Kayak waktu, uang
Harus mikir
Harus mikir juga intangible
Kebahagiaan
Terus kemudian excitement
Itu penting juga
Memenuhi hasrat
FOMO developer
Iya
Sama perlu membuat
Apa namanya
Bullet point di linkin saya
Gitu ngomongnya
Maksudnya siapa yang di linkin?
Memaintain grant
Atau memaintain
Yeoman
Siapa yang mau hire saya
Nanti gitu
Nanti begitu udah dimasukin ke linkin
Terus kabur pindah
Eh jangan
Nanti kalian
Tidak boleh seperti itu ya
Tidak boleh
Justru sekarang
SR melihatnya
Pake grant aja dia mau
Apalagi dikasih yang baru
Gitu
Kasih tools yang jquery
Aja masih pakai
Dia orangnya
Setia berarti
Setia antara setia
Atau terpaksa
Dua-dua
Hehehe
Apa nih STJS yang free
Saya gak pernah pakai STJS ya
Saya pernah pakai dulu
Sencha kan
Sekarang namanya
Sencha
Dulu namanya STJS
Iya
Sencha itu yang bikin STJS bukan
Perusahaannya namanya Sencha
Gak gitu ya
Iya bener
Tuh ada produknya
STJS
GXT
STJS itu bagus lho
Jaman dulu tuh
Bagus
Mas Arya kan kaya disini
Dulu
Enggak
Sekarang masih banyak yang pakai juga
Kaya enterprise ya
Yang sudah pakai
Maksudnya sudah pakai stacknya
STJS yang sampe sekarang masih pakai
Keren kok
Ya keren
Yang bilang gak keren siapa
Kayaknya ina banget gitu ya
Kalo bilang STJS jquery gitu ya
Enggak kok
Enggak sih
Cuma apalah karena
Kalo jquery ya emang agak meme
Agak lucu-lucuan
Kalo STJS kaya agak
Terlupakan aja
Posnya kaya gak bener disebut
Yang mungkin kalian gak ada masih pakai itu
Groovy
Ada yang pernah pakai Groovy gak sih
Groovy bahasa
JVM
Iya
Saya dulu
Lihat Groovy
Dan Grails
Oh Groovy
Kalo Java itu kan
Dia static type
Groovy itu dynamic ya
Versi
Versi slang nya Java
Iya, terus dia bikin
Ruby on Rails, terus dia bikin
Groovy on Rails namanya Grails
Grails ya
Wow
Di kantor masih pake
Pake apa nih?
STJS berarti
Atau Wepec
Tadi kan kita tanya Wepec
Legacy juga ya
Berarti Wepec masuk ke Legacy ya
Makanya gimana jquery ya
Wepec aja gak Legacy
Oh Groovy
Oh, tuh Groovy
Cicak sudah berani
Kemarin ketemu gak sama Cicak
Gatau gak ada yang bilang namanya Cicak sih
Jadi Cicak
Nempel
Namanya Cicak
Kita berali ke Elixir sajalah
Jangan
Apain Elixir
Nggak laku, nggak laku
Sekarang
Kan
Rust sudah mulai banyak yang
Rust sudah banyak yang protes kan
Cloudflare gara-gara Rust
Itu kemarin Cloudflare
Oh, gara-gara Rust
Itu emang gara-gara Rust ya
Kan ada on error nya itu kan
Hmm
Tuh ada apa dengan Elixir, nggak ada apa-apa
Eh, Php tidak ada
Eh, mending bikin
Bikin group band nya
Php sudah mati
Superman sudah mati
Kan PID
PID kan
Hmm
Php sudah mati
Php sudah mati
Lonely Php
Php sudah mati Lonely Php
Eh, baru keluar Php 8.5
Kita mau bahas
Hmm, terlalu
Udah Php 8.5
Baru keluar
Masih ada yang tertarik dengan Php nggak sih
Masih lah
Itu muridnya Pak Dika
Masih banyak kayaknya
Emang Pak Dika
La Ravel
Iya
Iya, Pak Dika kan
Itu La Ravel
Udah ini dia
Udah ke React
Masa?
Hmm, WPU course maksudnya
Yang course dia
Di WPU course ada Php juga nggak?
Ada lah
Yang nggak tahu
Cuman maksudnya apa kontennya yang masih sering
Ada Php nya juga, Pak
Ada Go, ada React, NSJS
La Ravel ada La Ravel
Selama masih ada La Ravel
Ada WordPress mah, kayaknya Php nggak bakal mati
Masih nggak bakal
Biskin peminat
Masih ada Drupal
Itu fansnya Drupal itu
Fanatik
Wih, kayak
Ini mereka, kayak
Solid banget deh
Drupal
Hmm, komunitasnya
Iya, iya, iya
Jadi bakal tetap ada
Selama masih ada Facebook
Selama masih ada Facebook
Selama masih ada WordPress
WordPress aja kemarin
Sudah
Udah di
Udah kasus juga
Masih nyantai aja ya
Justen naik lah
Kan semuanya berkasus
JavaScript juga berkasus
Iya sih
Php juga berkasus
Bukan kasus ya, apa drama ya
Lebih ke drama ya
Reakti juga sempat meneramakan
Reakti ya
Kalau ada drama
Berarti banyak yang pake
Dan orang peduli
Coba kayak apalah
Teknologi yang nggak ada yang pake dan nggak ada yang peduli
Dan nggak pernah ada konflik, nggak pernah ada serangan
Berarti itu kan mati
Biasanya kalau banyak
Hater-nya banyak juga
Lovers-nya
Apa namanya
Sama, saya imbang
Tapi iya
Maksudnya kalau nggak ada yang pake ya
Nggak bakal ada masalah kan
Adem ayam aja
Kemarin juga
Elixir sempat ada drama juga sih
Asik, mulai nih
Drama internal
JQuery 4
JQuery 4
JQuery 4
Belum pernah pake malah
Tiga setengah kan Sir
Itu yang empatnya beda tapi nggak stabil-stabil
Iya
Belum didramain kayaknya
Entar lagi langsung lompat JQuery 5
Sedang berpikir
Di momen apa kita perlu pakai Elixir
Di momen saat ini
Habis dari acara ini
Langsung buka tutorialnya
Langsung Hello World
Langsung belajar lah ya
Begitu bikin Hello World
Langsung dimasukin di link in bullet point
Elixir
Elixir
Minta endorse dari
Mas Riza
Padahal baru bikin
Hello World
Kepentingan apa
Kebutuhannya ya
Real time
Real time application
Berarti bagus ya untuk
Kaya msgq ya
Iya msgq
Dashboard
Real time
Sekarang aplikasi
Kebanyakan udah real time semua
Rata-rata, nggak semua sih rata-rata
Masalah cron
Sama ini
Kalau
Si Elixir itu sama Arlang ya
Karena VM nya itu ringan
Jadi dia solving
Tagihan
Tagihan cloud
Jadi bisa lebih murah
Karena
Dia bisa menggunakan
Mesin yang lebih sedikit dibandingkan
Bahasa yang lain
Tapi kan
Gampang pakai cloud
Kalau bisa
Ini
On-premise
Ya on-premise juga bisa
Bisa aja
Maksudnya
Lebih hemat resource lah ya
Secara umum lebih hemat resource
Bahasa-bahasa seperti
Rust
Go ya, itu kan hemat resource ya
Salah satu
Killer feature-nya lah ya
Chelling point-nya
Oke
Kita tutup saja
Minggu depan belas apa?
Minggu depan kita bahas PHP
PHP 8
Eh PHP berapa ini?
Dikit sih PHP 8.5
Ada yang menarik nggak dari PHP 8?
Ada yang bisa di highlight?
Ada yang lucu
Pipe operator
Pipe operator itu
Pipe operator itu
Kan saya berharap di JavaScript
Malah di PHP duluan yang muncul ya
Iya
Silahkan
Dilihat
PHP operator
Jadi kepikiran ide
Gak usah
Buat minggu depan
Tapi saya mikirnya kayak
Kita share
Cara kita menggunakan AI
Sehari-hari
Di pekerjaan sehari-hari
AI workflow
Saya sih terbatas
Bisa sih
Karena ada 2 projek
Ya boleh
Kan nggak mesti di projeknya
Oh nggak boleh pakai AI gitu
Ya kan pertanyaannya sehari-hari
Gimana pakai AI-nya kan
2 projek saya nggak
Data nya ke server external
Nggak boleh
Ngerti, ngerti
Tapi nggak apa-apa
Untuk main-main yang lain saya pakai AI
Ya maksudnya kan
Ada orang yang pakai AI
Harus bikin PRD dulu
Spec Driven Development
Ada yang langsung chat
Ada yang langsung apa
Terus toolsnya pakai apa, macem-macem kan
Engin tahu aja sih
Siapa tahu bisa
Saling belajar
Kayaknya ngundang ini ya kali ya
Yang biasa
Vibe Coding ya
T. Johan, T. Johan
Mau nggak T. Johan
Beliau Vibe Coding
Beliau bikin
Coding Agent sendiri
Buat internal perusahaannya
Literal bikin Cloud Coding sendiri
Tapi itu juga Vibe Coding juga dia
Terus Vibe Coding pakai Vibe Coding
Berarti apa?
AI Codingception ya sekarang
Iya
Bikin AI terus tapi pakai AI
Apa nih minggu depan
Bikin AI terus pakai AI juga
Apa?
AI nggak bisa disuruh pilih
Pilih di depannya
Bisa
CI/CD
Di voting aja
Voting apa?
CI/CD
CI/CD
Terus apa lagi?
Voting
Topik
Minggu depan
CI/CD
Eh kebetulan ada Bahiyu kan
Bahiyu pernah request
Ionic, mau bayangin Ionic nggak?
Boleh
Tapi gue nggak punya pengalaman ini
Iya sama
Bahiyu aja diundang mau nggak Bahiyu?
Mana Bahiyu?
Jawab ya
Apa lagi?
Bahasa anti-gravity
Mau bahas
Gemini 3
Nah iya iya
Overall aja semua Gemini 3
Termasuk
Termasuk anti-gravity
Nano badan
Ionic framework
Ionic framework
Akan kita bahas
Kalo Bahiyu mau jadi
Narasumber ya
Jadi CI/CD atau Gemini 3?
Udah 2 aja
Iya 2 aja
Oke
Kita tunggu sekitar 2 menit ya
Biar 2135
Dibulatkan
CI/CD 100%
50-50
Baru 2 orang
Baru 2 orang
Terus 3 orang yang voting
Tutup
Dari 454
Terus imbang lagi
Terus ya ada orang yang vote
Sekalian test market
Yang di Jogja siapa?
Oh iya temen-temen yang di Jogja
Ada temen-temen
Yang domisilnya di Jogja nggak?
Kita tanggal 13 ya
Tanggal 13
Mau ngadain
Ke Jogja
Temu
Kopdar
Kopdar
Di kantor domenisya
Oh Jogja tuh
Duduk-duduk nyantai aja kita
Nanti
Nanti dateng ya
Undangnya pake apa ya?
Itu pake surat undangan
Kop surat
Nggak maksudnya ini kan
Temen-temen yang di komunitas
Komunitas ini yang sering nonton
Itu nongkrongnya dimana
Gitu
Jadi kita bisa undang pokoknya dateng aja
Tanggal 13 ya di domenisya
Nanti kita kabarin lagi di
Sesi-sesi ke depan ya
Beberapa sisi ke depan itu masih ada 2-3
Sesi lagi kan
Kalau ada temen-temen komunitas
Yang ada di Jogja boleh ya
Diundang ya misalkan kayak Jogja JS
Atau React atau komunitas apa gitu
Yang ada di Jogja
Bikin tos community oke siap
Apa bisa?
Bisa
Ada
Cuman saya jarang voting
Udah 6 yang vote cukup?
Cukup ya?
2 mini
Kayak ada lagi nggak apa-apa
Gak apa-apa
Gak apa-apa ya
Oke
Sekalian kita pengen tahu
Use case apa aja yang bisa
Kita manfaatkan untuk
Bikin-bikin atau
Ngide-ngide ya
Oke kalau gitu terima kasih banyak
Buat semuanya kita
Tutup malam hari ini
Dan kita ketemu lagi
Minggu depan selamat malam selamat istirahat bye bye
Bye
Tempat yang tepat
Dengan Domainessia dapetkan pengalaman
Menggunakan layanan hosting yang lebih baik
Dengan SSD berperforma
Tinggi dalam infrastruktur cloud
Yang telah dioptimalkan untuk kebutuhan personal
Maupun bisnis
Teknologi ini memungkinkan anda memperoleh
Layanan yang lebih stabil serta
Proteksi dari korupsi data
Hosting Domainessia juga telah mendukung
Node.js, Python, Ruby
Go, PHP, Java
Serta binary Linux
Jadi dari 200.000 pelanggan telah mempercayakan
Layanan hosting di Domainessia
Kepercayaan yang kami jaga dengan
Garansi aktan 99,9%
Serta garansi uang kembali 100%
Buat website anda lebih mendingnya
Segera beralik web hosting Domainessia
Deskripsi asli dari YouTube
🗣️🕸️ Selasa malam waktunya #ngobrolinWEB! Malam ini membahas AI yang dapat dijalankan di web browser atau istilah kerennya #WebAI Tentu masih setia ditemani Ivan dan Eka di sesi malam nanti. 🔔 Dimulai pukul 20:00WIB ya. Yuk mari ramaikan! Episode kali ini merupakan hasil kolaborasi dengan @DomaiNesia. Gunakan kode promo: NGOBROLINWEBDN buat diskon 10% langganan hosting atau kode promo NGOBROLINVPSDN buat diskon 50% langganan Cloud VPS Turbo dan dapat digunakan berkali-kali! Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Episode Terkait
4 Des 2024
Persiapan DevFest Surabaya
Episode ini membahas persiapan dan agenda DevFest Surabaya 2024, acara tahunan Google Developer Group (GDG) Surabaya yan...
17 Mei 2023
Ngobrolin Google IO
Episode ini merangkum apa yang menarik dari Google I/O tahun itu, khususnya sisi web. Pembukanya sebuah pengamatan iseng...
8 Mar 2023
Ngobrolin Proyek Fugu
Proyek Fugu adalah nama panggilan yang lebih catchy untuk web capabilities project — upaya menutup jarak antara apa yang...
Suka episode ini?
Episode baru setiap Selasa malam. Dengarkan lewat YouTube, Spotify, atau feed podcast favoritmu.
Memuat komentar dari GitHub Discussions...
Jika komentar tidak muncul karena ekstensi privasi / adblocker, kamu bisa berdiskusi langsung di GitHub Discussions .