Bedah Situs - Ngobrolin WEB

1:54Sekarang sudah bulan-bulan kerja.

1:58Kerja, kerja, dan kerja, katanya.

2:00Nggak ada lagi lebar, apa, liburan.

2:07Liburannya sudah dihabiskan.

2:10Budgetnya terutama ya, sudah habis.

2:13Budgetnya sudah habis.

2:15Nanti kayaknya bulan...

2:18Bulan Mei kayaknya ada...

2:22Mayday doang.

2:25Mayday ya, Mayday doang ya.

2:27Iya.

2:28Oke, nah malam hari ini kembali kita...

2:38Bedah situs lagi karena cukup banyak ya.

2:41Ternyata yang submit lumayan banyak.

2:43Jadi kita pecah jadi dua episode.

2:45Minggu lalu kita ada dua.

2:47Minggu ini, insyaallah rencananya ada dua juga.

2:50Yang satu bisa hadir secara langsung.

2:53Jadi pakai video.

2:54Yang satunya lewat katanya lewat chat aja nanti.

2:57Jadi malam ini kita akan lanjut lagi.

3:00Tapi sebelum itu seperti biasa.

3:02Episode ini tersrenggara berkat koloborsi kita dengan Dominicia.

3:06Jadi buat teman-teman yang mau beli layanan hosting.

3:08Domain juga termasuk ya, bisa di Dominicia.

3:12Kalau mau hosting itu diskonnya 10%.

3:15Pakai promo code ngobrolinwebdn.

3:18Diskonnya berlakon toksik 1 atau 2 tahun.

3:21Nah kalau yang mau beli VPS.

3:24Bisa beli cloud VPS Turbo dari Dominicia.

3:27Diskonnya 50% lebih gede ya.

3:30Terus promo code nya pakai yang ini.

3:33Ngobrolin VPSdn.

3:35Ini promo code nya sangat ampuh.

3:43Ampuh apa ya?

3:45Bisa dipakai berulang-ulang.

3:50Iya karena jarang ada promo code yang bisa dipakai berulang-ulang.

3:54Gak perlu ganti account.

3:57Langsung bisa dipakai.

3:59Gak kayak antropik ya.

4:02Antropik kenapa?

4:05Gak bisa dipakai berulang-ulang ya?

4:07Gak bisa dipakai berulang-ulang.

4:09Satu katu kredit dipakai 2 account langsung kena ban.

4:12Gak bisa ya, langsung kena ban ya.

4:15Strict banget ya.

4:18Ya jadi kalau punya produk ya.

4:20Seperti mungkin minggu lalu atau teman-teman yang berkenan untuk share minggu ini.

4:28Ada bikin website, bikin aplikasi web atau apapun.

4:32Teman-teman bisa pakai, untuk backend nya bisa pakai VPS dari Dominicia.

4:39Terima kasih Dominicia.

4:42Iya saya mau coba VPS nya nanti ah.

4:45Karena saya mau deploy aplikasi yang namanya Docploy.

4:49Pernah dengar?

4:51Docploy? Iya, iya.

4:53Iya kayak...

4:55Kaya...

4:56Kaya...

4:57Kulifai, doku.

4:59Kulifai kayak doku, portainer gitu.

5:02Kayaknya menarik mau coba ah Docploy.

5:05Ada aplikasi yang mau saya coba.

5:08Dia itu kan platform kan, platform as a service ya.

5:12Jadi kita bisa punya kayak Heroku sendiri gitu ya.

5:16Kita bisa deploy ke dalam situ kan.

5:20Iya.

5:22Ya benar kayak platform as a service.

5:26Tapi kan open source ya.

5:28Ya open source.

5:30Open source dan mereka provide manajemen nya.

5:35Kita bisa bayar juga ke Docploy tapi provide untuk manajemen.

5:39Jadi kalau kita punya multiple server bisa.

5:41Oh cloud nya, mereka support cloud nya.

5:43Tapi cloud nya bukan untuk kita hosting.

5:46Untuk nge-manage Docploy nya.

5:48Kalau misalnya Docploy kita ada seribu instance.

5:52Iya untuk nge-manage itu.

5:54Nah saya kan mau coba di VPN nya si Domination.

5:58Karena ada aplikasi yang mau saya deploy.

6:03Launching, launching.

6:05Launching, jadi mau coba ini deh.

6:08Coba Docploy di Domination.

6:11Ampuh enggak.

6:12Ini saya update-update.

6:14Oke.

6:16Nah ini untuk situs yang pertama itu ada namanya immanuel.ac.id.

6:25Aceh cuy.

6:27Saya share dulu.

6:28Minta email nya dong.

6:30Buat ini ya.

6:33Buat AI ya.

6:35Immanuel.ac.id langsung buat AI ya.

6:38Itu ada masnya di itu untuk situs ini bukan?

6:43Iya.

6:44Oh iya.

6:45Jadi website nya ini immanuel.ac.id yang mau kita bahas.

6:51Nah kebetulan yang submit juga hadir malam hari ini.

6:55Jadi kita langsung sambut aja mas.

6:58Sardiaman, halo.

7:01Halo mas Sardiaman.

7:04Panggilannya apa nih?

7:06Halo selamat malam.

7:08Malam.

7:09Selamat malam.

7:10Panggilannya Sardiaman.

7:12Sardih.

7:13Sardih.

7:14Sardih.

7:15Enggak mungkin Sardih kan.

7:19Bebas-bebas.

7:21Oh bebas.

7:22Gak lah Sardih itu kan berarti Marga kan.

7:26Betul.

7:28Tapi mas Sardih ini berarti salah satu ini apa namanya.

7:33Yang digadang-gadangkan sama OpenAI, Anthropik.

7:39Karena ada AGI nya tuh.

7:40Saragi kan AGI.

7:42Apa tuh maksudnya.

7:44Gak ngerti.

7:46Di jelas.

7:47AGI itu AI General Intelligence.

7:56Terus hubungannya sama Saragi apa?

7:58Kan ada AGI nya.

8:00AGI nya.

8:01AGI.

8:03Lo bener.

8:10Iya sih.

8:11Seperti ini ya.

8:12There is no AI in team gitu ya.

8:17Gak ada huruf I di dalam team ya.

8:19Team bahasa Inggris tapi kalau team bahasa Inggris ada I nya ya.

8:22Mas Sardih gimana kabarnya?

8:27Kabar baik-baik.

8:29Salam kenal ini dari Bandung.

8:33Terima kasih lah ya udah ikutan bedah website ya.

8:37Mungkin bisa kenalan singkat dulu mungkin.

8:41Ya boleh-boleh.

8:43Salam kenal ini Pak Reza dan Pak Ivan ya.

8:48Iya.

8:50Ya jadi memang kalau cerita dari awal ya.

8:56Sebenarnya saya udah kenal domenis itu udah cukup lama.

8:59Mungkin ada 5 tahun lebih ya.

9:03Cuman emang saya itu membuat software-software kecil kadang macam perusahaan-perusahaan.

9:11Nah mereka butuh domen gitu.

9:14Makanya per sekarang itu kalau gak salah saya itu punya domen itu ada 1, 2, 3, 4, 5, 6, 7.

9:247 domen yang saya punya di Domenisya.

9:282 yang tidak aktif.

9:30Jadi tujuannya 2 yang tidak aktif.

9:34Banyak, lumayan banyak yang aktif.

9:36Bukan, total 9.

9:38Ada 7 yang aktif.

9:407 yang aktif.

9:42Domen yang paling besar itu ya ini Institut Kesehatan Manual.

9:47Kebetulan di situ sebagai Konsultan IT.

9:49Jadi ini yang paling besar lah.

9:51Nah itu si, nah kemudian kemarin ada email masuk.

9:57Ya iseng-iseng coba aja di-submit, ya.

10:02Ternyata dipilih menjadi malam hari ini untuk pengadil.

10:06Jadi bedasarnya itu sih untuk perkenalan sih kita domenisili di Bandung.

10:14Kalau website ini memang, itulah Institut Kesehatan Manual.

10:20Memang itu kampusnya ini berlokasi di area Rumah Sakiti Manual.

10:25Kalau Bapak kenal ini lah ya Bandung, Rumah Sakiti Manual mungkin terkenal lah ya.

10:32Nah Rumah Sakiti Manual itu punya, apa namanya, badan pendidikan.

10:37Jadi suster-suster itu dididik di sini.

10:41Lulusannya akan ditampung di Manual atau di Rumah Sakit-Rumah Sakit lain.

10:46Nah kurang lebih seperti itu sih filter belakang dari saya dan website yang ini.

10:52Yang dibuka sekarang itu.

10:54Nah cuma memang, lanjut ke filter belakang website.

10:58Jujur saja ini dibangunnya pakai Wix.

11:02Nah Wix kan modenya template ya.

11:05Ya Wix Studio.

11:07Jadi memang enggak begitu repot karena dia udah punya template seperti WordPress juga ya.

11:14Seperti WordPress.

11:16Nah cuma kita jadi ibaratnya yang ini premium ya jadi buyer lah gitu, jadi tidak murni nge-develop di internal sendiri sebenarnya.

11:26Atau kalau software atau website yang lain itu contoh ipsopbdg.com.

11:31Ada lagi contoh dari Jambi, Bapak Pedal seperti itu.

11:38Nah itu saya buat pakai bahasa konvensional, pakai PHP gitu.

11:43Nah kalau yang ini memang karena memang banyak apa gaya-gayanya itu ya.

11:49Gambar dan sebagainya itu, ah udah cari template yang gampang aja gitu.

11:53Siapa tau nanti dari ada masukan cara yang lebih efisien untuk membangun website ya oke nih malam ini sepatu ada masukan dari dominisianya.

12:05Berarti service dominisian yang digunakan apa aja?

12:11Domainnya apa atau hostingnya di Wix ya?

12:15Ya jadi untuk case yang institus kesihatan ini hanya domain yang kita pakai, servernya itu dari Wix.

12:25Oke.

12:27Dan beberapa aplikasi di dalamnya ini kita buat sebagai sub domain itu, ada juga yang banyaknya itu kan aplikasi ya.

12:37Jadi contoh ada program pabrik gitu ya, program pabrik, ada program juga penjualan.

12:45Nah hanya gimana ya bahasanya ya, database-nya itu saya simpan di server.

12:52Jadi saya makanya selalu kalau ke dominisianya itu tolong dibukakan port 1433 untuk SQL Server.

12:59Jadi dari dominisianya itu cuma menampung file HTML, PHP dan sebagainya.

13:05Servernya itu ditembak.

13:07Oh ada hostingnya juga berarti, ada hostingnya atau ada VPS-nya.

13:11Ah ya saya pakai servernya IP Dedicated itu.

13:15Jadi dari dominisianya itu saya minta di whitelist kan server saya gitu dengan IP ini.

13:23Supaya bisa dibuka dari Wix gitu ya.

13:26Ya, nah Wix juga seperti itu.

13:29Nah ini kan si Emanuel ACID sebenarnya sub domain-nya itu banyak aplikasi untuk kampus, ada PMB.

13:37Kalau kita buat depannya PMB.Emanuel ACID itu, dia langsung buka ke halaman PMB.

13:45Nah itu dia database-nya itu di lokal kita.

13:48Jadi pada sekarang itu nggak pernah pakai database di dominisianya sih, belum pernah.

13:55Belum pernah, ya kecuali yang template-template ya, yang ini kan ada juga yang saya bangun pakai WordPress

14:01itu database-nya akan di situ.

14:03Cuman emang kecepatannya sih dan oke lah dominisianya.

14:09Makanya sebelum ini kan saya juga berlangganan di provider lain ya, betahannya masih di dominisianya sih.

14:17Oh iya mantap, mantap, kita bahas berarti ya.

14:25Boleh, boleh kita mulai bahas ya.

14:27Siap dikritiknya nih Pak?

14:29Boleh, siap banget.

14:31Hahahaha.

14:38Siap dikritik, oke.

14:41Wah ini console error-nya banyak sekali.

14:44Oh iya?

14:48Oh dari Wix-nya ya?

14:50Wix-nya, betul.

14:52Oh iya iya, ini berarti no-quote ya.

14:56Kalau dari no-quote gitu agak susah dikendalikan ya, dikontrol ya.

15:00Kalau error-error gini ya.

15:02Bisa di iniko, bisa di...

15:04Iya, sama satu lagi.

15:10Kalau saya lihat dari penggunaan font-nya banyak banget font-nya.

15:15Betul, betul.

15:16Gini font-nya ya.

15:18Ini, coba Mas Liza masuk ke Inspek dan ada satu, dua, tiga, empat.

15:28Iya font-nya luar biar ini.

15:32Lebih dari empat.

15:34Kayaknya ada sembilan.

15:40Iya ini Pak.

15:43Iya banyak banget, ada droid tuh.

15:47Ada droid, sun, alfabet, latihan.

15:50Font-nya dimana aja, maksudnya pemakaiannya dimana ya?

15:52Aduh, sudah susah itu kalau dia mau cek begitu.

