PENGEMBANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEB MENGGUNAKAN REACT DAN POCKETBASE

- Jurnalis

Rabu, 22 Juli 2026 - 22:41 WIB

facebook twitter whatsapp telegram line copy

URL berhasil dicopy

facebook icon twitter icon whatsapp icon telegram icon line icon copy

URL berhasil dicopy

Tenar News9 , Tangerang, Juli 2026 Transformasi Digital UMKM Brand Fashion YORK Melalui Sistem Informasi Penjualan Web Berbasis Modern Stack.
Era digital menuntut setiap pelaku usaha mikro, kecil, dan menengah (UMKM) untuk bertransformasi agar mampu bertahan dan bersaing di pasar yang semakin kompetitif. Menjawab tantangan tersebut, tiga mahasiswa Program Studi Teknik Informatika, Fakultas Ilmu Komputer, Universitas Pamulang (Unpam), sukses merancang dan mengimplementasikan sistem informasi penjualan berbasis web yang komprehensif untuk Brand Fashion YORK.

Proyek strategis ini merupakan bagian dari rangkaian kegiatan Kerja Praktik (KP) periode semester genap tahun akademik 2025/2026.
1. Latar Belakang dan Permasalahan Bisnis
Brand Fashion YORK yang berlokasi di Pondok Permai, Pasar Kemis, Kabupaten Tangerang, sebelumnya mengandalkan metode konvensional dan manual dalam menjalankan roda operasional bisnisnya. Beberapa hambatan utama yang dihadapi meliputi:


Pencatatan Data Manual: Inventaris produk dan rekapitulasi transaksi dicatat secara terpisah, sehingga rentan terhadap kesalahan manusia (human error).
* Keterbatasan Monitoring: Pemilik usaha, Raflie Aditia Putra, mengalami kesulitan dalam memantau rekapitulasi penjualan serta pergerakan stok secara real-time.
* Kendala Jangkauan Pasar: Proses pemesanan yang belum terpusat menghambat efisiensi pelayanan pelanggan secara luas.
Kehadiran sistem informasi berbasis web ini dirancang sebagai solusi solutif untuk mengotomatisasi seluruh alur transaksi dari hulu ke hilir.

2. Arsitektur Sistem dan Tumpukan Teknologi (Technology Stack)
Sistem informasi penjualan ini dikembangkan menggunakan pendekatan rekayasa perangkat lunak modern untuk menjamin skalabilitas, kecepatan akses, dan keamanan data. Arsitektur yang digunakan meliputi:
* Pendekatan Monorepo: Mengorganisasikan kode sumber ke dalam satu repositori terpusat yang memisahkan antarmuka pengguna (apps/web) dan panel kontrol pengelola (apps/admin).
* Frontend Development: Dibangun menggunakan React JS dan bundler Vite guna menciptakan antarmuka yang sangat responsif, dinamis, serta interaktif bagi pengguna akhir.
* Backend & Database: Memanfaatkan PocketBase sebagai platform backend mandiri yang menyediakan pengelolaan basis data SQLite berkecepatan tinggi serta sistem autentikasi instan yang aman.
* Layanan Integrasi Eksternal: Mengintegrasikan modul backend tambahan berbasis Express JS (apps/york-backend) yang terhubung langsung dengan API RajaOngkir guna menghitung tarif pengiriman logistik secara otomatis berdasarkan berat dan lokasi tujuan.

Baca Juga :  Dari Imam & Muadzin Fathullah hingga ke Guru Besar: Kisah Inspiratif Hasani Ahmad Said*

3. Fitur Utama dan Fungsionalitas Sistem
Aplikasi web ini dilengkapi dengan berbagai modul fungsional yang disesuaikan dengan kebutuhan operasional Brand Fashion YORK, seperti
* Katalog Produk Interaktif: Memungkinkan pelanggan menelusuri ragam pakaian terkini lengkap dengan informasi detail varian ukuran, pilihan warna, dan status ketersediaan stok secara transparan.
* Keranjang Belanja & Checkout Otomatis: Memfasilitasi proses pembelian yang sistematis disertai kalkulasi ongkos kirim real-time dari berbagai jasa ekspedisi terkemuka.
* Dashboard Administrator (CRUD Manajemen Produk): Memberikan hak akses penuh kepada pihak pengelola untuk melakukan penambahan, pembaharuan, penghapusan data produk, serta pemantauan status pesanan masuk secara terpusat.
* Fitur Live Chat Real-Time: Menyediakan sarana komunikasi langsung antara pelanggan dan admin toko untuk meningkatkan kualitas layanan purna jual dan kepuasan konsumen.

