Ngobrolin Interop 2024

5:11jadi ggak bagus buat mereka si semua stakeholder itu juga Makanya dibikin kayak kesepakatan Ya udah kita bikin

5:18proek bersama yang tujuannya e membuat yang ngompakin lah ngompakin e cara kerja fitur-fitur web platform di masing-masing browser nah terakhir yang

5:30di kanan tuh How Bagaimana Nah jadi eh di awal Jadi sebenarnya bukan bagian langsung dari project ini ada yang

5:38namanya research research dari community group yang namanya webdx community group jadi kayak bentuknya macam-macam jadi kayak ada yang paling yang paling publ

5:48tuh ada github-nya kayak bikin apa ya E bikin isue gitulah eh buat developer pada voting eh fitur apa yang eh buat

5:58mereka paling penting dan kelihatannya e behaviiernya di antar browser tuh kayak masih kurang terus ada riset mungkin

6:06teman-teman juga sering dengar atau sering lihat kan kita developer suruh ngisi-isi survei-survei begituan lah surve developer terus secara publ ada

6:16githubnya ada diskusi-diskusinya juga ya gitu nah terus itu kan sebelum selama Project berlangsung itu dijalaninya di yang namanya proek lain yang namanya web

6:29form tes nah oke wpt tampilannya kayak gini nih skilles ini dashboard-nya nah fokus area itu yang di kanan ya bisa

6:38dilihat tuh ada item-itemnya jadi berdasarkan hasil survei di awal tadi Eh seluruh browser ini sepakat Oh kita

6:48ngerjain ini ini ini border image color Space function bla bla bla terus angka angka itu dari mana tuh nah itu dari tes

6:56yang pasting jadi ini bisa dibilang kayak senario he test Den development lah jadi eh apa UN unit tes iya mereka

7:07semua e sepakat eh bikin tesnya bikin t tes yang sama gitu ya Heeh tesnya sama jadi kan sebenarnya browsernya beda ya

7:17programnya juga apa codingannya juga beda kan masing-masing browser itu enggak masalah yang penting tesnya passing bagi teman-tem bagi teman-teman yang ingin

7:28mengerti lebih dalam Jadi sebenarnya dari sisi web consorium itu web specification namanya web web specification web api specification itu

7:39hanya eh dokumentasinya itu hanya menyatakan eh sebuah feature behaviornya seperti ini expected-nya bagaimana terus kemudian fitur itu untuk apa itu hanya

7:52dokument itu yang ada di api documentation-nya sedangkan Bagaimana implementasinya di browser implementasi secara coding ya Ee secara code-nya itu tiap browser

8:06beda-beda beda-beda karena engine-nya berbeda contohnya kalau di di chromium base itu kan engine-nya blink kalau di Firefox pakai Geek enginenya rendering

8:19engine ya sini maksudnya rendering engin pak web kit dan itu benar-benar beda arsitektur beda ee beda code base jadi Iya supaya kita

8:35sebagai web developer itu punya kesamaan contohnya mau pakai border image ee saat dirender di eh Safari ataupun

8:47saat diender Firefox Harusnya sama kodenya sama harusnya hasilnya sama Nah itu maksudnya project interop ini H jadi

8:56dari sisi developer enggak usah mikir lagi nih borderer image di safari tuh harus diginiin di Chrome harus

9:02digimanain Ya udah behavnya selalu enggak ada lagi akal-akalan montir nah ini kiri itu percentage eh passing test tadi sudah dibahas nah

9:15terus ini kenapa ya kemarin Oh kita bisa lihat ini teman-teman bisa lihat di wpt.fyi itu web platform test Nah kita

9:25bisa lihat tuh test case-nya dan ini enggak pakai Framework eh eh react atau Apun ini e test case-nya itu ini hal

9:34yang paling menarik sih buat gua e bahwa test case-nya html CSS javascript biasa Beneran itu bisa dibuka filenya langsung

9:42jadi ini contohnya nih kita ngeklik container queries terus muncul Tuh semua test cas-nya Eh apa Test suit lah

9:51semacam test Suit dan eh itu banyak hal-hal yang kita kayaknya enggak mikirin kayak misalnya ktainer queries kalau di anime m eh kan parentnya bisa

10:01berubah tuh ukurannya Terus gimana dong Nah itu tuh eh para para pembuat browser itu mengantisipasi berbagai skenario dan

10:11mereka mensepakati eh apa expected-nya Harusnya kayak gimana ya kalau tertarik bisa di eh lihat sendiri Ini kan 2023

10:20nih contohnya karena ini slide dari tahun lalu Nanti kita bakal lihat yang 2024 nah terus eh apa gunanya buat kita

10:29developer ya itu tadi udah dibahas sama Ivan juga yang pertama ngurangin akal-akalan montir jadi kan Ya udah

10:37codingannya sekali konsisten di semua Browser yang kedua ya dari sisi user juga kan mengurangi bug performanya lebih bagus karena enggak ada

10:47akal-akalan montir seperti tadi nah yang ketiga nih yang agak abstrak yang kita enggak terlalu notis Jadi biasanya kalau

10:54ada fitur-fitur baru walaupun kita tahu ada fitur baru kan kita malas kita ragu-ragu karena kita mikir ah

11:01jangan-jangan belum disupport atau belum disupport dengan baik atau konsisten di semua browser kita malaseloper Mal mengadopsi Fur baru Nah

11:10mau mengurangi mengurangi kecenderungan seperti itu juga dan yang keat ya ekosistem library Framework seperti atau apa juga majunya lebih

11:21cepat karena kita kinggauinggualunyai Eh kalau misalnya udah stabil di semua browser eh library seperti tawin juga akan mengintegrasikan

11:36fiturfitur mereka Jadi ya semua terbantu kira-kira planningnya juga lebih jelas kan ya jadi misalkan kita bikin library

11:47seperti twin oh ini e view Transition nih bentar lagi nih kita siap-siap atau gimana gitu kan jadi bisa diantisipasi

11:54dengan lebih cepat gitu ya oke nah terus juga ini apa ada ada prosesnya tuh kayak gimana ya Katanya

12:03ada votevote gitu ya Ada macam-macam sih ada yang dari kayak tadi developer survei jadi ngisi survei ada yang dari github repo Coba ada engak

12:16reponya Kalau ini Kalau enggak salah ya dari github repo nih tuh ada eh kalau diklik Dia akan menuju ke

