MATERI AJAR

DIAGRAM ALUR (FLOWCHART)

DISUSUN OLEH

MUHAMAD AGUS SYAFRUDIN

NIM. 22525299022

PENDIDIKAN PROFESI GURU DALAM JABATAN

ANGKATAN KE-1

TAHUN 2022
 DAFTAR ISI

A. Pendahuluan 1
1. Deskripsi…………………………………………………………………… 1
2. Capaian Pembelajaran………………………………………………….. 1
B. Uraian Materi 1
1. Pengertian Diagram Alur……………………………………………….. 1
2. Fungsi Diagram Alur…………………………………………………….. 6
3. Simbol-simbol Diagram Alur dan Fungsinya..………..…………… 6
4. Membuat Diagram Alur…………………………………………………. 7
5. Contoh-contoh Diagram Alur………………………………………….. 9
C. Tugas……………………………………………………………………………. 11
D. Forum Diskusi………………………………………………………………… 12
E. Tes Formatif……………………………………………………………………. 13
F. Kunci Jawaban………………………………………………………………… 14
G. Rangkuman…………………………………………………………………….. 15
H. Daftar Pustaka………………………………………………………………… 15

Halaman | ii
 Materi Pelajaran
Diagram Alur (Flowchart)

A. Pendahuluan
1. Deskripsi
Secara umum, materi ajar ini bertujuan untuk memberikan
pengetahuan, keterampilan, dan sikap kepada peserta didik tentang
diagram alur (flow chart).
Secara khusus, materi ajar ini bertujuan untuk (1) Setelah
mempelajari materi diagram alur (flowchart) siswa mampu
menjelaskan fungsi dan simbol-simbol diagram alur (flowchart) dalam
perancangan alur multimedia interaktif dengan tepat (2) Setelah
mempelajari materi diagram alur (flowchart) siswa mampu membuat
diagram alur (flowchart) multimedia interaktif dengan benar.
Struktur materi ini terdiri dari (1) Pengertian diagram alur (2)
Fungsi diagram alur (3) Simbol-simbol diagram alur dan fungsinya (4)
Membuat diagram alur.
Dalam mempelajari materi ajar ini tidak diperlukan perangkat
khusus, namun peserta didik dianjurkan memiliki perangkat
pc/laptop ataupun smartphone yang terkoneksi dengan internet agar
dapat menambah referensi dan membaca literatur dari internet.
2. Capaian Pembelajaran
Setelah mempelajari materi ajar ini diharapkan peserta didik
mampu :
a. menjelaskan fungsi dan simbol-simbol diagram alur (flowchart)
dalam perancangan alur multimedia interaktif dengan tepat.
b. membuat diagram alur (flowchart) multimedia interaktif dengan
benar.

B. Uraian Materi
1. Pengertian Diagram Alur (Flowchart)
Diagram alur (Flowchart) adalah sebuah jenis diagram yang
mewakili algoritma, alir kerja atau proses, yang menampilkan

Halaman | 1
langkah-langkah dalam bentuk simbol-simbol grafis, dan urutannya
dihubungkan dengan panah.
Diagram ini mewakili ilustrasi atau penggambaran suatu proses,
penyelesaian masalah atau urutan kerja agar mudah dipahami dan
bersifat standar.
Berdasarkan perspektif pemakai, diagram alur ini memiliki
beberapa model, yaitu :
a. Diagram alur dokumen
Diagram alur dokumen menelusuri alur dari data yang ditulis
melalui sistem. Kegunaan utamanya adalah untuk menelusuri alur
form dan laporan sistem dari satu bagian ke bagian lain baik
bagaimana alur form dan laporan diproses, dicatat dan disimpan.
Gambar berikut menggambarkan suatu contoh diagram alur
dokumen:

b. Diagram alur proses

Diagram alur proses merupakan teknik penggambaran rekayasa
industrial yang memecah dan menganalisis langkah-langkah
selanjutnya dalam suatu prosedur atau sistem. Flowchart Proses
memiliki lima simbol khusus:

Halaman | 2
 Diagram alur proses digunakan oleh perekayasa industrial dalam
mempelajari dan mengembangkan proses-proses manufacturing.
Dalam analisis sistem, flowchart ini digunakan secara efektif untuk
menelusuri alur suatu laporan atau form. Gambar dibawah ini
menggambarkan suatu contoh diagram alur proses.

c. Diagram alur sistem

Flowchart Sistem merupakan bagan yang menunjukkan alur kerja
atau apa yang sedang dikerjakan di dalam sistem secara

Halaman | 3
 keseluruhan dan menjelaskan urutan dari prosedur-prosedur yang
ada di dalam sistem. Dengan kata lain, flowchart ini merupakan
deskripsi secara grafik dari urutan prosedur-prosedur yang
terkombinasi yang membentuk suatu sistem.
Flowchart Sistem terdiri dari data yang mengalir melalui sistem dan
proses yang mentransformasikan data itu. Data dan proses dalam
flowchart sistem dapat digambarkan secara online (dihubungkan
langsung dengan komputer) atau offline (tidak dihubungkan
langsung dengan komputer, misalnya mesin tik, cash register atau
kalkulator).
Contoh sederhana untuk flowchart sistem dapat dilihat pada
gambar berikut ini :

