Tutorial Membuat Flowchart dengan Flowgorithm(Part 3)

Sadam Alfian
8 min readDec 2, 2021

--

Artikel ini akan membahas tentang cara menggunakan Loop pada aplikasi Flowgorithm.

Halo semuanya! pada artikel kali ini saya akan melanjutkan seri tutorial mengenai cara menggunakan aplikasi Flowgorithm untuk membuat Flowchart. Di tutorial kali ini, kita akan belajar menggunakan Loop(struktur pengulangan) pada Flowgorithm. Kita akan belajar sambil membuat sebuah program penghitung nilai rata-rata. Langsung saja yuk ikuti artikel ini sampai akhir!

Apa Itu Loop(perulangan) dalam pemrograman?

Seperti biasa, sebelum kita masuk ke inti tutorial, mari kita review pengetahuan kita tentang Loop dalam pemrograman. Loop adalah struktur pemrograman yang mengulangi urutan intruksi tertentu sampai kondisi tertentu terpenuhi.

Sebagai contoh, Alarm di HP kita akan terus berbunyi sampai kita mematikannya. Bunyi alarm yang berulang-ulang tersebut adalah intruksi dan dimatikannya alarm adalah kondisi yang membuat loop berhenti.

Dalam suatu program, Loop bisa digunakan untuk menambahkan jumlah angka, mengulang pemanggilan fungsi, dan masih banyak lagi.

Flowgorithm mendukung tiga jenis Loop. Jenis Loop tersebut adalah While Loop, For Loop, dan Do Loop.

Struktur Looping yang bisa digunakan dalam aplikasi Flowgorithm

While Loop

Sebuah While Loop mengevaluasi suatu kondisi yang diberikan oleh user dalam ekspresi boolean (True atau False). Jika kondisi tersebut bernilai True, While Loop akan mengeksekusi blok statement. Setelah statement dieksekusi, While Statement akan memeriksa ulang kondisi. Ketika kondisi bernilai False, loop akan berakhir.

Sebelum membuat program penghitung nilai rata-rata, kita akan mencoba membuat program sederhana yang akan menampilkan 5 bilangan bulat dengan menggunakan While Loop. Untuk membuat While Loop di Flowgorithm, langsung saja klik blok While di bagian Looping.

Struktur While Loop

Supaya While Loop bisa bekerja dengan baik, kita deklarasikan dulu variabel yang dibutuhkan dan kita isikan nilai ke dalam variabel tersebut.

Flowchart awal program sederhana untuk menampilkan cara kerja While Loop

Dari Flowchart di atas, kita bisa lihat bahwa While Loop akan mengevaluasi kondisi variabel bilangan. Selama nilai(isi) dari variabel bilangan ≤5, While Loop akan mengeksekusi statement di dalam block True, yaitu mengeluarkan output yang berisi nilai variabel bilangan lalu menambah nilai variabel bilangan dengan 1. Ketika nilai dari variabel bilangan sudah > 5, Loop akan berhenti.

Output program

Untuk memeriksa berapa nilai(value) dari variabel bilangan, Klik menu “Variable Watch window” yang ada pada Ribbon(di atas dekat fungsi Main).

Menu Variabel Watch Window

Menu ini akan menampilkan nilai dari variabel bilangan. Hasilnya, sekarang variabel bilangan bernilai 6 dan kondisi ini menyebabkan Loop berhenti.

Nilai dari variabel “bilangan” setelah Looping dilakukan.

Kurang lebih seperti itulah cara kerja While Loop dalam pemrograman. Selanjutnya, kita akan membuat program penghitung nilai rata-rata dengan menggunakan While Loop.

Membuat Program Penghitung Nilai Rata-rata menggunakan While Loop

Untuk membuat program penghitung nilai rata-rata, pertama-tama mari kita deklarasikan variabel-variabel yang kita butuhkan.

Beberapa variabel yang kita butuhkan untuk membuat program penghitung nilai rata-rata
  • Variabel jumlahData akan menampung banyaknya data(nilai) yang akan dimasukkan oleh user. Kita akan menggunakan isi dari variabel ini sebagai kondisi untuk diperiksa oleh While Loop. Variabel i akan menjadi index untuk melakukan increment pada Loop. Kedua variabel ini kita deklarasikan dalam tipe data Integer.
  • Variabel nilai akan menampung nilai yang akan dihitung rata-ratanya. Variabel jumlahTotal akan menampung jumlah dari semua nilai yang diinput oleh user. Variabel rataRata akan menampung nilai rata-rata dari semua input yang diberikan. Ketiga variabel ini kita deklarasikan dalam tipe data Real karena bisa saja nilai yang dimasukkan oleh user adalah nilai desimal/pecahan.