12:25github.com/webplatform test/ gitu JPEG XL Apa itu oh JPG XL ini tadi kita ah sempat Iya udah sempat kita ngobrol tadi

12:36di belakang layar ya jadi eh dulu kan Iya dulu kan yang di-support sama browser kan hanya PNG JPG Eh svg

12:47sama apaagi ya BMP mungkin ya enggak tahu BMP gif BMP gif ya gif ya I nah kemudian kan kan

12:59muncul kan ini wep avif terus apaalagi tuh macam-macam yang baru-baru nah pada saat Google Chrome mengeluarkan avif

13:08avif apa avif ya ya itulah pokoknya ya avif ya Eh mereka ngedrop support untuk gpeg XL oh oh I

13:19iak ini I entah Alasan apa ya kita enggak tahu ya entah alasan apa dia ngdrop e JPEG XL eh jadi enggak bisa tuh

13:27di Chrome ee e padahal menurut pengakuan beberapa orang jpl itu katanya lebih e optimiz lebih kecil dibandingkanif gitu entah kenapa

13:40sih Chrome gak mau kita gak tahu nah e bukan ya uniknya di Inter 2024 ini paling tinggi

13:50votnya balik Jadi ada kemungkinan Iya ada kemungkinan Chrome akan ulang lagi si GP exl ini dia kan belum tentu tapi belum tent

14:02boleh boleh voting betul berharap ya berharap Heeh Iya eh coba lihat e reponya lagi deh nih Itu tadi yang ada

14:11yang ada votingnya nah lihat is ini votingnya di mana ini isu nih kegedean ya Iya itu berupa isu Oke ini udah dua

14:22dari t ada thumbs up thumbs downnya tuh tu tuh 6nya 600 Hah 600 ini berapa di sini 400 Oh belum

14:33di-update ya ini kan block Po ya masih 400 Cuma yang jelas itu populer liat bawahnya orang pada ngobrol apaan

14:45komentarnya please make the case here this issue is what will be considered and discuss Oh jadi di situ bisa bikin

14:52isu terus bilang Kenapa itu penting I ini itu ini di sini bisa di-highlight nih bla bla bla blaa salah satu yang

15:02menurut dia Baguslah gitu Nah ya argumennya kenapa ini perlu diutamakan eh dimasukkan ke project interop karena kan enggak mungkin eh

15:13semua fitur baru langsung sekaligus segambreng masukin inop kan harus ada e pilih beberapa untuk prioritas betul makanya ini juga interop juga salah satu

15:24cara untuk eh si E Browser Developer untuk eh prioritas heioritaskan apa yang banyak dipakai dan penting buat developer

15:37betul itu terus yang lain apa isnya Coba lihat deh Eh view Transition Kalau enggak salah yang kedua nih view

15:45Transition level 1 Nah ini bisa jelasin Apa tuh maksudnya level 1 level 2 karena topiknya Eka lagi nih

15:54Dit udah dibahas ya tapi Boleh diulang sedikit lah ya he itu intinya bikin animasi dari satu state ke state lainnya

16:05nah Ate itu kan bisa macam-macam ya kita ngeklik tombol muncul modal atau Muncul apukaardah itu tuh dihle di level 1 S

16:19jadi navigation Juga misalnya kita punya spaleage ya atau misalnya kita pak Framework yang punya semacam kit atau nextjs itu kan Eh kalau

16:32CLI kalau javascriptnya aktif dia menhack kan maksudnya kalau kita nglik suatu link eh yang jalan adal yanginterck eventnya adalah routernya

16:44nexts misalnya nah itu view Transition yang level 1 menhandle yang di CLI tapi yang level 2 akan menghandle yang

16:53serverasink hperink bias bla itu bisa langsung ada animasinya nah yang sekarang Cuma yang level 1 yang level 1 Udah lumayan matang lah di

17:07Chrome sudahudah shipping eh vendor browser lain walaupun belum shipping sudah menyatakan eh persetujuan mereka udah bilang Oh ya boleh deh kapan-kapan

17:17kita adopsi walaupun belum Nah cuma kalau yang level 2 masih belum ada kesepakatan seperti itu masih digodok

17:24jadi yang makanya E itu kenapa yang diop untuk introp 2024 ini adalah yang level 1 yang udah shipping dan browser semua

17:34browser lain juga udah bilang Okelah tetapi Eh tapi tidak terpilih nih tulisannya Heeh i ya kan developer

17:44berusaha eh para browser vendor menentukan Eh kalau yang tadi diterima enggak ya GP Excel ini JP Excel terima

17:55ya ke bawah ada enggak jawabannya Oh paling bawah ya ya cus I palingwa kan cobaly Chrome reconsider ininya Coba lihat

18:08wpt Iya dari kata-kat I'm also nah wpt.in I dia ininya apa namanya si yang balasnya kan yang balasnya kan wpt. impr

18:21Engak enggak ada enggak ada ee kata-katanya aja kata-katanya aja apa ee itu itu WP coba coba carinya iyaya tadi

18:32titik ada nih n sama ini ini bot ini kayaknya ya iya kata-katanya sama tidak ya oh iyaal selection-nya

18:45diklik dong diklik for an overview of our process si proposal selection Oh prosesnya ini dia tanya kalau kalau

18:54teman-teman pengin tahu prosesnya Seperti apa Terus tadi kan kita nanya juga tuh gimana cara milih milih ee

19:01fitur buat fokus areasnya nah jawabannya ada di situ Iya jadi udah di sudahudah decide ya Desember 1 sampai 14 Ya sudah selesai

19:12ya diannounce-nya Di Januari nah tapi sebelum kita lanjut lagi yang menarik-menarik menurut kita ini ada yang baru nih dari dari apa dari si

19:22interop 2024 ya walaupun tadi sudah sempat dibahas sedikit 2023 kan si Chrome sama itu jadi satu ya dekatan gitu ya karena

19:32diaium base bukan jadi bar Bu dekatan jadi kolomnya cuma satu karena chromium kan kolomnya satu kalau sekarang k satu

19:43jadi sekarang punya kolom sendiri Iya berarti artinya ya kita enggak tahu ya kita enggak tahu layout engine yang

19:53dipakai ge sudah berbeda lihat aja contohnya di di section layout ya lihat cuma itu hasilnya sama semua

20:01sih beda beda beda ini beda bed Oh iya beda deh Oh i si saat ini si itu sudah

