Cara Membuat Flow Chart Menggunakan Draw.io

Flowchart adalah diagram yang menampilkan langkah-langkah dan keputusan untuk melakukan sebuah proses dari suatu aplikasi. Sebelum mulai, mari kenali terlebih dahulu berbagai simbol-simbol yang digunakan dalam pembuatan flowchart. Simbol-simbol tersebut digunakan untuk memberikan keterangan proses dari sebuah langkah. Simbol-simbol tersebut memiliki bentuk yang bermacam-macam, serta setiap bentuknya memiliki fungsi yang berbeda-beda.

Memahami Arti dari Setiap Simbol Flowchart

Ketika kamu membuat flowchart ada beberapa simbol yang harus kamu ketahui. Namun, ketika kamu membuat flowchar sederhana, kamu bisa menggunakan lima simbol berikut:

1. Decision, digunakan untuk menunjukan kondisi tertentu yang akan menghasilkan dua kemungkinan jawaban, yaitu ya dan tidak.
2. Flow, digunakan untuk menggabungkan antara simbol yang satu dengan simbol yang lain.
3. Data, digunakan untuk menyatakan input dan output.
4. Process, digunakan untuk menyatakan suatu proses yang sedang terjadi.
5. Terminator, digunakan untuk menyatakan titik awal dan akhir dari suatu program.

Jika kamu kebingungan dengan simbol-simbol tersebut, mari kita coba membuat satu flowchart sederhana dengan menggunakan lima simbol di atas.

Contoh membuat flowchart untuk menambahkan item barang.

• Langkah pertama, mulailah dengan membuat terminator untuk memulai flowchart. Kemudian beri keterangan “Mulai” pada terminator tersebut. Sehingga hasilnya akan menjadi seperti ini:
  
• Langkah selanjutnya adalah masuk ke akun (input id dan password) dengan menggunakan simbol data, kemudian berikanlah keterangan “Login”. Sehingga flowchart akan menjadi seperti ini:
  
• Setelah kamu mengisi login akun, aplikasi akan menampilkan display. Lalu pilih menu data barang untuk memproses ke tampilan data barang.
  

• Lalu aplikasi akan memprosen untuk menu menambahkan barang.
  
• Dengan menggunakan simbol data, masukkan data-data mengenai barang yang akan di input. lalu simpan.

  

• Dengan menggunakan simbol decision pada tahap sebelumnya, harus menambahkan dua pilihan yang terjadi setelah proses tersebut. Silahkan tambahkan dua output menggunakan simbol data setelah decision tersebut.
  
  
   
• Jangan lupa berikan penanda pada panah yang keluar dari simbol decision. Tambahkan teks “Ya” dan “Tidak”.
• Setelah program menghasilkan output, alur aplikasi menambahkan item selesai. Silakan akhiri flowchart dengan simbol terminator dan beri keterangan “Selesai”.
  
  
  

sumber:

https://www.dicoding.com/blog/cara-membuat-flowchart-yang-baik/