Aplikasi Web Sederhana untuk Mengeksplorasi Data

Pratinjau Visual (Simulasi)

Pratinjau di atas adalah ilustrasi buatan sendiri (SVG) untuk demonstrasi, bukan tangkapan layar dari perangkat lunak komersial.

Ringkasan dan Pertanyaan Bisnis

Bagaimana cara menampilkan dan menyaring data penjualan melalui browser, sehingga stakeholder non-teknis dapat menjelajahi insight tanpa perlu membuka spreadsheet atau dashboard BI?

Dataset yang Digunakan

Dataset sintetis penjualan yang disajikan sebagai data statis dalam aplikasi web. Data sama dengan dataset yang digunakan pada proyek analisis penjualan retail.

Dataset sintetis untuk demonstrasi pembelajaran.

Tools

HTML5, CSS3, JavaScript (ES6+), Fetch API. Status: dalam proses.

Proses Pengerjaan

1. Merancang antarmuka sederhana dengan HTML dan CSS yang responsif pada mobile dan desktop.
2. Menulis JavaScript murni untuk mengambil data melalui Fetch API dan merender ke dalam tabel.
3. Membangun fitur pencarian dan filter sisi klien berdasarkan kategori produk dan wilayah.
4. Menambahkan toggle tampilan ringkas/detail untuk setiap baris transaksi.

Temuan dari Data Contoh

• Aplikasi dapat menampilkan 1.000 baris data dengan respons cepat di sisi klien.
• Pencarian dan filter berfungsi tanpa memuat ulang halaman.
• Tampilan nyaman diakses dari ponsel dan komputer.

Temuan di atas berasal dari data sintetis, bukan hasil bisnis nyata.

Keterbatasan dan Pelajaran

• Masih dalam proses pengembangan — belum ada backend dan penyimpanan data persisten.
• Filter dan pencarian hanya berjalan di sisi klien, tidak cocok untuk dataset sangat besar.
• Belum ada fitur export atau login pengguna.

Rencana Pengembangan

• Menambahkan backend API dengan Node.js dan database MSSQL.
• Mengimplementasikan pengeditan sel langsung pada tabel.
• Menambahkan fitur import dan export CSV.