20:08ngforking dari Blink mulai forking I sudah forking sudah beda iya Betul apa yang terjadi di sini wah seru seru ya

20:21kalau bapak new Chrome enggak eh buat informasi juga kan Kayaknya Minggu lalu ya sempat kita bahas wau mungkin enggak

20:29enggak dibahas di waktu rekamannya waktu di belakang layar mungkin ya Kalau enggak salah jadi si webkit itu kan dari

20:38eh kde kan dari Linux kan eh k browser namanya kan habis itu engine-nya namanya webkit habis itu

20:47webkit ini dipakai sama safariink iya dan kemudian setelah dipakai sama Safari difork jadi Blink akhirnya jadilah Chrome I kan Iya jadi

21:00ini juga ada kemungkinan Kenapa ini dipisah Ada kemungkinan e si ge ini bisaemodifikasi mungkin basennya sama basisnya sama sama-sama chromium tapi

21:13dia memodifikasi mungkin ada beberapa hal yang dioptimiz atau ada yang dikurangin ada ditambahin untuk e optimasi disesuaikan dengan mungkin

21:22os-nya ya Windows gitu ya jadi lebih optimal akhirnya menjadi engine tersendiri yang sedikit berbeda dengan Chrome mungkin kar kita tahu juga sudah pasti

21:35ya kalau sudah beda hasilnya Coba aja eksperimentalnya Iya si pencet di Tab eksperimental Iya kalau hasilnya beda

21:44Berarti ada yang beda tuh Chrome Canar sama Def itu beda berarti ada minimal berarti mereka kan sudah ngforking sudah punya repo

21:55sendiri e mere ngevelop samping dan mereka belum belum enggak enggak ngambil lagiak mereka enggak ng Enggak enggak ngbackport lagi berarti

22:07mereka sudah jalan sendiri Oh mereka enggak enggak fetch lagi ya Enggak enggak P ya enggak P dari chromium ya eh

22:14loh bisa aja mereka ngpull lagi cuma mereka Jadi mereka ngambil update-an chromium kan bisa aja dan sah aja tapi

22:23yang mereka develop tambahan bumbunya mereka sendiri itu enggak di Enggak diing enggak dipush ke chromium ya Bumbu

22:32mereka ya buat mereka sendiri aja jadi bisa-bisa tapi misalnya chromium ada development baru nih ya mereka ngambil

22:38lagi e mereka bisa jadiis kan sama-sama op wait Sebelum saya saya ngomong saya enggak tahu browser Ed itu open source apa enggak

22:49Enggak tahu juga sama enggak tahunya enggak deh chromiumnya yang open source mungkin engine-nya iya tapi edge-nya enggak

23:01saya Googling secepatnya dulu iya jangan Googling lah B Oh Microsoft e seemims like open source Sims like why

23:19kenapa kenapa kenapa seperti open source karena belum tahu benar enggak salah ngomong itu ada ininya ya tu ada PIN paling atas kiri Microsoft ya

23:32msh Oh ada github-nya tapi itu cuma licens doang belum bukan iya ya enggak di update-nya 4 tahun 4 tahun lalu enggak ada sursnya

23:42bukan browsernya ini apa msh I itu doang oh liens gapdate-nya 4 tahun lalu web viieew-nya Enggak ada enggak tahu yang

23:53mana Enggak ada tuh Makanya saya bilang saya enggak yakin Iya ini kan Microsoft juga Melak enggak tahu ya Apakah melakukan hal yang sama

24:03dengan vscode vscode kan sebenarnya open source source-nya bisa dilihat tapi yang kita pakai yang sudah dikompilasi itu

24:14beda Eh beda ya sama dengan Chrome yang aslinya Chrome betul betul betul betul betul I irum Ben Ben benar Iya yang Open

24:24sour itu chromium bukan Google Chrome Heeh Iya jadi kalau kita mau pakai mau pakai vs Code yang versi open source-nya

24:32kita harus compile sendiri enggak disediain tuh gitu maksudnya kita compile di mesin kita sendiri kalau yang sudah dijadikan

24:41exekutable baik itu apa namanya XC atau kalau di Mac itu mungkin do app atau di Linux apa gitu

24:49ya Dan lain-ain itu ah racikan Microsoft Iya gitu mungkin hal yang sama bakal ee eh terjadi juga di Microsoft Edge kita

24:59enggak tahu ya ditambah lagi kemarin eh ada itu kan ada info dari orang dalam kan katanya Eh apa Tim Google Chrome

25:08Bedul Desa ke Microsoft ge nah ini tanda-tandanya juga sudah sangat jelas gitu ya Nah seru ini seru biar makin

25:18banyak ya biar makin banyak browser kalau dulu eh mungkin hanya apa didominasi oleh chromium base termasuk juga Opera ya ya

25:29Ee Terus sekarang sudah ada empat lagi kalau kemarin tiga makin banyak kerjaan enggak ya mungkin mudah-mudahan sih dengan adanya

25:39interop jadi semakin berkurang ya kita cukup tes mungkin di salah satu atau salah dua browser udah cukup mewakili

25:46gitu ya Tes di semua tapi kan enggak banyak yang harus difix hm ya i ya karena udah

25:55seragam gitu ya kira-kira Gitu ya He mudah-mudahan niatnya begitu niatnya begitu mudahmud oke niatnya begitu nah yang menarik apa lagi nih tadi JPK exl

26:04sudah view transision udah eh navigation api enggak masuk ya Coba coba lihat balik ke web navigation api

26:13ini yang kita bahas 2 minggu yang lalu Kalau enggak salah ya bahas waktu itu he dan ini apa tapi enggak masuk enggak

26:19masuk sepertinya apa tadi ininya eh wpt interop nih Iya ini kopasan anda tidak terpili Anda tidak beruntung apagi

26:38apagi masuk Oh kita mau lihat nih kata-katanya Apa nih oh ini proposal has

26:56AC is isu semuanya Heeh Iya oh 27 Enggak banyak ya Kir sampai R Masih open Enggak itu itu beda deh kalau

27:09yangudah Heeh begitu direspon selamat terpilih atau Maaf tidak terpilih itu di yang tidak terpilih diclose Oh iya benar

27:17benar ben semua diose kayaknya ininya apa E mungkin ada tag tertentu fokus area proposal ya Oh iya

27:30fokus area proposal Kita klik aja klik aja tuh Hah Enggak ada udah selesai kan enggak is open-nya hilangin di

