Bank Tanya Jawab Pengujian SaryPOS Berdasarkan Materi Praktikum
Dokumen ini disusun untuk membantu sesi tanya jawab saat pengujian aplikasi SaryPOS. Isi pertanyaan dan jawaban dirangkum dari materi:
materi_praktikum/Pertemuan 1 Widget Dasar.pdfmateri_praktikum/Pertemuan 2 State Management Dasar.pdfmateri_praktikum/Modul 3 Navigation dan Data Flow Antar Halaman.pdfmateri_praktikum/Modul 4 Supabase.pdfmateri_praktikum/Pertemuan 5 Deployment App.pdf
Tujuan dokumen ini adalah memberi jawaban yang mudah dipahami, tetap teknis, dan relevan dengan konteks aplikasi POS.
A. Pertanyaan Dasar Konsep Flutter dan Widget
1) Apa itu widget pada Flutter?
Widget adalah komponen penyusun antarmuka aplikasi. Hampir semua elemen visual di Flutter adalah widget, mulai dari teks, tombol, ikon, sampai seluruh halaman.
2) Mengapa konsep widget penting pada SaryPOS?
Karena semua tampilan SaryPOS dibangun dari widget, seperti daftar produk, keranjang, tombol checkout, dan kartu ringkasan laporan.
3) Apa perbedaan StatelessWidget dan StatefulWidget?
-
StatelessWidget: tampilan statis, tidak berubah setelah dibangun. -
StatefulWidget: tampilan dinamis, bisa berubah sesuai interaksi atau data.
4) Kapan SaryPOS memakai StatefulWidget?
Saat tampilan harus berubah real-time, misalnya jumlah item keranjang, total harga, status proses transaksi, atau loading data.
5) Kapan StatelessWidget lebih tepat?
Untuk komponen presentasi yang hanya menampilkan data tanpa mengelola perubahan internal, misalnya judul section, label, atau kartu informasi sederhana.
6) Apa fungsi Container dalam UI POS?
Container dipakai untuk pembungkus elemen agar mudah mengatur ukuran, warna, padding, margin, border, dan alignment.
7) Apa fungsi Row dan Column?
-
Row: menyusun komponen horizontal. -
Column: menyusun komponen vertikal. Dalam POS, kombinasi keduanya dipakai untuk layout tombol aksi dan ringkasan transaksi.
8) Apa beda padding dan margin?
-
padding: jarak di dalam komponen. -
margin: jarak antar komponen. Analogi: padding itu ruang di dalam kotak, margin itu jarak antar kotak.
9) Mengapa pemilihan widget interaksi penting?
Karena memengaruhi kecepatan kasir dan meminimalkan salah tekan. Tombol aksi utama harus jelas terlihat, ukuran sentuh nyaman, dan responsif.
10) Mengapa layout rapi penting dalam aplikasi kasir?
Karena kasir bekerja cepat. Layout yang rapi membuat input lebih cepat, kesalahan lebih sedikit, dan pengalaman pengguna lebih stabil saat jam sibuk.
B. Pertanyaan State Management Dasar
11) Apa itu state?
State adalah data yang dapat berubah selama aplikasi berjalan dan memengaruhi tampilan UI.
12) Apa itu state management?
State management adalah cara mengelola perubahan state agar UI tetap sinkron dengan data terbaru.
13) Apa bedanya Ephemeral State dan App State?
- Ephemeral State: state lokal pada satu widget/halaman.
- App State: state global yang dipakai banyak bagian aplikasi.
14) Contoh Ephemeral State di SaryPOS?
Nilai input pencarian produk, toggle filter sementara, atau status expand/collapse panel di satu halaman.
15) Contoh App State di SaryPOS?
Data sesi pengguna, tema aplikasi, dan informasi peran owner atau karyawan yang memengaruhi banyak layar.
16) Kapan menggunakan setState()?
Saat data lokal widget berubah dan perlu memicu rebuild UI pada widget tersebut.
17) Apakah setState() cukup untuk semua kebutuhan?
Tidak selalu. Untuk aplikasi besar, state global lebih baik dikelola dengan pola yang lebih terstruktur agar mudah dipelihara.
18) Mengapa state management penting untuk aplikasi POS?
Karena transaksi butuh akurasi real-time. Jika state berantakan, subtotal, stok, atau status transaksi bisa tidak konsisten.
19) Apa risiko jika state tidak sinkron?
UI bisa menampilkan nilai lama, total salah hitung, atau aksi pengguna tidak tercermin di tampilan.
20) Bagaimana menjelaskan state management dengan analogi sederhana?
State seperti papan skor pertandingan. Saat skor berubah, papan harus langsung diperbarui agar semua orang melihat data yang benar.
C. Pertanyaan Navigasi dan Data Flow Antar Halaman
21) Apa itu navigation?
Navigation adalah perpindahan antar halaman (screen) dalam aplikasi.
22) Apa itu data flow antar halaman?
Data flow adalah proses mengirim data ke halaman tujuan dan menerima data balik ke halaman asal.
23) Apa perbedaan navigasi native Flutter dan GetX?
- Native Flutter memakai
NavigatordanBuildContext. - GetX menyediakan cara lebih ringkas untuk route, state, dan dependency. Pada SaryPOS, pendekatannya dapat bersifat hybrid sesuai kebutuhan modul.
24) Apa fungsi push dalam alur POS?
push membuka halaman baru tanpa menghapus halaman lama, misalnya dari daftar produk ke detail produk.
25) Apa fungsi pop?
pop menutup halaman aktif dan kembali ke halaman sebelumnya.
26) Apa itu off (GetX)?
off mengganti halaman saat ini dan menghapus satu halaman sebelumnya dari stack.
27) Apa itu offAll (GetX)?
offAll membersihkan seluruh stack dan menyisakan halaman tujuan, cocok setelah login sukses agar tidak kembali ke halaman auth.
28) Bagaimana cara kirim data ke halaman detail?
Data dikirim lewat parameter constructor saat pindah halaman.
29) Bagaimana mengembalikan data ke halaman asal?
Gunakan hasil balik saat pop atau Get.back(result: ...) lalu tangkap hasilnya di halaman pemanggil.
30) Contoh skenario data flow di SaryPOS?
Halaman checkout membuka dialog diskon, dialog mengembalikan nilai diskon, lalu total pembayaran dihitung ulang di checkout.
31) Mengapa manajemen stack penting?
Agar alur back navigation konsisten. Pengguna tidak boleh kembali ke layar yang seharusnya sudah selesai (misalnya layar login setelah masuk).
32) Analogi sederhana stack navigasi?
Seperti tumpukan kertas: halaman baru ditaruh di atas (push), saat kembali kita ambil yang paling atas (pop).
D. Pertanyaan Supabase dan Integrasi ke Aplikasi
33) Apa itu Supabase?
Supabase adalah platform backend-as-a-service berbasis PostgreSQL yang menyediakan database, auth, storage, dan API siap pakai.
34) Kenapa Supabase cocok untuk SaryPOS?
Karena mempercepat pengembangan backend tanpa membangun server dari nol, namun tetap kuat untuk CRUD data bisnis.
35) Fitur Supabase apa yang paling relevan?
- Database PostgreSQL
- Authentication
- Auto API
- Storage
- Realtime (opsional sesuai kebutuhan fitur)
36) Data apa saja yang umum dikelola di Supabase untuk POS?
Data pengguna, produk, stok, transaksi penjualan, dan log aktivitas.
37) Apa fungsi URL project Supabase?
Sebagai alamat endpoint agar aplikasi Flutter terhubung ke project backend yang benar.
38) Apa fungsi anon/publishable key?
Sebagai kredensial client-side untuk akses aman yang tetap dibatasi oleh aturan auth dan RLS.
39) Apa beda publishable key dan secret/service role key?
- Publishable key: untuk aplikasi client.
- Secret/service role key: hak akses tinggi, hanya untuk server aman, tidak boleh disimpan di aplikasi publik.
40) Kenapa tidak boleh menaruh service role key di aplikasi mobile?
Karena berisiko bocor lewat reverse engineering dan dapat membuka akses data berbahaya.
41) Apa itu CRUD dalam konteks Supabase?
- Create: tambah data
- Read: baca data
- Update: ubah data
- Delete: hapus/nonaktifkan data
42) Contoh CRUD di SaryPOS?
Tambah produk baru, tampilkan daftar produk, ubah harga, dan hapus produk yang tidak lagi dijual.
43) Apa itu RLS (Row Level Security)?
RLS adalah aturan akses level baris data untuk memastikan user hanya bisa mengakses data yang diizinkan.
44) Kenapa RLS penting meskipun menu sudah disembunyikan?
Karena keamanan tidak boleh hanya mengandalkan UI. Pembatasan utama harus terjadi di backend.
45) Contoh penerapan role owner vs karyawan di Supabase?
Owner bisa mengelola data strategis (produk, karyawan, laporan), karyawan fokus ke transaksi operasional sesuai izin.
46) Apa yang dilakukan jika data tidak muncul saat demo?
Lakukan cek berurutan: status login, role user, policy RLS, query/filter, lalu koneksi project Supabase yang dipakai.
E. Pertanyaan Deployment Aplikasi Android
47) Persiapan minimum sebelum deployment?
Pastikan aplikasi stabil di debug, flutter doctor bersih, ikon aplikasi sudah disesuaikan, dan konfigurasi build benar.
48) Mengapa flutter doctor penting sebelum build release?
Karena memastikan environment toolchain Android/Flutter siap, sehingga mengurangi risiko gagal build.
49) Kenapa app icon dan app name perlu disesuaikan?
Agar aplikasi siap dipresentasikan atau didistribusikan secara profesional, bukan tampilan default template.
50) Apa yang perlu dicek di konfigurasi Android sebelum rilis?
applicationId, versionCode, versionName, permission yang diperlukan saja, dan label aplikasi.
51) Kenapa pengujian release penting, bukan hanya debug?
Karena perilaku release bisa berbeda (optimasi, minify, konfigurasi env), jadi validasi final wajib dilakukan di mode release.
52) Apa checklist uji cepat sebelum APK dibagikan?
Login berhasil, CRUD utama berjalan, transaksi selesai, data sinkron ke backend, logout aman, dan tidak ada crash.
F. Pertanyaan Integratif Khusus SaryPOS (Lintas Materi)
53) Bagaimana hubungan widget, state, dan navigation dalam satu alur transaksi?
Widget membentuk UI, state menyimpan perubahan data transaksi, navigation mengatur perpindahan layar. Ketiganya harus sinkron agar alur kasir lancar.
54) Mengapa arsitektur yang rapi memudahkan pengujian?
Karena pemisahan tanggung jawab membuat bug lebih cepat dilacak: UI, logika state, dan data backend bisa diuji bertahap.
55) Jika dosen bertanya “buktinya ini bukan hanya UI”, jawab apa?
Jelaskan bahwa data transaksi tersimpan ke backend Supabase, dapat dibaca ulang, dan dibatasi aturan role/RLS, jadi bukan sekadar tampilan.
56) Jika ditanya “apa kontribusi GetX di proyek ini?”, jawab apa?
GetX dipakai selektif untuk mempermudah bagian tertentu (misalnya route/dialog), sementara alur lain tetap bisa memakai Navigator native sesuai pola proyek.
57) Jika ditanya “bagaimana menjaga konsistensi data saat banyak interaksi?”, jawab apa?
Dengan state management yang disiplin, pemisahan state lokal dan global, serta sinkronisasi operasi CRUD ke backend secara terkontrol.
58) Jika ditanya “bagaimana mitigasi kesalahan kasir?”, jawab apa?
Gunakan UI yang jelas, validasi input, konfirmasi aksi penting, update state real-time, dan fallback error message yang informatif.
59) Jika ditanya “kenapa memilih Supabase dibanding backend manual?”, jawab apa?
Karena lebih cepat untuk pengembangan akademik, tetap mendukung praktik backend modern (auth, database, policy), dan fokus tim bisa ke kualitas fitur aplikasi.
60) Jika ditanya “apa risiko terbesar saat demo live?”, jawab apa?
Risiko terbesar ada pada environment (network, key salah, policy) dan alur data. Solusinya adalah checklist pra-demo dan skenario fallback yang sudah disiapkan.
G. Tips Jawaban Saat Pengujian
- Mulai dari jawaban singkat 1 kalimat, lalu lanjut teknis bila diminta.
- Gunakan contoh langsung dari alur SaryPOS, bukan contoh umum saja.
- Jika ada kekurangan, sampaikan jujur lalu jelaskan rencana perbaikan.
- Hindari jawaban terlalu teoritis tanpa kaitan implementasi.
- Tekankan bahwa keamanan akses bukan hanya di UI, tetapi juga di backend.
H. Template Jawaban Cepat (Bisa Dihafal)
- Definisi singkat: “X adalah ... yang berfungsi untuk ...”
- Implementasi di SaryPOS: “Di SaryPOS, ini dipakai pada fitur ...”
- Alasan pemilihan: “Dipilih karena ... (efisiensi, konsistensi, keamanan).”
- Risiko jika salah: “Jika tidak benar, dampaknya ...”
- Penutup aman: “Karena itu kami validasi lewat pengujian ...”
Dengan pola ini, jawaban tetap terstruktur walaupun pertanyaannya spontan.