> ## 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.

# Manajemen Alur Tugas

> Cara membuat dan mengelola alur tugas yang mendefinisikan  tahapan status pekerjaan di CMS OpteraOne.

Alur Tugas mendefinisikan tahapan dan transisi status yang dilalui sebuah tugas — dari saat dibuat hingga selesai. Setiap Kategori Tugas memiliki Alur Tugas tersendiri yang mencerminkan proses bisnis yang berlaku.

<Note>
  Alur Tugas adalah **langkah ketiga** dalam Setup Awal. Alur Tugas selalu terikat pada Kategori Tugas, jadi pastikan Kategori Tugas sudah dibuat sebelum membuat Alur Tugas.
</Note>

<Tip>
  Gunakan fungsi **Gandakan Alur Tugas** jika beberapa kategori memiliki alur yang sama. Ini menghemat waktu setup secara signifikan.
</Tip>

***

## Mengakses Halaman Alur Tugas

<Steps>
  <Step title="Buka Menu Pengaturan">
    Dari halaman mana pun di CMS, klik menu **Pengaturan** pada navigasi utama.
  </Step>

  <Step title="Pilih Menu Alur Tugas">
    Pada halaman Pengaturan, pilih sub-menu **Alur Tugas**.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/setting-(1).png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=4440a24a68103fb0460d215162c0d713" alt="Setting (1)" width="1440" height="1125" data-path="images/setting-(1).png" />
    </Frame>
  </Step>
</Steps>

***

## Halaman Daftar Alur Tugas

Halaman ini menampilkan semua Alur Tugas yang sudah dikonfigurasi, dikelompokkan berdasarkan Kategori Tugas.

<Frame>
  <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/task_flow.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=d9c6c1d475d4ea13ef20d985b1e72a82" alt="Task Flow" width="1440" height="900" data-path="images/task_flow.png" />
</Frame>

Halaman Daftar Alur Tugas memiliki 8 fungsi utama:

| #      | Fungsi               | Keterangan                                                                         |
| ------ | -------------------- | ---------------------------------------------------------------------------------- |
| **#1** | Pencarian nama       | Cari alur tugas berdasarkan nama                                                   |
| **#2** | Pengurutan           | Urutkan berdasarkan: Kategori Tugas, Tanggal Pembuatan, Tanggal Perubahan Terakhir |
| **#3** | Jumlah baris data    | Default 10 baris — dapat diubah ke 25, 50, atau 100                                |
| **#4** | Filter data          | Kombinasi pencarian menggunakan menu filter                                        |
| **#5** | Buat alur tugas baru | Tombol untuk membuat alur tugas baru                                               |
| **#6** | Aksi ubah            | Mengubah alur tugas yang sudah ada                                                 |
| **#7** | Gandakan alur tugas  | Menduplikasi alur tugas ke kategori lain                                           |
| **#8** | Detail alur tugas    | Klik nama alur untuk melihat detailnya                                             |

<Note>
  Berbeda dengan modul lain, Alur Tugas tidak memiliki fungsi nonaktifkan/aktifkan. Pengelolaan dilakukan melalui ubah atau gandakan.
</Note>

***

## Fungsi Pencarian Alur Tugas

<Steps>
  <Step title="Klik Kolom Cari">
    Klik kolom **"Cari"** yang ada di bagian atas halaman Daftar Alur Tugas.
  </Step>

  <Step title="Ketik Kata Pencarian">
    Mulai ketik nama alur tugas yang ingin dicari. Hasil pencarian ditampilkan secara real-time.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/task_flow-1.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=a5f94dce18ce5b8857f3ac2f39f485c8" alt="Task Flow 1" width="1440" height="900" data-path="images/task_flow-1.png" />
    </Frame>
  </Step>

  <Step title="Tidak Ada Hasil">
    Jika tidak ada nama alur tugas yang cocok, halaman akan menampilkan tampilan kosong.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/task_flow-2.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=30f7465a5ad9735cd9161ff3cd9b06ee" alt="Task Flow 2" width="1440" height="900" data-path="images/task_flow-2.png" />
    </Frame>
  </Step>
</Steps>

***

## Fungsi Filter Alur Tugas

<Steps>
  <Step title="Klik Ikon Filter">
    Klik ikon **Filter** di bagian atas halaman. Panel filter akan muncul dari sisi kanan layar.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/task_flow-3.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=6d5d4ac68a3829566ed1ef9d6748fdd5" alt="Task Flow 3" width="1440" height="900" data-path="images/task_flow-3.png" />
    </Frame>
  </Step>

  <Step title="Pilih Kombinasi Filter">
    Anda dapat memfilter berdasarkan kombinasi kriteria berikut:

    * **Kategori Tugas** — filter berdasarkan kategori yang terikat
    * **Tanggal Pembuatan** — filter berdasarkan rentang tanggal dibuat
    * **Tanggal Perubahan Terakhir** — filter berdasarkan kapan terakhir diubah
    * **Status** — Aktif atau Tidak Aktif
  </Step>

  <Step title="Terapkan atau Atur Ulang">
    * Klik **"Terapkan"** untuk menerapkan filter yang dipilih
    * Klik **"Atur Ulang"** untuk menghapus semua pilihan filter
    * Klik ikon **✕** untuk menutup panel tanpa perubahan
  </Step>