27:38search-nya nah 214 Berarti ada ada 214 e isu isu Oke CSS modul script J modul script starting style Apa itu asli belum

27:54pernah lihat starting style halo SR ins select udah bisa ya sekarang ya kemarin belum belum itu kan itu kan proposal

28:05coba aja lihat ininya keterima Enggak Oh iya kita enggak lihat terima atau enggak Ya semua dicl aja gitu ya coba tadi

28:11lihat yang CSS nesting diterima ataupun Enggak diclose Oh iya ini ada Oh yang udah ini apa ini Kayaknya belum ya coba

28:21cari wpt intro engak ada enggak ada gak ada tuh habis tuh tu disp yang balas itu tuh si gsnya Oh ini

28:37masih belum itu masih belum bot ini masih orang nih he lama-lama capek dia harus terus buat ngjawab lama-lama

28:48di lucu juga Yar bar search apa coba itu scrollbnya bisa di diyling digedeinkecilin

29:03kan Tapi bagus juga sih kalau bisa ada ya Iya di mobile ini baru bisa di gek baru bisa di Firefox ya kar

29:13implementation ini Coba tebak ini diterima atau tidak udah tahu t kita udah lihat juga sih dasbnya Iya tapi itu udah Bisa ketebak juga eh

29:27ini masih ini diterima Oh diterim diterima l salah mana lagi Oh bukan ni coba ada coba coba lihat dashboard-nya Ada enggak

29:40sih ada dasb iya ada diterima kan kita aja enggak lihat Heeh oh tuh scrollb styling tuh scoll styling Oh ini 73%

29:53tadi di Geko yang banyak I 85% Heeh Iya karena dia dulu Safari belum ketinggalan zaman dia itu apa sih yang safari ini banget

30:06berantakan banget 18% 18% starting style Transition behavior beneran starting style itu apa sih benaran punyanya punyanya si Chrome itu drower lain belum

30:18Belum start sama sekali Iya iya tapi browser lain e maksudnya vendor browser lain udah pada mau menarik ya

30:27kalau sudah masuk di sini kalau sudah masuk di sini berarti sudah setuju inilah yang parah wupun yang lain

30:34sudahah mau 100% dia masih 7% ni custom property belum parah makanya Iya Bet Bu belum jadi yang di interop ini bukan

30:43selalu belum diadopsi tapi Maksudnya udah diadopsi tapi bisa aja speknya Tuh kurang jelas speknya rancu jadi Chrome X

30:52dan Safari menginterpretasi spesifikasi yang di W apa3 C ya itu ee menafsirkannya a eh terus Firefox menafsirkannya B karena mungkin speknya

31:05belum jelas bisa aja ada kasus kayak gitu Jadi mereka akan eh kerja sama buat memperjelas spesifikasinya juga Biar

31:13expectednya enggak rancu bisa kayak gitu atau bisa Maksudnya sudahudah disupport tapi kayak behavornya lain sendiri agak lain coba Coba klik dong custom property

31:25seriusan coba klik custom Property ya Mas Risa ada Firefox Enggak di sini enggak ada ee downad coba saya coba Saya coba

31:36tempat saya jadi Mas Lisa buka di Mas la pakai apa ini sekarang Chrome eh Ed Edge Edge Iya kalau saya coba apa yang

31:48tesnya banyak itu ee 7 OF 39 add property CSS Om Oh oke CSS object manajer ya CS obj mod objek

32:00model coba saya buka pakai Chrome Eh pakai Firefox Mas R buka pakai itu tuh linknya buka pakai Iya Terus nanti kita bandingkan

32:15ini oh e ada ininya kan R run in your browser on wpt. paling atas mana paling atas

32:31eh masuk dulu add property csom buka dibuka salah satu terus di atas itu ada run in your browser tuh tuh atas yang

32:39ada Bullet bawah Oh ini iniah Iya Nah kita bisa lihat tuh pas pas pas pas pas kan iyaah kalau Diang saya saya coba

32:53Saya coba pakai Firefox eh nih tuh pas pas pas pas pas pas pas

33:09terus fail fail fail fail apa yang dijalankan juga bisa kelihatan nah ini kalau teman-teman pengin lihat hasilnya itu bisa lihat

33:20langsung Vi page source Bagaimana cara ngetesnya kelihatan itu ada heeh ada ass ada assertionnya jadi ada CSS property valid CSS property

33:31valid reverse valid ini ini ibaratnya styling CSS objek ini objectek model kan Ya ini custom property-nya intinya ya

33:42kan gedein gedein Zoom Zoom Zoom Oh iya maaf maaf nah n nice ini custom property-nya terus di di

33:57t invalid t csset rnya jadi dites satu-satu nih car No descriptor Ada gak sih no descriptor ada

34:12nihetes apaertiptor itunya Jadi kalau noriptorptor dia invalid ya kanet aset TR kelihatan Jadi kalau

34:29teman-teman pengin belajar tuh bagaimana cara ngetes tanpa perlu ada mokah bisa ya kan iya iya iya iya iya

34:41karena cuma aset kalau Acer doang kan ada sebenarnya dari javascript eh is Yes is5 sudah ada Kalau iya iya jadi enggak

34:51perlu Moka dan ini ngetesnya ya di browser ya itu itu beneran cuma html CSS javascript Kiran kelihatan

35:03Oke oke menarik dan bisa beribu-ribu beribu-ribu test case senenario yang lainnya jadi pelajar tiap hari kan mereka ngejalanin itu mereka

35:12punya kayak test suit automation lah semacam eh seperti itu di ada kayaknya source juga tuh di github-nya web

35:21platform test ya tiap hari kerjanya cuma kayak gitu ngbotinguk versi terbaru masing-masing browser dia jalanin itu semua terus

35:30ngupdate angkanya dengan kata lain dengan kata lain kalau jadi browser eh tester developer tinggal nulis kodenya aja

35:42sudah udah ada orang lain yang nulisin tes tes case senenarionya ini tinggal ya tinggal koden a tinggal kodenya aja

35:54gitu Itu yang susah itu yang banyak menggampangkan sih ya hidup kita sudah susah jangan dibikin susah lagiah

36:03dibantu mereka gitu loh Nah si web platform tes ini wpt ini juga eh kolaborasi sebenarnya projek kolaborasi ya orang-orangnya sebenarnya

