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 segmensegmen 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 Bonus = 100
2 Bonus = 200
3 Bonus = 400
Other Bonus = 800
15
STRUKTUR FLOWCHART (7) If years_employed = 2, bonus is set to 200 If years_employed = 1, bonus is set to 100
1 bonus = 100
If years_employed = 3, bonus is set to 400 If years_employed is any other value, bonus is set to 800
CASE years_employed
2 bonus = 200
3 bonus = 400
Other 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