15:55Tapi menurut saya ini font-nya udah kayaknya banyakan.

16:01Terlalu berlebihan.

16:03Iya berlebihan.

16:05Terus kalau misalnya di reload nih halaman utamanya nih Mas Liza, reload dan...

16:12Reload?

16:13Scroll sampai bawah.

16:16Ya ada reload, which is good.

16:18Di scroll sampai bawah.

16:20Itu, apa namanya?

16:25Di pertama si YouTube-nya otomatis jalan tuh.

16:31Iya, YouTube-nya otomatis play ya?

16:33Iya otomatis play, dan itu langsung memakan bandwidth 55 MB.

16:39Bagi saya.

16:41Kalau bisa jangan langsung auto play ya.

16:43Kalau bisa.

16:44Terus ada siang memberi ini kok agak berat sih memang ada yang...

16:49Mungkin dari situ ya.

16:50Satu berat, dua...

16:53Kedua makan kasihan ya Pak?

16:55Kasihan, misalnya menurut saya ases situs ini kan bisa jadi mahasiswa ya.

17:02Masiswa kan.

17:03Betul.

17:05Kota nya terbatas.

17:07Kota nya terbatas.

17:08Jadi kasihan juga tuh mereka.

17:11Mau baca sesuatu dari situsnya atau mau pendaftaran.

17:16Ya sudah kehabisan.

17:18Dua kali sudah habis 100 MB tuh habis kota nya gitu kan.

17:25Ya, kayak gitu tuh bisa disensitifkan penggunaan kota.

17:32Dikurangi lah dikurangi.

17:34Diperhatikan juga.

17:36Ini mungkin phone ini terlalu banyak mungkin karena dari platform Wixnya kali ya.

17:41Jadi pada saat edit desain.

17:46Terus bisa pilih phone.

17:48Yang ini phone ini, yang ini phone ini jadi terlalu banyak.

17:50Ini gak terkontrol ya.

17:52Biar apilanya agak menarik ya itu yang diberubah.

17:56Sorry itu memang berdampak ya.

17:59Tapi jadi gak konsisten juga Mas.

18:01Jadi gak konsisten.

18:03Biasanya tuh satu web itu mungkin 2-3 kali ya kayak header.

18:09Terus mungkin sub header kayak subtitle sama body.

18:14Udah cukup 3 gitu kan.

18:15Kalau terlalu banyak maksimal sebenarnya 3 aja menurut saya udah kebanyakan.

18:202 itu pas.

18:232 udah normal ya normalnya 2 ya.

18:25Iya jadi jangan banyak-banyak juga.

18:28Kalau misalkan kayak gini nih ini beda sendiri nih.

18:31Sebelumnya headernya kayak gini kan misalkan.

18:35Sampai di bawah kok jadi sans serif gitu kan.

18:38Tipe phone nya pun berbeda.

18:40Jadi kayak kurang konsisten.

18:42Jatuhnya begitu sih.

18:44Takutnya.

18:46Nah ini awalnya ini sama nih mirip nih.

18:49Sama ini mirip ya.

18:51Tapi yang di tengah-tengah sini udah beda nih.

18:54Jadi mungkin kalau phone nya di sana.

19:00Terus tadi youtube nya juga auto play itu juga langsung makan bandwidth.

19:07Calon mungkin calon student ya calon mahasiswa.

19:14Yang mungkin dia lulusan atau baru mau lulus SMA gitu.

19:18Yang punya bandwidth nya tidak sebanyak kita gitu ya.

19:22Itu juga perlu diperhatikan juga.

19:26Ini ada masukan juga nih dari mas Tohir.

19:29Con color di banner mungkin pakai color yang lebih kontras.

19:32Yang mana? Yang ini ya kah?

19:34Yang si institut kesehatan ini.

19:39Kan putih dengan putih.

19:41Background nya langit kan.

19:44Background nya agak putih.

19:48Foreground nya juga putih ya.

19:51Terus kalau itu di hover si button itu langsung transparan dan putih.

19:58Jadi susah juga bacanya.

20:01Iya kalau posisi tap atau layarnya lebih kecil jadi numpuk begini nih.

20:10Numpuk dia ya.

20:13Iya dan ini manual nya L nya turun ke bawah.

20:16Iya N nya turun ke bawah.

20:19Jadi bacanya bingung kita.

20:22Ini harus banyak permain di Wix ini.

20:25Kalau tidak kalau ada gandanya dari set mereka di ini aja pak.

20:31Di desain ulang pakai.

20:37Pakai yang bisa lebih di kontrol.

20:40Bapak biasanya yang lebih fasih nya pakai apa?

20:46Mau pakai WordPress bisa?

20:48Mau pakai Laravel bikin sendiri bisa?

20:53Yang mana bisa lebih fasih?

20:55Untuk membuat template-template nya yang lebih enak gitu.

20:58Karena kalau pakai Wix sebenarnya banyak sih yang bagus saya lihat.

21:03Kalau di luar sana.

21:05Kalau kembali lagi kalau fasih pakai Wix dan bisa di customize dengan bagus.

21:13Mungkin bisa juga.

21:15Ada masalah juga pakai Wix.

21:18Bisa juga gitu.

21:20Lalu, iya.

21:24Ada ini juga kayak apa warna.

21:29Kalau button itu kan ada button nya yang transparan putih dan ada yang biru.

21:34Mungkin konsisten.

21:38Terus button nya.

21:41Mungkin yang ini diubikan hitam kayaknya lebih masuk ya.

21:44Iya.

21:46Terus ada button yang round it ada button yang kota.

21:52Kalau turun lagi ada button yang kotak.

21:55Iya.

21:57Oh iya ini round it semua ya awalnya round it semua.

21:59Terus ini tiba-tiba warnanya biru.

22:01Iya.

22:03Terus ada yang kotak.

22:05Ada yang kotak.

22:06Mana?

22:07Di SISUS.

22:08Apa jangan-jangan gak kelihatan disini?

22:10Iya coba naik dikit.

22:13Di mahal mengapa ikit.

22:16Oh ini iya.

22:18Bisa tiba-tiba kotak sendiri.

22:20Beda sendiri hanya satu.

22:22Yang lainnya udah round it ya.

22:25Iya.

22:26Ini juga accessibility nya kurang kebacaan nih pendaftarannya nih.

22:31Ponya mungkin warnanya harus lebih gelap.

22:34Ya harus lebih gelap atau posisinya di sedikit kemana ya.

22:41Kayaknya warna deh.

22:43Kayaknya warnanya.

22:44Karena ada foto di belakangnya jadi dan warnanya agak terang.

22:50Background nya.

22:51Terus text nya juga terang warna birunya terang jadinya gak kebaca ya.

22:56Agak kurang kebaca.

22:58Kalau dari sisi performance banyak sih yang bisa diperbaiki.

23:10Karena dari core web vital nya.

23:15Sebenernya ok-ok aja sih.

23:20Coba kita lihat ya.

23:21Core web vital nya.

23:23Iya chalice nya sih yang banyak disini.

23:26Karena pon tadi itu.

23:28Search screen.

23:30Chalice itu berarti?

23:32Cumulatively achieved.

23:37Karena font nya custom semua ya.

23:42Gak.

23:43Pake swap gak?

23:47Gak lihat sih.

23:49Kalau dari ini kan dua detik nih kalau ini nya percentile nya.

23:54Lumayan sih cepat juga ini nya.

23:57Oh ini cepat ya.

23:58Banyak ini INP nya juga sakit nih.

24:13Karena banyak script yang ngelod kayaknya ya.

24:17Coba lihat JS nya.

24:18Oh banyak banget.

24:20JS nya banyak sekali.

24:21Gagal.

24:22Sakit.

24:26Dari ini kayaknya.

24:29Gak tau ya.

24:30Karena mungkin si Wix itu kan kecil-kecil-kecil idinya ya.

24:34Widget-widget gitu ya.

24:37Iya.

24:38Jadi kalau di kombine gitu jadi sakit.

24:42Kita coba aja kita throttling.

24:45Kita analisis.

24:48Kita record.

24:55Dantingin loh.

24:56WAPR nya banyak nih pak.

24:59Pertama mobil responsive.

25:01Terus kedua konsistensi.

25:03Saya sih minta misalnya kalau ada bantuan anak mahasiswa nya yang bisa desain.

25:13Gak ada institut kesehatan.

25:18Gak ada.

25:20Gak ada ya.

25:21Gak ada.

25:22Kan ada yang seni.

25:25Ini manager yang kebayang rumah sakit.

25:27Gak pegang komputer itu susah nya.

25:29Tidak mesti kan.

25:31Gak ada.

25:33Iya nih banyak banget nih scriptnya.

25:38Terus CSS nya sih sedikit ya.

25:40CSS nya pada di ini sih.

25:42Kalau CSS dia saya lihat sih di inline semua nih.

25:46Inline semua ya.

25:48Ini kan phone.

25:50Terus CSS nya di inline.

25:52Ini disini di inline semua.

25:54Makanya jadi nggak apa namanya.

25:57CLS nya bisa serasa pekat.

25:59Tapi sebenarnya nggak blocking.

26:01Tidak juga.

26:03Ya nggak ada yang blocking.

26:05Karena dari Wix nya sudah dibikin begitu.

26:07Tapi dia pakai React nih.

26:09Iya.

26:11Iya Wix memang pakai React.

26:13Makanya banyak banget nih CSS nya.

26:17Apa ya?

26:21Menu, menu, menu.

26:25Banyak kok menu yang sudah lebih modern.

26:28Maksudnya jangan pakai warna biru begini.

26:31Dibikin yang lebih modern aja sih.

26:34Ya itu susah banget mencari.

26:36Enak di mata itu.

26:38Kayak kaku banget itu.

26:40Tampilan seperti itu.

26:42Sebenarnya di dunia AI sekarang sudah tinggal bisa disuruh sih Pak.

26:46Untuk bikin.

26:48Ini kok dia nggak ngelot-ngelot ya?

26:50Tadi saya tadi mana ya?

26:52Fokus ke sehatan.

26:54Nah ini contohnya nih.

26:56Kalau saya diamin dia nggak ngelot.

26:58Ada apa ini?

27:00Ini skeletor nya.

27:02Iya.

27:04Karena dia benar gambarnya lumayan banyak.

27:08Dan gede juga ukurannya besar.

27:12Iya.

27:14Kemarin kita pakai foto studio.

27:16Kayaknya lumayan besar sih gambar-gambarnya itu.

27:20Dikompres dulu.

27:22Dikompres dulu jangan semuanya langsung di upload.

27:26Lapan detik.

27:28Coba ya saya diamin ya.

27:30Belum, belum.

27:32Selesai.

27:34Adalah malam ya.

27:36Gimana kok siap?

27:38Tuh, sembilan detik.

27:40Halaman ini ya.

27:42Iya.

27:44Itu mana Eka-Eka?

27:48Udah datang deh.

27:50Oh ya Eka sudah datang.

27:52Hai Eka.

27:54Maaf, maaf.

27:56Udah selesai kerjanya.

27:58Selesai dong.

28:00Yakin selesai.

28:02Selesai, selesai nggak.

28:04Selesai kumpulkan.

28:06Apa nih?

28:10Ini lagi bodak situs immanuel.ac.id.

28:12Bodak situs immanuel.ac.id.

28:14Ada satu yang saya mau.

28:16Kritik plus complain.

28:20Ini kan sudah bagus-bagus.ac.id ya.

28:22Di bawah emailnya itu masih yahu.co.id pak.

28:28Bagus-bagus.ac.id.

28:32Masih ada ya emailnya.

28:34Sayang banget.

28:36Tuh.

28:38Yahu tuh.

28:40Bagus-bagus.

28:44Kalau nggak mau pakai.ac.id.

28:46Kasih saya aja.

28:48Seneng saya kalau kasih.ac.id.

28:52Baru tahu.

28:56Lewat itu berarti.

28:58Ini kayaknya email

29:02Ea-Ea-san ya berarti ya.

29:06Nggak ada portal Ea-Ea-san.

29:08Ada portal kampus ada.

29:10Jpt, GKAP.

29:12Iya.

29:14Kalau Jpt itu Ea-Ea-san ya.

29:16Ya bagus-bagus.ac.id.

29:20Iya.

29:24Lebih apa ya.

29:26Lebih meyakinkan daripada email gratisan.

29:28Bagus-bagus.

29:32Sayang kalau nggak.

29:34Iya.

29:36Nah sama gambar-gambar

29:42yang bergerak-gerak ini lho pak.

29:44Ini video bukan?

29:46Iya video.

29:48Ini video.

29:50Ini slideshow kan.

29:52Slideshow.

29:54Iya video.

29:56No ini kayak wow ini.

29:58Wow Wix video.

30:00SPG.

30:02Kok SPG?

30:04Kok SPG ininya ikonnya sorry.

30:06Ini wow image tapi.

30:10Oh kayak karusel ya model karusel gitu ya.

30:12Tapi video juga.

30:14Ada videonya.

30:16Oh ada videonya.