36:14ya orang yang kerja di Chrome orang yang kerja di safari juga ini kan ini kan Mozilla itu mros itunya tapi beda belum

36:24tentu sama loh Eka karena iya si si developer untuk nulis implementasi itu DC sedangkan yang nulis ini kan di

36:33javascript beda orang sekantor Iya beda orang tapi sekantor i i i Nah apa lagi yang menarik ya kalau

36:42buat saya ini salah satu yang menarik itu ada ini https url for web socket ye karena kan selama ini selama ini kan

36:52ws.2/ashash kan jadi sekarang wsss wss sudah ada kan lama ya belum konsisten sa Safari udah 100% tuh Safari sudahudah

37:03100% loh yang lain ketinggalan jauh tuh jauhjauhin belum bikin itu masih masih merah-merah tu% ini gimana kodenya kita lihat aja ya

37:14Yang mana nih boleh yang gagal nih si Gimana ada kodenya enggak kelihatan enggak itu run in your browser

37:22on WP pasih ada karena semuanya kayaknya semuanya kodenya ada di ini kok ada kodenya ada di github ini ya

37:36He ini cara ngetesnya kita bisa tahu dia pakai WS atau wss Oh ini dia url Protocol I kan terus itu asetnya apa tuh

37:47WS equ kalau WS url ws.url yang dari webet ini url kalau htps dia otatis wss kan dia tesnya gitu kan Ya WS url ini

38:00apa url.rf Eh kalau ini wss jadi yang dites adalah Apakah url-nya WS kalau http kalau https e url-nya https maka yang

38:13dites Apakah sama wss ya gitu Oh berarti otomatis diconvert ya Iya tergantung sama pas kita buka web-nya pertama

38:25kali dan si Safari safari sudah support 100 sudah selesai sudah selesai kerjaannya tapi menarik ya ada yang

38:36Chrome yang Chrome dan Edge yang udah udah kelar 100% atau 90 sekian yang lain ketinggalan ada yang Safari yang udah

38:45selesai yang lain eh harus nyusul Iya kan masing-masing punya kepentingan jadi mana prioritasnya Heeh jadi kelihatan kan proek ini bukan

38:57dominasi dominasi Pro bukan dominasi provider tertentu i betul dan kayaknya yang mereka gak bisa menerima semua proposal karena bisa

39:11jadi kayak tadi JP Exel gitu mungkin chromnya merasa enggakakak iniak ptingak [Musik] ptingakakak mauakaonsakisaus masih suortin Afif

39:27mungkin iya i tapi kalau dan ini adalah kumpulan proposal yang secara serentak berempat mengatakan yes gitu oke E dan

39:39apa istilahnya kayak komit gitu ya komit untuk menyelesaikan ini tahun tahun ini gitu karena di tahun 2003 kayaknya lolos

39:49semua deh coba eh ada enggak sih yang cross yang fail over ada ada yang di Cross ya kayaknya adaak

39:59mungkin selesai semua sih pasti banyak yang Carry over Tuh kan masih banyak yang belum 100agus bang Lihat dong fokus area dari

40:09graf grafnya itu kan bagus banget tuh Oh ini iya ya ada perkembangan pasti tapi enggak 100 belum 100% Ini

40:2182 E tapi kalau eksperimentalnya udah udah rata-rata di atas 0 kan ini Carry over nih custom properties Carry over

40:30nih iya iya tuh Berarti si si firfox [Musik] e kalau eksperimentalnya ya Ada at least ada f sih Oh berarti ibaratnya bakal

40:47rilis Iya yang 2024 2024 ini mungkin belum kelar Harusnya kan 100% semua Oh I benar Coba kita lihat customnya tuju tujuannya 100

41:01custom property 90 Oh iya sedikit lagi nih sekarang udah berapa oh eksperimentalnya udah tapi yang di sininya belum Oh tinggal rilis

41:13ya sabar melatih melatih kesabaran juga ya ngelihatin ini udah hampir banget ini kan udah dibikin ya kodenya cuma kapan

41:23sih rilisnya itu loh kelihatan tuh jadi enggak perlu di itu kan kelihatan tuh preview fokus area tuh berarti tahun 2023 Yang Yang

41:35Sori 2000 diroll bawah preview Fus are ada kanan bawah berarti yang 20022 sama 2021 kumpulannya ada di sini semua tuh

41:47berarti makin lama bakal makin panjang ya yang bagian itu ya karena butuh tetap dites juga bisa jadi ada regression kan

41:55he tapi udah bagus-bagus kok rata-rata 90-an ke atas semua itu ada yang tapi ini ada yang menarik nih si Firefox nih

42:04E ini posisinya di bawah di bawah di bawah tiba-tiba naik nih Ting meny sama yang lain Ris dia

42:13adaya itu siapa sih yang paling bawah apa sih interop interop oh interopnya e total rata-rata Total ya enggak bisa

42:21dizoom ya gak bisa dizoom ya buka PR biar bikin graf yang lebih bagus oke apa lagi yang menarik yang

42:35menarik gua index TV bisa Ind TB Kok bisa Bukannya itu sudah stabil gitu Kenapa masuk lagi apa yang apa yang

42:45belum apa yang masih fail kita lihat ya Coba Oh ini Def ya yang interop Stable udah belum hampir

42:55ya ya itu udah tertentu kaliail banget oh back forward case jadi berhubungan sama fitur yang lain ternyata index tb-nya mungkin belum

43:08support kita lihat di sini tesnya mana ini ya apa yang dites sama dia kok ada pop upnya loh loh loh

43:23Berarti ada ada ininya Coba klik pop up mungkin ada forward cas-nya untuk ngetes pack forward cas berarti itu mana Iya

43:32ini itu ada ada tanda tanda merah tuh kanan kanan atas url Oh ini ur iya kena blok dahudah refresh ya refresh I

43:46he Oh iya benar ada buka loh Enggak ada apa-apa udah ah mana ini kosong kosong kosong kosong Oh

44:06ini passing ya kalau lihat kodenya yang tadi ya Yang mana dia test harness t harness apa yang

44:16dites ya itulah ya kira-kira ya back forward itu kan kalau kita forward misalkan kita ada di sini terus kita

44:28ini ni nih Nah kalau kita balik lagi dia sudah diage Nah sepertinya si index DB ini belum

44:34support sepertinya ya belum support untuk semua cas e kasus-kasus tertentu Mungkin ada yang belum mungk mungkin support tapi ada ada skenario tertentu

