Web Programming

Membuat Aplikasi Scan Barcode Inventaris Offline dengan React Native untuk Pemula

Bangun aplikasi inventaris mobile offline dengan React Native, barcode scanner, dan penyimpanan lokal tanpa bergantung pada internet.

Diperbarui 23 Agu 2026id5 bagian · 20 pelajaran4 jam 30 menit
Belum ada ulasan
Level Beginner
Kategori Web Programming
Perkiraan Durasi 4 jam 30 menit

Skill yang dibangun

Apa yang akan Anda pelajari

Membuat struktur aplikasi mobile lintas platform dengan React Native dan Expo menggunakan component, props, serta state dasar.

Membuat form inventaris untuk memasukkan nama barang, jumlah stok, dan kode barcode dengan validasi input sederhana.

Mengintegrasikan barcode scanner menggunakan library yang tersedia di ekosistem Expo dan menangani hasil scan melalui event handler.

Menyimpan, membaca, memperbarui, dan menghapus data inventaris secara offline menggunakan AsyncStorage.

Siapa Target Audiens Kursus Ini

Pemula yang ingin membuat aplikasi mobile lintas platform, pelajar atau mahasiswa yang mengenal dasar JavaScript, serta pemilik usaha kecil yang ingin memahami cara membangun aplikasi inventaris sederhana tanpa koneksi internet.

Project outcomes

Apa yang Akan Anda Buat

Kamu akan membuat aplikasi inventaris offline untuk Android dan iOS. Pengguna bisa menambahkan barang secara manual atau lewat scan barcode, melihat daftar inventaris, mencari barang berdasarkan kode atau nama, mengubah jumlah stok, menghapus data, dan membuka kembali data yang sudah tersimpan meskipun perangkat sedang tidak terhubung ke internet.

Konten Kursus

Fondasi React Native dan JavaScript untuk Aplikasi Mobile

4 pelajaran | 150 menit
Memahami React Native, Expo, dan Alur Kerja Aplikasi Mobile
30 menit
JavaScript Modern yang Dipakai di Project
35 menit
Membuat Component dan Layout dengan React Native
40 menit
State, Event, dan Input Form Inventaris
45 menit

Menampilkan dan Mengelola Data Inventaris

4 pelajaran | 170 menit
Menampilkan Daftar Barang dengan FlatList
40 menit
Menambah dan Menghapus Item Inventaris
45 menit
Mengedit Data dan Mencari Barang
45 menit
Membagi UI Menjadi Component yang Bisa Dipelihara
40 menit

Scan Barcode dan Penyimpanan Data Offline

4 pelajaran | 185 menit
Memahami Permission Kamera di Aplikasi Mobile
40 menit
Membaca Barcode dengan Expo Camera
50 menit
Menyimpan Inventaris Offline dengan AsyncStorage
50 menit
Mengatur Loading, Error, dan Sinkronisasi State
45 menit

Navigasi, Validasi, dan Kualitas Aplikasi

4 pelajaran | 175 menit
Membuat Navigasi Daftar dan Detail dengan React Navigation
45 menit
Validasi Form dan Pencegahan Data Duplikat
45 menit
Debugging Bug yang Sering Muncul di React Native
40 menit
Merapikan UX dan Menyiapkan Build Aplikasi
45 menit

Proyek Akhir: Membangun Aplikasi Inventaris Offline

4 pelajaran | 300 menit
Perancangan dan Setup Proyek Inventaris Offline
60 menit
Implementasi Fitur Inti Scan dan Kelola Barang
90 menit
Integrasi Penyimpanan Offline dan Penyempurnaan UX
75 menit
Pengujian Perangkat, Build, dan Presentasi Hasil
75 menit

Deskripsi Kursus

Kamu akan membangun aplikasi inventaris sederhana yang bisa dipakai untuk mencatat barang, memindai barcode, melihat daftar stok, dan menyimpan data langsung di perangkat. Cocok buat latihan portofolio atau gambaran awal aplikasi operasional untuk usaha kecil yang sering bekerja di lokasi dengan koneksi internet terbatas.

Materi dimulai dari fondasi React Native dan struktur component, lalu naik pelan-pelan ke state, event handler, form input, navigasi layar, barcode scanner, dan penyimpanan lokal. Setiap bagian diarahkan ke fitur aplikasi yang benar-benar bisa dipakai, bukan sekadar contoh kode yang berdiri sendiri.

Kamu akan mengikuti guided practice dengan kode runnable dan breakdown eksekusi pada bagian-bagian penting. Setelah itu, ada independent practice untuk menambah fitur seperti mengubah jumlah stok, menghapus barang, dan memvalidasi input. Bug umum juga dibedah supaya kamu terbiasa membaca error dan mencari sumber masalahnya, kebiasaan yang kepakai terus saat kerja sebagai developer.

Rating & Ulasan

0 ratings