LAB_LINGKUNGAN/wireframe_mobile.md

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