44:45yang jeb menyebabkan dia tidak bekerja he waktu ya waktu bikin slide yang tahun lalu itu kan ngelihat lihat

44:53contoh-contoh test cas-nya detail banget semua skenario hal yang kita gak ggak pernah keebayangin itu dibuat semua jadi

45:00emang menyeluruh e menyeluruh bangetlah tesnya Coba lihat Tek directionality apa sih emang bisa kayak atas bawah gitu Iya

45:11kan diagonal lihat aja yang cari yang belum dari kanan ke kiri kaliudah atas ke bawah kan bisa bahasa bahasa kayak Arab

45:23gitu kan kanan kiri he Arab hebu kanan ke kiri nah eh bahasa Asia Timur itu kayak ada yang dari atas ke bawah

45:32passing Oh iya sih apa yang atas bawah atas bawah enggak t atas ke bawah maksudnya Direction Oh emang ada ya baru

45:45tahu kayaknya ada deh ini apa nihin tes passes if the two boxes below look exactly the same Ya udah berarti pas itu

45:55kan ini enggak pas itu pas pas Oh iya pas ya enggak pas harus sama lah itu pas

46:02semua Pas semua tuh tuh yang ada kuning yang ada kuning tuh yang merah merah kuning ini apa yang cari Iya ini pas

46:14semua belum coba pas semua tuh 22 pas Run pas semua berarti udah Ini yang mana Mas Klik yang ini yang

46:31kuning oh nih De auto form associated window Apa itu kalau melihat beginian tuh saya merasa pengetahuan webd saya cetek amat

46:50ya Ini apa Terus pas dibaca sebenarnya kalau udah dibacaiatin Tuh ngerti cuma kek selama ini kita enggak mikir nyampai

46:58situ deh karena kita enggak pernah mengalami belum pernah mengalami atau kita mungkin mengalami tapi kita enggak bisa enggak tahu keyword untuk nyari ini

47:07itu apa gitu ya ini kan apes-apesan Mungkin ada satu orang yang dapat bug ini nah bagusnya si web platform tes ini

47:15kan menjembatani dari sudut pandang si developer browser orang yang ngoding browser tadi yang pakai c+ plus atau

47:23apalah bahasa-bahasa eh low level sama dari sisi developer web nah kode yang ditulis yang apa m-rigger masing-masing skenario itu nah kan

47:35sebenarnya menghubungkannya maksudnya biar kayak speaking the same language lah itu ya pakai test test Itu kan kalau

47:43kita mau tahu ini apa itu ada informasinya di mana ya Itu makanya buka itu dong yang web kit eh blog yang

47:53di Nah iya ya itu ada ada ringkasannya kan ada penjelasannya kan Oh ada di sini Te directionality in which text flow is a

48:07vital aspect of type setting in web some language flow from left to right while other right to left benar kan berarti

48:15kan one of many bits of Technology supporting text directional is the dear attribute iya left right atau auto Iya Nah ini mungkin

48:30udah ribet pas Apa itu e shtion ofality and Shadow Oh buat ngender shadownya kali ya kalau ada teksnya yang pakai Shadow gitu

48:45bukan bukanya yang dokumen objekadadow mungk ituayakak enggak ngebaca selama ini mungkin enggak ngeinherit Eh itu kan jadi e semua diasumsikan ditebak left to

49:02right semua jadi mungkin eh proses renderingnya jadi ngacau ya Jadi kurang optimal ya karena semua dianggap dari

49:14dari kiri ke kanan gitu ya bagian-bagianang buat jarang buat situs bahasa Arab atau bahasa heu sih Iya kliennya belum ada dari

49:28sana request video frame callback Nah ini apa ini cari lagi dibuka aja itu lihat apa kalau internya itu adalah minimum value ya

49:43bukan rata-rata ya iya ya makanya tadi paling bawah kan di grafit padahal logikanya kalau semua yang lain di atas kan

49:52harusnya Ben sih kalauability kalau value interability adalah the lowest value kalau bukan bukan average Berarti benar ber oke Ada lagi Ada

50:09lagi Nah untuk overall Berarti sekarang sebagian besar sudah 70 apa url itu apa lagi sih Masalahnya ur kan adaailnya

50:23Coba ke bawah ur

50:40BL jadi ini kurangnya di standarisasi gitu dokumen standaris belum ada speknya

50:57apa belum terstandarisasi kali belum ada dokumentasinya gitum spesifikasi Iya atau ada fitur-fitur baru dari URL yang belum didukung tuh

51:12pass rate-nya 77 sampai 85 Iya coba aja lihat E itunya apa isinya url baru Safari doang yang

51:24pas Oh banyakakah banyak banget tes I udah hampir semua exclude file javascript mail to apa ini ya kan protokol-protokol banyak tuh

51:40ada Ma titik coba yang Man langs ke paling atas masak bisaak Bisa bukan gak bisa lama ha lama oh iya mana ya udahlahak t

52:01Coba lihat ke bawah engak ada eror berar in yang ditesnya apa tesnya error ini ya varian itu paling bawah paling bawah

52:14a elemen Bukan ini ya Iya resources resour nah [Musik]

52:30l Run skip bikin bikin elemen link Iya ini nih nih itunya tes cas pakai Jason tuh paling atas tuh coba paling atas di

52:45ambil dari URL test data [Musik] Iya dari resources resources ada Oh iya iya ini Oh bisa ini juga ada username

53:01password http ada usern password Nah ini mungkin hal-hal kayak gini Belum didokumentasiin kan selama ini mungkin belum spesifikasinya

53:11Udah kayaknya deh Udah ya udah deh support Harusnya sih udah ya kalau kita ada episode url Kan dulu itu apaagi

53:20input http tes.2 Oh itu us password passwordnya kosong Apakah dia dukung atau enggak banyak sekali kayak oke pas dilihat kita kan

53:38paham nih ngerti oh maksudnya tadi tadi kode tesnya kayak gimana Terus ini apa furnya eh apa datanya kayak gimana kita

53:48ngerti Cuma selama ini ya Gak pernah mikir sejauh ini Paling nonal apa C apa Non spesal Nah ini kan jadi

54:01ngompakin karena dengan ngetes segala macam kayaknya sambil mereka nulis spesifikasinya technical apa technical spificationnya untuk si url itu kalau

54:13kejadiannya begini gimana suatu browser harus eh apa merenderingnya nkpnya kalau ke depannya besok ada yang bikin browser layout