30:18Oh video.

30:24Ini yang apa?

30:26Yang ngutak-atik Wixnya

30:28ini dari.

30:32Ini video.

30:34Yang ngutak-atik Wixnya itu dari Mas Hardy-nya sendiri

30:36atau dari pihak

30:38kampus juga ikutan?

30:40Iya ada juga. Saya punya

30:44rekanan juga di bagian IT yang

30:46takut-tampur lah.

30:48Ada dari pemasaran juga itu yang

30:50ngepost.

30:52Jadi ada dari

30:54dari tim lain.

30:56Jadi masukin image gitu ya.

30:58Nambahin

31:00nambahin section apa gitu ya.

31:02Oh pantesan jadi

31:04jadi apa namanya.

31:06Nggak seragam.

31:08Kayak tadi font

31:10contohnya ya.

31:12Padahal sebenarnya

31:14menurut saya secara

31:16pewarnaan tuh

31:18yang di halaman depan

31:20itu udah cukup bagus tuh. Ada warna biru

31:22sesuai sama jazz

31:24alma maternya. Nah itu yang promo glombang satu

31:26tuh warnanya tuh udah

31:28kecok gitu. Sama warna

31:30alma maternya udah ada.

31:32Terus tiba-tiba

31:34pas liat menu

31:36warnanya jadi warna

31:38cyan, warna biru

31:40apa ya.

31:42Jadi nggak nyambung gitu.

31:44Sian-sian.

31:46Ini biru ini salah ini.

31:48Kalau pakai biru ini kan

31:50lebih cakep kayaknya ya.

31:52Nggak tahu ya itu masalah desain sih.

31:54Saya juga nggak bisa desain sih ya.

31:56Sama font-size juga nih.

31:58Kalau di sini kan daftar sekarang

32:00kan besar nih.

32:02Di sini kecil.

32:04Ya.

32:06Sebenarnya bikin konsisten

32:08lebih gampang. Lebih gampang

32:10nggak sih sebenarnya pendapat

32:12Mas Liza Salamun. Harus dibikin aturannya.

32:14Harus dibikin aturannya. Misalkan

32:16header level 1 berapa pixel

32:18header level 2 font-nya apa

32:20berapa pixel.

32:22Sistem ya.

32:24Ya font untuk

32:26button itu berapa pixel

32:28atau berapa rem

32:30atau font

32:32font family-nya apa.

32:34Jadi ketika ada yang mengubah

32:36dia ngikutin.

32:38Mungkin perlu dibikin

32:40standar aja kalau buat rame-rame sih.

32:42Misalkan

32:46untuk upload image itu

32:48maksimum

32:50size-nya berapa.

32:52Karena kan dari weeks-nya kan nggak dibatasi kan.

32:54Mau upload

32:56image 12 megapixel juga

32:58cuek aja gitu kan.

33:00Nah dari kitanya yang harus membatasi

33:02takutnya terlalu besar

33:04nggak guna.

33:06Karena orang yang buka

33:08juga nggak perlu terlalu besar juga kan.

33:10Layarnya cuma seberapa gitu.

33:12Setelah lagi targetnya calon mahasiswa.

33:16Sama

33:20non-technis nih satu hal.

33:22Konsistensi bahasa.

33:24Konsistensi bahasa.

33:26Kan kita udah bagus-bagus nih

33:28bahasa Indonesia masih ada home.

33:30Ada bahasa Inggris ya.

33:32Ada

33:34learn more.

33:36Dan ini kotak lagi harusnya.

33:38Terus what's new.

33:40Raki saya lihat ada tetap update.

33:46Oh kalau update oke lah masih bisa

33:48terima. Tapi yang ini

33:50padanan-nya ada

33:52di Indonesia yang sudah diterima misalnya.

33:54Dapatkan kabar terbaru gitu kan.

33:56Baca selanjutnya

33:58atau selanjutnya sudah lebih diterima kan.

34:00Sebenarnya nggak perlu pakai.

34:02Kalau home bisa jadi dasbor

34:04atau beranda.

34:06Beranda udah diterima.

34:08Iya sih bener-bener.

34:12Bahasanya

34:14campur-campur gaul.

34:18Gini aja.

34:20Iya.

34:24Saran saya sih gini aja.

34:26Pakai AI aja.

34:28Tolong buka website ini.

34:30Terus coba improve

34:32atau perbaiki gitu.

34:34Apa aja yang perlu diperbaiki.

34:36Ada Wix MCP kan.

34:38Wix ada ya.

34:40Ada Wix ada MCP malah.

34:42Ya maksudnya kan

34:44sekarang pakai Wix ya.

34:46Bukan.

34:48Bukan maksudnya

34:50di Wix kan sudah ada nih. Wix Studio sudah ada

34:52MCP server-nya nih.

34:54Ya kan. Mungkin bisa

34:56dipadankan dengan Jemayah Jemayah.

34:58Ada ya?

35:00Harusnya ada.

35:02Iya dikonekin ke Jemayah Jemayah.

35:04Dikonekin ke Jemayah Jemayah.

35:06Dan suruh bikin

35:08konsisten.

35:10Mungkin lebih. Oh bisa ya?

35:12Bisa.

35:16Sekarang udah canggih.

35:18Nah ini

35:20dengan AI Cloud Assistant

35:22bahkan

35:26misalnya kita yang atur AI yang

35:28suruh bikin konsisten dia malah lebih

35:30ini kali. Lebih teliti

35:32kerjaannya daripada kita.

35:34Lebih teliti.

35:36Kalau kita tahu apa yang kita suruh ya.

35:38Dia lah kan lebih teliti dari kita.

35:44Iya.

35:46Kenapa kita buat MCP?

35:48Ya mungkin kalau MCP terlalu

35:50jauh levelnya ya itu

35:52tadi aja pake Gemini atau

35:54CGBT. Tolong

35:56bikin ini lebih

35:58konsisten, improvement

36:00dan lain-lain nanti yang ngebah kita sendiri.

36:02Yang penting kan tahu

36:04apa namanya. Tadi kan udah kita

36:06sarankan juga kan, pewarnaannya

36:08font-nya, terus

36:12image-nya,

36:14terus bahasanya

36:16nah itu aja yang

36:18coba diminta

36:20ke AI untuk

36:22saran.

36:24Iya.

36:26Terus mintalah anak mahasiswa

36:28bikin cutting-nya

36:30lebih oke ini.

36:32Kalau gak salah pake Gemini juga sudah bisa

36:36ini loh Pak, kalau misalnya kasih foto

36:38suruh. Daripada dibikin

36:40yang putih mungkin ya mungkin aja

36:42satu gambar yang lebih

36:44full.

36:46Dan si Iwi ini gak usah gede banget.

36:48Kok fotonya lebih

36:50bagus foto mahasiswanya dari

36:52pacar rektornya ya?

36:54Ini ya. Foto mahasiswanya bagus-bagus

36:56loh. Ini professional.

36:58Professional ya, rektornya gak

37:02photo professional gitu.

37:04Ya betul. Nah jadi project

37:06aja Pak, semua dosen harus di

37:08foto studio.

37:10Yang bagus kali ya.

37:12Dosen, Tendi, semua foto studio itu

37:14project.

37:16Ini rektor gak?

37:18Ya termasuk, termasuk.

37:20Cuma ini jelas dikat.

37:22Gambarnya kurang ya.

37:24Karena rektornya masih baru, jadi

37:26diluar rektor itu memang foto studio semua.

37:28Oh belum ada.

37:30Pak Hati, suruh dia foto studio.

37:32Yang bagus.

37:36Kalau gak dipotong-potong gini jadi

37:38sayang Pak. Yang lain di atas ini udah

37:40bagus.

37:42Iya udah bagus kan.

37:44Secara pewarnaan juga udah

37:46bagus, di atas udah cocok.

37:48Tiba-tiba ke bawah.

37:50Plain gitu. Begitu sambutan rektornya

37:52plain, putih gitu.

37:54Nah ini yang di bawah malah bagus ya.

37:56Ya ini foto studio

37:58yang ini.

38:00Kasihan banget rektornya

38:02gak diajak ke studio.

38:06Bawa ke itu

38:08studio-nya, Darwis Triadi

38:10kan di Bandung tuh.

38:12Ada kan?

38:14Iya, iya bener.

38:16Kan saya pernah foto studio

38:18di sana.

38:20Lumayan lah.

38:28Karena memang saya kan

38:30kalau apa

38:32nilai artistik

38:34saya itu kecil ya. Karena kan saya lebih

38:36di IT develop gitu.

38:38Kalau ada masukkan, oh ini harus gini

38:40waranya gini itu

38:42lebih gampang buatnya

38:44dibanding kalau, ayo bagaimana cara membuat

38:46cantik. Nah itu paling saya biu tuh.

38:48Karena saya di sisi ini

38:50sama programmer ya.

38:52Tarik seni

38:54aja salah satu mahasiswa.

38:56Kalau gak, enak kan itu.

39:00Tarik aja satu mahasiswa yang

39:02mahasiswa seni

39:04atau mahasiswa IT yang

39:06front end, yang punya

39:08jiwa seni lah ya. Atau anak

39:10ini ya desain

39:12apa? Decafe.

39:14Decafe.

39:16Tim IT-nya ada gak? Tim IT-nya?

39:18Ada.

39:20Ini konsepnya termasuk dari

39:22marketing sebenernya.

39:24Tim IT-nya, ya

39:26orang marketing juga harusnya

39:28ini kan.

39:30Kita lebih banyak mengerti lah.

39:32Cari Decafe

39:34karena Decafe design komunikasi visual

39:36di Bandung.

39:38Duduk sama-sama, ayo kita

39:40perbaiki situs ini.

39:42Saya yakin seminggu

39:44kalau dikerjain manual

39:46kelar.

39:48Seminggu.

39:50Satu-satu ya. Perpek.

39:52Orang kan kadang asumsi

39:56desain itu cuma perkara

39:58apa? Estetika visual,

40:00perkara warna apa yang bagus.

40:02Ya kalau itu kan sekarang bisa tanya AI ya.

40:04Tapi yang penting itu kan

40:06selain di luar itu

40:08desain itu kayak UI, kan ada UX

40:10kan, user experience.

40:12Ini mungkin perlu

40:14apa ya? Survey

40:16atau mungkin explore

40:18user journey sih.

40:20Kayak target

40:22audience-nya situs ini. Siapa sih?

40:24Terus apa sih yang penting untuk mereka

40:26misalnya mereka pengen lihat slideshow

40:28animasi foto-foto

40:30mahasiswa di halaman

40:32home atau enggak. Mungkin misalnya

40:34setelah di survey

40:36mereka target audience-nya

40:38lebih, ngerasa lebih

40:40penting untuk lihat jadwal

40:42misalnya jadwal pendaftaran atau apa

40:44mungkin itu bisa dibuat lebih prominent kan

40:46karena slideshow apa tadi

40:48animasi-animasi foto

40:50mahasiswa di studio, itu kan

40:52berat banget ya. Maksudnya makan

40:54source, makan data yang banyak

40:56waktu loading-nya juga banyak

40:58nah itu mungkin, ya bukan

41:00nggak boleh, tapi prioritasnya kan

41:02mungkin bisa diturunkan karena

41:04mending bang target audience-nya

41:06mungkin lebih penting misalnya

41:08liat tabel mendaftaran

41:10atau lokasi mendaftaran atau apa lah

41:12atau link WhatsApp untuk mendaftar.

41:14Nah itu bisa di apa

41:22prioritasnya bisa

41:24dibuat lebih prominent dan

41:26lebih di atas. Itu kan bagian dari

41:28desain juga, maksudnya itu bagian dari

41:30desain UI dan UX yang

41:32bukan cuma karafon-nya apa

41:34atau warnanya apa.

41:36Kalau ini malah heading-nya

41:42bagus yang di situ-situ. Kalau

41:44ini heading ini dipindahin kesana, saya

41:46malah lebih. Oh ini pendaftaran.

41:48Lebih jelas ya.

41:50Ini lebih

41:52secara. Ini pendaftaran berarti

41:54service lain ya.

41:56Service lain. Siakcloud.com

41:58Siakcloud.com ya.

42:00Secara

42:02font dan segala macem lebih

42:04asyik. Apapun beda service sama inline atau

42:06header-nya.

42:08Beda hosting ini

42:10dari setelah itu ada

42:12klien.

42:14Iya, maksudnya secara

42:16desain, nggak perlu pusing-pusing

42:18nyari, dibikin

42:20kayak gini, atas dan

42:22seragam, udah cakep.

42:24Seragam.

42:26Bisa dibikin gini,

42:28juga cakep sebenarnya.

42:30Contohnya misalkan ini,

42:32di atas ini portal pendaftaran masyarakat baru

42:34kan putih, terus background

42:36fotonya itu ada gradasi

42:38hitam kan. Kalau

42:40yang di depan tadi kan

42:42nggak ada gradasi,

42:44warnanya agak terang, terus

42:46Insitut Kesehatan Immanuelnya terang juga.

42:48Text-nya putih,

