Live - Ng- Vibe Coding Bulan Puasa Sesi 2 : Membuat Website Jualan

Описание: Live - Ng- Vibe Coding Bulan Puasa Sesi 2 : Membuat Website Jualan


Video ini merupakan kelanjutan dari sesi sebelumnya yang berfokus pada tahap deploy (publikasi) website jualan secara gratis menggunakan ekosistem Google. Inti dari konten ini adalah mendemonstrasikan bagaimana kode yang telah dibuat oleh Grock AI dihubungkan dengan Google Sheets sebagai basis data produk, sehingga pengguna bisa mengubah nama, harga, dan jumlah produk hanya melalui spreadsheet tanpa perlu menyentuh kode lagi.

Selain aspek teknis coding, video ini juga memberikan panduan praktis untuk mempublikasikan website melalui Google Sites dengan fitur embed (sematan) kode HTML secara penuh. Di bagian akhir, terdapat tutorial tambahan mengenai strategi promosi menggunakan Canva untuk membuat QR Code dinamis, yang bertujuan memudahkan pelanggan melakukan pemesanan langsung ke WhatsApp melalui kemasan produk atau media sosial.

Timeline Isi Konten

00:00 - 02:00 | Pembukaan & Persiapan: Penjelasan tujuan sesi kedua, yaitu melakukan deploy gratis menggunakan ekosistem Google.
02:01 - 04:30 | Integrasi Google Sheets: Cara mengambil link publikasi dari Google Sheets (format JSP/CSV) dan memasukkannya ke dalam kode website agar data produk sinkron.
04:31 - 07:15 | Uji Coba Sinkronisasi Data: Demonstrasi mengubah nama produk dan harga di Google Sheets, serta melihat perubahannya secara otomatis di tampilan web dan sistem keranjang belanja.
07:16 - 08:30 | Konfigurasi WhatsApp: Cara mengganti nomor tujuan WhatsApp agar pesanan pelanggan masuk ke nomor penjual yang benar.
08:31 - 11:00 | Persiapan Google Sites: Memulai pembuatan website di Google Sites, memberi nama situs, dan menentukan alamat URL (domain gratis).
11:01 - 15:00 | Embedding Kode HTML: Langkah-langkah menggunakan fitur "Sematan Halaman Penuh", menyalin kode dari editor, dan menempelkannya ke Google Sites.
15:01 - 17:30 | Finalisasi & Publikasi: Mengatur halaman yang baru dibuat sebagai "Beranda", menghapus halaman default, dan mempublikasikan website agar bisa diakses publik.
17:31 - 23:50 | Branding & Uji Link: Menambahkan favicon atau logo toko dan menguji tampilan link website saat dibagikan ke media sosial seperti Facebook.
23:51 - 32:00 | Strategi Promosi dengan QR Code: Tutorial menggunakan Canva untuk membuat desain promosi dan menyisipkan QR Code dinamis yang terhubung langsung ke link website jualan.
32:01 - Selesai | Penutup: Kesimpulan mengenai kemudahan membuat website jualan dengan bantuan AI dan rencana pengembangan website di sesi berikutnya.


#farhanonlen #VibeCoding
#LiveCoding
#BulanPuasa
#RamadhanCoding
#WebsiteJualan
#BelajarCoding
#UMKMGoDigital
#TokoOnlineGratis
#FarhanOnlen