Ngobrolin Web Jadul
Ringkasan Episode
Bantu KoreksiEpisode ini menyusuri teknologi web yang sudah wafat, sekarat, atau sekadar tak lagi ramai — sebuah obituari yang dibawakan sambil bernostalgia. Bintang utamanya Flash, yang aslinya perkakas animasi berbasis timeline tapi banyak dipakai membangun situs karena antarmukanya mudah dan perilakunya konsisten di semua browser, saat manipulasi DOM masih menyakitkan dan browser belum seragam. Harganya: tidak ada aksesibilitas sama sekali, dan pengunjung harus menunggu seluruh isinya terunduh dulu — kebalikan dari filosofi web sekarang. Ada benang merah yang menghubungkan hampir semua yang dibahas. Flash, ActiveX, Java Applet, Silverlight, dan Adobe Air sama-sama dibangun sendiri oleh masing-masing perusahaan, dan sama-sama berakhir. Justru dari kegagalan berpencar itulah standar web bersama menjadi jalan keluarnya. Menariknya, bahasa skrip di dalam Flash punya sintaks yang sangat mirip JavaScript dan ikut memengaruhi arah standarnya — jadi sesuatu darinya tetap hidup. Sisanya berisi kenangan lain: perkakas penyunting drag and drop yang lalu ditinggalkan orang demi mengetik kode sendiri, meski sekarang perkakas serupa muncul lagi dalam wujud baru; pustaka pembungkus yang dulu satu-satunya cara mengakses kamera dan GPS dari kode web, kini tergantikan karena web sendiri sudah mampu; serta protokol pertukaran data berbasis XML yang menghilang begitu format yang lebih sederhana terasa lebih masuk akal. Ditutup dengan elemen HTML yang membuat teks berjalan — masih hidup sampai sekarang, bukti bahwa kompatibilitas mundur benar-benar dijaga.
Poin-poin Utama
- •Flash aslinya perkakas animasi, tapi dipakai membangun situs karena perilakunya konsisten di semua browser saat manipulasi DOM masih menyakitkan dan browser belum seragam
- •Harganya mahal: situs berbasis Flash tidak punya aksesibilitas sama sekali, dan pengunjung harus menunggu seluruh isinya terunduh sebelum apa pun tampil
- •Flash, ActiveX, Java Applet, dan Adobe Air punya benang merah yang sama — dibangun sendiri oleh masing-masing perusahaan, dan semuanya berakhir; dari situlah standar web bersama jadi jalan keluar
- •Bahasa skrip di dalam Flash bersintaks sangat mirip JavaScript dan ikut memengaruhi arah standarnya, jadi sebagian darinya tetap hidup sampai sekarang
- •Perkakas penyunting drag and drop sempat ditinggalkan orang demi mengetik kode sendiri karena hasilnya berantakan — meski sekarang perkakas serupa muncul lagi dalam wujud baru
- •Pustaka pembungkus mobile dulu satu-satunya cara mengakses kamera dan GPS dari kode web; ia surut karena web sendiri akhirnya punya kemampuan itu
- •Elemen teks berjalan masih tetap jalan sampai sekarang meski jelas mengganggu — bukti bahwa browser benar-benar menjaga kompatibilitas mundur
(musik)
Halo, selamat malam!
Halo semuanya!
Selamat malam!
Selamat hari selasa?
Selamat hari selasa, waktunya?
Ngobrolin web
Gak janjian kan?
Selamat...
Akhirnya bisa live lagi
Setelah kemarin kita
Rekaman, karena satu dan lain hal
Sekarang kita bisa live
Bisa menyapa teman-teman mungkin ada yang
Apa? Yang baru pulang
Dari terawahan ya
Jam 9
Terus ada yang udah nyantai-nyantai mau tidur
Ya sebelum tidur nonton kita dulu kali ya
Biar ngantep
Ini selama bulan puasa kita pindah jam tayam ya berarti ya?
Iya, lebih telat
Dimundurin satu jam
Jadi mulainya jam 9 sampai jam 10
Atau setengah 11 kali ya, paling mentok ya
Biar jangan terlalu malam
Jadi bukan karena they like saving time kan?
Ini jadi kayak ingat topik
Kita bisa bahas topik tentang time
Oh iya
Lihat transkrip lengkap (2212 segmen lagi)
Time, that time
Time zone itu juga susah
Itu tricky sekali ya luar biasa ya
Salah satu masalah paling berat
Jadi kalau nampilin time itu
Biasanya sesuai
Time, client time
Atau server time
Apalagi kalau situs kaya, situs lelang
Susah tuh
Ini kita baru ngomongin
Cara nampilin atau manipulasi that time
Belum kita
Kita belum diminta untuk bikin
Iya, belum diminta untuk bikin
Time scene ya
Itu aja udah susah banget
Mereka belum bayang ya
Gimana kabarnya temen-temen
Ini ada dari
Jogja Gayu
Wah, asik
Kelanganan ini, haloo
Udah kenal ya, udah kenal
Kenal Eka gak tuh
Masih itu, coba
Tanya-tanya
Satu kota
Kan satu kota
Sebenernya Jogja itu
JDJ
Atau JDFC
Atau semacamnya
Biasa
Masih kembali formasi
Kita bertiga lagi
Ada saya Riza, Arifan dan juga
Ada Eka yang baru
Merasakan menginjakan kaki
Di Google Indonesia kemarin
Gimana dong cerita dong
Menengkap
Di acara IWD
International Women's Day sama temen-temen
JDJ Jakarta dan Depok
Wah, seru
Baru pertama kali di kantor Google
Terus norak lah foto-foto
Kita waktu itu
Waktu baru ditunjuk sebagai
GDI, kita udah langsung ditodong ya sama
Mas Yohan ya, untuk ngisi di kantor
Google juga
Nah kalau aneh
Angkatan pandemi sih
Nasib angkatan pandemi
Kita sering dulu tuh
Saya, kalau gak salah
Dulu sebelum pandemi itu
Kalo
Sering minta bantuan Yohan atau Febri
Atau Amo
Kita mau untuk komunitas WordPress
Eh mau ngadain di kantor Google dong, tolong
Udah, dia disiapin tuh tempat
Dikasi, diatur jamnya
Di booking tempatnya
Jakarta JS juga sering kan ya
Waktu ada Yohan, sering
Karena ada orang dalam, kalau sekarang udah gak ada
Yohan udah gak
Terus Febriya juga udah gak
Tinggal Mas Danang lah
Mas Danang kan nggak stay di Jakarta
Staynya di Bandung
Kalau mau bikin acara, gak ada yang masukin ke dalam
Nah itu ada Mas Suni itu
Dicet
Udah langsung ini ya, udah langsung lempak ya
Library
Timezone favorite
Kita pake
Vanilla aja Mas
Langsung dari web aja
Iya
Gak pake
Udah pernah kita bahas kan Intel ya
Udah sedikit
Sudah, sudah pernah kita single sekali
Tadi dulu tentang apa lupa? Kayaknya
Internationalization
Bukan, WIP ya?
Gak tau bahkan, gue gak inget sih
Kita pernah bahas that time atau enggak
Kita berusul ke studio Ekstot lho
Udah lupa ya
Kita bahasa khusus Intel
Internationalization
Intel, terus ada warranty gitu ya
That time belum, aman
That time belum
Masih bisa ya
Tapi malam ini kita gak bahas
Tentang that time
Intel dan lain-lain, tapi kita akan bahas
Kita bahas temanya agak kuburan
Bikit ya, eh, agak horror
Tentang kuburan teknologi
Ada yang udah alam marhum
Ada juga yang masih exist, tapi
Ada yang sekarat
Atau ada yang masih
Masih hidup, tapi gak terlalu
Beken
Ini juga salah satu topik yang disarankan
oleh penonton ya, salah satu penonton
Jadi, kalau temen-temen punya
Topik, ide topik, boleh langsung
Di, apa, langsung
Di, langsung buka aja
Website-nya
Kita butuh banyak
Saran topik, supaya
Bisa tau juga, temen-temen, intresnya kemana
Dan kalau kita lagi bingung, kita bisa
Tinggal ambil aja
Apa, daftar topik
Yang sudah cukup banyak, yang masih banyak ya
Kita masih banyak bahasan-bahasan
Belum lagi kita mau bahas TensorFlow.js kan
Nunggu tesisnya Mas Doni
Ya, makanya kita nyemangatin mas Doni
Semoga lancar kan, segala macam
Cepet sidang, abis itu kita live stream
Langsung kita live streaming
Kita ini, apa namanya
Kita sidang
Tesisnya dulu ya, jadi ada
Prasidang, namanya kita prasidang
Titip, pak, pak, ini
Templating language ya
Itu juga serutu, kaya pak, mustache
Apa, blade
Handlebars
Fenomena templating language
Nah, ditulis dulu
Oke
Kita akan bahas
Teknologi-teknologi jadul yang ada
Di web, baik itu yang sudah
Almarhum, ataupun yang masih
Exist, tapi sudah jarang dipakai
Mungkin ada yang pakai, tapi kita gak tahu
Dan mungkin sudah sangat jarang sekali ya
Mungkin bergeser penggunaannya
Sudah tidak common
Nah, itu bahasa lebih tepatnya
Cuma tidak un-hype ya
Oke, kita mulai dari mana
Yang paling
Ini dulu kali ya, paling
Head work dulu
Kita coba tanya-tanya audience
Nanti, coba bikinkan pertanyaannya
Nanti audience bisa jawab
Di
Kolom komentar
Dan kita lanjutkan
Topiknya
Maksudnya
Saya tanya ini apa
Top 3
Teknologi yang pernah kalian pakai dulu
Di web, tapi sekarang sudah
Enggak pakai
Iya
Nah, ini sudah dibahas nih
Nah, itu ada flash
Flash
Iyap
Jaman dulu, ini kita kaya
Kerita dongeng gitu ya
Kakek dulu
Tahun berapa itu kita pakai flash
Tahun berapa kita pakai flash
Sebelum adobe kan ya
Sebelum adobe
Macromedia
Jadi dulu flash itu dibuat
Macromedia
Ini dia
Jadi
Sebenarnya awalnya itu
Adalah software untuk bikin animasi
R2
Dan lain-lain, karena dia kan timeline
Basis animasi gitu kan
Grafis ya, ada layer-layernya
Terus ada kaya apa
Animasi kaya
Timeline animasi
Ada kaya keyframe kita bisa
Twinning gitulah, misalnya dari atas
Kebawah, kita setting keyframenya
Dia bisa generate twinning sendiri
Iya
Dan ternyata banyak juga
Yang menggunakan untuk design web
Jadinya, karena
Memang kemudahan di GUI-nya ya, gampang
Gitu kan, bisa di drag and drop
Bahkan bikin button pun pakai flash waktu dulu
Ada full
Web yang full flash
Ada yang
Web biasa, tapi misalkan buttonnya itu flash
Karena ada animasi kalo on click
Atau on hover dia akan
Warnanya, effectnya macem-macem
Blinking dan lain-lainnya
Itu dibuat pakai flash
Ada juga yang
Full, jadi sebelum kita buka
Begitu kita buka, misalkan www
Ivancristianto.com gitu kan
Tiba-tiba ada loading back
Loading, satu
Seluruh executable flash ya
Berarti
Tetapi itu
Membutuhkan
Flash extension
Di browsernya
Padahal kalo diingat-ingat
Kalo kita bikin website
Atau aplikasi web di
Flash, itu
Aksesibility nya gak ada
Gak bisa diserah
Sebetulnya, karena kan
Bukan untuk itu
Bukan untuk media web ya
Cuma, mungkin dulu kan
Dome, manipulasi dome
Masih sulit
Browser masih gak compact
Satu sama lain ya, jadi ya udah
Kebetulan ada teknologi flash
Yang mana itu sebenernya gak salah, karena untuk
Animasi dan game ya
Cuma kan enak tuh buat developer
Konsisten, ada eventnya
Bisa bikin event on click
Bisa bikin ini itu, bisa masukin text
Ya udah, dipake aja
Tapi emang sebenernya kayak gak sesuai code rednya aja
Nah, disini udah disebutkan
Bahwa flash itu akhirnya ketemu
Ketemu user yang cocok, yaitu
Di bagian multimedia
Content dan
Browser game
Kalo dulu kita main game, pake flash itu
Kayaknya umum ya
Bahkan awalnya youtube pun itu masih flash
Awalnya
Youtube video itu awalnya masih flash
Oh buat playing videonya
Setiangnya itu ya flash berarti
Dia bisa buat embed video
Betul
Akhirnya
Di apa
Flash ini secara resmi dibunuh
Oleh Apple, karena Apple menyatakan
Bahwa, kalo device
Yang menggunakan flash
Baterainya draining, baterainya cepet drop
Habis baterai
Jadi mereka gak mau
Akhirnya mereka memutuskan
Untuk
Tidak mengizinkan flash di
Apple device
Ini 2010 ya
Jadi, gue tuh punya
Pengalaman aneh pake flash, justru dulu
Belum programming
Belum webdev sama sekali, belum programming
Kayak 2008, 2009
Ya, mulai 2006
Gitu, pernah iseng
Bujur flash, beli buku
Dulu masih jaman, beli buku fisik
Jaman aneh, udah dulu
Pasti di itu ya, toga apa?
Toga mas
Nah tuh, yang kuliah jobnya masih tau
Sekarang kayaknya udah gak ada deh
Itu yang sampingnya ada cafe itu
Tempatnya
Toko buku, tempatnya buku murah
Ya itu deh, pokoknya belajar flash
Terus kayak yang 2008, 2009
Masih kadang ada
Freelancen kerjaan
Bikin flash, tapi itu justru
Gak dalam konteks pemerugaman
Atau konteks web sama sekali
Ya walaupun ada scriptnya kan
Simple banget tuh, cuma event
Buat munculin apa, terus
Kayak pernah bikin yearbook
Ke orang kuliah apa gitu
Apapunnya dapat kerjaan random dari flash
Cuma
Pas itu malah dikompilenya
Ke executable, ditaruh
Ke CBR, jadi apa?
Gitu, buka CBR
Langsung, kayak langsung
Keluar menu-nya, dan itu
Mungkin, kalau dia pikir-pikir
Sekarang, kocak juga sih, karena itu
Kan konsep-konsep UI itu beberapa
Ada disitu, jadi kayak event
Ngeklik sesuatu, ngerender ini
Kondisional event, itu hal-hal
Yang mirip banget sama
Pemerugaman UI, tapi secara gak sadar
Bikin itu tanpa ngerti
Sebelum
Belajar pemerugaman atau web dev
Yang sama sekali
Kenangan tentang flash
Ini kayak obituary gitu ya
Tapi gak ada akses dom kan dia
Dia cuman kayak kita taruh
Oh gak bisa, dia kan isolated
Dan yang membuat
Flash itu menjadi powerful
Dan juga banyak digunakan di web
Adalah action script
Action script ini
Anjir, user name-nya
Pori
Wah, ngeri ya
Action script ini
Adalah cikal bakal dari
IS3
Kalau gak salah
Oh
Jadi dia awalnya kan
Ya, JavaScript awalnya kan
Dibuat untuk
Membantu misalkan
Validasi email di form
Gitu kan
Ketika on-click mungkin lari ke
Halaman lain
Yang sederhana-sederhana lah, gak ada interaksi
Yang terlalu dibanai gimana kan
Akhirnya
Apa, action script ini
Muncul dengan
Syntax yang mirip-mirip dengan
JavaScript, atau C line juice lah ya
Si family gitu kan
Dan akhirnya
Gameplementation
Oleh
JavaScript menjadi, yang sekarang
Menjadi JavaScript
Gitu
Kalau dulu dia
Di gunakan ya untuk
Ya, kita bisa buat bener-bener
Animasi tanpa menggunakan
GUI, kita bisa pakai action script
Sebenarnya, tapi kan cape ya
Harus bikin misalkan lingkaran
Terus bikin kotak
Dengan coding kan ya
Bisa aja gitu, tapi cape, sama aja kayak
Swift sekarang ya, atau
Objektivisi dulu ya, kalau di
Xcode gitu kan kita bisa pakai GUI
Atau kita bisa pakai coding kan
Kita bisa bikin button dengan coding
Maksudnya, banyak orang ya
Tinggal bikin button, tinggal di drag and drop
Lebih gampang, gitu kan
Jadi, itulah salah satu
Yang saya pelajari juga, di action script
Jadi awal-awal dulu belajar Flash
Pengen bikin website keren
Pake Flash kan, belajar action script
Yang ternyata kepake
Sampai sekarang
Cuma kalau diliat Syntaxnya, JavaScript banget sih
Maksudnya, apa
Mirip banget sama JavaScript dan web
API, ya kali saling
Influence kali ya, itu di paling bawah
Itu di wikinya
Ada contohnya nggak?
Ada, ada, di paling bawah
Tapi dia mengedepankan
Object-oriented ya
Cuma Object-oriented aja, tapi
Kalau dari Syntaxnya, kayak create text
With the text
Dan ini
Ini TypeScript
Ada type-nya
Jadi ini kombinasi
Kombinasi JavaScript
Sama, apa ya
PHP apa, C
Lebih kerasi, kerasi
Ya, C
Cuma kalau C, kebalik
Type-nya duluan
Ini JavaScript sih ya
TypeScript
Dia kayaknya ngikutin
Eigma script yang awal
Tapi kemudian di
Extend, atau
Ditambah-tambahin gitu
Karena kalau secara
Syntax itu kayak var
Itu kan dulu, zaman dulu untuk variable kan
Var, terus new
Terus, seperti this juga
Menggunakan Syntax-syntax
Yang sangat-sangat mirip dengan JavaScript
Dan akhirnya malah menjadi
Apa
Menjadi
Fondasi untuk
Eigma script versi 3, kalau nggak salah
Ya, diintegrasikan kali ya
Diintegrasikan, iya
Karena penggunanya banyak kan
Pasti pas
Eigma script dibikin kan, salah satu pertimbangannya
Developer udah familiar atau belum
Nah, mungkin karena dulu
Banyak yang pakai, mungkin ya udahlah
Biar developer senang
Iya, betul
Nah, ini juga salah satu kendala
Dalam menggunakan Flash
Kalau internet-nya lemot, lama banget loading-nya ya
Kita nungguin
Karena berat ya, karena dia binary kan sebetulnya kan
Iya, dia nge-load semua
Satu container di-load
Semuanya, library-library-nya
Semua di-download
Baru bisa ditampilin
Jadi beda banget ya kayak
Filosofinya sama web, jaman sekarang kan lazy-load
Semua kan, semua bisa dibikin
Namun yang di-load itu
Ininya ya, executable-nya ya
Sedangkan library untuk
Ngetranslate-nya ke, untuk bisa
Dijalanin oleh browser
Di-extension ya kan
Sudah harus di-install dulu
Oleh si computer client
Iya
Kalau ke-warnet terus gak ada extension-nya
Bingung deh, tinggal kota kosong sama ada
Lagu apa, lagu puzzle gitu
Lagu puzzle gitu
Nah, tuh, tuh ada komennya
Flash plugin-nya dulu ya
Flash player
Ya, Flash player
Nah, ngomongin Flash, ada temennya, Dreamweaver
Di sini siapa?
Pake Dreamweaver
Saya dulu pake Dreamweaver
Buat makromedia
Dreamweaver jaman itu
Iya, jadi kalau sudah
Sudah
Kalau nge-develop web
Jaman itu kan masih HTML4
Kebawah ya, HTML4
Masih serba table layout
Itu, jadi kalau
Mau bangun web
Bikin dulu table paling besar
Terus bikin table yang pertama headed
Terus table kecil, table-table, table-table
Nasty table semuanya
Terus kalau sudah ada kontennya overflow
"Nih yang mana?"
Iya, tapi
Dreamweaver itu
Drag-n-drop
Sudah drag-n-drop
Katanya sih
Namun ya, nggak juga
Ya, nggak bisa 100%
Tapi kan secara konsep
Aplikasinya
Iya
Si makromedia Dreamweaver ini punya saingan
Punyanya Microsoft
Front page
Nah
Kalau Dreamweaver
Hasil HTML-nya cukup bagus
Front page, gampang isinya banyak
Aneh-aneh
Tapi keduanya sama-sama bisa dilihat
Code-nya, jadi kalau
Orang-orang jaman dulu yang
Gatau sama sekali itu apa
Lagi belajar, tiba-tiba bisa ngintip
Code-nya, pasti pertama bingung aget ini apaan
Tapi lama-lama, oh oke
Namun berkembang
Setelah itu semuanya nggak pake
Front page lagi, nggak pake Dreamweaver kayaknya
Lanjut ke Notepad++
Notepad++
Yang logonya apa sih
Cameleon
Bunglon
Bunglon
Belum ada sublime
Tapi penasaran dengan
Kita bahas editor
Tidak, penasaran dengan
Trendnya ya
Yang awalnya YCW, terus balik lagi ke text editor
Atau ke code editor yang nggak YCW
Karena YCW-nya
Itu tadi agak repotin justru
Malah tambah sulit
Banyak sampahnya
Padahal kita dibaginya
Dengan cara ngedit kodenya
Jadi ya setelah YCW kan
Lama mungkin hype karena asik banget
Kayak pake dokumen editor
Kayak microsoft work nih
Tinggal ketik masuk-masukin bisa wow
Senangnya, terus abis itu kan biasa
Kalau ada teknologi baru naik
Terus kena isu, mulai pada turun
Oh susah, kredit, tetap aja
Kudu di edit dari HTML-nya
Mendingan ketik sendiri gitu ya
Ya udah lebih cepet dan lebih oke
Ketik sendiri, ada syntax highlighting yang bagus
Rapih
Terus abis itu sekarang balik lagi
Kalau apa, ada
Ya balik maksudnya
Sekarang yang next generation ya
Kayak webflow
Kayak webflow
Ada Wix editor
Oh yang baru yang punya
Yang si itu, quick.io
Ada kan builder ya
Wix juga bikin itu
Tapi buat react namanya
Ah lupa, ada pokoknya yang buat react
Ada yang drag and drop juga
Bahkan ada yang dari Figma bisa langsung
Digenerate jadi code
Itu juga ada
Ya, jadi
Puter-puter aja tuh
Trendnya ya
Kayak client side
Sama SSR dan lain-lain sih
Muter-muter terus
Kita balik lagi, ujung-ujungnya
Semua balik ke film
Nah, lanjut lagi
Masih di satu
Produk ya, dari si Adobe
Ada yang tau Adobe R
Tahu
Adobe R ini adalah
Versi awal dari
Hybrid ya
Jadi kalau mau bikin aplikasi
Desktop, aplikasi mobile
Itu Adobe ada produk
Yang namanya Adobe R, jadi kita bisa pakai
Flash, kita bisa pakai
Action script, atau kita bisa pakai
HTML, CSS
Ini saingannya set for like ya
Kalau di Microsoft itu set for like
Ini tuh masih udah nggak dipake tapi
Udah obsolete atau
Udah ini kayaknya
Udah dibunuh
Soalnya kayaknya sempat ada period
Berapa tahun gitu, kayak Adobe itu
Push ini banget
Dan bahkan misalnya mau pakai layanan
Apa ya, Adobe yang
XB ya, yang buat
Prototype, yang dulu
Cuma segala macem
Pokoknya mau pakai kode Adobe apapun
Harus lewat R
Ingat banget tuh, masih belum terlalu lama
Kayaknya ya, berapa tahun, ya 5 tahun
Lantai yang lalu
Kita harus install runtime-nya juga kan ya
Satu
Cuma satu executeable gitu
Satu bannerina
Iya, dia bisa di
App Store, bisa Google Play juga ya
Bisa multi platform ya
Tapi berarti
Oh iya, kayaknya sekarang udah nggak
Gak pernah lihat lagi
Udah nggak, kayaknya udah
Udah selesai
Jadi sebenarnya tadi
Kalau si Flash tuh, apa?
Dibunuhnya gara-gara pembunuh utamanya
Si Apple, si Steve Jobs
Nah, terus ya udah
Kalau Safari nggak support kan, udah lewat
Developer nggak mau, nah kalau si R ini
Berarti sama Adobe-nya sendiri ya
Bisa dibilang
Kayak mulai diturunin, mulai nggak
Di prioritas sama Adobe-nya sendiri
Karena ada teknologi lain
Yang mulai bekembang, HTML5
Terus kemudian
Web API
Interactivity sudah mulai
Bagus
Ini kan udah 2019
Kayaknya abis itu 2020
Kayaknya ya udah, mending masuk kostum sekalian kali ya
Web Assembly buat yang
Apa
Aplikasi web
Salah satu pembunuhnya ini
Cordova
Yang hybrid juga
Hybrid juga
Jadi kita bisa nulis
HTML, CSS, JavaScript
Tapi untuk mobile
Dia mungkin desktop belum bisa ya
Untuk mobile, pada saat itu
Sekarang mungkin udah bisa nih, udah ada logonya
Pada saat itu, hanya untuk mobile
Tapi bedanya adalah
Bukan bedanya ya
Yang menariknya adalah si Cordova ini
Menyediakan API-API
Yang mengaktifkan kapabilitas
Misalkan kamera
Kemudian GPS
Astrolab Method
Dan lain-lain
Dia menyediakan API-nya
Jadi bukan hanya HTML, CSS, JavaScript
Kayak web yang dibundling jadi app
Tapi juga ada kapabilitas-kapabilitas yang
Hanya ada
Jika pakai runtimenya Cordova
Oh iya
Yang lambat tahun tergantikan
Gara-gara sekarang web juga kapabilitasnya udah
Banyak banget kan
Kalau dulu kan belum ada sama sekali kan
Kita mau bikin aplikasi web
Mobile itu harus
Kalau nggak Android ya OOS dengan native
Mereka muncul
Dan
Ya pakainya ya kayak kita bikin aplikasi web biasa
Ya walaupun secara performa
Agak itu ya
Agak jengky
Pasti lebih lambat karena dia ada
Translations layer-nya kan
Ya jadi dia kayak buka browser
Terus ya udah
Aplikasi kita jalan di browser itu
Kalau aplikasi kita lambat pada saat
Dia dibuka browser ya
Dia juga ikutan lambat
Tanpa dia ada ikutin
Library-library-nya dia kan
Jadi agak besar ukurannya
Oh tetep ada base
Kayak ada base JavaScriptnya berarti ya
Ada kayak runtimenya
Dia punya runtime sendiri kan
Buat menerjemahkan
Sekarang sudah tergantikan
Reakt native
Flutter
Dulu di .NET
Ada tuh namanya apa ya? Samarin
Ya itulah
Kayak kita flashback
Lagi sedikit sebelum
Adobe Air
ActiveX
Itu apa?
Gak ngerti sama sekali
Ini adalah bootcamp paling keren? Oh bukan ya salah
Kalau ada inget nih
ActiveX ini hanya ada di EA
Di Windows
Windows only ya
Itu apa?
Dia seperti
Apa ya
Bayangkan aja dia sama
Seperti Flash tetapi dia sudah nembel
Di Internet Explorer secara native
Di download lagi
Dan jaman itu kan
Internet Explorer
Salah satu
Apa namanya
Top 3 browser
Jadi semua diship dengan
ActiveX jadi semua yang pakai Windows dan EA
Bisa menggunakan
ActiveX teknologi
Sama mirip dengan
Tapi bukan kayak Flash ya tapi sudah ada kayak scriptingnya
Jadi kayak
Dia kayak ada library
Dia kayak jadi jembatan
Paling atas component object model
Dan
Library linking DLL
DLL
Jadi
Kalau kita develop pakai
VBScript
Atau pakai
Bahkan bisa pakai C# jaman itu
Pakai Visual Studio itu ya
Jadi kalau misalnya kita mau kayak connect ke
Apa namanya
Komponen-komponen yang ada di Windows
Mau akses DLL-nya
Kita akses DLL
Contohnya seperti
Mau akses
Data yang dari Excel
Itu bisa
Bisa dari si
ActiveX ini
Akses ke Microsoft Access
Ya kan
Itu aplikasi di Windowsnya
Sedangkan kita di web
Tapi mau connect ke Access itu bisa pakai
Di component object modelnya itu
Itu sudah disini
Yang jembatannya sama si ActiveX
Itu kayak buat ekosistem
Dia sendiri ya
Jadi behavior-nya itu malah kayak
Native
Library ya
Native Windows library kan
Otomatis harus di Windows kan
Tapi platform dia sendiri semua
Nah, tapi ini ada nih
Mozilla
ActiveX control
Was last update in 2005
Script active
For Netscape Navigator ternyata
Ada yang bikin kayaknya
Bahkan Google com juga bisa jalan ActiveX
Tapi gak harus pakai semacam
Plugin ya
Nah, baru tau saya
Nah
ActiveX ini sama
Java Applet itu
Siapa yang duluan
Buka aja Java Applet
Gak tau, kayaknya
Java Applet punya
Punya Sun
Ya, jadi
Coba kita liat
Java Applet, karena itu 1
11, 12
Ya, buat juga
Jadi untuk
Oh ini sebelum flash bahkan
Sebelum flash
Sebelum flash
95, ini 12, 14, 19, 19
17
1,995
Face out
Eka, kenapa Eka
Iya, tadi sempat
Ini hilang sebentar
Oh hilang lagi
Gimana, gimana
Aman, aman
Mulai dihilangkan
Mulai dibunuh tahun 2013
Bayangin
Major web browsers begin to
Face out support
Sempat ada itu kan
Kita kan kalau dulu install
Browser, habis install browser
Install Flash
Install Java
Kita install Java juga
supaya Rana, Rana situsnya pakai
Applet
Ini sebelum flash
Habis itu dia tergerus oleh flash
Habis itu dia mati gitu kan
Jadi ini tuh
Sebetulnya untuk canvas ya, kayak untuk
Apa sih? Buat
Grafik
Buat game, buat ini
Buat apapun yang pakai Java
Iya
Tapi konsepnya sama ya
Sandbox juga ya, jadi harus
Kita nunggu download dulu kan
Download loading dulu kan
Iya, betul
Jadi orang-orang ada banyak
Yang bikin ya buat game
Terutama yang interaksi ya
Interactivity
Ya, buat interactif
Tapi
Kita harus punya
Berarti sama ya sama Flash ya
Kurang lebih ya, cuma teknologinya berbeda
Iya karena
Ingat gak, sekarang kita coba
Tarik berang merah, ActiveX bikin sendiri
Java bikin sendiri
Flash bikin sendiri
Silverlight nanti
Ya itu aja
Lanjutinnya Silverlight
Lanjut lagi Adobe Air
Tapi akhirnya kan
Bercabang-cabang semua kan
Dan proprietary, sebagian
Ya ada yang punya perusahaan
Flash kan punya perusahaan
Apa tadi yang di EE doang
Punyanya Microsoft
Akhirnya para
Kompany-kompany itu sudah mulai
Kok kita kayaknya
Bikin sendiri-sendiri gak ada yang jadi
Akhirnya
Terjadilah konsorsium
Kembali lagi kita ke topic kita
Web standar
Web standar
Keuntungannya menggunakan satu
Standar yang gak
Dimiliki salah satu pihak
Doang
Oke
Nah
Terus abis itu, kita ngomongin apa lagi nih
Ngomongin
Tentang
Ada yang tulis Gwt itu, paling terakhir
Gwt apaan sih
Google Web Toolkit
Google Web Toolkit
Itu apa?
Kita modingnya pakai Java, jadi HTML, bener gak?
Kalau gak salah JavaScript
Library juga kan itu
Itu kan dulu Gmail
Gmail bikinnya pakai Gwt
Gwt, Google Web Toolkit
Topik jebakan umur
Tapi masih muda kok
Masih muda
Kebalikannya, udah tua cuma
Belajar webdivnya telat
Jadi gak pernah jebakan umur
Gwt, Google Web Toolkit
Jadi Java itu dulu
Seinfluensial itu ya
Walaupun sekarang gak direkli
Dipakai di teknologi web
Tapi menginspir
Macam-macam program library
Yang jadi pionir
Interaktifitas web
Dia kan ada 3 kan
Java Enterprise
G2II
Ada Java Standard Edition
Yang buat desktop
G2ME
Java Mobile Edition
Yang Enterprise kayaknya masih
Yang sekarang
G2SE ya tentu masih dipakai juga
J2EE
G2EE
G2EE yang Enterprise
G2SE yang biasa
Bahkan kayak game kayak Minecraft gitu
Masih pakai Java
Terus yang G2ME
Bertransformasi menjadi Android
Terus jaraknya
Iya kan Android Java kan
Tapi dia gak pakai G2ME
Gak pakai G2ME Standard maksudnya
Dia pakai forkingnya
Dulu kok gak salah Gwt
Gwt ini sayangannya sama
XTGS deh kalo gak salah
Karena saya barengan
Kalo waktu belajar
Gwt
Tapi sebelum itu sebelum saya
Tapi aku sisi deh
Kalo gak salah ya
Karena dulu setau saya itu XTGS
Berdiri sendiri
XTGS ini adalah
Framework
Tapi yang Enterprise yang berbayar ya
XTGS ya
Ada yang gratis
Ada yang gratis
Itu berbayar kok tapi start
Retail
Ada yang download ada yang buy
Oh itu kayaknya
Yang bayar kali ya udah ada
UI komponennya
Sama kayak ini Tailwind sama Tailwind UI
Mau pakai Tailwind sendiri
Boleh
Tapi harus ngolah lagi
Mau plug and play
Beli UI-nya
Ini juga
Kalo denger ceritanya
Mas Arya Hidayat ya
Yang dulu kerja di Senca
Jadi zaman dulu XTGS itu udah ada
State Management dan lain-lain
State Management
Jadi kayak berulang aja
Bener-bener
Yang build Senca
Saya salah tadi
Tapi dulu saya pakenya gratis
Oh iya gratis
Ini bajakan ya
Enggak
Ada Community
Community Edition-nya
Iya itu tailwind sama tailwind UI
Kirain ngerental
Di tempat si dibajatan itu loh
Digejayan
Digejayan
Banyak dimana-mana
Ini
Inside Joke ya
Bagi orang yang tidak tinggal di Joke-nya nggak tahu
Joke-nya Bandung lah Bandung juga adil
Orang Jakarta doang kayaknya yang nggak tahu
Nah temennya XTGS
Ya sebelum ini sebelum era jQuery kan
Temennya XTGS ada namanya MUTULS
Yep MUTULS
Oh MUTULS pernah denger sih
Karena dia UI juga ya
Masih hidup kan
Masih-masih-masih
Ya ini jQuery sekali
Contribute
Ini GitHub-nya masih
2017
Ya lumayan
6 tahun lalu
6-7 tahun
12 tahun
Isunya ada yang ini nggak sih
Open masih mau
Januari 2021 masih ada yang isu
Nggak ada yang jawab
Kalo ke inside
So isunya deh Deprecate MUTULS
Itu isu ketiga dari atas
Network
Forks
Ya pasti banyak loh
Itu 561
Ada yang vokan di atas kanan
Ya misalnya kita di kantor
Atau tempat kerja dapet legacy code
Ya nggak dapet buy in
Rewrite dari awal
Pakai teknologi yang baru mau nggak mau ya
Vokan
MUTULS
Tadi ada yang menyebutkan salah satu
Topik juga nih
Salah satu yang
Sekarang masih itu ya
Itu IONIQ
Jadi abis Cordova
Muncul lagi IONIQ
IONIQ itu dulu
Hanya untuk angular
Sekarang kompal ke custom element deh
Ke web component
Sekarang semua framework bisa
Kayak Astral gitu
Sekarang IONIQ
Bukannya bikin mobil sekarang
Apa itu
Bukan mobil
Brand ya
Brand mobil
Oh iya
Di zaman itu juga ada namanya CloudFusion
Betul, tapi gua nggak pernah pake ini CloudFusion
Cloud ya, cold
ColdFusion
Ya nggak pernah pake
Ini berarti
Equivalent sama PSP
Skripting lanjut lah ya
Jadi backendnya ya
Dan itu
Ya PSP
Ya itu dari makromedia
Jadi sudah terintegrasi dengan
Dreamweaver
Oh makromedia dulu complete banget
Berarti ya
Complete sebelum dirusak
Sebelum dirusak
Wah ini ke proversi nih
Semoga nggak ada orang yang memakromedia ya
Eh nggak ada orang adobe ya
Ini yang pengguna
Ini yang pengguna nih
Gimana nasi pecah di aku sih
Mau dirusak juga
Jadi makin bagus
Dibunuh pelan-pelan
XHTML
XHTML apa? DHTML
Dulu ada DHTML
Duh itu sempat nyari
Terus baca, terus nggak ngerti
Terus ah udah, budo amat
Ada DHTML, ada XHTML
DHTML itu sebenarnya kayaknya
Ya buat client side interactivity
Juga kayak buat
Alert atau to come to my website
Terus dulu yang nge-trend
Ngarang right click dong
Diblokir right click nya biar nggak
Mopi atau
Mopi content atau nge-save image
Tapi syntaxnya sih kayaknya
Ya mirip javascript standard
Javascript ya gue
Jadi dari syntax udah
Javascript basically
Itu teknologi apa ya
DHTML, XHTML
Maksudnya itu dari mana ya
Kan non-standard ya
Kalau yang
Kalau saya DHTML kurang
Begitu ngerti gimana
Kalau XHTML nya itu dia kayak ada
HTML tetapi diextend
Pake XML syntax rule
Itu sih maksudnya
Untuk
Dulu sih diciptakan supaya interrupt
Dan data format
Tapi gimana
Ceritanya gue nggak tahu sih
Dulu nya gimana tapi sekarang udah nggak
Dipake lagi sudah outdated
Kalau deh DHTML itu
Sebenernya cuma
Cuma terminologi doang
Kalau DHTML dynamic XHTML
XHTML apa nih
Ini kayaknya cuma
Basuits doang deh
DHTML itu
Adalah
Kawasan
Di muka sebelum kita masuk ke
HTML CSS Javascript yang kita kenal
Sekarang dengan interactivitas
Terus ada Ajax
Nah itu masuk di HTML dulu
XHTML HTTP request
Bisa request
Bisa konika API
Kalau dulu kan setiap kali kita mau
Update yang ada di halaman kan
Harus refresh
Biar kalin dengan cara
Biar kalin dengan cara
Kita setiap
Berapa detik kita refresh gitu kan
Refresh manual gitu kan
Auto refresh
Perspektif Ajax
Asynchronous Javascript ya
Itu pertama katanya Javascript
Kan by default sebetulnya
Synchronous, thread blocking
Sekarang bisa dibikin asynchronous
Itu ada satu lagi itu
Yang terakhir itu Soap
Nah itu juga
XHTML HTTP request
Ada pake Soap
Protocol
Protocol buat
Semacam REST API gak? Bener gak sih?
Simple Object Assess Protocol
Like XHTML base
Seperti untuk XHTML
Tapi
Dia lebih
Lebih kecil gitu
Ceritanya
Gak itu ya, gak bertahan lama ya
Tergerus oleh
JSON dan REST API
Beda-beda
Dia bedanya kayak RPC kan
Beda, oh baru ngerti
RPC, Remote Procedure Call
Jadi
Dia
Gimana ya caranya, kayak
Dia narik
Terus dia
Yang dikirimkan itu cuma basisnya doang
Protokolnya, eh apa, prosedurnya gitu
Udah
Udah gak ini lagi
Sudah gak paham lagi
Sudah
Udah digantikan dengan REST API
Udah digantikan
Iya banyak
Langsung hilang tiba-tiba
Karena REST API
Dan JSON ternyata lebih
Makes sense, daripada XML
Susah
Partingnya
Kecuali yang
Di environment Java itu masih banyak menggunakan
XML
Terutama kayak konfigurasi dan lain-lainnya
Kalau sekarang kan banyak kan
Kalau gak JSON
Formatnya YAML
Atau format-format yang baru yang lain
Oke, tadi kita
Ngomongin beberapa produk-produk ya
Sekarang kita agak shifting sedikit
Ke
Komponen-komponen atau elemen-elemen
HTML yang dulu
Sering dipakai
Yang udah, masih ada
Tapi udah jarang dipakai
Yang paling, yang pertama
Yang kepikiran adalah Markui
Markui
Ada yang tau gak, ini fungsinya
Buat apa
Ini jubah-jubah kan umur nih
Markui
Ini kutuk banget sih
Element, element ngacu banget
Masa sih, dulu gue sering
Pake ini untuk supaya interaktif
Supaya menarik ya
Kayaknya dulu itu
Breakthrough banget pada jamannya
Textnya bisa jalan
Hanya dengan, tanpa, maksudnya tanpa
Upload atau tanpa teknologi
Ini masih jalan gak sih?
Masih
Hari Selasa kemarin
Waktu saya demo-in
HTML, CSS, JavaScript, saya kenalin
Markui
Walaupun yang lain pada gak tau kan, ya kita liatin
Jalan gitu
Itu masih jalan
Tapi ada issue
Useability kan, disini nih
Tapi menarik ya, maksudnya browser
Berarti backwards compatibility-nya
Beneran dipikirin banget
Bahkan element yang beneran agak useless
Dan ya, ganggu
Tetep aja di, sekian
Sekian 10 tahun update
Tetep dipake
Dulu sangat
Sering digunakan kalo untuk iklan
Kayak
Iklan baris gitu, nah itu sering tuh
Muncul kayak gitu
Situs berita di Indonesia
Setus berita, betul
Kayak di TV
Bagian bawah itu jadi keren, oh iya
Dan bukan, maksudnya
Interaktifitas yang kayak gitu tuh
Unexpected banget, bisa
Cuma pake
HTML element kan
Tanpa harus scripting lainnya
Iya
Dulu juga ada konteks yang berbeda
Mungkin dulu kan layar
Computer kan gak sebesar
Sekarang ya, yang ukurannya sudah
720p, 1080p
Bahkan 4K gitu kan
Budeh, lebar gitu kan
Kodo kan kecil-kecil, kita mau tulis panjang-panjang
Kan susah, jadi kalo dibikin bisa scrolling
Otomatis kan bisa dibaca, bener
Ini si, si apa nih
Damar, damar
Biar kayak TV di bagian bawah itu kan jadi kebaca
Kan tekstnya, tanpa mengganggu
Mungkin
Content utamanya
Makanya ada
Markie, terus apa lagi
Table
Jadi sebenernya table dengan
Caveat nih
Table, namanya, nama elementnya
Aja table, ya harusnya
Kan buat menampilkan data yang
Tabular, ya
Statistik atau semacamnya, jadi kan
Mungkin karena mindsetnya
Perspektifnya, cara pikirnya beda banget ya
Antara, kayak misalnya
Kalo flash atau apa
Itu kan buat, dia punya environment
Dia punya sandbox sendiri, sedangkan
Kalo web itu kan
Basisnya dokumen, dan harus semantik
Masing-masing ada fungsinya, kayak
Heading element, ya ada fungsinya
Button, ada fungsinya buat dipencet
Nah, ini table juga sama kan
Dulu tuh table disalahkan
Untuk bikin layout, karena
Dulu tuh belum bisa tuh bikin kolom di kiri
Text di kanan
Eh, di tengah
Float left, gitu ya
Dulu float pun kayaknya belum ada ya
Ini kan jaman HTML kan
Soalnya
Soalnya doang
Itu kan sebenernya bukan konten buat
Table, tapi
Element table-nya, disalah gunain buat
Layout
Nah, ini pelakunya ya
Dreamweaver sama front page ini
Bener-bener
Bahkan kalo pake Adobe Photoshop
Kita bisa nge-slice image nih
Image di Photoshop, di-slice
Otomatis di-export, jadi
HTML, dan aset-asetnya
Yang bisa langsung dibuka dari
Macromedia, udah jadi tabel
Gimana tadi?
Ada satu lagi, temennya
Udah di-slicing, image-image nya
Di-slicing, ditaro ke table
Jadi kayak image gede gitu
Tapi ada tabel-tabelnya, terus ada image map
Ada inget gak, yang image map
Jadi, image bisa di-clink
Ke halaman berikutnya, jadi kayak anchor
Tapi di image
Oh iya, iya, iya
Jadi misalkan, image-nya ada
Ukurannya berapa ya, 800 x 800
Misalkan, kalo kita klik di tengah
Dia menuju ke halaman A
Klik di kanan, dia menuju halaman B
Itu ada namanya image map
Jadi di-mapping image-nya
Ada tambahan satu lagi
Lu belum ada pemahaman aksesibilitas ya berarti
Ada tambahan satu lagi
Dengan model seperti ini, pake namanya
Frame, jadi satu table
Menunya halaman sendiri
Frame sendiri
Atasnya frame sendiri, jadi kalo di-click
Di menu, yang diganti halaman ini
Ngerti, makanya sampe sekarang
Masih ada attribute target ya
Di-encor, di A-element
Kayaknya dulu target itu bisa dipake
Buat frame targetnya kan
Kalo gak salah ya
Dan salah satu situs internet banking
Bank di Indonesia masih pake lho
Oh masih, iya
Itu yang mana, yang initialnya
BCA ya
Initial itu
BCA
Masih lho
Tapi masih working
Working fine dan stable
Itu programmer yang
Web engineer yang
Dapat deprecated
Not, bukan deprecated
Codenya yang degasi kayak gitu
Yang mau dipapain lagi
Cuma bisa maintain
Apalagi banking kali ya
Maksudnya kan, ngapain juga diubah-ubah
Buat jadi lebih modern
Ya mereka memperkuatkan security
Atau apalah server side-nya
Kalo teknologi front-endnya masih mau pake
Frame ya, asal masih dengan
Tidak ada complain
Transaksi tetep lancar
Yaudah
Ada pertanyaan yang serupa
Gimana kalo yang masuk ke situs bank itu
Yang diserahkan untuk memaintain situs
Internet banking-nya, ayo
Ayo jawabnya gimana
Minta bayaran lebih
Besar
Cuma kan, itu maksudnya tergantung
Kita gimana ya
Kalo kita masuk ke perusahaan yang besar
Apalagi keuangan kan
Harus prudens itu
Kita gak bisa expect
Terlalu breakthrough, kalo kita pengen adventure
Ya masuknya ke startup
Semacamnya lah biar bisa nyoba-nyoba
Teknologi yang lucu-lucu
Tapi juga sekarang banyak
Bank, apalagi kan semenjak ada
Bank digital kan banyak
Bank-bank yang tradisional pun membuat
Kayak subunit
Untuk bank kita kan
Kecuali division produk baru, seru itu
Dan itu juga
Pake teknologinya kekinian, lumayan kekinian
Karena bikin perus
Tapi kalo yang legacy kan
Kayaknya susah capet baikin buat
Ya karena
Pertama, usernya udah banyak
Terus kemudian
Para accounting-accounting
Itu kan sudah terbiasa tuh
Export atau copy-paste
Sudah ada formula-formulanya
Dia udah siapin, kalo mau diroba ya
Kacau semua tuh
Ya tetep ada
Pasarnya ya
Orang developer yang
Masih
Menguasai teknologi-teknologi
Legacy, itu masih ada
Ya banyak mungkin engga ya, tapi ada
Dan masih bisa di-hire juga
Jadi ya
Itu gimana dong
Kalo kedepannya kayak
Kayak
Dari sisi yang punya
Coding Bootcamp nih kan
Yang diajarin kan teknologi-teknologi baru tuh
Berarti
Gak dapat dong pasar yang
Yang pakai teknologi
Bukan di sana
Cuman
Yang menarik adalah
Di approach juga sama
Perbankan, sama
Perusahaan-perusahaan enterprise yang
Bahkan secara teknologi
Gak diajarkan di Bootcamp
Dengan satu alasan
Kan kedepannya mungkin dia bisa bikin baru lagi
Bikin produk baru mungkin kan
Gimana gimana alasannya
Mereka sudah kehabisan
Talent pool, jadi mau gak mau, suka gak suka
Mereka hire
Alasannya praktikal ya
Ya, teknologinya gak peduli
Yang penting bisa programming
Abis itu mungkin mereka, kalo mereka mau join
Ya mereka harus di-training dengan
Teknologi-teknologi yang digunakan di perbankan
Yang tidak terlalu hype
Tapi itu mungkin
Secara gak langsung kan evolusi juga
Pelan-pelan ya, kayak ada
Tarik-menarik antara pasar, pasar
Disini maksudnya
Programmer yang siap di-hire dan
Berskill dengan employer
Yang se-tradisional apapun
Misalnya walaupun menggunakan teknologi lama
Mau gak mau kan itu juga ketemu
Lama-lama ya ketarik, maju juga kan
Iya betul
Jadi
Tetep ada pasarnya
Tetep ada orang-orang yang
Memang bertahan di teknologi yang
Itu ya, teknologi yang sudah boring
Saya juga punya pengalaman
Itu pernah lagi nyari
Web developer
Tahun apa ya? 2012 ya
Sama banget
2012
Terus
Nyari web developer
Terus ada yang apply dan
Begitu sampai interview
Dia bilang dia hanya bisa
Satu teknologi yaitu Delphi
Dan desktop
Itu 2012
Tapi itu bisa buat begin web
Oh itu pula, kenapa dia apply
Udah diperkaitkan, makanya kenapa dia apply
Dan dia
Mungkin bekerjanya di perusahaan
Dia freelance
Dan dia nanggannya Delphi masih
Masih pakai, tapi itu udah diperkaitkan
Udah gak diperbarui lagi oleh
Si Borlan-nya
Namun saya lebih
Apresiasi situs yang
Masih mempertahankan situs
Yang
Dengan teknologi lama tapi masih di maintain
Ketimbang punya situs
Tetapi
Disutdown, bukan
Disutdown, webnya disutdown
Disuruh semua ke
Mobile bank juga
Ini
Perbankan yang itu ya
Yang suka menyarankan untuk mandi sendiri ya
Yang disuruh hidup ya, live in
Gitu kan, live in, tetapi
Apa namanya
Webnya malah dimatiin
Iya
Kalau yang sering ada di mall itu malah
Gak ada
Gak pernah ada web app sama sekali
Gak ada web app sama sekali
Mending begitu
Daripada
Web, tapi webnya
Dimatiin
Dan disuruh semua pakai
Mobile
Kan jadi gimana gitu
Iya, apalagi sebagai
Enak web ya, sedih ya
Sedih
Mendingan ke yang tadi
BCA itu
Walaupun masih main
Tapi ada webnya
Masih di maintain
Cuma kalau di front-end
Karena browser itu tadi backwards compatible
Ya beneran, gak apa-apa sih ya
Kalau kayak frame kan
Gak ada pengaruh negatifnya
Cuma kalau kita bikin halaman baru
Misalnya, ya udah, karena itu udah
Gak perlu lagi, karena udah bisa
Client-side interactivity
Nah, saya punya pertanyaan
Apa bedanya frame sama iframe?
Iframe you are external ya?
External ya iframe
Kalau frame itu
Frame itu cuma
Di spesifikasi HTML4
Kalau gak salah frame itu bahkan gak ada sih
Di HTML5
Oh iframe inline frame
Oh gitu
Bedanya apa inline?
Terus kayaknya kalau
Frame itu cuma bisa kayak satu
Harus bisa, harus menuhin
Layar gitu ya?
Kayaknya, tapi iframe itu
Gak mesti external ya
Kalau frame itu
Kayaknya gak bisa external
Ada jawaban dari Stack Overflow
Frame itu
Harus dipakai dalam frame set
Ini bukan, Stack Overflow-nya
Bedanya adalah
Oh iya, iframe itu
Bisa ditaruh di tengah-tengah, suka-suka
Posisinya ditaruh ke mana aja
Sementara kalau frame itu harus
Kayak menuhin layar, jadi entah
Menuhin width atau height
Pokoknya harus
Satu bagian
Layout
Kalau frame itu harus bagian dari frame set
Nah aneh-aneh aja
Yang ada
Isu sekuritasnya di
Iframe atau iframe juga ada
Kayaknya sama itu kan
Ada masalah
Kita bisa manipulasi
Something-something gitu
Kan dulu kan sebelum ada course kan dia bisa
Bisa
Bisa diinjek iframe
Untuk ngambil cookie kan
Oh iya bener-bener
Sebelum ada course
Sebelum ada
Dengan cara navigasi ke source
Source value-nya ya
Jadi dari script yang
Dijelankan di dalam iframe bisa ngambil
Cookies yang ada di
Parent webpage-nya jaman
Dulu, sekarang udah gak bisa
Oke
Nah ada dua item
Lagi yang
Cukup jadul dan mungkin sekarang udah jarang
Dipakai, yang pertama adalah
GIF
Yang kedua adalah MIDI
Ada yang ngalamin gak
Buka word terus tiba-tiba ada musik
Musiknya cuma monoponik itu monoponik
Oh iya pernah-pernah belajar
Tapi MIDI masih banyak yang pakai lho
Masih-masih apalagi buat game kan
Usage-nya buat apa? Oh iya
Buat game, makes sense sih
Dan dia file-nya kecil kan karena dia
Itu kan monoponik gitu kan
Itu makes sense banget
Usage yang bagus buat game
Kalau dulu kan soalnya apa ya
Dulu internet masih mahal, pakai data
Belum ada atau masih mahal
Dulu penyimpanan bahkan storage itu
Kan dulu masih pakai floppy disk
Atau pakai apa?
USB juga masih mahal, masih 128
Mega kan
Jadi kalau mau dengerin lagu
Itu dulu sempet
Ada, sempet ngalamin lah dulu note-note
MIDI
Oder MB3
MB3 setelahnya kan
Dengerinnya pakai WinM
Ya cuma
Maksudnya buat background music di halaman
Kan sekarang juga misalnya ada iklan
Atau video atau apa kan ya udah
Play video biasa aja, gak usah MIDI-MIDI-an
Iya kan HTML5 udah ada tag
Audio kan, udah gampang kan
Kalau dulu kan belum ada
Walaupun sekarang masih dipakai sih MIDI
Masih dipakai untuk berbagai keperluan
Gitu
Notif, bunyi notifikasi atau apa
MIDI masih
On GIF sekarang
Ada apa? Ber-regenerasi
Dia yang ikutin jaman
Jadi memes
Tapi kalau dulu kan
GIF itu banyak dipakai untuk
Ya untuk animasi
Untuk apa
Short animation lah ya
Short animation kan
Tapi sekarang
Video juga dulu
Kita convert jadi GIF dulu kan
Karena dulu si HTML
Belum bisa video
Belum bisa
Tag video belum bisa kan
Tag video belum ada
Terus memutar video itu susah
Harus pakai plugin
Harus install mpeg something gitu
Makanya si youtube awalnya
Juga munculnya dari Flash dulu kan
Biasanya .flv
.flv betul
Terus GIF
Juga jadi salah satu alternatif
File format untuk menampilkan video
Ada yang lebih pendek
Tapi sekarang
Harapannya temen-temen jangan pakai GIF lagi
Untuk video ya, terutama untuk video
Gak usah pakai GIF lagi, karena pakai mp4 aja udah
Cuma kecil dan udah bagus
Kalau GIF tuh
Sekarang malah kayaknya hidup lagi
Buat social media reaction ya
Kayak misalnya
Di apalah twitter, facebook
Atau bahkan di whatsapp
Atau discord, aplikasi chat itu
Kayaknya reactionnya banyak di GIF
Padahal mungkin sebetulnya lebih
Kalau dari size
Lebih kecil, sekarang lebih kecil mp4
Kalau untuk 2 detik
3 detik ya
Kalau
Kalau
Di compare, gak juga sih
GIF nya kepanjangan juga
Jadi gede banget, kalau frame nya banyak
Lebih kecil mp4
Dulu juga GIF
Cukup terkenal, dipakai
Gara-gara dia bisa transparan
Dulu jpeg gak bisa transparan kan
Sebelum ada png ya
Sebelum png terkenal
Hanya ada 2 yaitu
JPEG dan juga GIF
Nah itu nyamung ke
Ada tuh teknologi
Teknik, lebih ke teknik
Yang udah punah
Jadi dulu banget kan css belum bisa
Css belum bisa
Rounded corner
Belum bisa shadow
Makanya, nah ini versi
Barunya nih yang di atas
Terus yang bawah
Nah sekarang tuh, sekarang yang di atas kan
Yang border radius, box shadow
Nah kalau jaman dulu nih
Harus
Slesing dulu ya
Slesing yang ujung
Yang ujung
Sama ujung sini dibuat
Tengah tengahnya warna biasa ya
GIF atau table ya
Masih ingatin dulu
Pake shadow, penahnya juga harus pake kan
Karena biar ada shadow nya
Pilih 5 5 images
Keempat sebut, sama buat
Garis nya apa, garis yang bershadow nya
Bayangkan dulu bikin button
Kayak gini, susahnya minta ampun ya
Sekarang tinggal css aja
Sekarang tinggal ngetik 2 baris
Kalau di klik, kalau di klik dia ada
Animasinya kayak ke pencak
Waduh itu tadi
Gambarnya bukan lijip kan ya
Biasanya ini 5 gabar, berarti kan
Harus bikin 5 lagi
Warnanya berubah sedikit
Terus dia agak ke pencet
Panjang ya
Kalau web front-end dulu
Kayaknya lebih ke penyalahgunaan
Semua ya, kayak table
Table sendiri kan element table
Gak salah, karena kita pake buat
Data tabular, tapi itu kayak
Di atal atalan montir dipake
Buat play out
Sebenernya saya gak menyebutnya
Ke penyalahgunaan, karena belum ada
Itu teknik yang benar
Itu teknik yang benar jaman itu
Life hack jaman dulu ya
Workaround karena memang belum ada
Nah, ini juga kan sebetulnya gambar kan
Sekarang kita masih pake gambar
Tapi kan buat nampilin
Sesuatu, misalnya e-commerce
Produk yang dijual, ya kita harus nampilin
Gambarnya itu jelas, nah kalau ini
Itu tadi kan akal-akalan
Nakalin, harusnya buat bikin
Shadow atau rounded corner
Jadi pake gambar yang dipotong-potong
Jadi web developer jaman dulu itu
Berarti kreatif banget ya
Ya mungkin programmer
Programmer apapun sih
Cuma ini kayak yang beneran akal-akalannya
Itu aneh-aneh aja
Adalah gitu pixel shoe
Satu, jadi konon
Terus CSS itu kan box modelnya
Cara merender box modelnya itu
Masih belum konsisten
Antar browser, jadi kayak misalnya
Dulu kalau cuma bikin
Gif kosong, itu ukurannya
Itu behavior-nya bisa lain-lain banget
Nah, jadi
Diakali dengan
Gif satu kali satu
Pixel, transparan buat
Ngeganjel si elemen itu
Biar ukurannya expected
Biar streamline, standar
Kayaknya separah itu
Jadi itu beneran image yang
Gak ada kerjaannya apa-apa
Cuma satu pixel transparan aja
Biar spacingnya standar
Gif satu kali satu namanya
Iya, ini dia
Nah, sebetulnya sih
Gif satu kali satu ini
Dia hidup lagi, muncul lagi, reinkarnasi
Cuma buat tujuan lain kan
Itu sering buat tracking
Dia si gifnya itu dari origin lain
Kayak buat ngirim analytics
Itu yang di email biasanya
Terus sekarang kelihatannya diperketap lagi
Ngirim kukis
Antar origin itu kayak
Dibikin gak semudah gitu
Jadi kayaknya si gif satu kali satu
Ini beneran dia gak bisa mati deh
Mungkin besok-besok muncul lagi
Buat tujuan lain lagi
Ini bahayu juga bener nih
Web jadul itu masih pake BR ya
Kalau sekarang kayaknya udah gak ada yang pake BR
BR itu ada fungsinya
Line break
Jadi kalau misalnya satu blok alamat
Alamat atau text
Yang emang harus ada
Interus satu line
Cuma mungkin dulu dipake buat apa ya
Buat spacing juga kali ya
Buat spacing
Iya, BRnya kebanyakan
Kalau BRnya cuma satu sih gak apa-apa
Tapi ini BRnya untuk taruh fitur
BRnya cuma gitu
Karena margin dulu behaviornya
Gak konsisten ya
Margin top gitu misalnya
Bukan, karena pake team weaver
Supaya bisa
Bisa turun ya pake
Enter, enter, enter
Jadilah banyak BRnya
Gitu loh
Terus begitu ada yang ganti phone
Tiba-tiba BRnya jadi berubah
Ukurannya jadi
Ngaco tuh webnya
Phone jaman dulu
Pake apa ya, makanya bisa
Phone dari
Standard ya
Iya yang
Di device
Bisa loading phone external kan dulu ya
Belum, nah HTML4
Itu tagnya
Elementnya namanya phone kalau gak salah ya
Lupa deh, phone atau text atau apa gitu
Punya
Coba kita lihat ya
Oh ada
Di MDN ada
MDN mana
Itu paling atas tadi
Ini
Udah ada logo tempat sampahnya
Oh iya
Tapi ya masih bisa
Gak ada contoh ya
Gak dikasih contoh
Biar gak di pake
Gak dikasih contoh
Jadi itu satu tag khusus
Untuk font tertentu ya
Yang lainnya tetap sama, fontnya semua sama
Terus tiba-tiba ada satu font yang berbeda
Dia pake element font gini ya
Kalau sekarang udah pake CSS aja
Udah ya
NBSP betul
Ini temennya BR nih
Spasi-spasi
Supaya
Supaya ngasih jarak
Kalau ngasih vertical
Space, enter-enter
Udah NBSP itu kan bagian dari Unicode
Sebenernya ya, dia punya tujuan sendiri
Non-breaking space
Ada greater than, ada less than juga kan
Webjadul pake jQuery
JkaJadul juga masih jQuery
Nah ini bisa jadul
Ini masih agak modern
Kalau jQuery itu
Adalah salah satu ini ya
Yang ikut merekolusi
Dunia web juga kan
Yang awalnya sulit banget
Orang gak ada yang mau gitu kan
Ya jangan susah-susah lah gitu
Terus abis itu muncul jQuery ini kan
Sampai akhirnya si JavaScript
Menyadari bahwa dia kurang
Developer experience-nya kurang
Bagus akhirnya dia
Menyentek sedikit-sedikit
IS yang baru
JQuery dan jQuery UI
Masih ini ya
Masih
Masih hidup kan
Masih-masih
Kayak kita pernah bahas
Pas di Almanak, web Almanak
Itu deh kayak pengguna-ngguna
Masih banyak yang pake, betul-betul
Coba kita lihat GitHubnya ya
Saya dulu pake nih
Buat mobile version
Dari sebuah website berita
Masih 5 hari yang lalu
Masih
Dan ekosistemnya tuh kayaknya
Misalnya WordPress itu sampai
Versi berapa juga masih pake jQuery ya
Kalau gak salah
Back-end-nya masih
Back-end administration-nya masih pake jQuery
Ya udah, berarti dia gak bakal punah
Dalam waktu dekat ini
Ya
Yang menariknya adalah
Oh, maintenance mode tuh
Udah gak ada fitur baru kali
Yang menarik adalah
Kenapa jQuery itu
Kalau di Statistik, misalkan
Kalau orang lihat downloadnya atau
Pokoknya kalau di
Statistik atau di
Survey-survey itu masih banyak yang
Menggunakan jQuery dan cukup besar
Karena salah satunya
Kalau dulu kita pake
Plugin tertentu, dia
Melekat ke jQuery versi berapa
Kadang-kadang satu website itu bisa
Menggunakan 2 jQuery, jQuery versi 2
Sama jQuery versi 3
Bahkan bisa lebih
1.4 sama jQuery 1.4 sama 2
Biasanya digabung tuh
Gue gak tau kenapa tuh
Akhirnya begitu
Statistiknya muncul itu satu website
Menggunakan setidaknya 2 jQuery
Bayangkan, jadi kali 2
Ada faktor pengalinya
Makanya dia tetap tinggi
Ya dan dimana ada ekosistem tuh
Dimana ada plugin lah, atau DIM
Atau apalah
Cms admin dashboard
Dimana ada ekosistem kayak gitu kan
Itu gak mungkin secepat itu
Semua beneran rewrite ulang dari awal
Jadi ya emang gak bakal mati
Dalam waktu dekat
Yang punah cuma anggul
Dan dia kompal
Anggular 1 yaitu
Sebelum diambil Google
Gak apa-apa
Kan sudah berubah jadi
View, loh
Yang bikin
Yang bikin
Yang bikin tuh
Pembuatnya View
Jadi waktu itu F1U itu intern
Di Google
Buat anggular 1
Habis itu dia selesai internnya
Dia bikin View, anggular 1nya
Di rewrite ke anggular 2
Tapi anggular itu punya jasa yang cukup besar
Karena dia yang memperkenalkan
Salah satu framework yang memperkenalkan
Test di frontend
Jasmine, pakai Jasmine
Sekarang jadi Jazz kan
Walaupun sekarang mulai tergrowth
Dengan Vtes
Muka juga
Muka sebelumnya
Udah gitu kan sekarang anggular yang baru
Apa
Si
Autornya ya atau foundernya
Kan bikin framework baru
Dengan perspektif yang
Beda banget
Kalau framework jQuery
Ada yang ingat gak sih
Headbone
Headbone
Yang itu kan
Bwortus masih pakai make bone
Jadi masih
JQuery
Dulu ada
Knockout GS
Ada Raktiv
Yang bikin Rich Harris
Yang kemudian jadi spell
Apa lagi ya
Mungkin kalau jQuery ini
Keunggulannya dia kumpal
Jadi aman
Dojo
Dojo masih update lho
Dojo toolkit ya
Underscore masih
Pake ya
Tapi itu bukan framework
Itu library yang mempersiapkan
Utility function itu
Dojo toolkit
1.17
Wah ini beneran siara kuburan
UI library ini
2022 setahun yang lalu ya
Regression in memory
Masih lumayan aktif
Lumayanlah
Oh iya Lodash itu juga tuh
Underscore dulu
Habis itu diperbaiki oleh Lodash
Yang lebih modern
Dan lebih ringan katanya ya
Karena sekarang dipisah
Terus habis itu baru muncul yang tadi ya
Moment GS yang gede-gede gitu kan
Ember? Ember?
Masih pake gak?
Ember udah jarang
Ember enggak dengar
Ember dulu lumayan terkenal
Karena dia
Full stack juga ya maksudnya lengkap
Oh ini si mascotnya direkrit
Sama Golang ya? Kayaknya mascotnya mirip
Mootools
Mootools udah tadi
Yui
Yui
Yahoo user interface
Ya Yahoo user interface
Yahoo itu sekarang masih ada
Atau nggak aja nggak tahu
Kayaknya dulu sempet itu banget
Nah pertanyaannya prototype itu
Frame-mo nggak sih?
Prototype.js
Oh nggak tahu
Kita masih ada tuh
Kalau diininya masih
Kita kan masih bisa pake prototype kan
JavaScript object prototype itu masih ada
Tapi dulu ada prototype
Prototype.js framework itu ada
Oh nggak tahu, nggak pernah pake
Prototype.js
Buketan
Bukan object prototype ya
Oh iya ada beneran
Gila
For amuse user interface
Mantap
2015
Oke
Rest in peace
Rest in peace
Prototype ini kayak gimana
Kayaknya bentuknya
Nggak pernah sih
Kayaknya ini jadi dasarnya prototype
Di JavaScript object
Iya
Ini kan masih ada kan
Iya diadopti
Di ECMAScript jadi standardized
OpenSUN dia mati
Orang udah jadi
Di ECMAScript
Berarti mirip-mirip sama kayak CoffeeScript ya
Dan masih kayaknya langsung
Disupport sama JS engine
Masih bisa kan
Kita udah install prototype
Sama kayak CoffeeScript kan
Dulu terkenal karena
Syntaxnya yang
Singkat-singkat kan
Kayak
Aerofunction itu dari
CoffeeScript
Sekarang CoffeeScriptnya ya
Hidup segan mati tamang
Masih ada tapi nggak tahu update atau nggak
Tapi mungkin dari perspektif
Developernya nggak apa-apa juga ya
Maksudnya mereka ya seneng
Karena bayangin deh
Syntax yang mereka bikin
Ikut diadopti
Bahkan diadopti jadi standard
Dan mereka nggak usah report maintain program
Itunya sendiri kan
Kalau nggak salah si CoffeeScript juga ada
Versi baru terakhir
Ini Tag Center, ada yang pakai Tag Center
Eh sampai sekarang tuh kalau
Di Github markdown nih
Kita pakai Tag Center itu masih jalan loh
Nah kan bener CoffeeScript
Masih update loh
Karena si CoffeeScript 2
Ini kapan ya
Apa dia updatenya
GSX, cool ya GSX
Mantap
Terus apa lagi
With you juga ya
A few JavaScript features
Have been intentionally omitted
For future compatibility
Berarti ini tuh
Dimaintain intinya buat
Compatibility aja ya
Berarti ke depannya makin banyak teknologi
Yang diadopti jadi standard
Makin banyak yang
Workaround atau akal-akalan gitu makin banyak
Yang punah ya berarti
Anthem JS juga jadul
Itu apa sih
Itu test
Sudah di close
Tapi masih bisa dipakai
Dulu di close, sekarang
Udah dibuka lagi
Scriptable Headless Browser
Jaman dulu tuh
Untuk automatic testing
Sebelum ada
Sipres dan temen-temen
Paphetier
Sipres
2020
Terakhir, Sipres
Terus yang
Yang dari Microsoft
Yang baru
Playwright
Ini cikal bakalnya
Paphetier
Terakhir di update 2020
Itu Mas Arya yang
Membuat
Jadi Mas Arya itu
Awalnya kan dia kontribusi ke
NahatML
NahatML itu di KDE
Environment Linux
Dia bikin browser engine
Akhirnya jadi webkit
Kemudian dia bikin
Ini untuk testing
Anthem JS untuk testing
Terima kasih teman-teman
Yang sudah ada
Membagikan teknologi-teknologi
Jadulnya di chat ya, udah ketahuan umur
Masih-masih
Termasuk itu umur kita
Jangan lupa kalau ada
Topik atau saran
Atau apapun bisa ke
Bit.ly/
Dan juga mungkin
Kita akan
Kembali lagi minggu depan
Dengan topik yang berbeda tentunya
Dan kita
Udah nih, aja langsung ya
Terima kasih
Semuanya, sampai ketemu lagi
Minggu depan, bye bye
Deskripsi asli dari YouTube
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. Topik, tautan dan pertanyaan menarik bisa dilayangkan ke https://bit.ly/ngobrolinweb Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Episode Terkait
7 Feb 2024
Ngobrolin CSS Wrapped Bagian 2
Episode ini merupakan kelanjutan pembahasan artikel CSS Wrap 2023 dari Chrome Developers yang membahas fitur-fitur CSS t...
27 Mei 2026
Google I/O 2026
Episode ini merangkum pengumuman Google I/O 2026 dengan catatan bahwa tema tahunnya bergeser lagi — dua tahun lalu era A...
11 Des 2024
Ngobrolin Pengalaman Frontend @imrenagi
Episode ini membahas tentang teknologi video di web bersama Mas Yudi, engineer yang bekerja di Daily Motion. Percakapan ...
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 .