54:24engine baru ya harus ada ada patokan yang mudah untuk diikuti Nah di sini ada enggak di sini

54:38dijelas di Pro mereka ngebangun banyak juga tes seap harinya ya Oh iya Ada yang kerjaannya nulisin test

54:49case ya capek ggak sih kayak gitu I dibayar kan kerjaannya ya kan kerjanya itu memang kerjanya begitu sama aja kayak e

55:02mungkin ee mereka juga mikir capek enggak sih bikin krut-krut aja kerjaannya bikin kut-kut doang Ti tiap hari ngoding tiap hari ngoding atau

55:11ngodingon Heeh pasti mikirnya capek kan Wow nih bukan ini nih ada ada berarti ada problem di url parsing kayak tadi

55:22ada yang pakai username ada yang username-nya kosong ada ada beberapa use case yang belum tercover buka Hah wpt buka githubnya wpt untuk

55:37semua code base di itu ya di chat private Oh itu tuh langsung wpt wpt itu kan semua code base-nya ada di situ Ki

55:48kiri tuh nah ini siest suitnya iya test suitnya semua ada di sini banyak banget isunya aja ada 1300 10 requestnya 1200

56:00dong nah itu yang kerjanya sehari-hari buat ngurus itu lumayan pusing juga ya kita lihat ya orangnya siapa ya ada yang

56:08dikenal enggak iya banyak 1600 juga kontribusi tertinggi adalah ms2 gear wptpbot tuh paling B yang paling sibuk

56:19PR fulip ini tadi yang jawabin nih oh Mozilla yang kiri itu Google Chrome Opera ini gak tahu

56:33siapa ada masahi ggak enggak nah ini juga tadi yang jawabin nih dari mana dia oh gak enggak dikasih tahu dia ini

56:45imigran imigran Geko hacker gek hacker jadi masing-masing ada spesialisasinya juga yanya yang

57:01apa ngerjain buat bagbagan yang itu yang Yao nih browser Lay engine developer spesifik sekali ya berarti yang dia yang

57:13ngurusin FX gitu ya adaak kitaak tahu ininya ah enggak

57:29ada itu gugur tuh e yang FR Bu yang sampingnya yang kanannya Oh iya yang yang Inter Jin Oh oh wow

57:48oh mantaplah mantap ini web kit Oke overall sudah 75% ya walaupun masih bulan Februari ya tapi kita kan gak tahu

58:03ya progressnya ya overall 75 73 5875 jadi yang masih Tertinggal itu Firefox tapi karena Firefox belum rilis ya kalau

58:12kita lihat eksperimentalnya dia lumay tinggi juga lumayan tinggi juga walaupun masih setara sama set setara sama sama

58:22dan Chrome juga ggak terlalu jauh bedanya he Nah mungkin jadwal rilis dari night ke stableennya dia kayaknya

58:32lebih lebih jarang ya gak sesering Apar Chrome sama Safari dong yang lebih susah ngerilis tiap tahun dia risnya setahun sekali

58:46kalau gak hot fix kalau gak hot fix dia Gak Ris tuhak kok bisa kok kalau update Iya Update kok suka sering update kok

58:54engakak Enggak sering-sering banget tapi ada gitu enggak enggak tiap hari sih sebulan sekali gitu sebulan 2 bulan

58:59sekali ada k iya ada ada ada ada update tapi kalau yang kalau yang Major Ya emang setun sekali

59:08Hm oke Apa lagi yang mau kita bahas favorit favorit masing-masing kalau gua yang e eh yang Oke pop over

59:18nih akhirnya Maksudnya enggak nyangka secepat itu ee apa ee masuk adaptasi Heeh semua browser nganggap Oke dan e masuk ke interop popover itu ya

59:32itu apa Shadow custom Element tapi yang bawaan di browser yang buat tool tip dan model dan lainlin ya kalau gak salah

59:41coba deh buka di apa E blog [Musik] webkitnya pjelasanover will into the browser way to have Element pop on to the top layer

59:58of page jadi kayak adaya sih dialog model dan teman-temannya Iya kalau di hover terus tiba-tiba muncul dialog gitu

1:00:05ya Ada tool tipnya atau semacamnya tool tip ya tool tip ya tool tip dan ini udah jadi itu ya Shadow Dom ya He iya ini

1:00:15custom elementen ya Heeh Ini kan kayak enggak hampir enggak ada website atau web app apapun yang enggak pernah ada

1:00:22pop upnya sama sekali Kan itu maksudnya itu cas yang hampir semua developer bakal ketemu dan selama ini kan Eh ya

1:00:30masih relatif banyak bergantung sama library kan Nah ini nih kalau popovernya udah interoperable itu ya bakal lebih gampang

1:00:40Eh dibuat tanpa ernal library Oke kalau gak tahu karena semuanya bingung tapi textap Balance itu salah satu yang

1:00:58Oh saya looking for pas CSS karena saya orangnya developer yang lemah untuk untuk Bagaimana menyesuaikan layout supaya gitu ngabisin waktu dengan ada t

1:01:14Balance mungkin mempermudah hidup saya tahun ini I kalau saya tadi ya apa e webscket attpsurl for web socket itu

1:01:28sih ada pointer dan Mouse event itu apaan sih sama CSS nesting juga menarik sih tapi Oh iya CSS nesting

1:01:37juga CSS nesting kita bahas juga ya kemarin pas ya E episodeap apa tadi Eh Ivan pointer and

1:01:48mouse Iya mous event Iya kan bisa dibuat bisa eh bisa dibuat apa kayak behaviornya behavior waktu kita Mouse

1:01:59over bisa diklik atau enggak Mouse P stylus or touching karena ada touchnya yang kita enggak enggak kepikiran bahwa sekarang

1:02:17Kalau dulu kan Mouse Ya udah Mouse gitu kan i k tabl gak dapat ada EV kalau P stylus touch with

1:02:26one or more fingers nah eventnya gimana tuh Iya kalau touch kan enggak bisa klik eh enggak bisa Klik enggak bisa apa ya

1:02:35Ee Klik Kanan gitu susah enggak bisa Klik Kanan bisa dong sebelum itu ada bukan ada sepersekian detik pasti ada

1:02:45hitungannya lah e Kita enggak ngerti kan Oh iya berapa kan nahan jadi ee kalau misal and hold ya and hold ya kita

