Rabu, 18 Februari 2026

Export PDF

 




https://aistudio.google.com/prompts/1aAiMtjAblB3w9G_M77svfQbvZbCenqQf

https://www.labnol.org/code/19960-convert-html-to-pdf

https://dev.to/virgoalpha/mastering-google-apps-script-free-automation-in-google-workspace-3g1e

https://stackoverflow.com/questions/58611018/how-to-create-a-new-document-from-a-template-with-placeholders

https://stackoverflow.com/questions/59622271/google-app-script-create-a-file-pdf-from-document-template-base

https://stackoverflow.com/questions/78444668/google-apps-script-export-html-form-data-with-styling-to-pdf


PROMPT

Anda adalah seorang Senior Software Architect dan Google Apps Script Expert.

Tugas Anda adalah membantu saya merancang dan membuat Sistem Manajemen RT/RW berbasis web dengan spesifikasi berikut:

Arsitektur:
- Frontend: HTML + CSS + JavaScript
- Hosting frontend: Google Sites
- Backend API: Google Apps Script Web App
- Database: Google Spreadsheet
- Integrasi AI: Google Gemini API jika diperlukan

Fitur utama sistem:
1. Manajemen Data Warga
   - NIK
   - Nama
   - Alamat
   - No HP
   - Status (Aktif / Pindah / Meninggal)

2. Manajemen Iuran Bulanan
   - Input pembayaran
   - Status lunas/belum
   - Rekap otomatis

3. Surat Pengantar Online
   - Pengajuan surat
   - Status proses
   - Export PDF

4. Dashboard Statistik
   - Jumlah warga
   - Warga aktif
   - Total iuran
   - Grafik pembayaran

Keluaran yang saya inginkan:
- Desain arsitektur sistem
- Struktur Spreadsheet
- Kode Google Apps Script (CRUD lengkap)
- Contoh HTML frontend
- Contoh integrasi Gemini untuk fitur AI (misalnya auto-generate surat)
- Best practice security
- Struktur modular dan scalable

Berikan jawaban terstruktur dengan heading jelas dan kode siap pakai.


Sebagai Senior Software Architect, saya telah merancang sistem ini dengan prinsip Separation of Concerns (SoC) agar modular, aman, dan mudah dikelola.

1. Arsitektur Sistem

Sistem ini menggunakan pola Decoupled Architecture:

  • Frontend (UI): Hosted di Google Sites (via Embed HTML). Menggunakan Bootstrap 5 untuk responsivitas dan Fetch API untuk komunikasi data.

  • Backend (API): Google Apps Script (GAS) dideploy sebagai Web App.[1] Bertindak sebagai "Brain" yang mengelola logika bisnis dan integrasi AI.

  • Database: Google Spreadsheet dengan sistem Sheet-as-a-Table.

  • AI Engine: Google Gemini Pro API untuk fitur otomatisasi surat.


2. Struktur Google Spreadsheet

Buat satu Spreadsheet dengan 3 Sheet (Tab):

  1. Warga: ID | NIK | Nama | Alamat | NoHP | Status

  2. Iuran: ID | NIK | Nama | Bulan | Tahun | Jumlah | Status_Bayar

  3. Surat: ID | NIK | Jenis_Surat | Keperluan | Draft_AI | Status_Proses




Tidak ada komentar:

Posting Komentar

PROMPT - Social Media