Baca Juga :  Waspadalah terhadap Fitnah Dajjal

4. Validasi Akademik, Pengujian, dan Implementasi
Keberhasilan penyelesaian proyek ini tidak lepas dari proses bimbingan intensif dan evaluasi akademik yang ketat di lingkungan Program Studi Teknik Informatika Universitas Pamulang:
* Tim Mahasiswa Pengembang:
* Farhan Rachmad Rizki (NIM: 231011400893)
* Fariz Ali Akhsah (NIM: 231011403746)
* Harry Gunawan (NIM: 231011400948)
* Dosen Pembimbing: Afiani Agus Abdillah, S.Kom., M.Kom., yang membimbing proses perancangan sistem dan penulisan laporan kerja praktik.
* Tim Penguji & Pimpinan Program Studi: Diuji oleh Ahmad Nursodiq, S.Kom., M.Kom., serta disetujui oleh Ketua Program Studi Teknik Informatika, Dr. Eng. Ahmad Musyafa, S.Kom., M.Kom.
* Mitra Industri: Didukung penuh oleh pimpinan Brand Fashion YORK, Raflie Aditia Putra, sebagai lokasi studi kasus dan implementasi nyata.

5. Prospek Pengembangan ke Depan
Implementasi sistem informasi penjualan berbasis web ini telah berhasil mengubah pola operasional Brand Fashion YORK menjadi jauh lebih terstruktur, efisien, dan akurat. Sebagai langkah keberlanjutan, tim pengembang merencanakan beberapa pengembangan lanjutan pada fase berikutnya, antara lain:
* Integrasi sistem pembayaran digital (payment gateway) otomatis untuk mempermudah ragam metode transaksi non-tunai.
* Penambahan fitur notifikasi instan berbasis WhatsApp dan email bagi pelanggan dan pengelola.
* Penyusunan modul laporan keuangan komprehensif guna mendukung analisis bisnis dan pengambilan keputusan strategis bagi manajemen UMKM.
Dokumentasi Laporan Khusus Kerja Praktik Program Studi S1 Teknik Informatika Universitas Pamulang — Edisi Juli 2026.

-Bachtyar SW. TenarNews-

Berita Terkait

Pernyataan Dewan Pers Tentang Tindakan yang Bernada Merendahkan Profesi Wartawan
Sidang Perdana Gugatan JPT Tangsel: DPP GHARIS Desak Pemerintah Kota Tangsel Terapkan Transparansi dan AUPB
KPK OTT Bupati Lombok Barat, 19 Orang Diamankan
Eksekusi Lahan di Serua Depok Diwarnai Perdebatan, Kuasa Hukum Termohon Sebut Batas Tanah Tak Jelas
Tingkatkan Kesadaran Mahasiswa, Kemenkum DK Jakarta Sosialisasikan Tindak Pidana Narkoba dalam KUHP Baru
Kanwil Kementerian Hukum DK Jakarta Bekali Siswa Baru SMKN 32 dengan Pemahaman Kenakalan Remaja dan Konsekuensi dalam KUHP Baru
Pengajian rutin mingguan Majlis ta’lim Bangun Lestari Pisangan Ciputat Timur 
Menko Yusril Ihza Mahendra di UIN Jakarta Soroti Pentingnya Etika Peradaban dalam Penegakan Hukum
Berita ini 16 kali dibaca

Berita Terkait

Rabu, 22 Juli 2026 - 22:41 WIB

PENGEMBANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEB MENGGUNAKAN REACT DAN POCKETBASE

Selasa, 21 Juli 2026 - 09:06 WIB

Pernyataan Dewan Pers Tentang Tindakan yang Bernada Merendahkan Profesi Wartawan

Selasa, 21 Juli 2026 - 08:43 WIB

Sidang Perdana Gugatan JPT Tangsel: DPP GHARIS Desak Pemerintah Kota Tangsel Terapkan Transparansi dan AUPB

Senin, 20 Juli 2026 - 22:51 WIB

KPK OTT Bupati Lombok Barat, 19 Orang Diamankan

Sabtu, 18 Juli 2026 - 18:30 WIB

Eksekusi Lahan di Serua Depok Diwarnai Perdebatan, Kuasa Hukum Termohon Sebut Batas Tanah Tak Jelas

Berita Terbaru

Tenar News

KPK OTT Bupati Lombok Barat, 19 Orang Diamankan

Senin, 20 Jul 2026 - 22:51 WIB