MPA Inventaris Cetak

 

https://script.google.com/macros/s/AKfycbxiaHFq-T6Xogy6L_szXqFutH0rkgZB2EQ5OFkwWMC8qPX7_zgqV11jPZmj_Q7B2-SqWA/exec

https://script.google.com/home/projects/15yMzEIdtbF52gBSvg_4ZmA5EOXpFepxwPgDdRj25RewLRxe9m330NucG/edit

https://drive.google.com/drive/folders/1rsuh2_PzD7Va1g9v_5wYYiVk-RBT9G5p

https://docs.google.com/spreadsheets/d/1yBsCdnY0ZvJiuWrdF_vAGh8EF3uON7TDr1DhO0ZYtv0/edit?gid=0#gid=0

https://docs.google.com/document/d/1Xe7z06o4mgU3hXQ7Wz6nwy2iZ0vbItAY5rFzkGRyc3U/edit?tab=t.0

https://drive.google.com/drive/folders/1LgO3j5O7XIKnc00agk7U_abmlwqsx6Gf

Buatkan contoh studi kasus lengkap dengan fitur landing page hero, CRUD dan cetak PDF

Berikut adalah kode Studi Kasus Lengkap Sistem Manajemen Inventaris (InvenTrack) dengan arsitektur Multi-Page Application (MPA) yang memisahkan Frontend dan Backend menggunakan model standalone script.

Sistem ini sudah mencakup semua fitur yang Anda minta:

1. Landing Page Modern dengan Hero Section dan tombol Call-to-Action (CTA).

2. Dashboard Manajemen Stok dengan operasional CRUD Lengkap (Create, Read, Update, Delete) menggunakan modal dialog.

3. Fitur Cetak PDF Otomatis yang memanfaatkan template Google Docs di Drive, mengisi placeholder {{KODE}}, {{NAMA}}, dll, mengonversinya ke PDF secara real-time, dan langsung mengunduhnya.

🏛️ Struktur File Proyek di Editor Apps Script

Buat 5 file berikut di dalam editor script.google.com:

• Code.gs (Semua Logika Backend, Router MPA, & Database CRUD + PDF)

• index.html (Layout Induk Dashboard Internal & Navbar)

• hero.html (Landing Page Utama / Publik)

• dashboard.html (Komponen Antarmuka Form, Tabel Data, & Modal Edit)

• javascript.html (Logika Frontend / API Controller Asinkronus)

🛠️ 1. Backend: Code.gs

Ganti seluruh kode di file Code.gs Anda. Jangan lupa untuk mengisi SPREADSHEET_ID, GOOGLE_DOC_TEMPLATE_ID, dan DRIVE_FOLDER_ID.

// =========================================================================

// CONFIG DATABASE & FILE SYSTEM (Ganti dengan ID milik Anda)

// =========================================================================

const SPREADSHEET_ID = '1yBsCdnY0ZvJiuWrdF_vAGh8EF3uON7TDr1DhO0ZYtv0'; 

const SHEET_NAME = 'Inventaris';

const GOOGLE_DOC_TEMPLATE_ID = '1Xe7z06o4mgU3hXQ7Wz6nwy2iZ0vbItAY5rFzkGRyc3U';

const DRIVE_FOLDER_ID = '1LgO3j5O7XIKnc00agk7U_abmlwqsx6Gf';