d. Diagram alur program

Flowchart Program dihasilkan dari Flowchart Sistem. Flowchart
Program merupakan keterangan yang lebih rinci tentang
bagaimana setiap langkah program atau prosedur sesungguhnya
dilaksanakan. Flowchart ini menunjukkan setiap langkah
program atau prosedur dalam urutan yang tepat saat terjadi.
Programmer menggunakan flowchart program untuk
menggambarkan urutan instruksi dari program komputer.
Analis Sistem menggunakan flowchart program untuk

Halaman | 4
 menggambarkan urutan tugas-tugas pekerjaan dalam suatu
prosedur atau operasi.
Suatu contoh flowchart program dapat dilihat pada gambar
berikut ini :

e. Diagram alur skematik

Diagram alur skematik mirip dengan Flowchart Sistem yang
menggambarkan suatu sistem atau prosedur. Flowchart
Skematik ini bukan hanya menggunakan simbol-simbol
flowchart standar, tetapi juga menggunakan gambar-gambar
komputer, peripheral, form-form atau peralatan lain yang
digunakan dalam sistem.
Flowchart Skematik digunakan sebagai alat komunikasi antara
analis sistem dengan seseorang yang tidak familiar dengan
simbol-simbol flowchart yang konvensional. Pemakaian gambar
sebagai ganti dari simbol-simbol flowchart akan menghemat
waktu yang dibutuhkan oleh seseorang untuk mempelajari
simbol abstrak sebelum dapat mengerti flowchart.
Gambar-gambar ini mengurangi kemungkinan salah pengertian
tentang sistem, hal ini disebabkan oleh ketidakmengertian
tentang simbol-simbol yang digunakan. Gambar juga

Halaman | 5
 memudahkan pengamat untuk mengerti segala sesuatu yang
dimaksudkan oleh analis, sehingga hasilnya lebih
menyenangkan dan tanpa ada salah pengertian. Berikut ini
gambar contoh flowchart skematik

2. Fungsi Diagram Alur (Flowchart)

Secara umum diagram alur ini berfungsi untuk menggambarkan
alur proses dari awal sampai akhir, sehingga alur proses tersebut
mudah dibaca dan dipahami tanpa ada kesalahpahaman dalam
membaca alur tersebut, dikarenakan diagram alur terdiri dari simbol-
simbol tertentu yang sudah dibakukan.
3. Simbol-simbol Diagram Alur (Flow Chart) dan Fungsinya
Simbol-simbol yang sudah baku dalam diagram alur adalah sebagai
berikut :
No. Simbol Nama Fungsi
Mengawali atau mengakhiri
1 Terminator
sebuah diagram alur
Proses yang sudah
Predefined
2 didefinisikan, biasanya berupa
Process
sub proses atau sub program
3 Process Melambangkan sebuah proses

Melambangkan pengambilan
4 Decision sebuah keputusan, biasanya
berkaitan dengan proses logika

Melambangakan arah arus

5 Flow
proses

Halaman | 6
 Melambangkan proses
6 Input/output
masukan dan keluaran
Melambangkan pemberian nilai
7 Preparation awal dari suatu proses atau
variabel

Untuk menghubungkan satu

8 Connector
proses ke proses yang lain

Untuk melambangkan proses

9 Document
pencetakan

Untuk melambangkan proses

10 Display menampilkan data ke peralatan
display
Untuk menghubungkan satu
Off Page
11 halaman ke halaman
Connector
berikutnya

4. Membuat Diagram Alur (Flow Chart)

Dalam pembuatan flowchart tidak ada rumus atau patokan yang
bersifat mutlak. Karena flowchart merupakan gambaran hasil
pemikiran dalam menganalisa suatu masalah dengan komputer.
Sehingga flowchart yang dihasilkan dapat bervariasi antara satu
pemrogram dengan yang lainnya.
Namun secara garis besar setiap pengolahan selalu terdiri dari 3
bagian utama, yaitu:
1. Input,
2. Proses pengolahan dan
3. Output
Untuk pengolahan data dengan komputer, urutan dasar
pemecahan suatu masalah:
1. START, berisi instruksi untuk persiapan peralatan yang diperlukan
sebelum menangani pemecahan persoalan
2. READ, berisi instruksi kegiatan untuk membaca data dari suatu
peralatan input

