Assalamu'alaikum Mahasiswa IT..., Sudahkah anda belajar Algoritma? atau Dasar-dasar Pemrograman? atau pernah membuat Flowchart..? Apa yang anda fikirkan ketika anda membuat algoritma dan flowchart? banyak banget ya pertanyaannya... Oke.. Oke.. sekarang saya tidak akan bertanya lagi. Jadi begini, biasanya untuk anda mahasiswa IT, biasanya di semester-semester awal anda akan belajar tentang Algoritma. Nah Algoritma adalah sekumpulan langkah rinci yang ditujukan untuk komputer dalam menyelesaikan suatu masalah. Langkah-langkah tersebut dibuat supaya dapat dituangkan kedalam program sehingga program dapat dieksekusi oleh komputer. Tapi tentu sebelum dituangkan dalam program, algoritma ini dapat juga diuji secara manual. Untuk Menggambar atau membuat Flowchart kita 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. Aplikasi Flowgorithm Untuk mengunduh aplikasi Flowgorithm silahkan menuju ke website resminya di Untuk cara menggunakannya silahkan menuju ke dokumentasinya. Atau anda bisa komentar di postingan ini jika ada pertanyaan. Dan sekarang saatnya melihat Contoh Algoritma untuk Menghitung Luas Persegi Panjang Masukkan nilai panjang dan simpan dalam variabel Panjang Masukkan nilai lebar dan simpan dalam variabel Lebar Hitung Luas dengan rumus Luas = Panjang * Lebar Tampilkan Luas Persegi Panjang Cara lain atau alternatif untuk menyajikan algoritma adalah dengan diagram alir flowchart. Flowchart merupakan cara lain untuk menuangkan algoritma dengan menggunakan gambar atau simbol-simbol tertentu. Jika kita menggambar flowchart di Flowgorithm kita bisa membuatnya menjadi seperti ini Flowchart di Flowgorithm Flowchart ini jika dijalankan maka akan ada beberapa pertanyaan tentang panjang dan lebar persegi panjang dan kita dapat menginput nilainya. Hasil lengkapnya terlihat pada gambar di bawah ini. Tampilan ketika Flowchart dijalankan Flowgorithm juga dapat mengenerate flowchart menjadi source code program dan mendukung banyak bahasa pemrograman. Untuk bahasa pemrograman yang didukung diantaranya terlihat pada gambar berikut ini Bahasa Pemrograman yang di dukung Flowgorithm Dari flowchart di atas, saya coba generate menjadi source code bahasa pemrograman pascal dan hasilnya seperti gambar di bawah ini. Source Code Pascal untuk Menghitung Luas Persegi Panjang Ya itu kira-kira sharing saya tentang Flowgorithm yang tentunya akan sangat bermanfaat bagi mahasiswa IT yang sedang mempelajari algoritma pemrograman komputer. Selamat mencoba dan mudah-mudahan kalian semua menjadi programmer-programmer yang hebat dan tetap sholeh dan sholehah. Aamiin....
BerikutJaka siapkan penjelasan tentang cara membuat flowchart di Word dan PPT. Coba, yuk! Tips. Tech Hack. Cara Membuat Flowchart di Word dan PPT | Hasilnya Kece! Cara Membuat Flowchart di Word dan PPT | Cepat dan Gak Ribet! Reishatia. Rabu, 20 Mei 2020, 11:00 WIB. Share. Share. artikel terbaru. 21+ Aplikasi Citer FF Auto Headshot + Skin Epik Buat Flowchart dan terjemahkan Flowchart buatan kamu ke dalam berbagai bahasa pemrograman dengan menggunakan aplikasi Flowgorithm!Halo semuanya! Pada kesempatan kali ini saya akan berbagi insight mengenai tutorial cara menggunakan aplikasi Flowgorithm untuk membuat Flowchart dan menerjemahkan Flowchart tersebut ke dalam berbagai bahasa tutorial kali ini, kita akan belajar mengenai dasar-dasar pemrograman yang digunakan di Flowgorithm, seperti Declaration, Variabel, dan juga Input/Output. Kemudian kita akan melakukan tutorial ini dengan cara learning by doing. Di akhir tutorial, kita akan bisa membuat Flowchart program penghitung luas dan keliling persegi panjang dengan menggunakan Flowgorithm. Penasaran?? Yuk ikuti artikel ini sampai akhir!Apa itu Flowchart?Sebelum kita masuk ke tutorial cara menggunakan aplikasi Flowgorithm, ada baiknya kita mengerti dulu tentang definisi Flowchart itu sendiri. Nah, Flowchart itu apa sih?Flowchart adalah sebuah diagram yang menggambarkan alur kerja, langkah-langkah, atau proses tertentu dengan menggunakan simbol-simbol dan tanda panah. Flowchart dapat digunakan untuk mengkomunikasikan proses yang rumit dalam bentuk diagram yang mudah Flowchart dapat berupa diagram sederhana yang bisa kita gambar dengan tangan hingga berupa diagram komprehensif yang menggambarkan banyak langkah dan yang digunakan dalam FlowgorithmDari pengertian di atas, kita tahu bahwa Flowchart menggunakan simbol-simbol tertentu dalam menggambarkan proses yang terjadi dalam suatu program. Lalu, simbol apa saja yang digunakan dalam Flowgorithm? Mari kita yang digunakan dalam gambar di atas, kita bisa tahu bahwa terdapat sebelas simbol yang dapat kita gunakan dalam Flowgorithm untuk membuat sebuah Flowchart. Mungkin sekarang kalian sedang bertanya-tanya, bagaimana sih cara menggunakan simbol-simbol di atas untuk membuat Flowchart di aplikasi Flowgorithm? dan apa fungsi dari simbol-simbol tersebut? Nah, untuk menghemat waktu, yuk kita langsung saja menuju ke tutorial cara menggunakan Flowgorithm!Installasi Program FlowgorithmUntuk menginstal aplikasi Flowgorithm, kamu bisa langsung menuju ke website resminya, yaitu Klik menu Download lalu pilih Flowgorithm sesuai dengan sistem operasi yang kamu itu, lakukan instalasi seperti sudah terinstal maka silahkan buka aplikasi Flowgorithm. Flowgorithm akan menampilkan antarmuka seperti di bawah iniContoh Flowchart dari program penghitung luas persegi panjangSebelum kita membuat Flowchart di Flowgorithm, kita bisa mencari referensi Flowchart program penghitung luas persegi panjang di Flowchart dari program penghitung luas persegi kita akan membuat Flowchart yang sama dengan menggunakan aplikasi Flowgorithm dan melakukan improvisasi supaya program yang kita buat dapat menghitung keliling dari persegi Flowchart dengan FlowgorithmUntuk membuat Flowchart, langkah pertama yang harus kita lakukan adalah meng-klik tanda panah yang ada di antara simbol MAIN dan simbol END. Setelah itu, akan muncul menu seperti di bawah iniSekarang kita bisa mulai membuat Flowchart dengan menggunakan aplikasi adalah suatu nama yang diberikan kepada area penyimpanan di komputer kita yang mana area penyimpanan ini dapat dimanipulasi oleh program yang kita tutorial kali ini kita tidak akan membahas istilah-istilah dasar pemrograman secara mendetail karena kita hanya akan mempelajari bagaimana cara membuat Flowchart dengan menggunakan aplikasi contoh Flowchart sebelumnya, kita bisa tahu bahwa program kita akan membutuhkan tiga buah variabel yaitu, panjang, lebar, dan luas. Dan juga kita perlu menambahkan variabel keliling karena kita akan menambahkan fitur untuk menghitung keliling persegi panjang ke dalam program kita. Maka dari itu, kita akan membuat setidaknya empat buah variabel yaitupanjanglebarluaskelilingDECLAREDalam membuat variabel di Flowgorithm, kita perlu menuliskan tipe data variabel secara eksplisit. Hal ini mirip dengan deklarasi variabel pada bahasa pemrograman yang statically typed, seperti bahasa C dan empat jenis tipe data yang bisa kita gunakan di Flowgorithm, yaitu Boolean, Integer, Real, dan juga data yang bisa kita gunakan di data Boolean dapat kita gunakan untuk menyimpan nilai kebenaran, yaitu true atau falseTipe data Real dapat kita gunakan untuk menyimpan nilai angka desimal. Contohnya data Integer untuk menyimpan bilangan bulat. Contohnya, yaitu -10, 20, 30, tipe data String digunakan untuk menyimpan huruf, kata, ataupun kalimat. Contohnya, yaitustring huruf= "k";string kata = "halo";string kalimat= "hello world!";Sekarang, mari kita coba untuk membuat variabel di Flowgorithm. Klik tanda panah lalu pilih simbol itu, kita klik dua kali pada simbol Declare yang telah kita buat. Kita akan membuat variabel panjang dengan tipe data klik OK untuk membuat variabel baru yang bernama “panjang”.Voila! sekarang variabel kita sudah berhasil dibuat. Selanjutnya, jika kita ingin membuat variabel lebar, luas, dan keliling, kita bisa mendeklarasikan ketiga variabel tersebut secara sekaligus selama tipe datanya Multiple VariablesUntuk mendeklarasikan beberapa variabel sekaligus, kita bisa mengklik lagi variabel panjang yang sudah kita buat. Setelah menu terbuka, kita bisa menambahkan variabel lebar, luas, dan keliling di samping variabel panjang dengan pemisah koma,. Terdengar membingungkan? Yuk langsung saja kita coba praktekkan!Buka dulu variabel panjang yang sudah kita deklarasikan dengan mengklik nya dua terbuka, kita bisa tambahkan variabel lebar, luas, dan keliling setelah variabel panjang dengan pemisah koma,.Kemudian, Klik OK. Flowchart kita akan terlihat seperti ini sekarangVoila! Sekarang kita sudah berhasil mendeklarasikan variabel dengan menggunakan Variable ValueSekarang kita sudah berhasil membuat beberapa variabel di Flowgorithm. Akan tetapi, variabel yang kita buat belum memiliki nilai*value* di dalamnya. Lalu, bagaimana caranya agar kita bisa membuat variabel-variabel tersebut memiliki nilai? Kita bisa menggunakan simbol “Assign” untuk mengisikan nilai ke dalam variabel yang kita kita mengklik Assign sebanyak dua kali, maka akan muncul menu seperti iniSetelah itu, kita bisa mengisikan nilai ke dalam variabel panjang dengan angka yang kita Klik Sekarang kita sudah berhasil mengisikan nilai ke dalam variabel panjang. Selanjutnya, mari kita masukkan nilai ke dalam variabel itu, kita akan mengisikan nilai ke dalam variabel luas dan operasi Assign, kita tidak hanya bisa mengisikan nilai berupa angka ke dalam sebuah variabel. Akan tetapi, kita juga bisa memasukkan nilai yang dimiliki oleh variabel lain ke dalam sebuah variabel serta memanipulasinya dengan menggunakan operator kita bisa mengisikan variabel luas dengan nilai yaitu panjang * mengisikan variabel luas dengan hasil kali dari nilaivalue variabel panjang dan lebar. Dalam hal ini, panjang dan lebar adalah sebuah variabel yang memiliki nilai di dalamnya, sedangkan tanda * berfungsi sebagai operator perkalian. Nantinya, Flowgorithm akan menghitung hasil dari operasi tersebut lalu menyimpannya di dalam variabel “luas”.Selanjutnya, kita bisa melakukan hal yang sama terhadap variabel keliling. Kita akan mengisikan operasi yaitu 2 * panjang + lebar ke dalam variabel Flowchart kita akan terlihat menjadi seperti ini. Untuk memeriksa apakah program kita berjalan dengan benar atau tidak, kita bisa mengklik RUN pada menu tampilan Flowchart kita sudah seperti ini, maka program kita sudah berjalan dengan benar. Yayy! Congratulations!Ehh tapi tunggu dulu. Bagaimana caranya untuk melihat hasil dari luas dan keliling? Kok belum kelihatan apa-apa ya? Nah, untuk bisa membuat Flowchart yang menampilkan hasil dari perhitungan luas dan keliling yang sudah kita buat, kita membutuhkan INPUT dan OUTPUT. Kita akan membahasnya di bagian sebelum kita masuk ke pembahasan Input Output. Kita perlu tahu aturan penamaan variabel yang berlaku di Flowgorithm. Kenapa kita perlu mengetahui hal tersebut? Kita perlu mengetahuinya agar program yang kita buat tidak menimbulkan error dalam menuliskan nama variabel pada membuat dan menamai suatu variabel atau fungsi di Flowgorithm, kita tidak boleh menggunakan nama-nama tertentu. Salah satu alasannya yaitu karena Flowgorithm sudah menggunakan nama-nama tertentu sebagai Intrinsic Functions. Selain itu, ada juga beberapa alasan lain. Selengkapnya bisa kamu baca di sini kita harus mengikuti beberapa aturan penamaan supaya program yang kita buat tidak menimbulkan error. Aturan penamaan yang berlaku di Flowgorithm antara lain, yaituNama variabel/fungsi harus dimulai dengan huruf pertama, bisa diikuti oleh huruf selanjutnya ataupun tidak dibolehkan dalam penamaan bisa menggunakan underscore_. Kita bisa menggunakan PascalCase atau camelCase untuk mengganti underscore dalam menamai variabel yang mengandung dua katamisalnya myVariable atau MyVariable.Tidak boleh menggunakan kata-kata tertentu yang sudah digunakan Oleh poin kelima, beberapa kata yang dilarang untuk digunakan sebagai nama variabel/fungsi adalahLalu, contoh pembuatan nama variabel/fungsi yang diperbolehkan adalah sebagai berikutSelengkapnya bisa kamu baca di sini dan OutputDalam Flowgorithm, Input Statement membaca input yang kita masukkan ke keyboard lalu menyimpan hasilnya ke dalam suatu variabel. Sedangkan Output Statement mengevaluasi expression yang dimasukkan ke dalamnya lalu kemudian menampilkan hasilnya di kita akan mencoba menampilkan nilai dari variabel luas dan keliling. Kita akan melakukan hal ini dengan menggunakan Output Statement di StatementKlik menu Output lalu tuliskan variabel luas di kolom expression yang OK. Selanjutnya, mari kita coba run Flowchart yang sudah kita program kita sudah berhasil menampilkan output seperti ini, maka kita sudah berhasil dalam membuat Flowchart yang kita inginkan. Selanjutnya mari kita buat lagi output yang menampilkan hasil dari keliling persegi panjang lebih Flowchart kita akan terlihat menjadi seperti ini sekarang. Mari kita coba run untuk memeriksa apakah Flowchart kita sudah berjalan dengan benar atau Flowgorithm menampilkan antarmuka seperti ini, maka selamat! kita sudah berhasil membuat Flowchart dengan Flowchart kita sudah bekerja sebagaimana mestinya. Akan tetapi, Flowchart yang kita buat masih memiliki kekurangan. Seandainya kita ingin mengubah panjang atau lebar dari persegi panjang, kita perlu mengubahnya terlebih dahulu melalui Flowgorithm. Hal ini tentu tidak efisien bukan? Lalu, apakah ada cara supaya Flowchart kita bisa menghitung luas dan keliling dari persegi panjang yang nilai panjang dan lebarnya dapat berubah-ubah sesuai dengan keinginan pengguna?Kita bisa menggunakan Input statement untuk memenuhi hal ini. Selanjutnya, Flowchart kita akan meminta input panjang dan lebar dari penggunauser lalu menampilkan luas dan keliling persegi panjang StatementUntuk menggunakan Input Statement. Kita dapat mengklik simbol Input lalu memasukkan nama variabel yang ingin kita isi sesuai dengan input pengguna. Dalam kasus Flowchart kita, kita akan meminta user untuk memasukkan panjang dan lebar dari persegi panjang. Untuk itu, sekarang kita hapus dulu nilai dari panjang dan lebar yang sudah kita buat mari kita ubah dengan menggunakan Input statement. Kurang lebih Flowchart kita akan terlihat menjadi seperti ini sekarangSekarang mari kita coba run Flowchart sekarang program kita sudah berjalan dengan baik. Sekarang, kita sudah paham mengenai dasar-dasar pemrograman di Flowgorithm antara lain yaitu Variable Declaration, Assignment, Input, dan Output. Sampai sini, Flowchart kita sebenarnya sudah selesai. Namun, kita masih bisa menyempurnakan Flowchart kita agar program kita bisa berjalan seperti iniUntuk membuat program kita bisa seperti ini, kita bisa menambahkan beberapa tahapan lagi. Mari kita tambahkan Output sebelum kita meminta input dari mari kita coba run. Ternyata program kita belum menghasilkan output yang kita bisa menampilkan hasil sesuai dengan yang kita inginkan, kita perlu menambahkan String Concatenation. Apa itu? Mari kita ConcatenationString Concatenation adalah operasi untuk menggabungkan dua atau lebih string menjadi satu bagian. Dalam Flowgorithm, kita bisa menggunakan operator “&” untuk menggabungkan String. Mirip seperti konsep pointer pada bahasa C. Lalu, bagaimana cara menggunakannya?Kita akan mencobanya dengan mengabungkan dua buah string, yaituKita akan menggabungkan kedua string ini pada block Output. Caranya seperti iniTidak lupa kita lakukan juga String Concatenation pada Output mari kita coba run Flowchart yang sudah kita Sekarang program yang kita buat sudah berjalan dengan benar. Kurang lebih Flowchart kita akan terlihat seperti ini sekarangSekarang, kita sudah berhasil membuat Flowchart dari program penghitung luas persegi panjang. Kini kita sudah masuk ke tahap terakhir dari tutorial ini. Untuk menerjemahkan Flowchart yang kita buat ke dalam bahasa pemrograman, Klik menu “Source Code Viewer” di bagian pojok kanan pilih bahasa pemrograman yang kamu inginkan. Dalam tutorial kali ini saya memilih bahasa itu, klik Save untuk menyimpan source code ke komputer mari kita coba source code yang sudah kita simpan. Saya menggunakan untuk mencoba source code yang sudah kita buat. Hasilnya seperti iniSipp. Sekarang kita sudah bisa membuat Flowchart dengan menggunakan Flowgorithm lalu menerjemahkannya ke dalam source code. Dengan menggunakan aplikasi ini, kita tidak perlu kerja dua kali dengan membuat Flowchart dan source code secara terpisah. Semoga tutorial ini dapat bermanfaat untuk teman-teman semua yang sudah membaca. Sampai jumpa lagi di tutorial selanjutnya!— — — — — — — — — — — — — — —ReferensiDokumentasi resmi