Flowchart Multimedia Interaktif

Rabu, 6 Juli 2022Oleh : smkn1psgn

Flowchart Multimedia Interaktif – Flow Chart adalah suatu bagan yang berisi simbol-simbol grafis yang
menunjukkan arah/alur kegiatan dan data-data yang dimiliki program sebagai suatu proses eksekusi, biasanya
bersifat umum dan tidak tergantung pada bahasa pemrograman yang digunakan.

Diagram alir (bahasa Inggris: flowchart) bagan alir, atau bagan arus adalah sebuah jenis diagram yang
mewakili algoritme, alir kerja atau proses, yang menampilkan langkah-langkah dalam bentuk simbol-simbol
grafis, dan urutannya dihubungkan dengan panah. Diagram ini mewakili ilustrasi atau penggambaran
penyelesaian masalah. Diagram alir digunakan untuk menganalisis, mendesain, mendokumentasi atau
memanajemen sebuah proses atau program di berbagai bidang. Flowchart dapat digambar manual ataupun
dengan software seperti Microsoft Office Visio dan Online Flowchart Maker.

Dasar-Dasar Flow Chart

Salah satu langkah awal yang harus dikembangkan dalam memproduksinya yaitu mendesain model alur
berfikir isi program tersebut, yaitu biasa disebut dengan model flow chart.

Dalam setiap desain alur kerja atau alur suatu pemprosesan informasi (information processing) hendaknya
berdasarkan atas visualisasi flow chart yang komunikatif.

Tujuan dengan alur dan jalur proses pengerjaan sesuatu dapat dengan mudah dipahami dan dilalui serta diikuti
user secara menyeluruh dan bermakna. Dalam sistem pembelajaran berbasis komputer model apa pun, istilah
flow chart ini lebih dikenal dengan prosedur pembelajaran.

Hakikat flow charts atau bagan alur adalah suatu bagan yang berisi simbol-simbol grafis yang menunjukan
arah aliran kegiatan dan data-data yang dimiliki program sebagai suatu proses eksekusi.

TUJUAN FLOWCHART
 Menggambarkan suatu tahapan penyelesaian masalah secara sederhana, terurai, rapi dan jelas
menggunakan simbol-simbol standar
 Menjadi acuan dalam menyusun dan menggembangkan sebuah produk atau aplikasi
  Sebagai analisis yang efektif untuk mempermudah penyelesaian suatu masalah khususnya masalah
yang perlu dipelajari dan dievaluasi lebih lanjut.
 Komunikasi: Flowcharts adalah cara yang lebih baik untuk mengkomunikasikan logika sistem kepada
semua pihak.
 Diagram alur program berfungsi sebagai dokumentasi program yang baik, yang diperlukan untuk
berbagai tujuan.
 Diagram alur bertindak sebagai panduan atau cetak biru selama fase proses analisis sebuah sistem dan
fase pengembangan program.
JENIS FLOWCHART MENURUT ECMA
Flowchart System
Bagan alir sistem (systems flowchart) merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan
dari sistem. Bagan ini menjelaskan urut-urutan dari prosedur- prosedur yang ada di dalam sistem. Bagan alir
sistem menunjukkan apa yang dikerjakan di sistem. Bagan alir sistem digambar dengan menggunakan simbol-
simbol.

Flowchart Program
Yaitu bagan yang menggambarkan urutan logika dari suatu prosedur pemecahan masalah. Simbol yang
digunakan :

 menunjukkan awal dan akhir dari program

 memberikan nilai awal pada suatu variabel atau counter
 menunjukkan pengolahan aritmatika dan pemindahan data
 menunjukkan proses input atau output
PEDOMAN-PEDOMAN DALAM MEMBUAT FLOWCHART
 Flowchart digambarkan dari halaman atas ke bawah dan dari kiri ke kanan.
 Aktivitas yang digambarkan harus didefinisikan secara hati-hati dan definisi ini harus dapat
dimengerti oleh pembacanya.
 Kapan aktivitas dimulai dan berakhir harus ditentukan secara jelas.
 Setiap langkah dari aktivitas harus diuraikan dengan menggunakan deskripsi kata kerja, misalkan
MENGHITUNG NILAI SISWA
 Setiap langkah dari aktivitas harus berada pada urutan yang benar.
 Lingkup dan range dari aktifitas yang sedang digambarkan harus ditelusuri dengan hati-hati.
Percabangan-percabangan yang memotong aktivitas yang sedang digambarkan tidak perlu
digambarkan pada flowchart yang sama. Simbol konektor harus digunakan dan percabangannya
diletakan pada halaman yang terpisah atau hilangkan seluruhnya bila percabangannya tidak
berkaitan dengan sistem.
 Gunakan simbol-simbol flowchart yang standar
