Code Studio
Kamis, 24 September 2026
Selasa, 22 September 2026
Senin, 21 September 2026
Struktur Flow
@Buat gambar structure flow. Input: User memasukkan data melalui Google Form.
- Storage: Data secara native tersimpan di Google Sheet yang ditautkan.
- Processing (Opsional): Jika data perlu dibersihkan, dihitung ulang, atau diformat sebelum masuk dashboard, Google Apps Script dapat berjalan secara otomatis (trigger) untuk memproses data di Sheet tersebut.
- Connection: Looker Studio mengambil data langsung dari Google Sheet sebagai sumber data.
- Visualization: Data diubah menjadi grafik, tabel, dan kontrol filter di Looker Studio.
Minggu, 20 September 2026
Web News Hub

Bertindaklah sebagai Senior Full-Stack Web Developer, UI/UX Designer, dan Software Architect. Bangun sebuah aplikasi web portal berita bernama NEWSHUB yang modern, responsif, mudah digunakan, dan cocok sebagai studi kasus mata kuliah Web Programming. NEWSHUB adalah portal berita digital yang memungkinkan pengguna:
Melihat berita terbaru.
Melihat berita utama/headline.
Memfilter berita berdasarkan kategori.
Mencari berita.
Membuka detail berita.
Melihat berita populer berdasarkan jumlah views.
Memberikan komentar.
Admin mengelola berita.
Kontributor mengirim berita melalui Google Form.
Data seluruh aplikasi tersimpan di Google Spreadsheet.
Gunakan tagline:
"Berita Hari Ini, Untuk Masa Depan." ampilkan satu berita dengan:
gambar besar
kategori
judul
ringkasan
tanggal
penulis
views
tombol "Baca Selengkapnya"
Data hero diambil dari:
Featured = TRUE
Status = Published
Jika tidak ada Featured News, gunakan berita Published terbaru.
Aplikasi harus menggunakan:
Google Apps Script sebagai backend
Google Spreadsheet sebagai database
HTML5 sebagai frontend
CSS3 + Bootstrap 5 untuk styling dan responsive layout
Vanilla JavaScript untuk interaksi frontend
google.script.run untuk komunikasi antara index.html dan Apps Script
Google Form sebagai alternatif input berita dari kontributor. Url spreadsheet https://docs.google.com/spreadsheets/d/1ikAicckZJBsk9Err3QkOua3AbuF67L-DhZqHovTbh3A/edit?hl=id&gid=0#gid=0.
Python - Machine Learning
https://www.youtube.com/watch?v=nEg1jfQDIU4&list=PLmSJMKhVjzF7wu0Xqhl9hMPvnNPRTqeSA&index=5 https://www.youtube.com/watch?v=qkrSqc...
-
https://www.youtube.com/watch?v=MDdT0WtRniE&list=PLjRBWix725xqEddhpGsg8_VmrIGoaFhs6 https://www.youtube.com/watch?v=FpwcfLHswUo&li...
-
https://chatgpt.com/c/6a977781-74a4-83ec-9398-d58d36d3d82a https://stratoflow.com/web-application-development/?utm_source=chatgpt.com
-
https://www.geeksforgeeks.org/javascript/form-validation-using-javascript/ https://www.geeksforgeeks.org/html/javascript-application-for-e...













