Flowchart (Diagram Alir)

Presentasi berjudul: "Flowchart (Diagram Alir)"— Transcript presentasi:

1 Flowchart (Diagram Alir)
Pengantar Teknologi informasi (TIF1101/SIF1101)

2 Flowchart (Diagram Alir)
Definisi Flowchart Tujuan menggunakan Flowchart Pedoman dalam pembuatan Flowchart Struktur Flowchart Model/Jenis Flowchart Simbol – simbol Flowchart Latihan

3 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)

4 Tujuan Menggambarkan suatu tahapan penyelesaian masalah.
Secara sederhana, terurai, rapi dan jelas. Menggunakan simbol-simbol standar. (Murhada dan Yo Ceng, 2011)

5 Pedoman dalam Pembuatan Flowchart (1)
Bagan alir sebaiknya digambar dari atas ke bawah dan mulai dari bagian kiri dari suatu halaman. Kegiatan di dalam bagan alir harus ditunjukkan dengan jelas. 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)

6 Pedoman dalam Pembuatan Flowchart (2)
Masing-masing kegiatan di dalam bagan alir harus di dalam urutan yang semestinya. Kegiatan yang terpotong dan akan disambung di tempat lain harus ditunjukkan dengan jelas menggunakan simbol penghubung. Gunakanlah simbol-simbol bagan alir yang standar. (Murhada dan Yo Ceng, 2011)

7 Contoh Flowchart (1)

8 Contoh Flowchart (2)

9 Contoh Flowchart (3)

10 Struktur Flowchart (1) Struktur yang berurutan (Sequence)
Struktur Keputusan (Decision) Struktur Perulangan (Repetition) Struktur Kasus (Case)

11 Struktur Flowchart (2) Struktur yang berurutan (Sequence)
a series of actions are performed in sequence.

12 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 YES NO

13 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. x < y? Process A YES

14 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. x < y? Process A YES

15 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

16 Struktur Flowchart (7) 1 2 3 Other
If years_employed = 2, bonus is set to 200 If years_employed = 3, bonus is set to 400 CASE years_employed 1 2 3 Other bonus = 100 bonus = 200 bonus = 400 bonus = 800 If years_employed = 1, bonus is set to 100 If years_employed is any other value, bonus is set to 800

17 Simbol-simbol Flowchart (2)

18 Simbol-simbol Flowchart (3)

19 Simbol-simbol Flowchart (4)

20 Model/Jenis Flowchart
Flowchart Sistem (System) Flowchart Paperwork/Dokumen Flowchart Flowchart Skematik (Schematic) Flowchart Program Flowchart Proses (Process)

21 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.

22 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.

23 Flowchart Sistem (3) (Murhada dan Yo Ceng, 2011)

24 Latihan Buatlah sebuah flowchart system mengenai pembelian sebuah produk online Buatlah sebuah flowchart system tentang peminjaman buku dari sebuah perpustakaan

25 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.

26 Flowchart Paperwork/Flowchart Dokumen (2)

27 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.

28 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.

29 Flowchart Skematik (3)

30 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.

31 Flowchart Program (2)

32 Latihan Buatlah Flowchart Program untuk menghitung luas segitiga
Buatlah sebuah flowchart program untuk menghitung tunjangan seorang karyawan di sebuah perusahaan swasta dengan persyaratan sebagai berikut : Jika Masa Keja lebih besar dari 10 tahun , maka mendapatkan tunjangan sebesar 20% dari gaji Jika Masa Kerja kurang dari 10 tahun , maka tidak mendapatkan tunjangan

33 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:

34 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.

35 Flowchart Proses (3)

36 Latihan Buatlah sebuah Flowchart Proses dengan keterangan sebagai berikut ; Departemen UAT (User Acceptance Tester) menerima dokumen proyek dari PIC Departemen UAT mengirim dokumen ke pegawai tester Pegawai tester memulai testing aplikasi berdasarkan dokumen proyek Pegawai tester mencek satu persatu aplikasi berdasarkan dokumen proyek Pegawai tester menyimpan hasil testing ke dalam dokumen testing Dokumen testing dikirim kembali ke PIC

37

38