Minggu, 20 September 2026

Web News Hub

 











PROMPT

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.


Tidak ada komentar:

Posting Komentar

Struktur Flow

  @Buat gambar structure flow. Input: User memasukkan data melalui Google Form. Storage: Data secara native tersimpan di Google Sheet ...