> ## Documentation Index
> Fetch the complete documentation index at: https://docs.opteraone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Mengisi Checklist

> Cara mengisi, menyimpan, dan mendokumentasikan setiap item  checklist pekerjaan di aplikasi mobile OpteraOne.

Checklist adalah inti dari dokumentasi pekerjaan di OpteraOne. Setiap item checklist yang diisi menjadi bukti digital bahwa pekerjaan sudah dilakukan sesuai standar operasional yang ditetapkan.

<Note>
  Panduan ini adalah langkah kedua dari empat langkah dalam **Penyelesaian Tugas**. Urutan lengkapnya adalah:

  1. [Memulai Tugas →](/memulai-tugas)
  2. **Mengisi Checklist** ← Anda di sini
  3. [Kirim Laporan →](/kirim-laporan)
  4. [Perbaikan Tugas →](/perbaikan-tugas) *(jika diminta admin)*
</Note>

<Warning>
  Checklist **hanya dapat diisi setelah tombol "Mulai Tugas" ditekan**. Jika Anda belum memulai tugas, ikuti panduan [Memulai Tugas →](/memulai-tugas) terlebih dahulu.
</Warning>

***

## Mengakses Checklist

<Steps>
  <Step title="Buka Tab Ceklis">
    Dari halaman Detail Tugas yang sudah dalam status **"Sedang Berlangsung"**, ketuk tab **"Ceklis"**.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-tab.png" alt="Tab ceklis aktif dengan progress bar" />
    </Frame>

    Progress bar di bagian atas menampilkan persentase penyelesaian checklist secara keseluruhan.
  </Step>

  <Step title="Pilih Seksi Checklist">
    Ketuk salah satu **seksi checklist** untuk membuka dan mulai mengisi item di dalamnya.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-sections.png" alt="Daftar seksi checklist yang tersedia" />
    </Frame>

    <Tip>
      Kerjakan seksi checklist **sesuai urutan dari atas ke bawah** — urutan seksi dirancang mengikuti alur pekerjaan yang benar sesuai SOP.
    </Tip>
  </Step>
</Steps>

***

## Jenis Komponen Checklist

Setiap seksi checklist dapat berisi berbagai jenis komponen yang perlu diisi dengan cara yang berbeda. Berikut panduan untuk setiap jenis komponen:

<AccordionGroup>
  <Accordion title="Input Tanggal & Waktu" icon="calendar-clock">
    Komponen untuk mencatat waktu kejadian — seperti waktu berangkat, waktu tiba di lokasi, atau waktu mulai pengerjaan.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-datetime.png" alt="Komponen input tanggal dan waktu" />
    </Frame>

    **Cara mengisi:**

    1. Ketuk field tanggal/waktu
    2. Pilih tanggal dari kalender yang muncul
    3. Sesuaikan jam dan menit menggunakan time picker
    4. Ketuk **"Konfirmasi"** atau **"OK"** untuk menyimpan pilihan

    <Note>
      Beberapa field waktu mungkin sudah terisi otomatis dengan waktu saat ini sebagai default. Periksa dan sesuaikan jika perlu — pastikan waktu yang dicatat adalah waktu aktual kejadian, bukan waktu mengisi form.
    </Note>
  </Accordion>

  <Accordion title="Upload Foto" icon="camera">
    Komponen untuk mendokumentasikan kondisi atau hasil pekerjaan melalui foto — misalnya foto kondisi sebelum dan sesudah pekerjaan.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-photo.png" alt="Komponen upload foto checklist" />
    </Frame>

    **Cara mengisi:**

    1. Ketuk area foto atau tombol **"Buka Kamera"**
    2. Ambil foto menggunakan kamera perangkat Anda
    3. Foto akan langsung ditampilkan sebagai pratinjau di dalam komponen

    **Menghapus foto yang salah:**

    Jika foto yang diambil kurang tepat, ketuk tombol **"Hapus"** yang muncul di sudut foto pratinjau, lalu ambil ulang foto yang baru.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-photo-preview.png" alt="Foto pratinjau dengan tombol hapus" />
    </Frame>

    <Tip>
      Pastikan foto yang diambil **jelas, tidak blur, dan menampilkan objek yang diminta** dengan pencahayaan yang cukup. Foto yang buram atau tidak relevan dapat menyebabkan laporan dikembalikan untuk perbaikan oleh Admin.
    </Tip>
  </Accordion>

  <Accordion title="Checkbox / Centang" icon="square-check">
    Komponen konfirmasi sederhana — Anda mencentang item sebagai tanda bahwa langkah tersebut sudah dilakukan.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-checkbox.png" alt="Komponen checkbox checklist" />
    </Frame>

    **Cara mengisi:**

    Ketuk lingkaran di sebelah kanan item untuk mencentangnya. Lingkaran akan berubah menjadi ikon centang berwarna biru sebagai konfirmasi.
  </Accordion>

  <Accordion title="Pilihan (Ya / Tidak atau Opsi Lain)" icon="list-ul">
    Komponen pilihan tunggal dari beberapa opsi yang tersedia — misalnya "Sudah / Belum" atau kondisi hasil pengecekan.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-radio.png" alt="Komponen pilihan checklist" />
    </Frame>

    **Cara mengisi:**

    Ketuk salah satu opsi yang sesuai dengan kondisi aktual. Opsi yang dipilih akan ditandai dengan lingkaran berwarna biru.

    <Note>
      Hanya **satu pilihan** yang dapat dipilih untuk setiap komponen jenis ini. Jika ingin mengubah pilihan, ketuk opsi lain untuk mengganti pilihan sebelumnya.
    </Note>
  </Accordion>

  <Accordion title="Input Nilai / Teks" icon="keyboard">
    Komponen untuk memasukkan nilai numerik, pengukuran, atau catatan teks bebas.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-input.png" alt="Komponen input nilai teks checklist" />
    </Frame>

    **Cara mengisi:**

    1. Ketuk field input untuk membuka keyboard
    2. Ketik nilai atau teks yang sesuai
    3. Ketuk di luar field atau tekan **"Selesai"** di keyboard untuk mengonfirmasi

    <Tip>
      Untuk field nilai numerik seperti tekanan, suhu, atau dimensi — pastikan satuan yang digunakan sudah sesuai dengan yang diminta dalam label komponen.
    </Tip>
  </Accordion>
</AccordionGroup>

***

## Menyimpan Satu Seksi Checklist

Setelah mengisi semua komponen dalam satu seksi, Anda harus menyimpannya sebelum berpindah ke seksi berikutnya.

<Steps>
  <Step title="Periksa Semua Komponen Sudah Terisi">
    Scroll ke atas dan bawah dalam seksi yang terbuka untuk memastikan semua komponen — terutama yang **berwajib (ditandai tanda bintang ✱)** — sudah terisi.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-filled.png" alt="Semua komponen checklist sudah terisi" />
    </Frame>

    <Warning>
      Komponen yang ditandai **✱ (wajib)** harus diisi sebelum tombol "Simpan" dapat ditekan. Jika ada komponen wajib yang kosong, sistem akan menampilkan pesan error dan menandai komponen mana yang belum diisi.
    </Warning>
  </Step>

  <Step title="Ketuk Tombol 'Simpan'">
    Scroll ke bagian bawah seksi dan ketuk tombol **"Simpan"** untuk menyimpan semua isian dalam seksi ini.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-save.png" alt="Tombol simpan di bagian bawah seksi checklist" />
    </Frame>
  </Step>

  <Step title="Konfirmasi Seksi Tersimpan">
    Setelah berhasil disimpan:

    * Notifikasi singkat **"Berhasil disimpan"** muncul di bagian bawah layar
    * Seksi yang baru disimpan menampilkan label **"Selesai"** berwarna hijau di sebelah namanya
    * Progress bar di atas tab Ceklis terbarui menampilkan persentase yang lebih tinggi

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-saved.png" alt="Seksi checklist dengan label selesai setelah disimpan" />
    </Frame>
  </Step>

  <Step title="Lanjutkan ke Seksi Berikutnya">
    Ketuk seksi berikutnya dalam daftar dan ulangi proses pengisian hingga semua seksi menampilkan label **"Selesai"**.
  </Step>
