FLOWCHART
DAN BAHASA
PEMROGRAMAN
SISTEM KONTROL DAN PEMROGRAMAN
D E F I N I S I
Flowchart / bagan alir
 Bagan (chart) yang menunjukkan
alir (flow) di dalam program atau
prosedur sistem secara logika
 Bagan yang memiliki arus yang
menggambarkan Langkah-Langkah
penyelesaian suatu masalah
 Digunakan terutama untuk alat bantu
komunikasi dan untuk dokumentasi
 Cara penyajian dari suatu algoritma
F U N G S I
F LOWC H A R T
1
Memastikan setiap program yang
dibuat memiliki alurnya sendiri.
2
Melihat sebuah proses program yang
dijalankan.
3 Melihat program secara keseluruhan.
4
Pedoman dalam menyusun,
membangun serta mengembangkan
sebuah aplikasi
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
3
K A I D A H P E M B U ATA N F L O W C H A R T
 Tidak ada kaidah yang baku.
 Flowchart = gambaran hasil analisa suatu masalah
 Flowchart dapat bervariasi antara satu pemrogram dengan
pemrogram lainnya.
 Secara garis besar ada 3 bagian utama:
– Input
– Proses
– Output
 Hindari pengulangan proses yang tidak perlu dan logika
yang berbelit sehingga jalannya proses menjadi singkat.
 Jalannya proses digambarkan dari atas ke bawah dan diberikan
tanda panah untuk memperjelas.
 Sebuah flowchart diawali dari satu titik START dan diakhiri
