FLOWCHART

(DIAGRAM ALIR)
PENGANTAR TEKNOLOGI INFORMASI (TIF1101)
 FLOWCHART (DIAGRAM ALIR)

• Definisi Flowchart

• Tujuan menggunakan Flowchart

• Pedoman dalam pembuatan Flowchart

• Struktur Flowchart

• Model/Jenis Flowchart

• Simbol – simbol Flowchart

• Latihan

2
 DEFINISI FLOWCHART

• Bagan-bagan yang mempunyai arus/alir.

• Digunakan untuk alat bantu komunikasi dan untuk
dokumentasi.
• Menggambarkan langkah-langkah penyelesaian suatu
masalah (memecahkan masalah kedalam segmen-
segmen yang lebih kecil dan menolong dalam
menganalisis alternatif-alternatif lain dalam
pengoperasian).
• Merupakan salah satu cara penyajian algoritma.

(Murhada dan Yo Ceng, 2011)

3
 TUJUAN

• Menggambarkan suatu tahapan penyelesaian masalah.

• Secara sederhana, terurai, rapi dan jelas.

• Menggunakan simbol-simbol standar.

(Murhada dan Yo Ceng, 2011)

4
PEDOMAN DALAM PEMBUATAN FLOWCHART
(1)

1. Bagan alir sebaiknya digambar dari atas ke bawah dan

mulai dari bagian kiri dari suatu halaman.

2. Kegiatan di dalam bagan alir harus ditunjukkan

dengan jelas.

3. Harus ditunjukkan dari mana kegiatan akan dimulai

dan dimana akan berakhirnya. Masing-masing
kegiatan di dalam bagan alir sebaiknya digunakan
suatu kata yang mewakili suatu pekerjaan, misalnya:
"Persiapkan" dokumen; "Hitung" gaji.
(Murhada dan Yo Ceng, 2011)

5
PEDOMAN DALAM PEMBUATAN FLOWCHART
(2)

4. Masing-masing kegiatan di dalam bagan alir harus di

dalam urutan yang semestinya.

5. Kegiatan yang terpotong dan akan disambung di

tempat lain harus ditunjukkan dengan jelas
menggunakan simbol penghubung.

6. Gunakanlah simbol-simbol bagan alir yang standar.

(Murhada dan Yo Ceng, 2011)

6
CONTOH FLOWCHART (1)

7
CONTOH FLOWCHART (2)

8
CONTOH FLOWCHART (3)

9
 STRUKTUR FLOWCHART (1)

• Struktur yang berurutan (Sequence)

• Struktur Keputusan (Decision)

• Struktur Perulangan (Repetition)

• Struktur Kasus (Case)

10
 STRUKTUR FLOWCHART (2)

• Struktur yang berurutan (Sequence)

a series of actions are performed in sequence.

11
 STRUKTUR FLOWCHART (3)

• Struktur Keputusan (Decision)

• One of two possible actions is taken, depending on a
condition.
• A new symbol, the diamond, indicates a yes/no question. If
the answer to the question is yes, the flow follows one path.
If the answer is no, the flow follows another path

NO YES

12
 STRUKTUR FLOWCHART (4)

• Struktur Perulangan (Repetition)

• A repetition structure represents part of the program that
repeats. This type of structure is commonly known as a
loop.

YES
x < y? Process A

13
 STRUKTUR FLOWCHART (5)

• Notice the use of the diamond symbol. A loop tests a

condition, and if the condition exists, it performs an
action. Then it tests the condition again. If the condition
still exists, the action is repeated. This continues until the
condition no longer exists.

YES
x < y? Process A

14
 STRUKTUR FLOWCHART (6)

• Struktur Kasus (Case)

• One of several possible actions is taken, depending on the
contents of a variable.
• The structure below indicates actions to perform depending
on the value in years_employed.

CASE
years_employed

1 2 3 Other

Bonus = 100 Bonus = 200 Bonus = 400 Bonus = 800

15
 STRUKTUR FLOWCHART (7)

If years_employed = 2, If years_employed = 3,
bonus is set to 200 bonus is set to 400

If years_employed = 1, If years_employed is
bonus is set to 100 CASE any other value,
years_employed bonus is set to 800