Kemudian, kita minta user untuk meng-input jumlah data yang ingin dihitung nilai rata-ratanya. Selanjutnya, kita isikan nilai variabel i dan juga jumlahTotal.

Melengkapi Flowchart Program

Kemudian, kita akan membuat kondisi While Loop. Loop akan berjalan selama nilai i ≤ nilai variabel jumlahData. Di dalam loop tersebut, kita akan meminta user untuk menginput nilai-nilai yang akan dihitung nilai rata-ratanya.

Supaya Loop dapat berjalan dengan benar, kita tambahkan nilai i dengan 1 setiap kali perulangan dilakukan. Loop akan berhenti ketika nilai variabel i melebihi nilai variabel jumlahData.

Menambahkan increment pada While Loop

Jika kita coba run program kita, While Loop akan berjalan dengan benar. Selain itu, jika kita cek isi dari variabel i, nilainya akan melebihi nilai variabel jumlahData.

Output Program

Kemudian, untuk menghitung nilai rata-rata, kita akan memasukkan nilai yang diinput oleh user ke dalam variabel jumlahTotal. Kita akan menambahkan isi dari variabel jumlahTotal dengan input yang dimasukkan oleh user satu per satu melalui While Loop.

Menambahkan logika untuk menjumlahkan total nilai yang dimasukkan oleh user ke dalam While Loop

Selanjutnya, kita hitung nilai rata-rata dengan rumus jumlah total dibagi jumlah data setelah Loop berakhir.

Menghitung nilai rata-rata

Kemudian, Flowchart kita akan menjadi seperti ini:

Flowchart akhir program penghitung nilai rata-rata dengan menggunakan While Loop

Sekarang, program akan dapat berjalan dengan benar. Kita bisa mencari nilai rata-rata dari semua nilai yang diinput oleh user.

Output akhir program penghitung nilai rata-rata

For Loop

For Loop adalah alternatif pengganti While Loop. For Loop digunakan untuk melakukan Looping selama waktu yang diketahui jumlahnya atau kita tahu persis berapa kali Loop akan dieksekusi sebelum Loop dimulai. Contoh:

  1. Mencetak(print) bilangan ganjil dari 1 sampai 1001.
  2. Mencetak pesan “hello world” sebanyak 5 kali

Untuk menggunakan For Loop pada aplikasi Flowgorithm, kita bisa langsung klik block For pada tanda panah. Setelah diklik, tampilannya akan menjadi sepeti ini:

Struktur For Loop pada Flowgorithm

Jika kita klik dua kali pada block For Loop, akan muncul tampilan untuk mengatur bagaimana For Loop akan bekerja:

Tampilan untuk mengatur properti For Loop
  • Kolom Variable perlu diisikan dengan variabel yang akan diiterasi oleh For Loop. Variabel ini nantinya akan di-increment atau di-decrement sampai memenuhi kondisi tertentu. Misalnya, Loop akan terus menambah nilai variabel i dengan 1 sampai nilai i = 5. Oiya, biasanya programmer menggunakan huruf “i” sebagai variabel dalam For Loop karena i merepresentasikan index.
  • Start Value adalah nilai awal variabel yang kita inginkan.
  • End Value adalah nilai atau kondisi akhir variabel di mana Loop akan berhenti jika kondisi tersebut sudah terpenuhi. Contohnya, Loop akan berhenti jika nilai variabel i sudah mencapai 5
  • Direction: Kita bisa memilih melakukan looping naik(increasing) dengan meningkatkan nilai variabel atau kita bisa melakukan Looping turun(decreasing) dengan mengurangi nilai variabel.
  • Step by: Kita bisa melakukan Looping dengan melompati nilai tertentu

Agar tidak bingung, kita akan mempraktekkan For Loop dengan membuat program yang akan menampilkan bilangan bulat 1 sampai 5, sama seperti yang sudah kita buat dengan While Loop sebelumnya. Untuk itu, langsung saja kita buat Flowchart awalnya seperti berikut:

Flowchart awal program For sederhana

Selanjutnya, kita buat properti For Loop menjadi seperti berikut:

Properti For Loop sederhana

Kemudian, tambahkan output berupa nilai variabel i di dalam For Loop sehingga Flowchart kita akan menjadi seperti ini:

Flowchart akhir program For Loop sederhana

Jika kita run program kita, program akan dapat berjalan dengan benar.

Running program For Loop sederhana

Decreasing For Loop

Untuk membuat program mencetak angka dari yang terbesar hingga terkecil, kita bisa mengubah properti For Loop pada program yang sudah kita buat sebelumnya menjadi seperti berikut:

Properti For Loop menurun

Jika kita run program kita, program akan mencetak angka dari 5 hingga 1:

Contoh penerapan decreasing For Loop sederhana

Step By For Loop

Untuk membuat Loop melakukan iterasi dengan melompati nilai tertentu, kita bisa memanfaatkan kolom step by pada properti For Loop. Contohnya, kita bisa mengubah properti For Loop pada program yang sudah kita buat sebelumnya sehingga program akan mencetak angka dari 10 ke 0 dengan lompat 2 nilai(step by 2).

Menggunakan Properti Step By pada For Loop

Jika kita run program kita, output program akan menjadi seperti berikut:

Output program For Loop sederhana yang menggunakan Step By Properties

Kurang lebih seperti itulah cara menggunakan For Loop pada aplikasi Flowgorithm.

Membuat Program Penghitung Nilai Rata-Rata Menggunakan For Loop

Untuk membuat program penghitung nilai rata-rata dengan menggunakan For Loop, kita bisa memodifikasi Flowchart program penghitung nilai rata-rata yang sudah kita buat dengan menggunakan While Loop sebelumnya menjadi seperti berikut:

Memodifikasi Flowchart program penghitung nilai rata-rata dengan menggunakan While Loop menjadi menggunakan For Loop

Perbedaan utama penggunaan For Loop dengan While Loop pada Flowchart di atas adalah kita tidak perlu menginisiasikan nilai i sebelum Loop dimulai dan kita tidak perlu melakukan increment secara eksplisit di dalam For Loop karena For Loop sudah melakukan inisiasi dan increment nilai variabel i di dalam statement For Loop itu sendiri.

Jika kita run program penghitung nilai rata-rata yang menggunakan struktur For Loop, hasilnya akan sama seperti program sebelumnya yang menggunakan While Loop:

Output program penghitung nilai rata-rata dengan menggunakan For Loop

Do Loop

Loop terakhir yang didukung oleh Flowgorithm adalah Do Loop. Loop ini mirip dengan While Loop. Akan tetapi, intruksi atau statement akan dieksekusi setidaknya sekali sebelum suatu kondisi diperiksa.

Contohnya, program berikut akan meminta user untuk memasukkan password. Setelah itu, program akan memeriksa apakah password yang dimasukkan oleh user adalah “123” atau bukan. Jika iya, program akan mengulangi permintaan untuk memasukkan password sampai password yang dimasukkan adalah “123”.

Flowchart program Do Loop sederhana beserta Outputnya

Membuat Program Penghitung Nilai Rata-rata dengan menggunakan Do Loop

Untuk membuat program penghitung nilai rata-rata dengan menggunakan Do Loop, kita bisa memodifikasi Flowchart program penghitung nilai rata-rata yang sudah kita buat dengan menggunakan While Loop sebelumnya menjadi seperti berikut:

Memodifikasi Flowchart program penghitung nilai rata-rata dengan menggunakan While Loop menjadi menggunakan Do Loop

Tidak ada perbedaan yang signifikan antara penggunaan While Loop dengan Do Loop pada Flowchart di atas. Pada While Loop, kondisi diperiksa terlebih dahulu sebelum statements dieksekusi. Sedangkan, Do Loop mengeksekusi statements terlebih dahulu sebelum memeriksa kondisi variabel jumlahData.

Output program penghitung nilai rata-rata dengan menggunakan Do Loop

Okee, sekarang kita sudah bisa menggunakan Looping dalam Flowgorithm. Dari ketiga Looping di atas, mana yang paling sering kamu gunakan untuk membuat program? Menurut saya, tiap perintah Loop memiliki kegunaannya masing-masing. Kita tinggal menyesuaikan saja untuk memilih menggunakan perintah Loop yang paling cocok dalam menyelesaikan suatu tugas tertentu.

Mungkin ini saja yang bisa saya sampaikan. Menurut kalian, apakah aplikasi Flowgorithm ini memudahkan dalam membuat Flowchart? Saya tunggu respon kalian di kolom komentar ya!

Sampai jumpa lagi di tutorial selanjutnya teman-teman!

--

--