dengan END/STOP
P E D O M A N
P E M BUATA N
F LOWC H A R T
a. Flowchart dijelaskan dan didefiniskan dari bawah ke atas dan
dari kiri ke kanan.
b. Setiap aktivitas yang dijelaskan haruslah didefinisikan secara
hati-hati serta yang paling terpenting dapat dimengerti oleh
pembacanya.
c. Proses dimulai dan berakhirnya sebuah aktivitas haruslah jelas.
d. Setiap langkah aktivitas harus dilakukan dengan berurutan.
e. Setiap langkah aktivitas haruslah didefinisinak menggunakan
kata kerja.
f. Gunakan simbol flowchart yang standar.
g. Ruang lingkup dan range yang dijelaskan harus ditelusuri
secara hati-hati.Apabila terdapat sebuah percangan dapat
digambarkan secara terpisah, bahkan jika tidak dibutuhkan
dapat dihilangkan
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
5
F LOWC H A R T M E N G G A M BA R K A N
P RO S E S D E N G A N KO M P U T E R
FLOWCHART SISTEM
FLOWCHART
PROGRAM
F
L
O
W
C
H
A
R
T
D
A
N
B
A
H
A
S
A
P
E
M
R
O
G
R
A
M
A
N
6
F L O W C H A R T S I S T E M
Bagan yang memperlihatkan urutan proses dalam sisyem
dengan menunjukkan alat media input, output serta jenis media
penyimpanan dalam proses pengolahan data
Bagan alir sistem berbeda dengan bagan alir program. Bagan alir
program sifatnya lebih terperinci tentang langkah-langkah proses
di dalam program dari awal sampai akhir.
Bagan alir sistem hanya menggambarkan arus data dari sistem.
Simbol-simbol yang digunakan pada bagan alir sistem ada yang
sama dan ada yang berbeda dengan simbol-simbol yang
digunakan pada bagan alir program
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
7
S I M B O L F LOWC H A R T S I S T E M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
8
S I M B O L F LOWC H A R T S I S T E M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
9
S I M B O L F LOWC H A R T S I S T E M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
10
C O N TO H F LOWC H A R T S I S T E M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
11
Contoh:
Flowchart sistem suatu
lembaga, pemerintahan,
oraganisasi, perusahaan dan
pabrik
FLOWCHART PROGRAM
Bagan alir program adalah suatu bagan yang
menggambarkan arus logika dari data yang
akan diproses dalam suatu program dari awal
sampai akhir
Bagan yang memperlihatkan urutan instruksi
yang digambarkan dengan symbol tertentu
untuk memecahkan masalah dalam suatu
program
Bagan alir terdiri dari simbol-simbol yang
mewakili fungsi-fungsi langkah program dan
garis alir (flow lines) menunjukan urutan dari
simbol yang akan dikerjakan
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
12
S I M B O L F LOWC H A R T P RO G R A M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
13
S I M B O L F LOWC H A R T P RO G R A M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
14
C O N TO H F LOWC H A R T P RO G R A M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
15
J E N I S F LOWC H A R T L A I N N YA
DOCUM E NT
FLOWCHART
• Dikenal sebagai bagan alir
formulir (form flowchart), atau
paperwork flowchart
• Bagan alir ini lebih spesifik
menggambarkan sebuah
manajemen maupun pelaporan
dari sebuah organisasi ataupun
perusahaan
• Penggunaan simbol-simbolnya
seperti flowchart pada umumnya
SCHEMATIC
FLOWCHART
• Bagan alir skematik memiliki kesamaan
dengan bagan alir sistem, dimana untuk
menggambarkan semua prosedur yang
terdapat dalam sebuah sistem
• Perbedaan bagan alir skematik, tidak
menggunakan simbol flowchart serta bagan alir
skematik menggambarkannya dengan lebih
detail
• Penggunaan bagan alir skematik biasanya
untuk mengomunikasikan alur sistem kepada
orang/pembaca yang tidak mengerti dan
paham dengan simbol flowchart
P ROCE S S
FLOWCHART
• Penggambaran proses
industrial untuk memecahkan
sebuah masalah serta
menganalisis langkah
selanjutnya dalam sebuah
sistem atau prosedur
• Flowchart proses biasa
digunakan dalam lingkungan
industri dan analisis sebuah
sistem
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
16
C O N TO H F LOWC H A R T D O K U M E N
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
17
C O N TO H F LOWC H A R T S K E M AT I K
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
18
C O N TO H
F LOWC H A R
T P RO S E S
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
19
S U M M A RY
?
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
20
THANK YOU
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
21
T U G A S K E LO M P O K
1. Bentuklah 5 kelompok
2. Kelompok 1 : Flowchart Sistem
3. Kelompok 2 : Flowchart Skematik
4. Kelompok 3 : Flowchart Program
5. Kelompok 4 : Flowchart Proses
6. Kelompok 5 : Flowchart Dokumen
7. Diskusikan dengan kelompok masing-masing sesuai tema yang telah
ditentukan.
8. Buatlah menjadi sebuah makalah terkait tema tersebut dan
presentasikan
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
22
T E M A F LOWC H A R T
P RO S E S
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
23
1. Buatlah flowchart untuk proses produksi pakaian yang
mencakup tahap pemilihan kain, pemotongan kain, penjahitan,
pengujian kualitas, dan pengemasan!
2. Buatlah flowchart untuk proses pengiriman barang yang
mencakup tahap pemrosesan pesanan, pengemasan,
pengambilan barang oleh kurir, pengiriman, dan pengiriman
ulang jika diperlukan!
3. Buatlah flowchart untuk proses penerimaan dan pengolahan
laporan kerusakan mesin yang mencakup tahap penerimaan
laporan, pengecekan mesin, pengambilan tindakan perbaikan,
dan pelaporan hasil perbaikan!
T E M A F LOWC H A R T
S K E M AT I K
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
24
1. Buatlah flowchart skematik untuk sistem pengukuran suhu
yang mencakup sensor suhu, mikrokontroler, dan LCD display!
2. Buatlah flowchart skematik untuk sistem pencahayaan
otomatis yang mencakup sensor cahaya, relay, dan lampu
LED!
3. Buatlah flowchart skematik untuk sistem pengendalian pompa
air yang mencakup sensor level air, pompa air, dan kontroler
logika programmable (PLC)!
T E M A F LOWC H A R T
D O K U M E N
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
25
1. Buatlah flowchart untuk proses pembuatan laporan keuangan
yang mencakup tahap pengumpulan data, pencatatan data,
pembuatan laporan, dan verifikasi laporan!
2. Buatlah flowchart untuk proses pembuatan panduan
penggunaan aplikasi yang mencakup tahap penentuan struktur
panduan, penulisan konten, pengeditan, dan penyusunan
panduan!
3. Buatlah flowchart untuk proses seleksi karyawan yang
mencakup tahap penerimaan lamaran, seleksi administrasi, tes
tertulis, wawancara, dan pengumuman hasil seleksi!
T E M A F LOWC H A R T
P RO G R A M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
26
1. Buatlah flowchart untuk program konversi suhu yang meminta
input suhu dalam Celsius atau Fahrenheit dari user, kemudian
mengkonversinya ke dalam satuan yang diminta dan
menampilkan hasilnya!
2. Buatlah flowchart untuk program validasi password yang
meminta input password dari user, kemudian memvalidasi
apakah password tersebut memenuhi kriteria yang telah
ditentukan (misalnya, minimal 8 karakter dan mengandung
huruf dan angka)!
3. Buatlah flowchart untuk program sederhana yang meminta
input tahun dari user, kemudian menentukan apakah tahun
tersebut merupakan tahun kabisat atau tidak!
T E M A F LOWC H A R T
S I S T E M
P
R
E
S
E
N
T
A
T
I
O
N
T
I
T
L
E
27
1. Buatlah flowchart untuk sistem login sederhana yang meminta
username dan password dari user, kemudian memvalidasi
apakah user tersebut terdaftar di database atau tidak!
2. Buatlah flowchart untuk sistem penjualan online yang meminta
input produk yang ingin dibeli, kemudian menghitung total
harga dengan memperhitungkan pajak dan biaya pengiriman!
3. Buatlah flowchart untuk sistem pendaftaran kursus online yang
meminta input nama, alamat email, dan nomor telepon dari
calon peserta, kemudian mengirimkan email konfirmasi dan
mengubah status pendaftaran menjadi "terdaftar"!