42:50font family-nya juga

42:52nisan serif ya.

42:54Kalau yang ini kan agak tebal ya, ada

42:56bold gitu kan, jadi lebih

42:58kebaca, dan background-nya agak

43:00digelapkan. Nah, itu dibikin

43:02seragam lah.

43:04Intinya itu, font-nya

43:06seragam, pewarnaannya seragam,

43:08itu udah kayaknya

43:10sudah cukup improve

43:12kalau dibikin seragam.

43:14Jadi nggak kayak kita buka

43:16website lain, walaupun

43:18sebenarnya memang ini service yang berbeda ya,

43:20antara pendaftaran sama

43:22halaman utama gitu.

43:24Jadi kalau bisa dibuat seragam,

43:26seolah-olah

43:28satu halaman website yang sama,

43:30itu akan jauh lebih baik sih.

43:32Iya.

43:34Oke.

43:36Mungkin dari

43:40Mas Hadrinya ada yang mau ditanyakan?

43:44Terima kasih nih untuk

43:46masukan-masukannya, cuman

43:48di luar itu

43:50mungkin, ini kan kita kembangkan

43:52pakai Wix ya, mungkin dari

43:54rekan-rekan di sini,

43:56ada masukan

43:58yang mungkin lebih

44:00menunjang, stabil ya

44:02PSNC dan tadi itu, tadi ada

44:04dari WordPress.

44:06WordPress misalnya ya.

44:08Sebelumnya kita pakai WordPress, waktu kita

44:10masih sekolah tinggi.

44:12Cuman memang yang

44:14gratis hari itu.

44:16Jadi tidak bisa.

44:18Di Dominesia, di hosting aja

44:20pakai WordPress.

44:22Maksudnya pakai

44:26WordPress di Dominesia.

44:28Di Dominesia.

44:30Iya, otomatis kan ada installernya

44:32udah tinggal klik next, next, next aja.

44:34Dan WordPress itu kan

44:36juga sudah full side editing juga.

44:40Udah kayak Wix, kalau bisa dibilang.

44:42Jadi bisa pelajari WordPress yang baru.

44:46Lebih bisa kita kendalikan ya, lebih bisa kita

44:48kontrol ya. Iya, bisa kita kontrol

44:50dan dia sudah full side editing.

44:52Udah bisa pakai

44:54blogs dan segala macem.

44:56Jadi cobalah, WordPress yang baru itu udah

44:58keren ya.

45:00Ada yang saya pakai itu dari Dominesia

45:02yang baru

45:04beberapa bulan lalu itu.

45:06Kalau boleh di lirik dah sebentar,

45:08ptbachtrametalindo.com

45:10ptbachtrametalindo.com

45:12Jadi saya punya banyak

45:16dari Dominesia ini.

45:18Langganan kenap.

45:22Langganan ya.

45:24Iya, sama satu lagi mungkin

45:26kalau di Wix kan

45:28kita nggak tahu ya, dia

45:30CDN hostingnya itu

45:32mungkin paling dekat mungkin Singapura ya.

45:34Mungkin ya, saya nggak tahu apa ada di Indonesia

45:36atau nggak. Tapi kalau misalkan

45:38menggunakan WordPress atau menggunakan

45:40servicenya Dominesia kan lebih

45:42Indonesia kan. Jadi lebih cepat

45:44sih, latensinya

45:46lebih cepat dibandingkan Wix itu sendiri.

45:48Oke, kita

45:54cukup dulu kali ya, kita harus bahas

45:58satu lagi soalnya.

46:00Iya, kita ada satu lagi.

46:02Terima kasih banyak

46:04ya, soalnya sudah berpartisipasi

46:06Pak Sardi.

46:08Nanti

46:12kabar-kabarin kita kalau sudah

46:14selesai yang baru,

46:16biar kita bisa lihat lagi.

46:18Oke, oke.

46:20Sampai ketemu lagi.

46:22Thank you, sampai ketemu Pak Sardi.

46:24Terima kasih, saya izinkan lip ya.

46:26Iya, makasih.

46:28Terima kasih semua.

46:30Terima kasih.

46:34Oke.

46:36Oke.

46:38Selamat datang

46:40Eka.

46:42Ini Eka yang punya website yang baru

46:44nih, yang satu lagi ya.

46:46Apa nih?

46:48Oke.

46:50Oke, sekarang kita masuk ke

46:52website yang kedua.

46:54Oh belum ya, nanya Eka dulu ya.

46:56Kita interview Eka dulu ya.

46:58Kenapa?

47:00Jadi Eka

47:02meeting sama siapa?

47:04Lo, kok jadi

47:06ada deh.

47:08Kok jadi ini?

47:10Jadi possessif.

47:12Jadi possessif.

47:14Padahal mau cari

47:18topik basa-basi sebenarnya.

47:20Koordinasi pembukaan

47:24Selat Hormuz ini.

47:26Waduh.

47:28Kok ngeri amat.

47:30Oke, daripada semakin

47:32awkward ya, kita langsung aja ke website

47:34yang kedua kayaknya.

47:36Andeskanya udah ada nih

47:38di chat ya hidup webcoding.

47:40Ini bikinnya pakein webcoding.

47:42Ini website kedua ini adalah

47:44website rumah sakit ya.

47:46Rumah sakit.

47:48Waktu kita memilih

47:54kita memilih beda website itu

47:56memang sengaja kita ambil kayak

47:58yang kreatif, terus ada

48:00kesehatan dan

48:02apa namanya?

48:04Institut ya, kayak gitu ya.

48:06Yang reform-form.

48:08Institusi, pendidikan

48:10sama ada kesehatan ya ini ya.

48:12Oh iya. Ivan kan istrinya

48:16dokter ya.

48:18Saya punya pertanyaan.

48:20Apakah website rumah sakit

48:22itu template-nya kayak gini ya.

48:24Warnanya hijau.

48:26Terus on-nya

48:28bulet-bulet gini.

48:30Kayak stereotypical banget.

48:32Emang iya ya? Atau enggak ya?

48:34Mungkin hijau itu

48:36identik dengan medis.

48:38Kayak katanya kan ada

48:40psikologi warna kalau merah

48:42itu bikin lapar.

48:44Katanya jadi banyak kan restor yang...

48:46Orange ya, orange bikin lapar.

48:48Karena itu bikin lapar, makanya banyak

48:50restor atau rumah makan yang brandingnya

48:52merah. Katanya biru.

48:54Menambahkan rasa percaya.

48:56Jadi banyak bang yang

48:58brandingnya biru.

49:00Saya lihat rumah sakit

49:02di tempat istri

49:04saya bekerja warnanya biru.

49:06Oh iya kan biru, ini biru, ada

49:10hijau, enggak ya?

49:12Oh ada sih, ada hijaunya sih.

49:14Oh enggak ada hijau.

49:16Kalau ini brandingnya hijau sama biru.

49:18R-S-I-A, R-S-I-A.

49:20Oh iya benar-benar.

49:24Cuma jarang rumah sakit yang merah ya.

49:26Nanti jadi lapar.

49:28Yang bikin.

49:30Andesnya ini tuh.

49:32Nggak bisa muncul di video

49:34tapi dia ada di chat.

49:36Kenapa tuh kira-kira? Oh template-nya

49:38tergantung orangnya. Ada permintaan dari

49:40mereka-nya ya? Warnanya seperti ini,

49:42phone-nya seperti ini, atau gimana.

49:44Atau ini hasil

49:46vibe coding, gara-gara

49:48vibe coding jadi warna ini?

49:50Enggak kan ya? Kalau

49:52vibe coding biasanya ungu dia.

49:54Bisa jadi ungu.

49:58Begitu buka website ini.

50:00Begitu buka website ini

50:02saya langsung

50:04apa namanya? Langsung

50:06pengen komplain. Boleh gak sih?

50:08Nanti.

50:10Complain?

50:12Enggak tuh, dijawab enggak.

50:14Enggak boleh. Oh enggak ya?

50:16Oke-oke. Iya enggak boleh, enggak usah.

50:18Enggak jadi komplain saya. Ini jawaban

50:20untuk pertanyaan siapa?

50:22Tadi kan saya nanya juga nih.

50:24Apakah ini template

50:26atau hasil dari

50:28vibe coding? Terus apakah boleh

50:30dikritik atau enggak?

50:32Kalau enggak boleh dikritik, terus kita harus ngapain nih?

50:38Oke.

50:46Yang pertama, yang non-technis.

50:48Turun dikit.

50:50Bootstrap, oke.

50:52Turun dikit.

50:54Nah yang di dokter-dokternya.

50:56Oh yang dokternya.

51:00Pertama, OBGYN itu

51:04enggak pakai S, enggak pakai OBS.

51:06Bukan OBGYN.

51:10OBGYN.

51:12Ini OBGYN semua.

51:14Ini OBGYN semua.

51:16Iya.

51:18Jadi OBGYN itu

51:20enggak pakai S.

51:22Ya, OBGYN itu enggak pakai S.

51:26Terus...

51:28Bagi

51:34orang yang umum baca ini, itu

51:36dokter Anissa-nya itu dalem.

51:38Apa sih dalem? Gitu.

51:40Kalau saya sih tahu itu penyakit dalem, karena

51:42dari SPPD.

51:44Tapi dalem gitu.

51:46Dalem itu ternyata saya gitu ya.

51:48Dalem.

51:50Nah itu...

51:54Iya, dalem.

51:56Dalem.

51:58Mungkin dokter Anissa-nya

52:04orang Jawa dan Sopan.

52:06Orang Jawa ya?

52:08Iya, OBGYN itu enggak pakai S.

52:10Orang UI.

52:12Dokter Anissa-nya orang UI.

52:14Bisa jadi sih.

52:16Bagi nyajar dong.

52:18Mana dia? Kok hilang?

52:26Maaf, terlalu...

52:28Lanjut, lanjut, lanjut.

52:30Performance dong.

52:34Performance.

52:36Tuh, masih mau ini dulu, non-technis.

52:38Oh, iya, iya.

52:40Non-technis, non-technis. Silahkan, silahkan.

52:42Ininya...

52:46Kayak link paling atas.

52:52Yang paling atas itu yang untuk alamat

52:54dan segala macemnya itu.

52:56Itu dibikin link.

52:58Dibikin link disitu tuh.

53:00Kalau di hover tuh ada link gitu.

53:02Oh iya, jadi satu link penuh ya.

53:04Ya enggak masalah.

53:06Tapi enggak jelas gitu.

53:08Itu link itu buat apa gitu.

53:10Jadi...

53:12Kita enggak bisa kopi.

53:14Enggak kemana-mana juga.

53:16Cari maps, enggak bisa, iya.

53:18Dibuat intro juga enggak bisa diklik.

53:20Dan itu kan jadi...

53:22Koding sisaan orang

53:24itunya cuma hash doang.

53:26Iya.

53:28Dan itu kan jadinya klikable.

53:30Dan kalau misalnya untuk...

53:32Harapan palsu ya.

53:34Tidak semantik, tidak semantik.

53:36Alat-alat buat

53:38Accessibility.

53:40Kan itu kan bakal jadi turun ke situ.

53:42Nanti dia...

53:44Fungsinya apa juga.

53:46Nggak ada ini juga kan.

53:48Alternative text-nya.

53:50Ada fungsinya, iya.

53:52Harapan palsu kita bisa diklik.

53:54Tau nya diklik, enggak usah ngapain-ngapain.

53:56Tidak terjadi apa-apa.

53:58Justru nomor teleponnya.

54:00Source-nya.

54:02Di sebelah kanan itu yang di...

54:04Di sebelah kanan...

54:06Gak bisa diklik.

54:08Gak bisa diklik.

54:10Ikonnya bisa diklik, ikonnya doang.

54:12Nomor teleponnya enggak.

54:14Jadi, rencana mau dibuat text berjalan.

54:16Marky, jangan.

54:18Jangan, jangan.

54:20Jangan, jangan.

54:22Jangan.

54:24Reduce, konsep sekarang itu

54:26Reduce Motion, ini saja saya...

54:28Saya enggak consent.

54:30Consent itu bukan konsentrasi ya.

54:32Iya.

54:34Consentnya saya itu bukan konsentrasi ya.

54:36Tapi, consent apa? Consent bahasa Indonesia apa ya?

54:38Consent.

54:40Consent.

54:42Consent.

54:44Consent sus.

54:46Consent itu kayak...

54:48Bersedia ke tersediaan.

54:50Oh, consent.

54:54Bersedia, iya.

54:56Cookie content.

54:58Cookie content, iya.

55:00Ya.

55:02Intinya saya enggak...

55:04Saya begitu buka website ini aja enggak

55:06consent, kalau ini harus berjalan.

55:08Tiba-tiba dia jalan sendiri, slidernya.

55:10Ya, terus lagi-lagi.

55:12Nggak rela.

55:14Tujuan ya.

55:16Kenapa sih ada website rumah sakit?

55:18Kan target audiensi siapa?

55:20Siapa yang kira-kira buka

55:22website rumah sakit?

