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