</Steps>

***

## Membuat Alur Tugas Baru

<Steps>
  <Step title="Klik Tombol 'Buat Alur Tugas'">
    Dari halaman Daftar Alur Tugas, klik tombol **"Buat Alur Tugas"** di bagian kanan atas halaman.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/task_flow.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=d9c6c1d475d4ea13ef20d985b1e72a82" alt="Task Flow" width="1440" height="900" data-path="images/task_flow.png" />
    </Frame>
  </Step>

  <Step title="Pilih Kategori Tugas">
    Pada sisi kiri halaman, pilih **Kategori Tugas** yang akan menggunakan alur ini.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/create-4.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=eeb6b5d07923d28bc5009b00de3bc4c3" alt="Create 4" width="1440" height="900" data-path="images/create-4.png" />
    </Frame>

    <Note>
      Satu Kategori Tugas hanya dapat memiliki **satu Alur Tugas** yang aktif. Pastikan kategori yang dipilih belum memiliki alur tugas sebelumnya, atau gunakan fungsi Ubah jika ingin memodifikasi alur yang sudah ada.
    </Note>
  </Step>

  <Step title="Tambahkan Tahapan Alur">
    Setelah memilih kategori, klik tombol **"Tambah Alur Tugas"** untuk menambahkan tahapan status baru.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/create-5.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=842ac1597a1423e3e5d02526f41487be" alt="Create 5" width="1440" height="900" data-path="images/create-5.png" />
    </Frame>

    Untuk setiap tahapan, isi:

    | Field               | Keterangan                                           | Contoh                          |
    | ------------------- | ---------------------------------------------------- | ------------------------------- |
    | **Nama Alur Tugas** | Nama tahapan status                                  | "Sedang Berlangsung", "Selesai" |
    | **Warna**           | Warna visual untuk identifikasi tahapan di interface | Hijau, Merah, Biru              |

    Klik **"Tambah"** untuk menyimpan tahapan, atau **"Batal"** untuk membatalkan.

    <Tip>
      Tambahkan tahapan sesuai urutan alur kerja nyata di lapangan. Contoh alur umum: **Aktif → Sedang Berlangsung → Menunggu Persetujuan → Selesai**. Gunakan warna yang intuitif — misalnya merah untuk tahapan kritis, hijau untuk selesai.
    </Tip>
  </Step>

  <Step title="Tambahkan Semua Tahapan yang Diperlukan">
    Ulangi langkah sebelumnya untuk setiap tahapan dalam alur. Pastikan semua status yang diperlukan sudah ditambahkan sebelum menyimpan.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/create-6.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=6c725253363df108cbe7374ed1685ac4" alt="Create 6" width="1440" height="900" data-path="images/create-6.png" />
    </Frame>
  </Step>

  <Step title="Klik Simpan">
    Scroll ke bagian bawah halaman dan klik tombol **"Simpan"**. Konfirmasi simpan akan muncul.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/create-7.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=617989110c1bce54cd75f12ed099fa97" alt="Create 7" width="1440" height="900" data-path="images/create-7.png" />
    </Frame>
  </Step>

  <Step title="Konfirmasi Data">
    Periksa kembali data yang ditampilkan. Jika sudah sesuai, klik **"Simpan"** untuk menyimpan alur tugas baru.
  </Step>
</Steps>

***

## Menggandakan Alur Tugas

Fungsi Gandakan memungkinkan Anda menduplikasi alur tugas yang sudah ada ke kategori tugas yang lain — berguna jika beberapa kategori menggunakan alur yang identik atau serupa.

<Steps>
  <Step title="Klik Ikon Gandakan">
    Dari halaman Daftar Alur Tugas, klik ikon **Gandakan** pada kolom Aksi di baris alur tugas yang ingin diduplikasi.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/task_flow.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=d9c6c1d475d4ea13ef20d985b1e72a82" alt="Task Flow" width="1440" height="900" data-path="images/task_flow.png" />
    </Frame>
  </Step>

  <Step title="Pilih Kategori Tugas Tujuan">
    Dialog pemilihan kategori akan muncul. Pilih **Kategori Tugas** yang akan menerima salinan alur ini.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/task_flow-4.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=fa888e7c1d21085f42ff492e65f65596" alt="Task Flow 4" width="1440" height="900" data-path="images/task_flow-4.png" />
    </Frame>
  </Step>

  <Step title="Terapkan atau Batal">
    * Klik **"Terapkan"** untuk menggandakan alur ke kategori yang dipilih
    * Klik **"Batal"** untuk membatalkan aksi
  </Step>