55:24Kemungkinan nih bukan orang yang

55:26cuma iseng-iseng aja.

55:28Buat hiburan,

55:30buka website rumah sakit, kemungkinan enggak kan?

55:32Kemungkinan ada orang yang punya

55:34kebutuhan medis tertentu.

55:36Bayarin dong.

55:38Udah lagi sakit, atau maksudnya

55:40udah lagi mau melahirkan, atau apa, butuh alamat.

55:42Alamatnya jalan.

55:44Pusing-pusing.

55:46Alamatnya jalan.

55:48Textnya jalan gitu ya.

55:50Nggak, maksudnya jadi ini bukan

55:56perkara visual biar indah atau apa,

55:58tapi harus mempermudah

56:00user mencapai tujuan

56:02tertentu. Dimana kalau disini kan kalau alamat

56:04berarti harus gampang misalnya

56:06di KOPAS, misalnya ya.

56:08KOPAS ya.

56:10Gampang di-copy karena mungkin kan

56:12orang komunikasi lewat WhatsApp

56:14atau apalah, alamatnya mana nih?

56:16Kita harus bisa dengan cepat

56:18meng-copy. Atau mungkin ada link

56:20dalam kurung Google Maps dikasih underline

56:22yang jelas. Jadi orang bisa

56:24nge-click Maps ya, atau Apple Maps

56:26atau Maps apapun itu.

56:28Ya, pokoknya ini semua

56:30harus dikembaliin ke tujuannya kan.

56:32Si user-nya itu dibuat

56:34dengan mudah mencapai tujuan.

56:36Nah, terus sebenarnya background-nya

56:42hijau muda, text-nya putih,

56:44itu kalian bisa baca gak sih?

56:46Terlalu...

56:48Kurang ini ya, kurang...

56:50Kontrasnya kurangnya.

56:52Ini seberapa kontrasnya?

56:54Masuk sih. 2,5

56:56Tapi masih bisa lebih baik ya?

56:58Jelas, itu ada warning-nya

57:002,55

57:02Oh, harusnya 4 ya.

57:04Minimal 4,5.

57:06Kira ini itu, disebelah kirinya

57:08soalnya hijau, text-nya enggak ya?

57:10Karena text-nya warna hijau ya?

57:12Salah.

57:14Ini kan ada

57:16hitungan algoritma, kontrasnya

57:182,55, patokannya

57:204,5, tapi

57:22bahkan di luar hitungan itupun

57:24kasat mata pun, ya apa?

57:26Sulit dibaca kan?

57:28Apalagi misalnya, kalau kita bukanya

57:30kita bukan di luar ruangan

57:32siang-siang, maksudnya ada

57:34gelayarumah terhari, ya itu

57:36itu jamin sulit dibaca.

57:38Iya, benar-benar.

57:42Informasi pendaftaran

57:440,8 sekian-sekian, tapi itu

57:46isinya image semua.

57:48Saya tuh paling, misalnya

57:50kalau lagi mau cepet-cepet

57:52ya, "Wih ada nomor telfon."

57:54Ya elah, gue harus bolak-balik

57:560,8,2,3, gak bisa di-copy.

57:58Mana informasi pendaftaran?

58:00Yang di-slider, makanya ilang kan, udah.

58:02Oh, slide show itu

58:04image, itu gak ada yang

58:06elemen dulu.

58:08Pertama aja sudah slide show.

58:10Bayangin, Mas Liza lagi mau

58:12catat nomor telfonnya,

58:14mau pendaftaran, 0,8,2,3,

58:16kembali lagi ke tab yang

58:18tadi, lah itu tadi

58:20slide show, ya elah, harus di geser-geser

58:22lagi slide show-nya.

58:24Untuk dapet kayak nomor telfon.

58:26Betul, minimal

58:28kalau slide show, harus

58:30ada cara untuk pause,

58:32berhenti. Minimal ya,

58:34kalau tetap mau slide show,

58:36akan ada pause.

58:38Sebenernya itu kan

58:40di tenas juga ada

58:42navigasi dot-nya ya.

58:44Tiba-tiba ilang.

58:46Tiba-tiba ilang.

58:48Mereka tau gak cara

58:50ngebalikin ke slide semula?

58:52Maksudnya itu, coba aja

58:54user testing beberapa target audience-nya.

58:56Si ini ya,

59:02si bagian slider ini,

59:04itu

59:06selalu always full width.

59:08Jadi kalau misalnya ini di mobile,

59:10coba aja, itu

59:12si tulisannya

59:14di banner itu jadi kecil

59:16banget.

59:18Karena dia menyesuaikan

59:20image-nya ini ya.

59:22Image-nya untuk desktop.

59:24Kalau

59:26kalau mobile, panahnya

59:28ilang. Coba deh, tanya user

59:30awam manapun, ngerti gak caranya

59:32balikin ke slide show?

59:34Gak kelihatan.

59:36Kalau seukuransi ini,

59:38gak kelihatan karena image.

59:40image-nya responsif

59:42sebenernya bagus. Cuman

59:44dalam hal ini, karena ada text,

59:46jadi menyebabkan, jadi

59:48gak kelihatan. Kalau yang bukanya

59:50di mobile.

59:52Jadi, perlu

59:54dicari tau juga,

59:56perlu dicari tau juga

59:58berapa banyak user

1:00:00yang membuka di mobile,

1:00:02berapa banyak yang di desktop.

1:00:04Karena ini kayaknya dioptimas untuk desktop ya.

1:00:08Sama tadi

1:00:10ini mungkin karena

1:00:14faktor template ya, karena

1:00:16faktor template itu bahasanya jadi

1:00:18sama kayak yang sebelumnya.

1:00:20Gak konsisten, ini bahasa Inggris,

1:00:22ini bahasa Inggris, sementara ini

1:00:24beranda, layanan udah bagus nih, bahasa

1:00:26Indonesia. Tiba-tiba disini bahasa Inggris.

1:00:28Ini bahasa Inggris.

1:00:30Terus mencapaian bahasa

1:00:32Indonesia lagi. Dua hari ini

1:00:34bahasa Indonesia lagi. Gak konsisten

1:00:36ya.

1:00:38Kalau bisa dibuat konsisten kayak quick links,

1:00:40nah ini kayaknya template ya.

1:00:42Yang paling fatal sih

1:00:44itu sih tetap, kalau menurut

1:00:46gue slide show

1:00:48di atas ini, karena semua informasi

1:00:50penting, itu di slide show

1:00:52ini. Tapi ya itu

1:00:54udah pakai image, nanti mungkin

1:00:56event bakal seperti biasa, performance

1:00:58audit ya. Ini tadi

1:01:00gue iseng buka di HP,

1:01:02emang paket data

1:01:04lagi mungkin kena

1:01:06troto atau apa. Lambat

1:01:08banget. Karena slide show itu kan emang

1:01:10berat ya. Terus

1:01:12itu tadi image-nya

1:01:14ini kan resolusi. - Image-nya di load semua.

1:01:16- Text. Text-nya jadi

1:01:18kecil banget. Terus yang tadi

1:01:20alamat-alamat semua nggak ada yang bisa

1:01:22dikopas, nggak ada yang bisa diklik,

1:01:24dibaca pun sulit, terus

1:01:26loading-nya jadi lambat banget. Padahal kan

1:01:28ini yang di atas ini informasi yang paling

1:01:30penting ya, istilahnya above the fold.

1:01:32Jadi yang paling

1:01:34maksudnya di luar, kalau perkara

1:01:36apa, konsistensi bahasa

1:01:38atau penulisan obscene atau

1:01:40apa, itu kan yang nyadar

1:01:42mungkin orang diperiksa aja. Nah

1:01:44kalau yang informasi

1:01:46penting di slide show di atas,

1:01:48di slider di atas

1:01:50itu yang paling fatal sih.

1:01:52Alt text-nya juga kosong. Jadi

1:01:54dari segi

1:01:56SEO, search engine, crawling,

1:01:58semua info yang di atas ini

1:02:00nggak bakal masuk, nggak bakal

1:02:02terroll ke search engine.

1:02:04- Yes.

1:02:08- Terus ini dong

1:02:10non-technis lagi, coba masuk ke

1:02:12yang tadi

1:02:14ke bagian dokter.

1:02:16Terus liat

1:02:20semua dokter kami.

1:02:22- Oh, ya sebentar. Ini

1:02:24hover juga warnanya

1:02:26agak

1:02:28susah dibaca jadinya ya.

1:02:30- Iya.

1:02:32Ada yang aneh disini, karena

1:02:36kalau saya lihat dokternya itu cuma ada

1:02:38beberapa ya.

1:02:40Hanya ada 9.

1:02:42Ya kan?

1:02:46Terus buat apa ada search

1:02:48disitu?

1:02:50- Kalau dokternya nambah mungkin.

1:02:52- Ya benar juga ya.

1:02:54- Ya nanti aja baru ditambahin.

1:02:56- Kontrol F aja,

1:02:58kontrol F udah bisa kan.

1:03:00Di satu hal aman kan.

1:03:02- Kalau di mobile juga sebenarnya

1:03:04bisa kan.

1:03:06- Iya benar.

1:03:10Ini kayaknya dari template ya.

1:03:12Mendingan di-hide aja atau di hilangin.

1:03:14Sayang banget.

1:03:16- Dan kalau di klik itu

1:03:18liat jadwal.

1:03:20Kalau di klik liat jadwal.

1:03:24Gak keliatan kan.

1:03:26- Oh iya ini juga nih.

1:03:28- Iya.

1:03:30Satu informasinya polyklinik

1:03:32sama semua. Polyklinik,

1:03:34kandungan, kandungan, kandungan, kandungan.

1:03:36Ya buat apa? Mendingan di hilangin aja gitu.

1:03:38- Mendingan di hilangin aja ya? Yang kanan ini ya?

1:03:40- Iya. Jadi satu polyklinik, kandungan

1:03:42di hari sekian.

1:03:44Jadinya kan lebih

1:03:46rehabilitator daripada

1:03:48rehabilitatif.

1:03:52Sombolnya permintaan manajemen.

1:03:54- Oh.

1:03:56Nah itu sulit itu.

1:03:58- Buat apa ya? - Itu kita, kita

1:04:00saya berapa banyak klien yang bilang

1:04:02saya mau begini, saya argue,

1:04:04saya push back.

1:04:06Karena saya yang lebih tahu.

1:04:08Jadi secara...

1:04:12- Dapat di satu ya benar.

1:04:14Tapi gak guna buat apa gitu.

1:04:20- Kalau ini ya, kalau argue

1:04:22kita harus argue sih.

1:04:24Maksudnya untuk

1:04:26memudahkan user. - Argut secara sehat ya.

1:04:28- Kalau ini malah memper sulit ya.

1:04:30- Lalu itu

1:04:34di atas ada

1:04:36apa namanya? Di bagian tim

1:04:38itu. Kelihatan gak di situ

1:04:40ada breadcrumb?

1:04:42- Ini ya, breadcrumb ya.

1:04:44- Iya.

1:04:46- Breadcrumbnya gak kelihatan karena...

1:04:48- Ya karena background.

1:04:50- Jadi background.

1:04:52Background image.

1:04:54Ini biasanya ya,

1:04:56kalau pengalaman saya biasanya

1:04:58dari template nya itu udah bagus karena

1:05:00background nya disesuaikan.

1:05:02- Background nya udah di-edit.

1:05:04- Disesuaikan mungkin lebih gelap.

1:05:06- Ada gradasinya, ada layer.

1:05:08Ada layer warna gelap.

1:05:10- Iya. Begitu kita masukin

1:05:12foto kita atau foto kita ya,

1:05:14foto dari kita sendiri tiba-tiba jadi

1:05:16kurang harmonis gitu.

1:05:18Karena kan ini

1:05:20kebetulan

1:05:22orang-orangnya pada pakai baju

1:05:24biru tiba-tiba tulisan home nya

1:05:26warna hijau dan warna putih.

1:05:28Dan semuanya agak

1:05:30kurang kebaca jadinya.

1:05:32Mungkin bisa ditambahin gradasi ya.

1:05:34Bisa gak sih?

1:05:36- Bisa.

1:05:38Kalau saya...

1:05:40- Kalau saya malah

1:05:42taruh aja di bagian yang putih

1:05:44biar sekali yang rapi.

1:05:46- Di bawah ya?

1:05:48- Iya.

1:05:50- Search bar nya diganti,

1:05:52taruh yang sekarang ada

1:05:54search bar.

1:05:56- Saran saya,

1:05:58saran saya

1:06:00gak usah pakai foto. Kenapa?

1:06:02Percuma mukanya ketutupan juga

1:06:04gak kelihatan orangnya, kasihan.

1:06:06- Permintaan manajemen juga kali

1:06:08jangan-jangan.

1:06:10- Oh kalau gak ini, tim dokternya di atas.

1:06:12Gak menutupi muka-mukanya ini.

1:06:14Sayang banget

1:06:16udah foto bagus-bagus tuh

1:06:18bergaya-gaya gini, terus gak kelihatan