1 2 3 Other

bonus = 100 bonus = 200 bonus = 400 bonus = 800

16
 MODEL/JENIS FLOWCHART

• Flowchart Sistem (System)

• Flowchart Paperwork/Dokumen Flowchart

• Flowchart Skematik (Schematic)

• Flowchart Program

• Flowchart Proses (Process)

17
 FLOWCHART SISTEM (1)

• Bagan yang menunjukkan alur kerja atau apa yang

sedang dikerjakan di dalam sistem secara keseluruhan
dan menjelaskan urutan dari prosedur-prosedur yang
ada di dalam sistem.
• Flowchart ini merupakan deskripsi secara grafik dari
urutan prosedur-prosedur yang terkombinasi yang
membentuk suatu sistem.
• Flowchart ini terdiri dari data yang mengalir melalui
sistem dan proses yang mentransformasikan data itu.

18
 FLOWCHART SISTEM (2)

• 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).
• Tidak digunakan untuk menggambarkan urutan
langkah untuk memecahkan masalah.
• Hanya untuk menggambarkan prosedur dalam sistem
yang dibentuk.

19
FLOWCHART SISTEM (3)

(Murhada dan Yo Ceng, 2011)

20
 FLOWCHART PAPERWORK/FLOWCHART
DOKUMEN (1)

• Flowchart Paperwork menelusuri alur dari data yang

ditulis melalui sistem.
• Sering disebut juga dengan Flowchart Dokumen.
• 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.

21
FLOWCHART PAPERWORK/FLOWCHART
DOKUMEN (2)

22
 FLOWCHART SKEMATIK (1)

• Mirip dengan Flowchart Sistem yang menggambarkan suatu

sistem atau prosedur.
• Flowchart ini bukan hanya menggunakan simbol-simbol
flowchart standar, tetapi juga menggunakan gambar-gambar
komputer, peripheral, form-form atau peralatan lain yang
digunakan dalam sistem.
• 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.

23
 FLOWCHART SKEMATIK (2)

• Gambar - gambar tersebut mengurangi kemungkinan

salah pengertian tentang sistem, hal ini disebabkan oleh
ketidak-mengertian tentang simbol-simbol yang
digunakan. Gambar - gambar juga memudahkan
pengamat untuk mengerti segala sesuatu yang
dimaksudkan oleh analis, sehingga hasilnya lebih
menyenangkan dan tanpa ada salah pengertian.

24
FLOWCHART SKEMATIK (3)

25
 FLOWCHART PROGRAM (1)

• Flowchart Program dihasilkan dari Flowchart Sistem.

• 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
menggambarkan urutan tugas-tugas pekerjaan dalam
suatu prosedur atau operasi.

26
FLOWCHART PROGRAM (2)

27
 FLOWCHART PROSES (1)

• Merupakan teknik penggambaran rekayasa industrial yang

memecah dan menganalisis langkah-langkah selanjutnya
dalam suatu prosedur atau sistem.
• Flowchart Proses memiliki lima simbol khusus:

28
 FLOWCHART PROSES (2)

• Flowchart 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.

29
FLOWCHART PROSES (3)

30
 SIMBOL-SIMBOL FLOWCHART (1)

• Simbol-simbol flowchart yang biasanya dipakai adalah

simbol-simbol flowchart standar yang dikeluarkan oleh
ANSI dan ISO.

31
SIMBOL-SIMBOL FLOWCHART (2)

32
SIMBOL-SIMBOL FLOWCHART (3)

33
SIMBOL-SIMBOL FLOWCHART (4)

34
CONTOH FLOWCHART

35
 LATIHAN

1. Buatlah algoritma dengan menggunakan Struktur

Bahasa Natural untuk mencari bilangan terbesar dari
tiga buah bilangan.
2. Buatlah flowchart dari soal nomor 1 diatas.
3. Buatlah algoritma (menggunakan bahasa natural)
untuk menyatakan kelulusan seorang siswa dengan
ketentuan: jika nilai ujian diatas 60 maka siswa
tersebut lulus. Tetapi jika tidak mencapai 60, siswa
tersebut tidak lulus.
4. Buatlah flowchart dari soal nomor 3 diatas.

36
37
38