Flowchart (Diagram Alur)sugiartha.staff.gunadarma.ac.id/Downloads/files/69223/M3...Flowchart...
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022052303/6082df210ad1940a8421e9f3/html5/thumbnails/23.jpg)
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