1:06:20muka. - Kasihan yang di tengah sih.

1:06:22Yang di tengah mukanya ketutupan semua apalagi

1:06:24pinggir-pinggir tuh enak

1:06:26mungkin jabatannya udah lebih tinggi

1:06:28yang di kiri sama kanan.

1:06:30- Ya mungkin harus dicari

1:06:38jalan tengah lah ya.

1:06:40Antara dinaikin ke atas

1:06:42atau tim dokternya taruh

1:06:44di bawah sini sebagai pengganti ini

1:06:46atau kalau ini mau tetap ada

1:06:48dipindahin ke kanan misalkan

1:06:50ya gitu lah ya.

1:06:52- Oh kalau

1:06:58memberikan argumentasi untuk

1:07:00search saya bisa tambahkan

1:07:02alasan yang kemungkinan

1:07:04akan diterima.

1:07:06Kalau pakai search, itu bikin berat server.

1:07:08Nanti harganya mahal

1:07:10pasti mau di take out lah.

1:07:12- Emang bayar servernya

1:07:16pake AWS atau GCP

1:07:18yang di per-compute.

1:07:20- Kan query ke data

1:07:22abis kan berat juga. Jadi bikin

1:07:24tambah mahal kan?

1:07:26Kalau udah ngomongin duit

1:07:28pasti diterima tuh.

1:07:30Hosting bulanan.

1:07:36- Oke, lanjut.

1:07:38- Laman layanan deh.

1:07:40- Layanan.

1:07:42- Ya kalau ini standar ya

1:07:48yang judul sama

1:07:50breadcrumb juga. Tadi kan udah

1:07:52dikomentarin, kalau yang

1:07:54gue pernah komentarin ini slide

1:07:56bawah terus, apa scroll

1:07:58bawah terus.

1:08:00Itu standar.

1:08:02Nah ini asuransi partner

1:08:04lagi-lagi ini kasusnya mirip sama

1:08:06slideshow image

1:08:08yang di home tadi.

1:08:10Ini kan informasi yang penting ya, kemungkinan

1:08:12kalau lagi-lagi kita lihat dari sudut

1:08:14pandang pengunjung

1:08:16mungkin kan pengen tahu

1:08:18asuransi

1:08:20yang dirimu.

1:08:22Ini semua pake image.

1:08:24Image-nya ukurannya besar.

1:08:26Loading-nya lambat. Apalagi karena

1:08:28seluruh halaman tadi kan banyak

1:08:30animasi pake JavaScript.

1:08:32Dan

1:08:34di bawahnya gak ada

1:08:36image-nya sendiri gak ada alt text.

1:08:38Alt text itu

1:08:40teknologi web yang bisa

1:08:42untuk misalnya aksesibilitas,

1:08:44untuk tool screen reader.

1:08:46- Kita bisa cari disini misalkan apa.

1:08:48- Alt textnya gak ada.

1:08:50Alt textnya dibawah gak ada juga.

1:08:52Jadi ponenya itu

1:08:54sulit di...

1:08:56sulit di akses, sulit di cerna.

1:08:58- Image caption-nya kalau ditambahin

1:09:00skype caption kali ya.

1:09:02- Dan gak crawling, gak masuk

1:09:04ke search engine juga.

1:09:06Jadi misalnya sulit

1:09:08untuk tahu partner asuransinya

1:09:10siapa aja sih menjawab

1:09:12pertanyaan itu aja sulit.

1:09:14Jadi yang paling,

1:09:16menurut gue yang paling fatal itu

1:09:18halaman ini.

1:09:20- Iya, imunisasi M-nya satu.

1:09:22Oke lanjut.

1:09:30- Home visite.

1:09:32Wait, home visite itu

1:09:34beneran ada? Turusannya gitu?

1:09:36- Gak tahu.

1:09:38Mungkin home visite

1:09:40kali ya.

1:09:42Undungan, bijat, ibu

1:09:44dan bayi.

1:09:46Visite. Mungkin ini silahnya

1:09:48kali.

1:09:50Nah, mungkin akan lebih

1:09:52bermanfaat kalau

1:09:54search-nya itu buat

1:09:56bukan hanya buat dokter.

1:09:58Misalkan kita

1:10:00disini atau di halaman depan

1:10:02kita cari

1:10:04BTA live atau

1:10:06BNI live gitu.

1:10:08Kayaknya lebih bermanfaat disitu ya.

1:10:10Jadi, daripada dia

1:10:12bingung nyari dimana.

1:10:14- Search-nya buat semua.

1:10:16Apa pun.

1:10:18Dapat melita, dokter.

1:10:20- Betul.

1:10:22Dokter, semuanya

1:10:24itu bisa dicari

1:10:26dari halaman depan atau

1:10:28ada search disini, kita bisa langsung cari.

1:10:30Jadi, kalau dia bingung

1:10:32ini, kalau mau cari

1:10:34Bapak tadi, restoran

1:10:36di menu yang mana ya?

1:10:38Dia bisa

1:10:40langsung search disitu. Kayaknya itu

1:10:42lebih bermanfaat ya.

1:10:44- Terus ada TikTok dan

1:10:46Instagram di pojok

1:10:48kanan dan

1:10:50kiri-bawah buat apa ya sampe

1:10:52double-double?

1:10:54- Kayak pengen banget gitu.

1:10:56- Ya mungkin emang mau promote akunnya

1:10:58sih gak apa-apa sih kalau gue ya.

1:11:00- Gak apa-apa. Ini mah

1:11:02biasa. Ini kan kuter,

1:11:04ini kan header. - Lebih penting

1:11:06itu sih kayaknya

1:11:08nomor telepon atau

1:11:10apa sih.

1:11:12Pendaftaran.

1:11:14Pendaftaran online.

1:11:16Tapi ada gak sih

1:11:18penaftaran online?

1:11:20Ada WhatsApp sih di bawah.

1:11:22Ada WhatsApp ya.

1:11:24Nah ini nomor teleponnya

1:11:26ini bisa diklik. Tapi

1:11:28nomor yang ini gak bisa.

1:11:30Yang ini bisa diklik.

1:11:32Kalau di handphone

1:11:34jadi kemana ya?

1:11:36Langsung

1:11:38nelfon gitu.

1:11:40Langsung ke alaman contact gitu ya

1:11:42yang buat teleponnya.

1:11:44Nah

1:11:46kalau ini dibuat kayak gitu juga kayaknya

1:11:48lebih membantu ya.

1:11:50Mengenai WhatsApp ini ada

1:11:52pertanyaan nih.

1:11:54Kalau saya tambahkan notif text

1:11:56pendaftaran ke tombol

1:11:58WA gimana?

1:12:00Maksudnya?

1:12:02Notif text.

1:12:04- Isi diket WA-nya atau

1:12:06atau tulisan di labelnya itu

1:12:08daftar. - Oh ya

1:12:10daftar melalui WA gitu ya

1:12:12di sini, di atas sini ya.

1:12:14Maksudnya ya.

1:12:16Di apa?

1:12:18Diperjelas pertanyaannya.

1:12:20Dikoreksi kalau salah.

1:12:22Di sini maksudnya ada text gitu.

1:12:24Pendaftaran melalui WhatsApp

1:12:26gitu ya. Atau WA.

1:12:28Itu topnya ada

1:12:36ada animasinya ya.

1:12:40Sama ini kayak ngelek gitu.

1:12:42Lama banget nunggu ya. - Kayak ngelek ya?

1:12:44Iya kayak ngelek ya.

1:12:46Ini sengaja?

1:12:48Kayak ngantuk

1:12:52gitu.

1:12:54Oh iya maksudnya gitu.

1:13:02Kalau

1:13:04tambahkan notifikasi text

1:13:06overlay gitu ya di sini ya.

1:13:08Bagus ya.

1:13:10Takutnya ke overlay

1:13:12sama yang lain malah.

1:13:14Ketutupan ini.

1:13:16Atau gak kebaca.

1:13:18Karena

1:13:20backgroundnya beda-beda nih. Ada yang

1:13:22putih, ada yang image, ada yang

1:13:24background image.

1:13:26Tiba-tiba pas di sini

1:13:28nanti sama dokter yang ketutupan.

1:13:30Kasih background.

1:13:32Kasih border.

1:13:34Kasih background kayak tooltip ya.

1:13:36Tooltip ya.

1:13:38Terus keren juga tuh misalnya

1:13:42di tombol WhatsApp dikasih JavaScript misalnya

1:13:44kalau mau di hover kesitu

1:13:46terus tombolnya pindah.

1:13:48Jadi gak bisa

1:13:50diklik.

1:13:52Gak bisa diklik.

1:13:54Kayaknya orang lagi betul-betul

1:14:00masakit ya kalian jahat banget.

1:14:02Udah lagi sakit.

1:14:04Udah lagi mau melahirkan.

1:14:06Cuma ini penting nih.

1:14:10Link WhatsAppnya salah.

1:14:12Serius. Coba diklik.

1:14:14Linknya kayaknya

1:14:16salah deh.

1:14:18Ada apa salah.

1:14:20Benar.

1:14:24Coba mobile.

1:14:26Mobile. Coba mobile.

1:14:30Ini benar.

1:14:32Open ke WhatsApp.

1:14:34Oh responsif.

1:14:36Dari mobile.

1:14:38Dari mobile. Dari handphone.

1:14:40Nah tuh coba klik link WhatsAppnya.

1:14:42Bisa?

1:14:46Bisa.

1:14:48Coba dari berita.

1:14:50Apa halaman berita?

1:14:52Dari halaman berita.

1:14:56Oh iya halaman beritanya salah nih.

1:15:00Ke website malah.

1:15:02Bisa beda-beda?

1:15:04Iya. Kira ini satu widget.

1:15:08Nah ini Vibescodingnya

1:15:10pakai mobil apa aja nih?

1:15:12Undefined Variable.

1:15:14Oh apa ini?

1:15:16Ini ada linknya loh.

1:15:18Coba ya.

1:15:20Berarti ada yang salah konfigurasi ya.

1:15:22Nih.

1:15:24BRBR

1:15:26Warning Undefined Variable

1:15:28WA Link.

1:15:30Iya iya iya.

1:15:32Oh ini template WA Linknya.

1:15:36Ada error memang.

1:15:38Tadi kok gak salah.

1:15:40Nge-spill Home Direkturinya lagi.

1:15:42Iya iya.

1:15:44Dapat Home Direkturinya.

1:15:46Wah bahaya itu.

1:15:48Tolong langsung diperbaiki.

1:15:50Yang di Struktur Organisasi juga

1:15:52error sama.

1:15:54Yang di Dokter.

1:15:56Juga.

1:15:58Yang di Layanan juga.

1:16:00Oh berarti hanya di Beranda yang bisa.

1:16:06Yang bener yang di Beranda doang.

1:16:08Iya iya.

1:16:10Nah intinya kalau Vibel Link pasti in.

1:16:12Warning Undefined

1:16:14Undefined Variable

1:16:16WA Link. Ini pakai PHP nih.

1:16:18Berarti.

1:16:20Terus di

1:16:22WWW Route RS Official

1:16:24Oh.

1:16:26Foldernya ada RSOfficial.

1:16:28Test loh.

1:16:30Di servernya.

1:16:32Lain 89.

1:16:34Wah ketahuan kan.

1:16:36Ketahuan.

1:16:38Hati-hati.

1:16:44Bahaya ini.

1:16:46Terus pakai Cloudflare.

1:16:52Hah? Tau dari mana?

1:16:56Ada.

1:16:58Kalau di click View Source.

1:17:00Di paling bawah ada

1:17:02ininya.

1:17:04Ada Cloudflare Insightnya.

1:17:06Font Awesome. Kenapa sih pakai Font Awesome?

1:17:16Nah. Karena

1:17:20Template apa? Tadi kalau gak salah

1:17:22sempat di mention bahwa

1:17:24menggunakan Bootstrap.

1:17:26Standard Bootstrap Template.

1:17:28Mungkin bawaan dari Bootstrap Template ya.

1:17:30Coba liat View Source.

1:17:32Kalau bisa jangan.

1:17:34View Source saten L.

1:17:36Gede indikit.

1:17:40Penting kita load Font Awesome

1:17:46untuk navbar dan Bootstrap icon untuk

1:17:48konten. Tapi ada dua itu Font Awesome.

1:17:50Satu yang dari fontawesome.com

1:17:52satu lagi dari Cloudflare.

1:17:54Oh. Ada dua.

1:17:56Satu yang 554.

1:17:58Satu lagi yang 654.

1:18:00Emang butuh sebanyak itu ikonnya?

1:18:02Saabrek-saabrek.

1:18:04Buat apa aja nih ikonnya?

1:18:06Ini seberapa

1:18:08gede ya?

1:18:10Lumayan.

1:18:12Satu CSSnya berapa gede?

1:18:14Tau gak? Kelihatan gak?

1:18:16Dari Inspect Element.

1:18:28Oh ini ya?

1:18:30Font.

1:18:32Ya.

