📢 MATERI & TUGAS: Analisis Soal Uji Kompetensi Pemrogram Junior (Studi Kasus: Aplikasi Penyewaan Mobil)
Halo anak-anak! Pada uji kompetensi Pemrogram Junior (Junior Coder) BNSP, peserta diminta membuat aplikasi berbasis web dari sebuah skenario soal. Kali ini kita berlatih dengan studi kasus Aplikasi Penyewaan Mobil.
🔗 Soal lengkap: FR.IA.02 TPD - Aplikasi Penyewaan Mobil (Pemrogram Junior)
📖 BAGIAN 1: MEMBACA DAN MEMAHAMI SOAL
Sebelum mengetik satu baris kode pun, pelajari soal dengan urutan berikut:
- Skenario: siapa penggunanya, apa masalah yang diselesaikan, dan bagaimana alur kerjanya. Pada soal ini, petugas rental melayani penyewaan dan pengembalian mobil.
- Struktur data: daftar tabel dan field yang disediakan (Pelanggan, Jenis Mobil, Mobil, Penyewaan, Pengembalian, Petugas). Dari sinilah database dirancang.
- Tabel hak akses: fitur apa saja yang boleh dipakai Administrator, Petugas Rental, dan Pelanggan. Ini menentukan menu dan halaman yang dibuat.
- Daftar kegiatan (12 butir): ini adalah “daftar belanja” yang akan dinilai asesor.
- Instrumen penilaian (Lampiran 1): baca kriterianya agar tahu apa yang diperiksa, misalnya fungsi dan prosedur, array, perulangan, serta debugging tanpa error.
💡 Tips: stabilo kata kunci seperti otomatis, hanya, minimal, dan dilengkapi, karena sering menjadi poin penilaian.
🛠️ BAGIAN 2: TAHAPAN PENGERJAAN (Alur Kerja Programmer)
| Tahap | Kegiatan | Hasil |
|---|---|---|
| 1. Analisis | Memahami proses, pengguna, data, dan aturan hitung (biaya sewa, deposit, denda) | Catatan analisis |
| 2. Perancangan sistem | Flowchart, DFD/UML, Diagram ER, relasi antar tabel | Diagram |
| 3. Perancangan tampilan | Mockup login, dashboard, form transaksi, riwayat, dan dokumen cetak | Mockup |
| 4. Database | Menentukan tipe data, membuat tabel, stored procedure, function, trigger, dan data dummy | Database siap pakai |
| 5. Pemrograman | Login dan hak akses, CRUD, transaksi, laporan, cetak dokumen | Aplikasi berjalan |
| 6. Dokumentasi | Komentar dan penjelasan fungsi, prosedur, atau method | Dokumen kode |
| 7. Pengujian dan debugging | Manual test, perbaiki error di backend dan frontend | Aplikasi bebas error |
Contoh aturan hitung dari soal ini:
- Biaya Sewa = Tarif per Hari × Lama Sewa
- Total Bayar = Biaya Sewa + Deposit
- Denda = Hari Terlambat × Denda per Hari
- Mobil berstatus “Disewa” tidak boleh disewakan lagi
Aturan seperti ini nantinya menjadi fungsi di program dan skenario di manual test. Hari ini kita baru mengerjakan tahap 1 dan 3, yaitu analisis dan mockup.
📝 BAGIAN 3: TUGAS HARI INI
- Pelajari soal pada tautan di atas.
- Tulis analisis singkat dengan kata-kata sendiri:
- Siapa saja pengguna dan fitur apa yang boleh mereka akses?
- Tabel dan field apa saja yang dibutuhkan?
- Bagaimana alur penyewaan dan pengembalian mobil?
- Aturan perhitungan apa saja yang ada?
- Buat mockup (desain tampilan saja, belum perlu dikoding). Pilih salah satu cara:
- Tool desain: Figma, Canva, Balsamiq, atau digambar tangan lalu difoto.
- Dibantu AI: gunakan Gemini AI dengan fitur preview web (misalnya Canvas), lalu screenshot hasilnya.
- Halaman Login
- Dashboard (Administrator dan Petugas)
- Form Entri Penyewaan Mobil
- Halaman Riwayat Penyewaan untuk Pelanggan
- Tampilan cetak Surat Perjanjian Sewa
🤖 Ketentuan jika memakai AI:
- Tulis analisis sendiri dulu, baru buat prompt.
- Cantumkan prompt yang digunakan (boleh berupa screenshot).
- Periksa hasil AI: apakah field, menu, dan hak akses sudah sesuai soal? Perbaiki lewat prompt lanjutan jika belum.
- Tulis 2-3 kalimat tentang bagian yang kalian revisi dari hasil AI dan alasannya.
Contoh prompt:
Buatkan mockup web (preview HTML/CSS, tanpa backend) untuk
"Aplikasi Penyewaan Mobil" dengan halaman berikut:
1. Login (role: Administrator, Petugas Rental, Pelanggan)
2. Dashboard petugas: jumlah mobil tersedia, mobil disewa,
pendapatan bulan ini, tabel transaksi terbaru
3. Form entri penyewaan: input No Pelanggan (nama, alamat, No SIM
muncul otomatis), pilih mobil tersedia, tanggal sewa, lama sewa,
tombol [Proses] yang menampilkan biaya sewa, deposit, total bayar
4. Halaman riwayat penyewaan untuk pelanggan berdasarkan No Pelanggan
5. Tampilan cetak Surat Perjanjian Sewa Mobil
Gunakan desain modern, responsif, warna dominan biru, ada foto
mobil sebagai placeholder, dan data dummy dalam Bahasa Indonesia.- Buat postingan aktivitas belajar hari ini di blog kalian, berisi: apa yang dipelajari, ringkasan analisis, dan tangkapan layar mockup.
- Kumpulkan dengan menyalin link postingan kalian ke kolom komentar postingan ini.
✅ FORMAT PENGUMPULAN (wajib di komentar)
Nama:
Kelas:
Link postingan:⚠️ Ketentuan
- Analisis dan mockup adalah hasil karya sendiri.
- Pastikan postingan bisa dibuka (tidak dikunci/private).
- Batas pengumpulan: ……………
Selamat mengerjakan, semangat! 🚀
#PemrogramJunior #BNSP #AplikasiPenyewaanMobil #AnalisisSistem #MockupUI