02-FLOWCHART DAN BAHASA PEMROGRAMAN.pptx

  • 1.
  • 2.
    D E FI N I S I Flowchart / bagan alir  Bagan (chart) yang menunjukkan alir (flow) di dalam program atau prosedur sistem secara logika  Bagan yang memiliki arus yang menggambarkan Langkah-Langkah penyelesaian suatu masalah  Digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi  Cara penyajian dari suatu algoritma
  • 3.
    F U NG S I F LOWC H A R T 1 Memastikan setiap program yang dibuat memiliki alurnya sendiri. 2 Melihat sebuah proses program yang dijalankan. 3 Melihat program secara keseluruhan. 4 Pedoman dalam menyusun, membangun serta mengembangkan sebuah aplikasi P R E S E N T A T I O N T I T L E 3
  • 4.
    K A ID A H P E M B U ATA N F L O W C H A R T  Tidak ada kaidah yang baku.  Flowchart = gambaran hasil analisa suatu masalah  Flowchart dapat bervariasi antara satu pemrogram dengan pemrogram lainnya.  Secara garis besar ada 3 bagian utama: – Input – Proses – Output  Hindari pengulangan proses yang tidak perlu dan logika yang berbelit sehingga jalannya proses menjadi singkat.  Jalannya proses digambarkan dari atas ke bawah dan diberikan tanda panah untuk memperjelas.  Sebuah flowchart diawali dari satu titik START dan diakhiri dengan END/STOP
  • 5.
    P E DO M A N P E M BUATA N F LOWC H A R T a. Flowchart dijelaskan dan didefiniskan dari bawah ke atas dan dari kiri ke kanan. b. Setiap aktivitas yang dijelaskan haruslah didefinisikan secara hati-hati serta yang paling terpenting dapat dimengerti oleh pembacanya. c. Proses dimulai dan berakhirnya sebuah aktivitas haruslah jelas. d. Setiap langkah aktivitas harus dilakukan dengan berurutan. e. Setiap langkah aktivitas haruslah didefinisinak menggunakan kata kerja. f. Gunakan simbol flowchart yang standar. g. Ruang lingkup dan range yang dijelaskan harus ditelusuri secara hati-hati.Apabila terdapat sebuah percangan dapat digambarkan secara terpisah, bahkan jika tidak dibutuhkan dapat dihilangkan P R E S E N T A T I O N T I T L E 5
  • 6.
    F LOWC HA R T M E N G G A M BA R K A N P RO S E S D E N G A N KO M P U T E R FLOWCHART SISTEM FLOWCHART PROGRAM F L O W C H A R T D A N B A H A S A P E M R O G R A M A N 6
  • 7.
    F L OW C H A R T S I S T E M Bagan yang memperlihatkan urutan proses dalam sisyem dengan menunjukkan alat media input, output serta jenis media penyimpanan dalam proses pengolahan data Bagan alir sistem berbeda dengan bagan alir program. Bagan alir program sifatnya lebih terperinci tentang langkah-langkah proses di dalam program dari awal sampai akhir. Bagan alir sistem hanya menggambarkan arus data dari sistem. Simbol-simbol yang digunakan pada bagan alir sistem ada yang sama dan ada yang berbeda dengan simbol-simbol yang digunakan pada bagan alir program P R E S E N T A T I O N T I T L E 7
  • 8.
    S I MB O L F LOWC H A R T S I S T E M P R E S E N T A T I O N T I T L E 8
  • 9.
    S I MB O L F LOWC H A R T S I S T E M P R E S E N T A T I O N T I T L E 9
  • 10.
    S I MB O L F LOWC H A R T S I S T E M P R E S E N T A T I O N T I T L E 10
  • 11.
    C O NTO H F LOWC H A R T S I S T E M P R E S E N T A T I O N T I T L E 11 Contoh: Flowchart sistem suatu lembaga, pemerintahan, oraganisasi, perusahaan dan pabrik
  • 12.
    FLOWCHART PROGRAM Bagan alirprogram adalah suatu bagan yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir Bagan yang memperlihatkan urutan instruksi yang digambarkan dengan symbol tertentu untuk memecahkan masalah dalam suatu program Bagan alir terdiri dari simbol-simbol yang mewakili fungsi-fungsi langkah program dan garis alir (flow lines) menunjukan urutan dari simbol yang akan dikerjakan P R E S E N T A T I O N T I T L E 12
  • 13.
    S I MB O L F LOWC H A R T P RO G R A M P R E S E N T A T I O N T I T L E 13
  • 14.
    S I MB O L F LOWC H A R T P RO G R A M P R E S E N T A T I O N T I T L E 14
  • 15.
    C O NTO H F LOWC H A R T P RO G R A M P R E S E N T A T I O N T I T L E 15
  • 16.
    J E NI S F LOWC H A R T L A I N N YA DOCUM E NT FLOWCHART • Dikenal sebagai bagan alir formulir (form flowchart), atau paperwork flowchart • Bagan alir ini lebih spesifik menggambarkan sebuah manajemen maupun pelaporan dari sebuah organisasi ataupun perusahaan • Penggunaan simbol-simbolnya seperti flowchart pada umumnya SCHEMATIC FLOWCHART • Bagan alir skematik memiliki kesamaan dengan bagan alir sistem, dimana untuk menggambarkan semua prosedur yang terdapat dalam sebuah sistem • Perbedaan bagan alir skematik, tidak menggunakan simbol flowchart serta bagan alir skematik menggambarkannya dengan lebih detail • Penggunaan bagan alir skematik biasanya untuk mengomunikasikan alur sistem kepada orang/pembaca yang tidak mengerti dan paham dengan simbol flowchart P ROCE S S FLOWCHART • Penggambaran proses industrial untuk memecahkan sebuah masalah serta menganalisis langkah selanjutnya dalam sebuah sistem atau prosedur • Flowchart proses biasa digunakan dalam lingkungan industri dan analisis sebuah sistem P R E S E N T A T I O N T I T L E 16
  • 17.
    C O NTO H F LOWC H A R T D O K U M E N P R E S E N T A T I O N T I T L E 17
  • 18.
    C O NTO H F LOWC H A R T S K E M AT I K P R E S E N T A T I O N T I T L E 18
  • 19.
    C O NTO H F LOWC H A R T P RO S E S P R E S E N T A T I O N T I T L E 19
  • 20.
    S U MM A RY ? P R E S E N T A T I O N T I T L E 20
  • 21.
  • 22.
    T U GA S K E LO M P O K 1. Bentuklah 5 kelompok 2. Kelompok 1 : Flowchart Sistem 3. Kelompok 2 : Flowchart Skematik 4. Kelompok 3 : Flowchart Program 5. Kelompok 4 : Flowchart Proses 6. Kelompok 5 : Flowchart Dokumen 7. Diskusikan dengan kelompok masing-masing sesuai tema yang telah ditentukan. 8. Buatlah menjadi sebuah makalah terkait tema tersebut dan presentasikan P R E S E N T A T I O N T I T L E 22
  • 23.
    T E MA F LOWC H A R T P RO S E S P R E S E N T A T I O N T I T L E 23 1. Buatlah flowchart untuk proses produksi pakaian yang mencakup tahap pemilihan kain, pemotongan kain, penjahitan, pengujian kualitas, dan pengemasan! 2. Buatlah flowchart untuk proses pengiriman barang yang mencakup tahap pemrosesan pesanan, pengemasan, pengambilan barang oleh kurir, pengiriman, dan pengiriman ulang jika diperlukan! 3. Buatlah flowchart untuk proses penerimaan dan pengolahan laporan kerusakan mesin yang mencakup tahap penerimaan laporan, pengecekan mesin, pengambilan tindakan perbaikan, dan pelaporan hasil perbaikan!
  • 24.
    T E MA F LOWC H A R T S K E M AT I K P R E S E N T A T I O N T I T L E 24 1. Buatlah flowchart skematik untuk sistem pengukuran suhu yang mencakup sensor suhu, mikrokontroler, dan LCD display! 2. Buatlah flowchart skematik untuk sistem pencahayaan otomatis yang mencakup sensor cahaya, relay, dan lampu LED! 3. Buatlah flowchart skematik untuk sistem pengendalian pompa air yang mencakup sensor level air, pompa air, dan kontroler logika programmable (PLC)!
  • 25.
    T E MA F LOWC H A R T D O K U M E N P R E S E N T A T I O N T I T L E 25 1. Buatlah flowchart untuk proses pembuatan laporan keuangan yang mencakup tahap pengumpulan data, pencatatan data, pembuatan laporan, dan verifikasi laporan! 2. Buatlah flowchart untuk proses pembuatan panduan penggunaan aplikasi yang mencakup tahap penentuan struktur panduan, penulisan konten, pengeditan, dan penyusunan panduan! 3. Buatlah flowchart untuk proses seleksi karyawan yang mencakup tahap penerimaan lamaran, seleksi administrasi, tes tertulis, wawancara, dan pengumuman hasil seleksi!
  • 26.
    T E MA F LOWC H A R T P RO G R A M P R E S E N T A T I O N T I T L E 26 1. Buatlah flowchart untuk program konversi suhu yang meminta input suhu dalam Celsius atau Fahrenheit dari user, kemudian mengkonversinya ke dalam satuan yang diminta dan menampilkan hasilnya! 2. Buatlah flowchart untuk program validasi password yang meminta input password dari user, kemudian memvalidasi apakah password tersebut memenuhi kriteria yang telah ditentukan (misalnya, minimal 8 karakter dan mengandung huruf dan angka)! 3. Buatlah flowchart untuk program sederhana yang meminta input tahun dari user, kemudian menentukan apakah tahun tersebut merupakan tahun kabisat atau tidak!
  • 27.
    T E MA F LOWC H A R T S I S T E M P R E S E N T A T I O N T I T L E 27 1. Buatlah flowchart untuk sistem login sederhana yang meminta username dan password dari user, kemudian memvalidasi apakah user tersebut terdaftar di database atau tidak! 2. Buatlah flowchart untuk sistem penjualan online yang meminta input produk yang ingin dibeli, kemudian menghitung total harga dengan memperhitungkan pajak dan biaya pengiriman! 3. Buatlah flowchart untuk sistem pendaftaran kursus online yang meminta input nama, alamat email, dan nomor telepon dari calon peserta, kemudian mengirimkan email konfirmasi dan mengubah status pendaftaran menjadi "terdaftar"!