BPMN Adding Form

---

BPMN Editor menyediakan berbagai fitur untuk membantu Anda merancang proses, seperti mengelola Form dan melihat tampilan diagram dalam berbagai mode. Halaman ini menjelaskan cara mengakses Form Editor, menambahkan komponen, serta beralih antar mode tampilan seperti Design, Preview, dan XML.

Mengakses Form Editor

---

1. Login dan Akses Drive
   Masuk ke akun Alurkerja SaaS Anda, kemudian navigasi ke menu Drive melalui halaman Studio.
2. Buka BPMN Editor
   Pilih file BPMN yang ingin Anda ubah.
3. Pilih Elemen Pool/Participant
   Klik Pool/Participant untuk membuka propertinya di sidebar.
4. Masuk ke Form Editor
   Klik bagian Form Editor untuk membuka halaman penyusunan Form.

Mengelola Form

---

Menambahkan Komponen

---

• Pilih Komponen: Di panel kiri, terdapat berbagai jenis komponen yang dikelompokkan menjadi:
  • Input: Digunakan untuk berbagai jenis input, seperti dropdown, multiple select, radio button, checkbox, expression input, upload file, editor, dan lainnya.
  • Typography: Untuk menampilkan teks seperti heading dan paragraph.
  • Layout: Untuk pengaturan tata letak, seperti layout row, layout column, layout grid 2x2, dan lainnya.
  • Action: Menambahkan aksi atau interaksi dalam form atau proses.
  • Media: Untuk menampilkan media seperti image dan video.
• Drag 'n' Drop: Klik dan tahan pada komponen yang Anda inginkan, lalu seret (drag) ke area Form di tengah. Lepaskan klik untuk menempatkan komponen tersebut.
• Simpan Form: Untuk menyimpan perubahan maka klik tombol Save pada pojok kanan atas atau klik tombol [ X ] untuk membatalkan pembuatan form.

Menghapus Komponen

---

Jika diperhatikan dipojok kanan atas pada setiap komponen pada form akan ada ikon hapus. Anda dapat menghapus konponen dari form dengan cara klik ikon tersebut.

Konfigurasi Form pada Event dan Task

Di dalam canvas editor, klik pada elemen User Task atau Start Event yang ingin Anda konfigurasi.

1. Buka Pengaturan Select Forms Pada sidebar (panel) di sebelah kanan, temukan dan klik bagian Select Forms untuk membukanya.

   Gambar	Keterangan
   	Form selection Task
   	Form selection Event

2. Atur Properti Form Anda akan melihat daftar semua komponen (field) yang ada di dalam Form Anda, yang disebut Form Properties.

3. Di sini Anda dapat mengatur properti untuk setiap field:

   • KEY: Nama unik (ID) dari komponen.
   • LABEL: Nama komponen yang tampil di formulir.
   • VISIBLE: Centang (check) kotak ini untuk membuat komponen terlihat pada task ini. Jika tidak dicentang, komponen akan disembunyikan.
   • READ ONLY: Centang kotak ini untuk membuat komponen tidak bisa diubah (read-only) oleh pengguna pada task ini.

4. Simpan Perubahan Pastikan untuk menyimpan perubahan pada diagram BPMN Anda setelah selesai melakukan konfigurasi.

Menggunakan Mode Preview di BPMN Editor

BPMN Editor menyediakan beberapa mode tampilan untuk memudahkan Anda dalam memeriksa diagram.

Mengakses Mode tampilan

1. Buka diagram BPMN di Halaman Studio

   

2. Gunakan tombol pada toolbar untuk memilih mode tampilan.

Jenis Mode yang Tersedia