01 Belajar Menggunakan Flowgorithm Ya

Belajar menggunakan flowgorithm
Dosen: Susy Kuspambudi Andaini
Untuk Menggambar atau membuat Flowchart bisa saja menggambar dengan

cara manual yang penting simbol-simbolnya benar. Untuk mendesain flowchart dan
langsung mengujinya kita dapat menggunakan aplikasi Flowgorithm. Flowgorithm
ini merupakan aplikasi gratis yang dapat digunakan untuk mempelajari algoritma
pemrograman komputer melalui diagram alir (flowchart). Aplikasi ini dikembangkan
oleh Devin Cook di Universitas Negeri Sacramento pada Tahun 2017 lalu
(https://mohduzir.uitm.edu.my/programming/DevinCookFlowgorithm.pdf). Untuk
mendapatkan/ mengunduh aplikasi Flowgorithm silahkan ke website resminya di
http://www.flowgorithm.org/ dan plih menu download. Untuk cara menggunakannya
silahkan menuju ke dokumentasinya.
Dengan aplikasi ini, bisa dirancang program dengan flowchart dan

menuangkannya ke dalam gambar alur diagram. Bahkan di tiap bagan pun bisa
dimasukkan tipe- tipe apa saja di tiap urutan proses seperti integers, string, dan lain
lain. Aplikasi ini bisa dijalankan untuk menguji apakah urutan rancangan program
sudah sesuai dengan kebutuhan user atau untuk mencari suatu nilai.
Setelah mengekstrak file, setup instalasi bisa dijalankan dan dipilih direktori
sesuai yang anda inginkan.
Susy Kuspambudi Andaini (Dosen Pengampu MK D2PK Jur. Mat. FMIPA UM) 1
Gambar 1: Icon Flowgorithm
Dilanjutkan untuk percobaan membuat flowchart diagram, defaultnya tampilan

flowgorithm sudah tersedia alur proses main dan end dimana proses program yaitu
diawali star dan diakhiri dengan proses tampilan atau keluaran dari hasil proses
program yang dibuat.
Gambar 2: Tampilan awal Flowgorithm
Aplikasi Flowgorithm akan sangat bermanfaat bagi mahasiswa

yang sedang mempelajari Dasar-dasar Pemrograman Komputer.
Selamat mencoba dan mudah-mudahan menjadi programmer-

programmer yang hebat dan tetap sholeh dan sholehah. Aamiin....
Latihan-1A:
Misalkan akan membuat nilai kuadrat suatu variable dengan rumus Y = X².+10
1. Klik 1x pada tanda panah di bawah main untuk membuat suatu alur.
Gambar 3: Tanda Panah di bawah Main
2. Maka tampak jendela berikut, dipilih declare dengan cara kili 1x simbol Declare
Gambar 4: Jendela Simbol-simbol di Flogorithm
3. Tampak simbol Declare ditambahkan di bawah Main. Lalu klik 2x simbol Declare
Gambar 5: Simbol Declare ditambakan
4. Tampak jendela Declare Properties. Beri nama variable x, pilih type Integer, lalu
klik button OK.
Gambar 6: Jendela Declare Properties Variabel x
5. Gunakan cara yang sama untuk membuat variable y, gunakan tipe Integers
karena akan menggunakan angka untuk menampilkan hasilnya.
Gambar 7: Deklarasi dua variabel x dan y integer
Gambar 8: Jendela Declare Properties Variabel y
6. Klik lagi panah bawah di bawah declare y, pilih simbol input
Gambar 9: Gambar Flowchart dengan penambahan simbol input
Klik 2x simbol input, beri nama variable x, lalu klik tombol OK. Alur ini untuk
mendapatkan nilai x yang akan dimasukkan ke program.
Gambar 10: Memberi variabel x pada simbol input
Gambar 11: Simbol input yang sudah diberi variabel x
7. Selanjutnya klik panah bawah di bawah simbol input x, dan tambah simbol
assignment untuk membuat satu rumus bahwa Y = X² + 10, di kolom Variabel
ketikkan y, dan di kolom expression ketikkan x^2 + 10. Lalu klik tombol OK.
Gambar 12: Jendela Assignment Properties
Gambar 13: Simbol Assignment yang sudah diberi rumus
8. Lanjut klik panah bawah di bawah simbol assignment, i dan pilh alur output untuk
menampilkan hasil y.
Gambar 14: Jendela Output Properties
Gambar 15: Simbol Output yang sudah diberi variabel
9. Kalau sudah yakin flowchart selesai, lalu klik ikon Run
Gambar 16: Ikon Run
Masukkan bilangan sebagai input variabel x, misalkan 10, lalu klik tombol Enter
Gambar 17: Memasukkan input variabel x
10. Maka akan mendapatkan hasil Y = X² + 10 dari nilai x = 10 yang diinput.
Gambar 18. Hasil flowchart ketika dijalankan
11. Algoritma / flowchart yang sudah dibuat bisa dimpan agar kedepan bisa diperbaiki
atau dikembangkan lagi. Beri nama file Contoh1.
Gambar 19. Cara menyimpan flowchart
Gambar 20. Memberi nama file Contoh1 dengan type file Flowgorithm .fprg
Latihan-1B: Modifikasi Flowchart Latihan-1A

Supaya input dan atau output kalau dijalankan ada interaktifnya, maka di dalam
flowchart perlu ditambah keterangandi simbol input dan atau output.
Gambar 21a: Flowchart Gambar 15 yang sudah dimodifikasi
Gambar 21b: Flowchart Gambar 21a yang sudah dimodifikasi
1. Menambahkan keterangan pada waktu input var x, klik panah bawah di atas
simbol input x, pilih simbol output, kemudian beri teks sbb. Jangan lupa
keterangan tsb harus diawali dan diakhiri dengan tanda baca “
Gambar 22: Memasukkan keterangan di simbol Output
2. Memodifikasi simbol output y, yaitu dengan memberi tambahan keterangan. Untuk
menambah hasil nilai variabel y di belakang keterangan, perlu ditambah simbol &
sebelum variabel tersebut.
Gambar 23:Memodifiasi teks di simbol output.
3. Kemudian flowchart dijalankan. Coba bandingkan proses langkah ini dengan

langkah 9 – 10 di atas, apa perbedaannya?
Gambar 24: Memasukkan nilai variabel x
Gambar 25: Hasil flowchart ketika dijalankan
Soal untuk Latihan:

1. Menghitung Luas Persegi panjang
2. Menghitung keliling lingkaran
3. Mengkonversi suhu dengan satuan Celcius, Reamur dan Farenheit
4. Menghitung penjumlahan 3 bilangan real
5. Menghitung diskriminan fungsi kuadrat f ( x )=a x 2 +b x +c
Unt mengubah tampilan, bisa dilakukan dengan
1. Klik ikon Chart Style ...
2. Pada jendel Chart Style, pilih Color Schema dan Chart Style yang diinginkan
3. Hasil tampilan flwchart setelah diubah Chart Style nya

01 Belajar Menggunakan Flowgorithm Ya

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

01 Belajar Menggunakan Flowgorithm Ya

Diunggah oleh

Hak Cipta:

Format Tersedia

Belajar menggunakan flowgorithm

Dosen: Susy Kuspambudi Andaini

Untuk Menggambar atau membuat Flowchart bisa saja menggambar dengan

Dengan aplikasi ini, bisa dirancang program dengan flowchart dan

Dilanjutkan untuk percobaan membuat flowchart diagram, defaultnya tampilan

Gambar 2: Tampilan awal Flowgorithm

Aplikasi Flowgorithm akan sangat bermanfaat bagi mahasiswa

Selamat mencoba dan mudah-mudahan menjadi programmer-

Gambar 4: Jendela Simbol-simbol di Flogorithm

Gambar 5: Simbol Declare ditambakan

Gambar 7: Deklarasi dua variabel x dan y integer

Gambar 8: Jendela Declare Properties Variabel y

6. Klik lagi panah bawah di bawah declare y, pilih simbol input

Gambar 10: Memberi variabel x pada simbol input

Gambar 11: Simbol input yang sudah diberi variabel x

Gambar 12: Jendela Assignment Properties

Gambar 13: Simbol Assignment yang sudah diberi rumus

Gambar 14: Jendela Output Properties

9. Kalau sudah yakin flowchart selesai, lalu klik ikon Run

Gambar 16: Ikon Run

Gambar 17: Memasukkan input variabel x

10. Maka akan mendapatkan hasil Y = X² + 10 dari nilai x = 10 yang diinput.

Gambar 19. Cara menyimpan flowchart

Latihan-1B: Modifikasi Flowchart Latihan-1A

Gambar 21b: Flowchart Gambar 21a yang sudah dimodifikasi

keterangan tsb harus diawali dan diakhiri dengan tanda baca “

Gambar 22: Memasukkan keterangan di simbol Output

Gambar 23:Memodifiasi teks di simbol output.

3. Kemudian flowchart dijalankan. Coba bandingkan proses langkah ini dengan

Gambar 24: Memasukkan nilai variabel x

Soal untuk Latihan:

3. Hasil tampilan flwchart setelah diubah Chart Style nya

Anda mungkin juga menyukai