Langsung ke konten utama

Postingan

Belajar React #1 — Memulai Perjalanan Belajar Saya

Kenapa Saya Belajar React React adalah salah satu library JavaScript paling populer untuk membangun antarmuka pengguna modern. Banyak perusahaan besar menggunakannya, komunitasnya kuat, dokumentasinya lengkap, dan peluang kerja di bidang Front-End yang menggunakan React sangat luas. Saya memutuskan untuk belajar React dari dasar, benar-benar dari level pemula, dengan tujuan: Memahami konsep fundamental React, bukan hanya menghafal syntax. Membangun aplikasi nyata menggunakan React. Mendokumentasikan proses belajar saya agar bermanfaat bagi orang lain. Menjadikan tulisan ini sebagai arsip pribadi untuk bahan evaluasi dan pengingat. Cara Saya Belajar React Saya mengikuti pendekatan belajar bertahap, berbasis praktik, dan berorientasi pada pemahaman konsep. Setiap topik yang saya pelajari akan saya dokumentasikan di blog ini lengkap dengan contoh kode, catatan kesalahan, dan hal-hal yang saya pelajari. Setiap artikel akan terdiri dari: Topik yang dipelajari Kenapa topik tersebut penting P...
Postingan terbaru

Software Requirements Specification (SRS) Enterprise Resource Planning

Software Requirements Specification (SRS) Modul Akuntansi, Sales, dan Purchase Order 1. Pendahuluan 1.1 Tujuan Dokumen Dokumen Software Requirements Specification (SRS) ini bertujuan untuk: Mendefinisikan kebutuhan fungsional dan non-fungsional aplikasi web internal perusahaan yang mengacu pada konsep Odoo (accounting, sales, purchase order). Menjadi acuan bagi tim pengembang, analis sistem, QA, dan stakeholder terkait dalam proses desain, implementasi, dan pengujian. Menjadi dasar untuk pengukuran keberhasilan implementasi sistem. 1.2 Ruang Lingkup Sistem Aplikasi ini adalah sistem ERP sederhana berbasis web dengan modul utama: Sales (Penjualan) Purchase Order (Pembelian) Accounting (Akuntansi) Karakteristik utama: Aplikasi monolith, dibangun dengan Django (backend & frontend) dan MySQL sebagai database. Styling menggunakan Bootstrap . Fokus pada: Kemudahan penggunaan (usability) . Keamanan aplikasi (security) . Digunakan secara i...

Seri 10 — Membuat Dashboard Visual dari Data Spreadsheet

📊 Menampilkan Data dalam Grafik & UI Interaktif Di seri sebelumnya, kita sudah membuat Web App sederhana menggunakan Google Apps Script (GAS). Sekarang, kita akan melangkah lebih jauh: membuat dashboard visual berbasis web yang menampilkan data dari Google Sheets dalam bentuk tabel dan grafik. Dashboard seperti ini bisa kita gunakan untuk: ✅ Laporan penjualan ✅ Statistik kehadiran ✅ Monitoring stok barang ✅ Rekap kinerja GAS + Sheets + HTML + Chart = solusi lengkap tanpa server tambahan! 🎯 Tujuan Seri Ini Di seri kali ini, kita akan: Membaca data dari Google Sheets Mengirim data ke halaman HTML Menampilkan data dalam tabel Membuat grafik menggunakan Google Charts Men-deploy sebagai Web App ✅ 1. Source Data Misal kita punya data penjualan di Sheet “Penjualan”: Tanggal Produk Jumlah 2025-01-01 A 10 2025-01-02 B 12 2025-01-02 A 7 Kita akan membuat grafik jumlah penjualan by tanggal. ✅ 2. Code.gs — Ambil Data dari Sheet Buat file Code.gs : funct...

Seri 9 — Membuat Web App dengan Google Apps Script

Pada seri sebelumnya, kita telah belajar Menghubungkan Google Apps Script dengan API Eksternal . Pada seri ini, kita akan belajar membuat Web App menggunakan Google Apps Script (GAS). Dengan Web App, kita bisa membuat aplikasi berbasis web yang berjalan di server Google — tanpa harus menyewa hosting, tanpa backend kompleks, dan dapat diakses lewat URL! Kita akan membahas: Apa itu Web App di GAS Bagaimana Web App bekerja Struktur fungsi doGet() dan doPost() Membuat Web App sederhana Men-deploy Web App Mengirim data dari HTML ke GAS Contoh Web App mini (form input → Spreadsheet) ✅ 1. Apa Itu Web App di GAS? Web App di Google Apps Script adalah aplikasi web yang berjalan di server Google, dapat diakses melalui URL publik/privat, serta dapat menerima HTTP request (GET/POST). Dengan Web App, kita dapat: ✅ Membuat form custom ✅ Membaca/menulis data ke Google Sheets ✅ Membuat dashboard sederhana ✅ Integrasi API ✅ 2. Cara Kerja Web App Web App bekerja meng...