</Steps>

***

## Memantau Progress Keseluruhan

Selama mengisi checklist, Anda dapat memantau progress secara keseluruhan melalui progress bar di bagian atas tab Ceklis.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-progress.png" alt="Progress bar checklist dengan persentase penyelesaian" />
</Frame>

| Tampilan                       | Keterangan                                         |
| ------------------------------ | -------------------------------------------------- |
| **0/16 Tugas Selesai — 0%**    | Belum ada checklist yang diisi dan disimpan        |
| **4/16 Tugas Selesai — 25%**   | Seperempat checklist sudah selesai                 |
| **16/16 Tugas Selesai — 100%** | Semua checklist sudah selesai — siap kirim laporan |

<Note>
  Angka di progress bar menghitung **item checklist individu**, bukan jumlah seksi. Satu seksi bisa berisi lebih dari satu item checklist.
</Note>

***

## Tips Dokumentasi yang Baik

Kualitas dokumentasi checklist mempengaruhi kecepatan persetujuan laporan oleh Admin. Ikuti panduan berikut untuk hasil terbaik:

<AccordionGroup>
  <Accordion title="Foto Kondisi Sebelum dan Sesudah" icon="images">
    Jika ada checklist foto kondisi awal dan akhir, selalu ambil keduanya dari **sudut yang sama** untuk perbandingan yang jelas.

    Pastikan foto menampilkan:

    * Objek yang diminta secara jelas dan terfokus
    * Pencahayaan yang cukup — hindari foto terlalu gelap atau terlalu terang
    * Tidak ada jari atau objek yang menghalangi bagian utama foto
  </Accordion>

  <Accordion title="Catat Waktu yang Akurat" icon="clock">
    Input waktu — seperti waktu berangkat dan waktu tiba — harus mencerminkan **waktu aktual** yang terjadi, bukan waktu saat mengisi form.

    Jika Anda lupa mencatat waktu persis, perkirakan sedekat mungkin dengan kejadian aktual dan tambahkan catatan di field teks jika tersedia.
  </Accordion>

  <Accordion title="Isi Semua Item Wajib" icon="asterisk">
    Prioritaskan pengisian semua item yang ditandai **wajib (✱)** sebelum item opsional. Item wajib adalah yang paling kritis untuk quality control dan tidak dapat dilewati saat menyimpan seksi.
  </Accordion>

  <Accordion title="Manfaatkan Field Catatan" icon="pen-to-square">
    Jika ada temuan, anomali, atau kondisi khusus yang tidak tercakup dalam checklist standar, gunakan field catatan atau teks bebas untuk mendokumentasikannya.

    Catatan yang detail membantu Admin memahami konteks pekerjaan dan mempercepat proses review.
  </Accordion>
</AccordionGroup>

***

## Semua Checklist Selesai

Ketika semua seksi sudah menampilkan label **"Selesai"** dan progress bar menunjukkan **100%**, Anda siap untuk mengirimkan laporan.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/ait-8f7a7cd9/images/app-checklist-complete.png" alt="Semua seksi checklist dengan label selesai dan progress 100%" />
</Frame>

***

## Langkah Selanjutnya

<Card title="Kirim Laporan →" icon="paper-plane" href="/kirim-laporan">
  Semua checklist sudah terisi? Pelajari cara mengirim laporan tugas dan apa yang terjadi setelahnya.
</Card>