Lompat ke konten Lompat ke sidebar Lompat ke footer

Kode Pengaturan template

Beranda / alur-logika

Cara membuat flowchart Online di Google Draw

Oleh Rudy Setiawan
Cara membuat flowchart online menggunakan 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:
  1. membuat flowchart online di google draw
Media dan sumber belajar
  1. Media:Powerpoint dan Google slide
  2. Sumber belajar: Buku, Modul dan LKS pemrograman dasar, Internet
Alat dan bahan
  1. Komputer dan akses internet
  2. Link google drawing dapat di buka ==> buka disini

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.

Insert simbol flowchart google draw
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.

Cara membuat flowchart di Google Draw
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

Titik sambung pada simbol flowchart
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.

Insert simbol flowchart
Gambar 6. Memberi flowline dan caption teks pada flowchart

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

7. Perhatikan video youtube berikut ini

Untuk membuat flowchart online, kalian dapat melihat tayangan berikut ini. Setelah melihat, kalian praktikan untuk tugas-tugas yang diberikan pada seksi tugas dibawah.


8. Lakukan tugas praktik sesuai contoh yang diberikan

Simpan file google draw, caranya beri nama file pada pojok kiri atas google draw, lalu pastikan selama membuat tugas praktik anda rekam video menggunakan screen recorder baik dari Android maupun laptop (gunakan aplikasi OBS screen recorder, atau lainnya) kemudian hasilnya diolah dan upload ke youtube.

Prosedur pengiriman tugas praktik
  1. Simpan tugas-tugas dengan format penamaan : nama_kelas_nama_tugas (contoh: rudy_XTKJ_praktik membuat flowchart mencari luar lingkaran)
  2. Upload tugas anda ke youtube, lalu catat linknya untuk diserahkan ke laporan guru
  3. Selamat bekerja
Tugas portofolio flowchart Online di Google Draw
Sekarang kerjakan tugas portofolio melalui link disamping ini --> Soal praktik membuat flowchart