Bentuk-bentuk yang digunakan dalam Flow Chart

Dua Proses Struktur Dasar pada Flow Chart

1. Pemilihan Berkondisi
Yaitu pemilihan langkah berikutnya yang ditentukan berdasarkan  suatu kondisi, seperti: jika kondisi
terpenuhi,  maka proses berlanjut, jika tidak proses menempuh alternatif lain, hal ini diungkap melalui
pernyataan IF-THEN atau IF-THEN-ELSE, contoh segment proses pemilihan;

2. Proses Pengulangan
Berlangsung atas jumlah pengulangan yang ditetapkan saat program dibuat/ditetapkan dan saat program
dijalankan, diungkapkan melalui pernyataan REPEAT-UNTIL, FOR-DO, atau WHILE-DO, contoh segment
Pengulangan.

SIMBOL-SIMBOL FLOWCHART

Bentuk Nama Keterangan

Menunjukkan urutan proses. Tanda panah digunakan untuk aliran

Garis atau yang tidak standar yaitu aliran yang bukan aliran dari atas ke
tanda panah bawah atau dari kiri ke kanan.

Menunjukkan awal atau akhir dari program atau sub-proses.

Biasanya berisi kata “Mulai” atau “Selesai”. Atau istilah lain
Terminal yang menunjukkan dimulainya atau diakhirinya proses.
 Mewakili sebuah operasi yang akan merubah nilai, bentuk, atau
Proses lokasi dari data.

Menunjukkan operasi kondisional yang menentukan satu dari dua

jalur yang akan dipakai program. Operasi ini biasanya adalah
Keputusan pertanyaan “ya/tidak” atau “benar/tidak”.

Input/ Menunjukkan proses peng-input-an dan peng-output-an data,

Output contohnya untuk memasukkan atau menampilkan data.

Mengindikasikan informasi tambahan tentang suatu langkah di

dalam program. Digambarkan dengan sebuah segi empat terbuka
Anotasi dengan garis utuh atau garis putus-putus yang menghubungkannya
(komentar) dengan simbol tertentu di flowchart.
 Predefined Predefined process (proses yang sudah ditentukan sebelumnya)
process menunjukkan proses yang sudah didefinisikan di tempat lain.

On-page Connector (konektor di dalam satu halaman) adalah

sepasang konektor berlabel yang digunakan untuk menggantikan
On-page garis yang panjang atau yang membingungkan. Digambarkan dengan
Connector lingkaran kecil dengan sebuah huruf di dalamnya.

Off-page Off-page Connector (konektor di luar halaman) adalah konektor

Connector berlabel yang digunakan ketika targetnya berada di halaman lain.

Simbol Flowchart lainnya

Bentuk Nama Keterangan

File data
atau basis
data Data yang diwakili oleh silinder (disk drive).

Dokumen
(tunggal) Dokumen tunggal.

Dokumen
(lebih dari
satu) Dokumen yang jumlahnya lebih dari satu.

Operasi Menunjukkan suatu operasi atau penyesuaian proses yang

Manual hanya bisa dilakukan secara manual.
 Input
Manual Input manual

Awalanya digunakan untuk langkah-langkah seperti

Persiapan menyiapkan saklar atau menginisialisasi sebuah routine
atau (serangkaian kode yang digunakan berkali-kali dalam sebuah
Inisialisasi program).

Flowchart juga bisa dikatakan sebagai perencanaan suatu tindakan atau perencanaan atas kemungkinan-
kemungkinan yang mungkin terjadi.

Flowchart dibutuhkan dalam kehidupan sebagai penyederhanaan rencana dari tindakan-tindakan yang akan
kita lakukan. Ketika ingin melakukan sesuatu jangan terlalu banyak berharap bahwa semua tindakan akan
berjalan lancar, pasti akan ada kesulitan atau rintangan-rintangan. Dengan melakukan suatu perencanaan kita
bisa mempersiapkan diri terlebih dahulu ketika ada kesulitan/rintangan/hambatan yang menghadang.

Buat perencanaan (hidup) dengan hasil akhir yang ideal terlebih dahulu, kemudian baru pikirkan tentang
kesulitan/rintangan/hambatan yang mungkin terjadi. Pikirkan apa yang harus dilakukan ketika muncul suatu
kesulitan/rintangan/hambatan. Pikirkan apa solusi idealnya, apa solusi yang realistis, dan apa yang harus
dilakukan jika tidak menemukan solusinya.

Contoh-Flowchart:
CONTOH FLOWCHART MEDIA PEMBELAJARAN INTERAKTIF