Deskripsi workshop

Pernah bikin aplikasi web dan bingung bagaimana caranya supaya admin bisa melihat semua data, tapi user biasa hanya bisa melihat datanya sendiri? Ini bukan masalah kecil, kalau salah desain, bisa berujung ke kebocoran data atau user mengakses fitur yang bukan haknya.

Di workshop ini, peserta akan belajar membangun sistem Role-Based Access Control (RBAC) menggunakan Firebase Auth dan Firestore. Peserta akan memahami perbedaan mendasar antara autentikasi (siapa kamu) dan otorisasi (apa yang boleh kamu akses), lalu langsung praktik menerapkannya lewat dua lapis proteksi sekaligus: custom claims di sisi Auth dan Security Rules di sisi Firestore  bukan sekadar menyembunyikan tombol di UI, tapi benar-benar memblokir akses di level database.

Workshop berlangsung 3 jam dengan fokus penuh pada praktik langsung membangun studi kasus nyata: aplikasi dengan tiga jenis role (admin, editor, viewer) yang masing-masing punya akses berbeda ke data yang sama.

Di akhir sesi, peserta membawa pulang mini-project fungsional yang bisa langsung dimasukkan ke portofolio atau CV. Skill mendesain sistem akses yang aman termasuk salah satu yang paling dicari saat rekrutmen developer, karena menyangkut langsung ke keamanan aplikasi.

Apa yang akan saya pelajari ?

  • Membedakan konsep autentikasi vs otorisasi dalam desain sistem akses aplikasi web
  • Mengimplementasikan Firebase Authentication (Email/Password & Google Sign-In) serta alur login di frontend
  • Membuat dan menetapkan custom claims untuk role-based access via Firebase Admin SDK/Cloud Functions
  • Menulis dan menguji Firestore Security Rules berbasis role di Rules Playground
  • Memproteksi route/halaman berdasarkan role, serta testing end-to-end multi-role dan debugging

Persyaratan

  • Laptop pribadi (Windows/Mac/Linux) — bukan Chromebook/tablet
  • Pemahaman dasar HTML, CSS, dan JavaScript (variabel, fungsi, async/await, fetch API)
  • Node.js, VS Code, Git, dan Firebase CLI sudah terinstall (panduan dikirim H-3)
  • Akun Google aktif untuk membuat project Firebase
  • Koneksi internet stabil selama sesi berlangsung
  • (nice to have) Familiar dengan React atau Vue
  • (nice to have) Pernah membuat aplikasi CRUD sederhana

Pertanyaan yang sering diajukan

Tidak wajib, tapi jadi nilai plus karena starter project menggunakan salah satu framework tersebut

Ya, peserta mendapat sertifikat dan mini-project untuk portofolio/CV
Learning path

Silabus workshop

Ikuti alur workshop melalui modul, live class, materi, dan rekaman kelas yang tersusun rapi.

0 Modules
0 Live class
Iya Rekaman Materi

No module has been added yet.

Foto Vania

Vania Ulimaz Rivani

Software Engineering Student at Politeknik Negeri Padang, Web & Mobile Developer

Vania adalah mahasiswa semester 7 D4 Teknologi Rekayasa Perangkat Lunak di Politeknik Negeri Padang yang sangat berminat pada pengembangan Web dan Mobile. Ia berpengalaman membangun aplikasi lintas-platform dengan integrasi backend dan machine learning, terbukti dari proyek-proyeknya seperti platform layanan publik PEPSIKUBURGER, sistem katalog UMKM Ajo Art Creative, dan aplikasi manajemen peternakan Blueprint Poultry. Selain menguasai beragam bahasa pemrograman dan framework modern seperti Laravel, Flutter, Next.js, dan Flask. Ia merupakan individu yang adaptif dan kolaboratif, dengan dedikasi tinggi untuk menciptakan solusi digital yang berfokus pada kebutuhan pengguna.
Akses Berlapis untuk Aplikasi Web: RBAC dengan Firebase Auth & Firestore

Rp 25.000

Start date

19 September 2026

Modules

0

Live class

0

Peserta Telah Mendaftar

0

Materials

Iya

E-certificate

Iya

Rekaman Materi

Iya

Bagikan workshop ini