1:18:34Fon ya dia.

1:18:36Bukan.

1:18:38Sese kan?

1:18:40Sala.

1:18:42ol.css sama ol.min.css.

1:18:46Ini kan?

1:18:48Iya. Dua.

1:18:50Totalnya yang kompres dia

1:18:52ya tiga puluh lah.

1:18:54Tiga puluh kilobyte.

1:18:56Gak gitu gede sih.

1:19:00Tapi kalau satu dihilangin udah lumayan ya.

1:19:02Uncompressed lho.

1:19:04Itu.

1:19:06Benar.

1:19:08Kalau ininya size-nya beneran

1:19:1259 kilobyte.

1:19:14Kan.

1:19:16103 kilobyte.

1:19:18Jadi 150 kilobyte.

1:19:20Gede-gede.

1:19:22Gede.

1:19:24Itu ikonnya dipakai dimana aja?

1:19:26Oh ini kayaknya nih.

1:19:28Ini, ini, ini.

1:19:30Cuman tiga?

1:19:32Telepon, alamat ya.

1:19:34Ya di treeshaking aja lah.

1:19:36Tapi ngapain dua versi?

1:19:38Gak perlu dua versi ya.

1:19:40Pake yang perlu aja.

1:19:42Pake phone awesome.

1:19:44Pake emoji aja emoji.

1:19:46SVG aja.

1:19:48Ya SVG.

1:19:52Banyak alternatif sekarang.

1:19:54Phone awesome udah.

1:19:56Phone awesome sudah.

1:19:58Sudah.

1:20:00Kurang relevan ya.

1:20:02Pake bootstrap icon lagi nabah.

1:20:04Satu lagi itu bootstrap icon.

1:20:06Tiga kan.

1:20:08Oh bootstrap.

1:20:10Pusat ngeluarin juga ya icon saya.

1:20:12Oh iya bener.

1:20:14Ini pengepul icon ya.

1:20:22Senang banget sama icon.

1:20:26Apalagi.

1:20:34Enak ya.

1:20:36Beras itu sepertinya.

1:20:38Tapi membuat sendiri susah.

1:20:40Iya ngomongnya gampang.

1:20:42Biar orang lain ngomongnya gampang.

1:20:44Tapi memang saya kerjanya begitu sih.

1:20:48Kalau udah.

1:20:50Complain tuh gampang, ngekritik tuh gampang.

1:21:00Complain gampang.

1:21:02Kerjain aja deh sana.

1:21:04Ini listnya.

1:21:08Itu kan kayak backseat gaming itu loh.

1:21:12Kalau Twitch streamer nge-game.

1:21:14Iya, komentator ya.

1:21:16Atau kayak nonton bola.

1:21:20Komentar siapa bola.

1:21:22Go block gitu ya ngomongin.

1:21:26Go block.

1:21:28Padahal kita yang komentar cuman di buka santai doang.

1:21:30Gak bisa juga sih.

1:21:36Bagian directory yang terbuka di bagian mana?

1:21:38Yang ini yang di bagian layanan.

1:21:42Terus WA nya.

1:21:44Link WA nya yang ini.

1:21:46Di klik anan aja klik kanan.

1:21:48View source.

1:21:50Eh mana? View source nya.

1:21:56Salah satu yang mas Lisa.

1:21:58Oh bentar, bentar, bentar.

1:22:00Salah, salah, salah.

1:22:02Ini ya klik kanan. View source.

1:22:04Paling bawah.

1:22:06Paling bawah.

1:22:08Di bagian itu ada warning.

1:22:12Be warning.

1:22:14Di line 500 sekian tuh.

1:22:16Itu.

1:22:18Iya.

1:22:20Warning.

1:22:22www.rsofficial.tes

1:22:26INC footer.

1:22:30Langsung dipindah ya.

1:22:32Langsung dipindah, langsung di hilangin.

1:22:34Di ganti ininya.

1:22:36Foldernya.

1:22:38Berbahaya.

1:22:40Oke.

1:22:42Nah ini kayaknya mas...

1:22:44Gimana?

1:23:00Disable.

1:23:02Refresh.

1:23:06Oh ini cepet ya.

1:23:12Kenapa pas gue buka lambat.

1:23:14RCP nya 2,51 second.

1:23:18Cukup lambat sih.

1:23:20Cuma ini mending sih.

1:23:22Cepet.

1:23:24Tadi pas gue nyoba pertama slideshow nya tuh.

1:23:26Lama baru munculnya.

1:23:28Ini lebih baik sih.

1:23:30Empty cage.

1:23:32Gak sih lumayan cepet.

1:23:36Udah CDN kan.

1:23:38Udah CDN.

1:23:40Udah CDN ya.

1:23:42Terus gak ada

1:23:44sitemap.xml nya.

1:23:46Buat SEO ya.

1:23:50Iya. Buat crawler.

1:23:52Buat search engine.

1:23:56Schema.org nya tak ada.

1:23:58SEO nya masih kurang ya.

1:24:02Iya.

1:24:06Robot.txt nya tak ada.

1:24:08Apalagi llm.txt ya.

1:24:12Iya.

1:24:14Terus...

1:24:20Revise with viewport sudah ada.

1:24:24Connect.

1:24:26Pake Google phone.

1:24:28Phone nya kebanyakan.

1:24:30Animate nya kebanyakan.

1:24:32Terus...

1:24:34Dia pake lightbox kan.

1:24:36Buat popup itu kan.

1:24:38Sedangkan yang popup itu tadi perasaan

1:24:40Cuma ada di...

1:24:42Di sini. Dokter kan.

1:24:44Tempat lainnya kan gak pake.

1:24:46Buat apa di load semua.

1:24:48Di semua page.

1:24:50Khusus di halaman ini aja ya.

1:24:52Dan sekarang sebetulnya kan

1:24:54Udah ada fitur Web API,

1:24:56HTML, Alman, Dialog kan.

1:24:58Jadi gak harus pake

1:25:00Strip external yang lebih berat.

1:25:02Pake third party.

1:25:04Gak perlu pake external library.

1:25:06Terus...

1:25:08Carousel kan cuma pake di homepage.

1:25:10Iya kan.

1:25:14Tapi all carouselnya, JS nya di load di semua page.

1:25:16Di semua halaman.

1:25:20Wasting bandwidth dan resource.

1:25:24Apa lagi ya?

1:25:30Apa lagi ayo?

1:25:34Main.js

1:25:40Apa lagi liat main.js nya?

1:25:48Kenapa main.js?

1:25:50Gak apa-apa.

1:25:52Cuma lagi liat isinya apa.

1:25:54Nggak di-minify?

1:25:58Di-minify ya.

1:26:00Banyak banget kayaknya bawa ini,

1:26:08Bawa library di dalam sini.

1:26:10Ini nggak di-minify?

1:26:12GQuery?

1:26:16Iya, itu nggak di-minify.

1:26:18Salah gue salah liat.

1:26:22Oh, wow.

1:26:26Wow.js nya di-init.

1:26:28Tapi kan wow nya itu

1:26:30dimana aja ya pake?

1:26:32Wow.js itu apa sih?

1:26:34Buat animasi-animation itu

1:26:36kayaknya yang halaman

1:26:38dokter atau apa.

1:26:40Kalaman dokter ya.

1:26:42Ada animasi.

1:26:44Mungkin ya.

1:26:46View transition.

1:26:48Gak usah.

1:26:50Itu pake CSS animation

1:26:52aja.

1:26:54Keyframe.

1:26:56Aduh, nggak usah pake.

1:27:00Dari template ya?

1:27:02Gak perlu pake ini deh.

1:27:04Dari template sih.

1:27:06Bawaan template biasanya.

1:27:08Bawaan template biasanya.

1:27:10Termasuk One Awesome juga bawaan template.

1:27:12Di sini aja.

1:27:14Di apa?

1:27:16Coba di bagian

1:27:18saya lupa.

1:27:20Yang unused JavaScript itu

1:27:22dimana ya?

1:27:24Di network apa di performance?

1:27:26Di performance ya?

1:27:28Lighthouse ya?

1:27:30Lighthouse bukan?

1:27:32Lighthouse, iya.

1:27:34Coverage, eh salah.

1:27:38Lighthouse.

1:27:40Mortals.

1:27:42Speed.

1:27:44Bukan, ntar ya.

1:27:46Itu ada sih.

1:27:48Kalau di Lighthouse ada.

1:27:50Tapi di sini juga kalau nggak salah ada.

1:27:52Kita bisa tahu

1:27:54berapa banyak JavaScript

1:27:56yang tidak digunakan.

1:27:58Jadi bisa dari sana aja ngeliatnya.

1:28:00Ini bukan?

1:28:02Itu bener yang kanan itu.

1:28:06Coverage.

1:28:08Oh iya.

1:28:10Unused bytes

1:28:1294,7%

1:28:14nggak dipakai di bootstrap.

1:28:16Jadi bootstrapnya dipakai di bagian mananya.

1:28:18Eh, ketutup.

1:28:20Ya kalau

1:28:22bootstrap agak susah ya

1:28:24dipisah-pisahin ya.

1:28:26Coba kita stop lagi ya.

1:28:28Contohnya gampang deh.

1:28:30Di kecilan.

1:28:32Ini pakai

1:28:34layar saya.

1:28:36Yaudah.

1:28:38Cilakan.

1:28:40Karena biar

1:28:4298%,

1:28:4694%

1:28:48tidak terpakai. Yang tidak terpakai bisa

1:28:50dihapus, deadcode ya.

1:28:52Jadi tadi

1:28:54saya dari

1:28:56mortals ke

1:28:58coverage.

1:29:00Namanya apa? Oh coverage.

1:29:02Kalau tadi nggak muncul

1:29:04tinggal dia reload.

1:29:06Terus dia ngedetect.

1:29:08Bootstrap oke lah.

1:29:10Make sense ya. Karena

1:29:12framework ya.

1:29:14Susah

1:29:16kalau mau dilihat. Tapi kan yang jelas nih

1:29:18phone awesome. Lihat tuh 98%

1:29:20nggak kepake.

1:29:22Iya.

1:29:24Kalau di klik, kelihatan nggak

1:29:26yang kepakenya yang mana?

1:29:28Yang nggak kepake yang mana? Gak kelihatan ya.

1:29:30Ini ada nih kan.

1:29:32Lihat nih.

1:29:34Kalau misalnya dia hijau

1:29:36kepake. Kalau dia

1:29:38abu-abu.

1:29:40Iya.

1:29:42Itu udah bisa dihapus tuh yang abu-abu tuh.

1:29:44Iya.

1:29:46Nah tinggal dihapus aja.

1:29:48Terus

1:29:56kalau bootstrap icon

1:29:58100% nggak kepake.

1:30:00Oh berarti cuma di load doang.

1:30:02Tapi nggak di pake ya.

1:30:04Atau mungkin di halaman lain.

1:30:06Iya. Berarti ya.

1:30:08Kalau mau di resekin aja.

1:30:10Di halaman ini nggak usah di loading.

1:30:14Berarti si bootstrap icon-nya.

1:30:16Betul. Padahal ini

1:30:18CSS. Pasti ini

1:30:20render blocking.

1:30:22Terus

1:30:24phone awesome.

1:30:2698,5% nggak kepake.

1:30:28JQuery

1:30:3060% oke lah.

1:30:32Carousel.

1:30:36Hanya kepake

1:30:38sebagian.

1:30:40Style yang, nih style

1:30:42style

1:30:44utama yang dibikin sendiri.

1:30:4670% nggak kepake.

1:30:48Per page ya.

1:30:50Jadi kayaknya

1:30:52kalau

1:30:54di gabung semua ya.

1:30:56Kalau mau di resekin

1:30:58per page reload

1:31:00masing-masing CSS-nya juga bisa.

1:31:02Kalau mau carousel yang ringan banget

1:31:06nggak butuh script external

1:31:08itu tuh bisa buka di

1:31:10chrome.dev/carousel

1:31:12demo-nya Mas Adam Bergail.

1:31:14Ini

1:31:20phone dari Fredoka

1:31:22nggak kepake katanya.

1:31:24100%

1:31:26nggak tahu ya

1:31:28kalau mungkin phone-nya

1:31:30nggak aparatur.

1:31:32Pakai alaman lain. Betul.

1:31:34Oh udah deh.

1:31:36Terus kita liat

1:31:42performance.

1:31:44Kayak yakin performance-nya

1:31:46butuh

1:31:48banyak yang perlu

1:31:50diperbaiki.

1:31:54Nih.

1:31:56Lama bang.

1:32:00Ini, load event-nya

1:32:02lama.

1:32:04Well.

1:32:06Nah.

1:32:14Oh liat tuh banyak gunung-gunungnya tuh.

1:32:22Kayak spiking-spiking-nya.

1:32:24Spiking-nya.

1:32:26Bukan. Itu spike.

1:32:28Jadi kalau kuning itu adalah JavaScript.

1:32:30Kalau umu itu adalah CSS.

1:32:32Kalau ijo itu

1:32:34adalah phone.

