Cara membuat flowchart Online di Google Draw

 Cara membuat flowchart Online di Google Draw

Rencana pelaksanaan pembelajaran (RPP) kita kali ini adalah membahas cara membuat flowchart online memakai google draw.

Setelah kalian mempelajari materi cara penulisan algoritma, kita akan belajar membuat flowchart secara online di google draw.

Kompetensi Dasar: memahami konsep membuat flowchart

Kompetensi Dasar 3.1. menerapkan alur logika pemrograman komputer 4.1. membuat alur logika pemrograman komputer

Indikator pencapaian kompetensi dasar 4.1 Membuat alur logika pemrograman komputer Materi-materi membuat flowchart Online di Google Draw 1.            kalimat deskriptif 2.            pseudocode 3.            Flowchart 4.            Google draw 5.            Membuat flowchart online

Tujuan saya belajar Setelah mempelajari materi membuat flowchart Online di Google Draw, saya mampu mempraktikan dengan teliti, cermat, jujur dan percaya diri: membuat flowchart online di google draw

Media dan sumber belajar Media:Powerpoint dan Google slide Sumber belajar: Buku, Modul dan LKS pemrograman dasar, Internet

Alat dan bahan 1.       Komputer dan akses internet 2.       google drawing

 

Dasar teori dan Skenario praktikum cara membuat flowchart online

Sebagai programmer komputer disebuah perusahaan startup, kalian diminta untuk membuat flowchart yaitu konversi suhu dari celcius ke Fahreinheit dan sebaliknya.

 

Untuk menyelesaikan permasalahan tersebut, anda harus menguasai dan memahami tentang simbol-simbol flowchart.

Penulisan algoritma dengan Kalimat deskriptif

Notasi penulisan algoritma dengan menggunakan bahasa deskriptif biasa juga disebut dengan penulisan alami.

Dasar dari penulisan bahasa deskriptif adalah Bahasa Inggris, namun dapat dimodifikasi dengan bahasa sehari-hari termasuk Bahasa Indonesia.

Penulisan algoritma dengan pseudocode

Pseudocode adalah penulisan algoritma dengan kata kunci yang dipakai semirip mungkin dengan bahasa pemrograman

Penulisan algoritma dengan Flowchart

Flowchart adalah untaian simbol gambar (chart) yang menunjukkan aliran (flow) dari proses terhadap data (Suarga, 2003:6).

Flowchart digunakan untuk menggambarkan prosedur pemrograman dalam bentuk diagram alir. Flowchart dapat digunakan sebagai alat bantu komunikasi dan untuk dokumentasi

Google draw

Google Drawing adalah Sebuah Aplikasi yang ada di Google Drive. Fitur untuk mengolah gambar secara online milik perusahaan google. Kelebihan dari google draw sangat mudah dipelajar, gratis, dan cepat.

Langkah membuat flowchart online di google draw

1. Membuat kalimat deskriptif atau pseudocode

Ketiklah pada notepad microsoft wordatau penulisan algoritma kalimat deskriptif atau pseudocode yang menjelaskan program konversi suhu dari celcius ke fahreinheit dan sebaliknya

Baik, saya beri contoh algoritma dan logika pemrograman dalam kalimat deskriptif sekaligus pseudocode:

 

1.       Mulai 2.       PROGRAM Konversisuhu 3.       DEKLARASI {var C, F, pilih. Type: bilangan float dan integer} 4.       IMPLEMENTASI: 5.       Pilih tipe konversi 1. C -> F atau 2. F -> C 6.       if pilih=1 proses C -> F 7.       input C 8.       proses F = ( 9/5 ) * ( C + 32 ) 9.       print F 10.   if pilih=2 proses F -> C 11.   input F 12.   proses C = ( 5/9 ) * ( F – 32 ) 13.   print C 14.   Selesai

 

2. Gambar kerja Membuat flowchart online

Setelah kalimat deskriptif atau pseudocode selesai dibuat, saatnya kita membuat flowchart secara online. Buka pembuat flowchart online disini

Dengan bantuan kalimat desktriptif atau pseudocode yang sudah dibuat, flowchart jauh lebih mudah dirancang. Tapi untuk praktik kali ini, saya siapkan gambar kerja yang dapat ditiru

Insert simbol flowchart

Gambar 1. Gambar kerja membuat flowchart

  Diatas adalah gambar kerja flowchart yang akan kita buat. Adapun simbol flowchart yang akan dipakai adalah:

 

Simbol	Keterangan
Terminator	Simbol awal dan akhir sebuah flowchart
Preparation	Deklarasi pemberian nilai awal
Decision	Pemilihan kondisi dalam pernyatan benar atau salah, ya atau tidak. Pilih ini atau itu
Data input/output	Perwakilan untuk membaca data input atau menampilkan data output
Proses	Perhitungan atau pengolahan
Onpage reference	Tanda Penghubung dalam 1 halaman
Flow line	Simbol aliran data

 

3. Interface google draw

Setelah google drawing terbuka, dihadapan anda akan muncul window interface yang terdiri dari menu-menu yang dapat dipakai.

Untuk membuat flowchart, menu yang dipakai adalah Insert -> Shape -> Shapes.

 

 

Gambar 2. Insert Simbol flowchart google draw

4. Siapkan simbol flowchart sesuai algoritma

Insert simbol flowchart sedemikian rupa, tak perlu rapi-rapi dulu, yang penting simbol yang akan dipakai sesuai dengan algoritma yang diharapkan.

 

Untuk mempercepat pekerjaan, anda dapat mengcopy-paste simbol flowchart yang sama.

 

 

Gambar 3. Memasukan Simbol flowchart

 

5. Memberi flowline (panah arah) simbol flowchart

Beri flowline (panah arah) dari simbol-simbol flowchart sesuai algoritma yang telah dibuat. Caranya, klik menu Insert -> Line -> Arrow atau Elbow connector.

Arrow digunakan untuk membuat flowline yang lurus. Sedangkan Elbow connector yang membuat flowline sudut agar terlihat rapi

  Cara membuat flowchart di Google Draw

Gambar 4. Insert simbol flowline

Kemudian, setelah itu arahkan ke badan simbol yang akan diberi flowline.

Pada simbol flowchart akan ada dot (titik) sambung yang otomatis kita pakai sebagai tanda pembuatan flowline

 

 

Gambar 5. Pengaturan jenis line

Lakukan pemberian flowline ke semua simbol-simbol flowchart.

6. Memberi Caption teks pada simbol

Klik 2x pada simbol flowchart untuk memberi caption teks. Mulai ketik didalam simbol tersebut. Lakukan ke semua simbol yang bersesuaian dengan Algoritma yang telah dibuat.

 

Gambar 6. Memberi flowline dan caption teks pada flowchart

Rapikan teks baik ukuran dan align pada format tool yang tersedia.

 

Selamat belajar

Jangan egois, berbagi agar yang lain juga pandai!