1:02:52ngetap itu kan kayak left klik kalau kita eh tab and hold itu kayak right Click ya itu berarti kan harus harus

1:03:00disesuain buat kasus-kasus seperti itu Iya dan ternyata kalau ini nyambungnya ke accsesibility nih kalau buat apa orang yang penglihatannya kurang Terus

1:03:12pakai apa semacam voice over atau eh semacamnya kalau di HP kalau di eh laptop desktop kan tinggal ngetap ya Tab

1:03:21atau Mouse over nah kalau e di mobile itu emang caranya dengan cara ngetap lama ngetap lama dia baca itu apa jadi

1:03:33Emang ya perlu penyesuaianah Nah mungkin ini juga mauamav iya inilah Salah satu alasan kenapa platform web berasa update-nya agak lambat gitu

1:03:48karena dia e in itu kan bisa dibuka di semua platform kan gitu Enggak cuman desktop doang kalau desop doang eh

1:03:57dengan segala jenis manusia yang OS yang berbeda-beda he os-nya lain-lain terus e Heeh orangnya juga lain-lain dari yang

1:04:07bahasanya kiri ke kanan kanan ke kiri dari yang dari Yangnya fisiknya eh apa indranya lengkap semua sampai yang perlu

1:04:15bantuan assistive device nah gimana tuhender semua harus diakomodasi Heeh harus bisa adaptasi untuk itu semua dan antar harus kompak ya sekompak mungkin

1:04:26Nah makanya tadi tesnya sampai ada ratusan ribuan buat mengakomodasi itu semua Hm gitu jadi keingat pesannya Mas Arya

1:04:40kayak ngebangun apa yang waktu dia buat sebuah Phantom JS itu test casnya itu banyak banget ya kan Iya untuk

1:04:50stabilitas dan backward compatibility betul backatibility itu yang yang terus dijaga ya sama platform web ya Iya dan kalau dalam kasus ini ya

1:05:01Cara apa Cara komunikasi cara ngompakin keempat browser Ya cuma ini kan satu-satunya tes iya iya jadi kayak dari

1:05:10end user lah dari end user masing-masing browser kayak tadi dibuka dari Firefox ternyata fail Nah kan itu udah karena

1:05:17kalau kode kan enggak bisa diamline ah masing-masing punya sendiri ya udah ini hasil akhirnya yang dites h

1:05:25relative color syntax masuk interop Siapa ini yang push relative color syntax itu apa ya itu yang yang itu HC kemarin

1:05:39kemarin Oh yang ngepus pasti Adam Argil cuma masih rendah semua gini skornya rendah ya I kan Ini baru baru

1:05:53baru kan Kalau eksperimentalnya gimana eksperimental sudah sudah pada relatif ada enggak ada enggak ada pergerakan sedikitsedikit cuma

1:06:030,3% ya berarti emang dibik kenapa ini dia Enggak penting ya Kenapa dimasukin gitu ya kenapa dia Enggak penting Iya

1:06:11karena semua brer ngerasa itu penting Nah iya kenapa penting kenapa kenapa penting Nah itu cari di isunya isu Inter ada gak n

1:06:24ada cob Kenapa kan banyak berarti banyak yang tu tadi di atas ada argumennya Oh argumen accessibility impact

1:06:35berarti toated from origor manipul with oh ini deskripsi doang nah ke bawah alasannya accessibility terus pada bilang apa

1:06:53tuh gak ada gak ada ininya diter ya itu berarti mungkin penjelasan yang masuk yang apa

1:07:12kemungkinanob turun diitnya apa Gang Bu [Musik] Bik Nah kan kontras kan jadi karena udah ada hitungannya yang ada algoritma bikin

1:07:31warna yang brow jadihangikinnyaaki yang

1:07:52kont nya 30% lebih terang Iya ya mengerti tujuannya tapi masih belumat mengapa mengapa pentingnya gitu belum bisa terima karena masih baru juga kan

1:08:08Ya iya ya pentingnya itu jadi Ee Kita kan mikir kita pas bikin CSS Ya sudah mikir ada standarnya misalnya 0,3 atau

1:08:1730% lebih terang bayangin deh kalau kita harus mikir Eh misalnya abu-abu Abu apa H ddd itu abu-abu e e e abu-abu aaa

1:08:28abu-abu juga buat kita maksudnya buat web developer itu semua abu-abu kan walaupun Kalau mungkin kalau UI desainer

1:08:35kan lebih lebih paham kalau buat kita mau apa Kalau pakai hex aaa bbb ccc ddd itu semua abu-abu kita engak bisa bedain

1:08:45nah ini dikasih bahasa yang lebih lebih lebih mudah dan lebih bisa lebih terstreaml buat kita bahwa kontras nya

1:08:54tuh 0,3 Misnya 30% lebih terang ya lebih bagus aja sih kayaknya buat aksesibilitas yes oke Ada lagi yang mau kita bahas mungkin

1:09:06sebelum mungkin kita sudahi terakhir itu aja dulu itu dulu ya Oke berarti untuk malam ini topiknya loh ivannya hilang

1:09:18Ian hilang kita ngomongnya samaan ya untuk malam ini mungkin ee udahan dulu topik tentang interop 2024 mungkin nanti tahun depan kita lihat

1:09:30lagi review lagi mungkin sekalian kita masukin ke topik review kali ya Eh preview dan review kali ya Heeh kalau

1:09:39emang udah selesai gitu maksudnya kan Januari itu ah selesai ya mungkin agak diundur sedikit supaya kita bisa

1:09:45sekalian review juga nah buat teman-teman yang e mau Apa mau kasih-kasih ide top caran atau ada yang

1:09:56mau nanya tentang Seputar Dunia web bisa langsung ke kesana.in/ngobrolin nanti eh langsung aja di discussion ditanyain Apa

1:10:05pertanyaannya atau ada topik yang mau di apa disarankan ke kita atau ada narasumber yang mau diundang silakan

1:10:13narasumber Heeh misal narasumbernya mau kalau perlu dimion atau di kalian Oke Ian Ada apa Eh ada masalah dengan teknis

1:10:23komputernya Iya jadi Ivan udah cabut duluan dan sekarang kita tinggal berdua kalau begitu kita juga udahan kita

1:10:31ketemu lagi minggu depan mudah-mudahan minggu depan kita sudah bisa live lagi dengan topik yang berbeda selamat malam

1:10:37selamat istirahat sampai jumpa bye bye