1:32:36Eh salah. Image.

1:32:38Oh ini butuh

1:32:42butuh apa juga namanya? Lazy load.

1:32:44Image-image-nya.

1:32:46Jelas.

1:32:48Merahnya banyak.

1:32:50Jadi kalau di sekolah

1:32:52dapat merah banyak nih.

1:32:54Karena tadi CSS-nya banyak

1:33:00kan. Jadi render blocking nih.

1:33:02Jelas nih.

1:33:04Terus image-image-nya

1:33:06gede-gede juga nih.

1:33:08Dan tidak

1:33:10di lazy load.

1:33:12JavaScript-nya juga tidak di lazy load.

1:33:14Jadinya render blocking.

1:33:16Rata-rata.

1:33:18Salah. Lazy load ya.

1:33:20Semuanya tidak di...

1:33:22Differ.

1:33:24Differ atau asingkronos.

1:33:26Ya.

1:33:28Sink.

1:33:30Dah.

1:33:32Banyak TR-nya. Mas.

1:33:34Mas apa tadi namanya?

1:33:36Mas

1:33:38Andesca.

1:33:40Andesca.

1:33:42Andesca mawardi.

1:33:48RCP-nya pasti

1:33:50sengsara.

1:33:52Diga second.

1:33:54RCP-nya apa sih?

1:33:56Mas Tohir yang mau apa?

1:33:58Tadi mau submit webnya bisa ke

1:34:00github.com/ofgs/

1:34:02ngobrolin ya.

1:34:04Silahkan.

1:34:06Ini kayaknya

1:34:08kebanyakan masalahnya

1:34:10ada di front-end ya.

1:34:12Bootstrap ya kebanyakannya.

1:34:16Kita ga bisa liat back-endnya kayak gimana kan?

1:34:18Iya. Back-endnya ga bisa liat ya.

1:34:20Oh ya. Ada pertanyaan dari

1:34:24dari mas

1:34:26Andesca pertanyaannya

1:34:28gimana

1:34:30mengatasi, bukan mengatasi

1:34:32menghindari

1:34:34serangan

1:34:36seperti SQL injection

1:34:38dari sisi BKM.

1:34:40Jangan kasih search.

1:34:42Itu betul sih.

1:34:44Itu bahaya. Betul.

1:34:46Bahaya.

1:34:48Bentar pertanyaannya.

1:34:50Ini full PHP kan?

1:34:52Pake framework,

1:34:54ga pake framework ya?

1:34:56Berarti PHP vanilla ya?

1:34:58Pake ORM ga?

1:35:00Atau

1:35:02library buat database?

1:35:04Kalau ga pake,

1:35:06ya harus diperhatikan bener-bener.

1:35:08Karena kemungkinan belum ditangani.

1:35:12Kayak di OWASP itu pasti ada kan list-nya.

1:35:14Coba apa yang basic sih

1:35:16yang low-hanging root ikutin itu aja ya

1:35:18di OWASP cheat sheet.

1:35:20Top 10 ya?

1:35:22Owasp.

1:35:32Kok jadi begini?

1:35:34Dianggap spammer soalnya mas Disa.

1:35:40Ini.

1:35:42Ini bukan.

1:35:46Duh, mana?

1:35:50Top 10 2025.

1:35:52Nah, coba aja search SQL.

1:35:54Apa?

1:35:56Ya, di cek aja.

1:35:58Ini injection.

1:36:00Kalau ya.

1:36:02Ini, ini coba.

1:36:04Di private chat.

1:36:08Ya, yang jelas dari

1:36:10DB,

1:36:12harus diamanin kan, kayak apa?

1:36:14Village atau

1:36:16NLS, set, lain-lainnya.

1:36:18Sama paling penting input di

1:36:20sanitasi, di sanitize.

1:36:22Di sanitasi.

1:36:24Di webnya itu,

1:36:28selain search, ada form input

1:36:32apa lagi ya?

1:36:34Selain search,

1:36:36ada form apa lagi?

1:36:38Pendaftaran lewat WA kan?

1:36:42Nggak ada kayaknya ya.

1:36:44Berarti tinggal

1:36:46di cek di bagian

1:36:48searching-nya aja.

1:36:50Searching-nya, apapun yang dimasukkan

1:36:52oleh user, itu harus

1:36:54di cek. Jangan sampai dia

1:36:56masukin script

1:36:58alert.

1:37:00Bisa nggak?

1:37:04Ini database backend ya?

1:37:06Nggak bisa ya.

1:37:08Drop database, janganlah.

1:37:10Bahaya.

1:37:12Drop table.

1:37:14Drop table.

1:37:16Ya, kalau dia tulis drop table,

1:37:18bahaya. Jadi,

1:37:24pastikan ketika

1:37:26ada user masukin,

1:37:28pas di-click search itu,

1:37:30harus di sanitize.

1:37:32Di cek dulu.

1:37:34Apakah benar dia memasukkan nama?

1:37:38Kalau mau belajar lebih lanjut,

1:37:40coba belajar dari framework-framework

1:37:42seperti dari Laravel.

1:37:44Yang sudah, apa namanya?

1:37:46Menidiakan ya?

1:37:48Maksudnya, jangan pakai

1:37:50doang, tapi

1:37:52coba kuliti dulu cara kerjanya gimana.

1:37:54Kalau pakai ORM,

1:37:58apakah masih bisa kena SQL?

1:38:00Injection masih

1:38:02mungkin, tapi

1:38:04kemungkinannya lebih kecil.

1:38:06Karena biasanya sudah ditangani secara

1:38:08otomatis.

1:38:10Hal-hal yang umum

1:38:12biasanya sudah di handle.

1:38:14Oh, server dev.

1:38:24Serius.

1:38:26Oh, ini belum

1:38:28launching, gitu maksudnya.

1:38:30Tapi sudah

1:38:32official tulisannya?

1:38:34Iya, ini official.

1:38:36Oh, berarti yang

1:38:42production tidak pakai official?

1:38:44Oh, enggak ya? Nggak ada ya?

1:38:46Unofficial.

1:38:48Unofficial.

1:38:50Ya.

1:38:52Kalau rumah sakit,

1:38:56ada ini ya?

1:38:58Ada ACID-nya gitu ya?

1:39:00Nggak ada.

1:39:04Mau buat AI juga.

1:39:06RS.ID itu.

1:39:08Nggak ada.

1:39:14Oke, mungkin cukup kali ya?

1:39:24Atau dari mas...

1:39:26Oh, satu lagi.

1:39:28Kalau pakai

1:39:30file coding, kalau pakai

1:39:32sebetulnya kan bisa... Sekarang hampir semua

1:39:34tools sudah support agent

1:39:36skill ya. Nah, agent-nya

1:39:38dikasih skill biar paham

1:39:40soal security. Nah, coba

1:39:42ini contoh saja sih. Maksudnya nggak

1:39:44harus pakai ini, tapi ini contohnya.

1:39:46Coba tolong buka yang di

1:39:48private chat.

1:39:50Buka skills,

1:39:52folder skills.

1:39:54Skills.

1:40:00Nah, coba security.

1:40:02Atas sedikit.

1:40:04Atas.

1:40:060.3 security

1:40:08fundamentals.

1:40:10Nah, itu contoh saja.

1:40:12Itu kan udah ada tuh. Gimana

1:40:14untuk FBI fee, bla-bla-bla.

1:40:16Sambil di-check juga

1:40:18aja isinya.

1:40:22Itu bisa di-install.

1:40:24Apa yang di-check?

1:40:26Ya, kalau kita udah

1:40:28install skill-nya kan kita tinggal

1:40:30suruh FBI aja. Suruh.

1:40:32Ya, kalau salah, kode ini.

1:40:34Ya kan? Yang nggak harus

1:40:36dipakai mentah-mentah semua itu. Cuma

1:40:38maksudnya manfaatin agent

1:40:40skills aja.

1:40:42Buat cover

1:40:44use case yang udah umum.

1:40:46Ya, bukan berarti langsung kebel

1:40:48semua serangan juga. Cuma kan ini udah

1:40:50berbanyak hal.

1:40:52Kayaknya nggak usah pakai skill juga

1:40:54kita bisa tanya kan.

1:40:56Apakah website, apakah project ini

1:40:58sudah

1:41:00ya, lebih terus

1:41:02sudah aman dari SQL injection

1:41:04atau belum? Karena security kan bukan cuma satu

1:41:06ya, bukan cuma SQL injection, tapi

1:41:08ada ya, itu ada banyak-banyak.

1:41:10Kalau kita install-nya

1:41:12juga gampang kan. Ini tinggal install

1:41:14aja bisa lebih terstruktur.

1:41:16Minta security report, jalanin

1:41:18ini semua.

1:41:20Nah, ini Mas Andeska

1:41:22ini, pakai

1:41:24AI tools-nya apa nih?

1:41:26Tapi skill AMD ini bisa

1:41:28buat semua sih.

1:41:30Aman sih. Kecuali kursor ya.

1:41:32Kursor beda ya.

1:41:34Kursor beda sedikit ya.

1:41:36Tapi tetap bisa dipakai.

1:41:38Iya, tinggalin copy paste

1:41:40aja isinya, tolong buatkan skill

1:41:42untuk ini. Nanti dibikinin

1:41:44tuh. Udah gampang

1:41:46sekarang. Mau pakai

1:41:48tools apa aja.

1:41:50Ada lagi?

1:41:54Udah.

1:41:56Aman?

1:41:58Oke.

1:42:00Kalau

1:42:02nggak ada, kita

1:42:04cari topik buat minggu depan, mau topik

1:42:06yang Ivan purpose kemaren?

1:42:08Tentang apa kemaren?

1:42:10Belum bikin itu-nya.

1:42:12Belum bikin banyak.

1:42:14Nggak apa-apa, nggak usah.

1:42:16Nggak di-spin.

1:42:18Nggak usah di-spin, langsung aja.

1:42:20Security ya? Apa?

1:42:22Phishing. Apa? Pas pada...

1:42:24Phishing, scan, social engineering.

1:42:26Gila, scan.

1:42:28Social engineering, ya. Itu aja udah.

1:42:30Social engineering dikait-kaitin

1:42:32sama website. Itu aja V2.

1:42:34Ya, minggu depan.

1:42:36Minggu depan ya?

1:42:38Oke.

1:42:40Minggu depan saya berpindah posisi.

1:42:42Mudah-mudahan.

1:42:44Dari...

1:42:46Dari luar Indonesia.

1:42:48Nanti kita lihat nanti.

1:42:50Itu ya, nanti vlog ya?

1:42:52Salam Buatan For Sugar.

1:42:56Luka Modric lah.

1:42:58Mudah-mudahan, maksudnya

1:43:00yang saya mau sampaikan, mudah-mudahan internetnya

1:43:02lancar itu loh.

1:43:04Masa Eropa

1:43:08kalah sama

1:43:10Kasi.

1:43:12Yang Kasi ini masih...

1:43:16Tergantung di mana

1:43:18juga. Omongnya dari

1:43:20Starbucks ya.

1:43:22Streamyard juga kan?

1:43:24Lebih dekat kemana dia.

1:43:26Iya, benar-benar.

1:43:28Ya, oke lah.

1:43:30Kita coba ya.

1:43:32Mudah-mudahan lancar ya.

1:43:34Mudah-mudahan aman ya.

1:43:36Cobain dulu hari...

1:43:38hari apa? Coba buka Streamyard

1:43:40dulu.

1:43:42Lancar gak?

1:43:44Ya, udah-udah.

1:43:46Listenin malam.

1:43:48Cukup ya.

1:43:50Terima kasih buat

1:43:52teman-teman yang sudah hadir

1:43:54yang sudah submit juga.

1:43:56Mars Andeska

1:43:58tadi sebelumnya ada mas

1:44:00Sardi.

1:44:02Yang sudah submit.

1:44:04Dan teman-teman yang lain yang belum kita...

1:44:06belum sempat kita bedah.

1:44:08Mudah-mudahan nanti ada waktu lagi yang

1:44:10bisa kita...

1:44:12kita bedah.

1:44:14Kalau yang mau dibedah,

1:44:16yang website-nya mau dibedah.

1:44:18Langsung aja ke discussion ya.

1:44:20Ada di github.com/org/

1:44:22ngobrolin/discussion

1:44:24Di sana tuh ada...

1:44:26ada apa namanya?

1:44:28Ada thread khusus untuk bedah website.

1:44:30Tapi kalau mau tulis topik baru juga gak apa-apa.

1:44:32Langsung kesana aja.

1:44:34Untuk malam ini sekian dulu.

1:44:36Terima kasih banyak buat semuanya.

1:44:38Selamat malam, selamat istirahat, bye bye.

1:45:04<font color="#ffffff">Sampai bertemu di video selanjutnya.</font>

1:45:06<font color="#ffffff">Hai, semuanya. </font>

1:45:34<font color="#ffffff">Sampai bertemu di video selanjutnya.</font>

1:45:36<font color="#ffffff">Sampai bertemu di video selanjutnya.</font>