# Mobile App Text-Based Wireframe Structure ## 1. Login Screen TEXT-BASED WIREFRAME: LOGIN -------------------------------- [Logo Perusahaan] [Input: Username] [Input: Password] [Checkbox] Ingat Saya [Button: LOGIN] [Link: Lupa Password?] Version 1.0.0 -------------------------------- ## 2. Dashboard Screen TEXT-BASED WIREFRAME: DASHBOARD -------------------------------- Header: - [Profile Picture] John Doe - Status: Petugas Sampling Aktif Quick Stats: - Tugas Hari Ini: 3 - Tugas Minggu Ini: 12 - Tugas Selesai: 8 Menu Cepat: [Button: Mulai Sampling Baru] [Button: Lanjutkan Sampling] [Button: Lihat Hasil Terakhir] [Button: Sinkronisasi Data] -------------------------------- ## 3. Sampling Process Screens ### 3.1 Sampling Kebisingan TEXT-BASED WIREFRAME: NOISE SAMPLING -------------------------------- [Back Button] Sampling Kebisingan Lokasi: PT Maju Jaya Waktu: 09:00 WIB Progress: Titik 1 dari 3 [Display: 85 dB(A)] [Timer: 10:00] [Button: Ambil Foto] [Button: Catat Kondisi] [Button: Simpan & Lanjut] -------------------------------- ### 3.2 Sampling Air Limbah TEXT-BASED WIREFRAME: WATER SAMPLING -------------------------------- [Back Button] Sampling Air Limbah Lokasi: RS Sehat Waktu: 13:00 WIB Input Parameter: [Input: pH] [Input: Suhu] [Input: Debit] [Input: TSS] [Button: Ambil Foto] [Button: Cetak Label] [Button: Simpan Data] -------------------------------- ## 4. Documentation Screen TEXT-BASED WIREFRAME: DOCUMENTATION -------------------------------- [Back Button] Dokumentasi Galeri Foto: [Grid: 3x3 Foto Thumbnail] [Button: Ambil Foto Baru] Dokumen: [Button: Berita Acara] [Button: Form Pengukuran] [Button: Checklist Sampling] [Button: Tanda Tangan] [Button: Upload & Sinkronisasi] -------------------------------- ## 5. Report Screen TEXT-BASED WIREFRAME: REPORT -------------------------------- [Back Button] Laporan Sampling No. Laporan: SAM-2024-001 Tanggal: 12 Juni 2024 Detail Sampling: - Perusahaan: [Nama] - Lokasi: [Alamat] - Parameter: [List] - Hasil: [Data] [Button: Lihat Foto] [Button: Download PDF] [Button: Kirim Laporan] -------------------------------- ## 6. Settings Screen TEXT-BASED WIREFRAME: SETTINGS -------------------------------- [Back Button] Pengaturan [Menu: Profil Petugas] [Menu: Ganti Password] [Menu: Sinkronisasi Data] [Menu: Mode Offline] [Menu: Pengaturan Notifikasi] [Menu: Hapus Cache] [Menu: Bahasa] [Menu: Tentang Aplikasi] [Button: Logout] -------------------------------- ## Navigation Bar TEXT-BASED WIREFRAME: BOTTOM NAV -------------------------------- [Home] [Tasks] [Docs] [Settings] -------------------------------- Note: - Semua [Button] menandakan elemen yang dapat diklik - Semua [Input] menandakan field yang dapat diisi - Semua [Menu] menandakan opsi yang dapat dipilih - Tanda [] menunjukkan elemen UI yang interaktif