Halaman | 7
3. PROSES, berisi kegiatan yang berkaitan dengan pemecahan
persoalan sesuai dengan data yang dibaca
4. WRITE, berisi instruksi untuk merekan hasil kegiatan ke peralatan
output
5. END, mengakhiri kegiatan pengolahan
Walaupun tidak ada kaidah-kaidah yang baku dalam
penyusunan flowchart, namun ada beberapa anjuran:
1. Hindari pengulangan proses yang tidak perlu dan logika yang
berbelit sehingga jalannya proses menjadi singkat
2. Jalannya proses digambarkan dari atas ke bawah dan diberikan
tanda panah untuk memperjelas
3. Sebuah flowchart diawali dari satu titik START dan diakhiri dengan
END
Bila seorang analis dan programmer akan membuat flowchart,
ada beberapa petunjuk yang harus diperhatikan, seperti:
1. Flowchart digambarkan dari halaman atas ke bawah dan dari kiri
kekanan.
2. Aktivitas yang digambarkan harus didefinisikan secara hati-hati
dan definisi ini harus dapat dimengerti oleh pembacanya.
3. Kapan aktivitas dimulai dan berakhir harus ditentukan secara
jelas.
4. Setiap langkah dari aktivitas harus diuraikan dengan
menggunakan deskripsi kata kerja
5. Setiap langkah dari aktivitas harus berada pada urutan yang
benar.
6. Lingkup dan range dari aktifitas yang sedang digambarkan harus
ditelusuri dengan hati hati.
7. Percabangan-percabangan yang memotong aktivitas yang sedang
digambarkan tidak perlu digambarkan pada flowchart yang sama.
Simbol konektor harus digunakan dan percabangannya diletakan
pada halaman yang terpisah atau hilangkan seluruhnya bila
percabangannya tidak berkaitan dengan sistem.
8. Gunakan simbol-simbol flowchart yang standar.

Halaman | 8
5. Contoh Algoritma flowchart dalam kehidupan sehari-hari
Berikut adalah beberapa contoh kasus dalam kehidupan sehari-hari
yang dipecahkan menggunakan algoritma flowchart
a. Mengirim Surat ke kantor Pos

b. Makan
Contoh kasus algoritma ke 2 dalam kehidupan sehari-hari adalah
aktivitas makan, berikut adalah penyajian algoritma flowchart untuk
kasus makan:

Halaman | 9
c. Tidur
Aktivitas berikutnya yang bisa dipecahkan dalam algoritma adalah
proses tidur, algoritma flowchartnya adalah sebagai berikut:

d. Memasak Mie instant

Berikut adalah penyajian algoritma flowchart untuk permasalahan
dalam kehidupan seharihari memasak mie:

Halaman | 10
 e. Menanak Nasi
Algoritma flowchart menanak nasi adalah sebagai berikut:

C. Tugas
Setelah anda mempelajari materi ajar ini, maka Buatlah sebuah flowchart
yang tepat untuk proses pemilahan sampah sebelum dibuang ke tempat
pembuangan akhir!
Jawaban

Halaman | 11
D. Forum Diskusi
Buatlah kelompok dimana masing-masing kelompok terdiri dari 4 orang
anggota kelompok lalu diskusikan hal berikut ini!
“Setelah anda mempelajari materi ajar ini, maka diskusikanlah
bagaimana cara efektif untuk membuat diagram alur (flowchart) ini untuk
dapat menyelesaikan masalah pembuatan media interaktif berbasis web”

Halaman | 12
E. Tes Formatif
1. Perhatikanlah simbol berikut ini!

Simbol flowchart di atas menunjukkan…

A. Process
B. Output
C. Input
D. Seleksi/Kondisi
E. Display
2. Perhatikanlah simbol berikut ini!

Simbol flowchart di atas menunjukkan…

A. Process
B. Output
C. Start/End
D. Seleksi/Kondisi
E. Connector
3. Perhatikanlah simbol berikut ini!

Simbol flowchart di atas menunjukkan…

A. Process
B. Output
C. Proses
D. Seleksi/Kondisi
E. Predefined Processor
4. Salah satu fungsi dari flowchart adalah….

Halaman | 13
 A. Memudahkan pembacaan sebuah proses
B. Menggambarkan apa yang akan terjadi
C. Perintah-perintah yang harus dipatuhi
D. Acuan dalam menjalankan sebuah proses
E. Simbol-simbol yang mudah dibaca
5. Perhatikan algoritma berikut ini:
1) Buka aplikasi ojol
2) Mengaktifkan GPS
3) Input lokasi penjemputan
4) Input lokasi tujuan
5) Memilih metode pembayaran
6) Pesan lalu menunggu hingga ojol tiba
7) Menumpang ojol
8) Mengendarai ojol sampai di tujuan
9) Turun
10) Membayar layanan ojol
Simbol flowchart yang paling benar dan tepat untuk algoritma 8
adalah…
A. Process
B. Decision
C. Output
D. Input
E. Display

Halaman | 14
F. Kunci Jawaban
1. Tugas

2. Tes Formatif
1) D
2) C
3) C
4) A
5) A

G. Rangkuman
Diagram alur (flowchart) adalah sekumpulan simbol-simbol yang disusun
sedemikian rupa untuk dipergunakan sebagai penggambaran suatu alur
proses yang dibuat agar pembaca mudah memahami alur proses tersebut

H. Daftar Pustaka
a. Desain Media Interaktif, Rudi Nurcahyo, S.Kom (2019) Penerbit PT.
Kuantum Buku Sejahtera
b. Desain Media Interaktif, Sriyatno, DKK (2019) Direktorat Pembinaan
SMK Kemendikbud.
c. Website https://www.dosenpendidikan.co.id/simbol-flowchart/

Halaman | 15