</Steps>

<Note>
  Alur yang sudah digandakan bersifat **independen** — perubahan pada alur asli tidak akan mempengaruhi salinannya, dan sebaliknya.
</Note>

***

## Melihat Detail Alur Tugas

Klik **nama alur tugas** pada tabel untuk membuka halaman Detail Alur Tugas.

<Frame>
  <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/details-2.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=fcafef2af8210acdf987111171edfe25" alt="Details 2" width="1440" height="900" data-path="images/details-2.png" />
</Frame>

Halaman detail menampilkan seluruh tahapan status dalam alur tugas tersebut beserta warna dan urutan tahapannya.

Untuk mengubah data, klik tombol **"Lainnya"** → pilih **"Ubah Alur Tugas"**.

***

## Mengubah Alur Tugas

Perubahan dapat dilakukan melalui **dua cara**:

<Tabs>
  <Tab title="Via Ikon Edit di Daftar">
    Dari halaman Daftar Alur Tugas, klik ikon **Edit (✏️)** pada kolom Aksi di baris alur yang ingin diubah.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/task_flow.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=d9c6c1d475d4ea13ef20d985b1e72a82" alt="Task Flow" width="1440" height="900" data-path="images/task_flow.png" />
    </Frame>
  </Tab>

  <Tab title="Via Halaman Detail">
    Dari halaman Detail Alur Tugas, klik tombol **"Lainnya"** → pilih **"Ubah Alur Tugas"**.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/details-3.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=8db9d8db12024713b06086c71b376401" alt="Details 3" width="1443" height="900" data-path="images/details-3.png" />
    </Frame>
  </Tab>
</Tabs>

Pada halaman Ubah Alur Tugas, Anda dapat melakukan:

<AccordionGroup>
  <Accordion title="Mengubah Nama dan Warna Tahapan" icon="pencil">
    Klik ikon **Edit** pada salah satu tahapan alur. Form ubah akan muncul dengan field Nama dan Warna yang dapat dimodifikasi.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/edit-2.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=5370c2ee4a86003ec08ad2495d92f4d7" alt="Edit 2" width="1440" height="900" data-path="images/edit-2.png" />
    </Frame>

    Setelah selesai mengubah, klik **"Ubah"** untuk menyimpan perubahan pada tahapan tersebut.
  </Accordion>

  <Accordion title="Mengubah Urutan Tahapan" icon="arrows-up-down">
    Arahkan kursor ke ikon **6 titik (⠿)** di sebelah kiri nama tahapan. Ketika kursor berubah menjadi ikon pindah, **tahan dan geser** tahapan ke posisi yang diinginkan.

    <Frame>
      <img src="https://mintcdn.com/ait-8f7a7cd9/pFjg2tMf9k4cL7ZE/images/edit-3.png?fit=max&auto=format&n=pFjg2tMf9k4cL7ZE&q=85&s=ea782a558fa864d6bc6bdce6d22a7211" alt="Edit 3" width="1440" height="900" data-path="images/edit-3.png" />
    </Frame>

    <Note>
      Urutan tahapan dalam alur tugas akan mempengaruhi urutan pilihan status yang tersedia bagi Agen/Teknisi di aplikasi mobile saat mengerjakan tugas.
    </Note>
  </Accordion>
</AccordionGroup>

<Steps>
  <Step title="Selesaikan Perubahan">
    Lakukan semua perubahan yang diperlukan pada tahapan alur.
  </Step>

  <Step title="Klik Simpan">
    Scroll ke bagian bawah halaman dan klik **"Simpan"**. Konfirmasi perubahan akan ditampilkan.
  </Step>

  <Step title="Konfirmasi Perubahan">
    Periksa data yang ditampilkan. Jika sudah sesuai, klik **"Simpan"** untuk menyimpan semua perubahan.
  </Step>
</Steps>

<Warning>
  Perubahan pada Alur Tugas akan mempengaruhi semua tugas baru yang menggunakan kategori tersebut. Tugas yang sedang berjalan tidak akan terpengaruh.
</Warning>

***

## Langkah Selanjutnya

<Card title="Manajemen Checklist Tugas →" icon="list-check" href="/manajemen-checklist-tugas">
  Alur Tugas sudah dikonfigurasi? Lanjutkan dengan membuat Checklist untuk setiap tahapan alur agar teknisi tahu persis apa yang harus dikerjakan di setiap step.
</Card>