Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart...

23
Flowchart (Diagram Alur) I Komang Sugiartha 1

Transcript of Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart...

Page 1: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Flowchart (Diagram Alur)I Komang Sugiartha

1

Page 2: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Flowchart

• Bagan-bagan yang mempunyai arus

• Menggambarkan langkah-langkah penyelesaiansuatu masalah

• Merupakan salah satu cara penyajian algoritma*

* Algoritma adalah urutan langkah-langkah logispenyelesaian masalah yang disusun secarasistematis dan logis

2

Page 3: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Mengapa Flowchart

a. Relationship

Flowchart dapat memberikan gambaran

yang efektif, jelas, dan ringkas tentang

prosedur logic. Teknik penyajian yang

bersifat grafis jelas akan lebih baik

daripada uraian-uraian yang bersifat teks

khususnya dalam menyajikan logika-logika

yang bersifat kompleks.

Page 4: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Mengapa Flowchart

b. Analysis

Dengan adanya pengungkapan yang jelas

dalam model atau chart, maka para

pembaca dapat dengan mudah melihat

permasalahan atau memfokuskan

perhatian pada area-area tertentu pada

sistem informasi.

Page 5: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Mengapa Flowchart

c. Communication

Karena simbol-simbol yang digunakan

mengikuti suatu standar tertentu yang

sudah diakui secara umum, maka

flowchart merupakan alat bantu yang

sangat efektif dalam mengkomunikasikan

logika suatu masalah atau dalam

mendokumentasikan logika tersebut.

Page 6: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Tujuan

•Menggambarkan suatu tahapan penyelesaian masalah

• Secara sederhana, terurai, rapi dan jelas

•Menggunakan simbol-simbol standar

6

Page 7: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Model / Jenis Flowchart

• System Flowchart

• Program Flowchart

7

Page 8: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

System Flowchart

• Menggambarkan suatu sistem peralatan komputer yang digunakan dalam proses pengolahan data serta hubungan antar peralatan tersebut

• Tidak digunakan untuk menggambarkan urutan langkah untuk memecahkan masalah

• Hanya untuk menggambarkan prosedur dalam sistem yang dibentuk

8

Page 9: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

9

Keyboard

CPU Disket

VDU

Contoh penggunaan system flowchart

Page 10: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Program Flowchart

• Menggambarkan urutan logika dari suatu prosedur pemecahan masalah

• Dua jenis metode penggambaran program flowchart :

• Conceptual flowchart, menggambarkan alur pemecahan masalah secara global

• Detail flowchart, menggambarkan alur pemecahan masalah secara rinci

10

Page 11: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

11

Start

Input

Proses

Output

End

Start

End

Input “Berapa data” ; N

Jml = 0

Input Bil

Next K

For K = 1 to N

Print “Jumlah = “; Jml

Jml = Jml + Bil

Page 12: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Simbol-simbol Flowchart

• Flow direction symbols

• Digunakan untuk menghubungkan simbolsatu dengan yang lain

• Disebut juga connecting line

• Processing symbols

• Menunjukan jenis operasi pengolahan dalamsuatu proses / prosedur

• Input / Output symbols

• Menunjukkan jenis peralatan yang digunakansebagai media input atau output 12

Page 13: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Flow Direction Symbols

• Simbol arus / flow

• Menyatakan jalannya arus suatu proses

• Simbol communication link

• Menyatakan transmisi data dari satu lokasi ke lokasi lain

• Simbol connector

• Menyatakan sambungan dari proses ke proses lainnyadalam halaman yang sama

• Simbol offline connector

• Menyatakan sambungan dari proses ke proses lainnyadalam halaman yang berbeda

13

Page 14: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Processing Symbols

• Simbol process

• Menyatakan suatu tindakan (proses) yang dilakukan olehkomputer

• Simbol manual

• Menyatakan suatu tindakan (proses) yang tidakdilakukan oleh komputer

• Simbol decision

• Menujukkan suatu kondisi tertentu yang akanmenghasilkan dua kemungkinan jawaban : ya / tidak

• Simbol predefined process

• Menyatakan penyediaan tempat penyimpanan suatupengolahan untuk memberi harga awal

• Simbol terminal

• Menyatakan permulaan atau akhir suatu program14

Page 15: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Processing Symbols

• Simbol keying operation

• Menyatakan segal jenis operasi yang diproses dengan menggunakan suatu mesin yang mempunyai keyboard

• Simbol offline-storage

• Menunjukkan bahwa data dalam simbol ini akan disimpan ke suatu media tertentu

• Simbol manual input

• Memasukkan data secara manual dengan menggunakan online keyboard 15

Page 16: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Input / Output Symbols

• Simbol input/output

• Menyatakan proses input atau output tanpa tergantung jenis peralatannya

• Simbol punched card

• Menyatakan input berasal dari kartu atau output ditulis ke kartu

• Simbol magnetic tape

• Menyatakan input berasal dari pita magnetis atau output disimpan ke pita magnetis

• Simbol disk storage

• Menyatakan input berasal dari dari disk atau output disimpan ke disk

16

Page 17: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Input / Output Symbols

• Simbol document

• Mencetak keluaran dalam bentuk dokumen (melalui printer)

• Simbol display

• Mencetak keluaran dalam layar monitor

17

Page 18: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Contoh System Flowchart

18

Data jawaban

ujian

Koreksi

Daftar Koreksi

Data File

utama

ujian

Periksa Ujian

Tabel

Siswa

File

siswa

lulus

Laporan Hasil

Ujian

Page 19: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Kaidah Pembuatan Flowchart

19

Start

Input

Proses

Output

End

Page 20: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Pengolahan data

20

START

READ

HABIS ?

PROCESS

WRITE

END

Tidak

Ya

Page 21: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Menghitung luas persegi panjang

21

Input lebar

Start

End

Input panjang

Luas = panjang * lebar

Print Luas

Page 22: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Flowchart

• Flowchart untuk menentukan bilangan genap/ganjil

Y

T

Start

Input Bilangan

Hitung sisa

bagi antara

bilangan dengan 2

A

A

ApakahSisa = 0

CetakGenap

CetakGanjil

End

Page 23: Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart (Diagram Alur) I Komang Sugiartha 1 Flowchart • Bagan-bagan yang mempunyai arus • Menggambarkan

Tugas

Buatlah algoritma dan flowchart

• Menghitung Luas Lingkaran dan menampilkan hasilnya

• Mengecek bilangan di antara 2 bilangan masukan, apakah sama ataukah lebih besar salah satunya, dan tampilkan hasilnya