Media Pengembangan Web & App | by APPKEY

Pembuatan Website Teknologi Web Sebuah Pengantar Tentang Flowchart (pengertian, contoh dan cara pembuatan)

Sebuah Pengantar Tentang Flowchart (pengertian, contoh dan cara pembuatan)

-

Sebagai seorang developer ataupun programmer, pastinya sudah tidak asing lagi dengan istilah flowchart. Flowchart ini sangat berkaitan dalam kegiatan pembuatan suatu program ataupun pengembangannya. Karena hal ini merupakan sesuatu yang penting jadi ada baiknya kita mengetahui terlebih dahulu apa itu flowchart sebelum membahasnya lebih jauh lagi.

Flowchart adalah?

 

Artikel Terkait  Apa Itu Mailing List? Fungsi dari Mailing List dan Penggunaannya

Pengertian flowchart adalah salah satu jenis diagram yang berisikan alur kerja atau proses untuk menyelesaikan suatu perintah ataupun masalah. Flowchart bagi seorang programmer dan developer memegang peran penting yaitu, untuk menampilkan informasi dan membantu membuat penalaran dari informasi yang disampaikan.

Flowchart biasanya identik dengan berbagai macam simbol-simbol yang masing-masing memiliki arti tersendiri. Simbol tersebut mengilustrasikan mengenai urutan langkah ataupun proses dari sebuah sistem dengan adanya garis yang menghubungkan langkah atau proses demi proses menggunakan tanda panah.

Lalu seberapa penting flowchart bagi developer dan programmer dalam menyelesaikan pekerjaan mereka? kita dapat memahami peranan flowchart dengan mengetahui apa saja fungsi dari dibuatnya flowchart tersebut.

Secara umum fungsi flowchart adalah sebagai berikut:

 

  1. Flowchart bisa menjelaskan data secara visual agar lebih mudah dimengerti, dibandingkan hanya membaca sebuah algoritma ataupun bahasa pemrograman bagi developer ataupun end user yang awam akan istilah dalam program, algoritma dan hal-hal yang berkaitan dengan teknis dan proses yang complex.
  2. Dasar mendesain suatu proses
  3. Flowchart menggambarkan struktur awal dari sebuah program, algoritma atau bahkan sebelum membuat sebuah bahasa pemrograman.
  4. Flowchart dapat menggambarkan gambaran umum dari apa yang ingin dibuat beserta proses-prosesnya sehingga developer ataupun programmer dapat meninjau kembali detail tersebut apakah sudah sesuai dengan tujuan atau tidak sebelum diubah kedalam suatu kode maupun program.
  5. Adanya alur-alur sebuah proses untuk mencapai suatu tujuan, selain memudahkan end user untuk mengerti juga membantu programmer atau developer melakukan coding sesuai dengan alur yang sudah digambarkan serta mempermudah dalam pembuatan aplikasi

 

Simbol atau tanda dalam flowchart

Untuk bisa membaca, mengerti serta membuat sebuah flowchart, ada beberapa simbol-simbol di dalam flowchart adalah yang perlu kita pahami. Simbol inilah yang sering digunakan dalam pembuatannya yang arti dari masing-masing simbolnya adalah sebagai berikut:

Terminator

Adalah simbol dari flowchart adalah yang mewakili awal dan akhir dari sebuah proses, tanda terminator ini biasanya berbentuk lingkaran oval yang agak panjang.

Process

Process dalam flowchart adalah bagian yang menunjukkan adanya pemrosesan atau pengelolaan data. Bagian ini biasanya akan ditandai dengan bentuk persegi panjang.

Document

Ditampilkan dengan tanda dokumen yang menunjukan adanya dokumen atau report (laporan).

Decision

Bagian ini melambangkan suatu keputusan yang percabangan, garis yang keluar dari simbol decision akan merujuk ke sub proses berikutnya. Biasanya ditunjukkan dengan lambang persegi ketupat.

Data

Ditunjukkan dengan bentuk jajaran genjang, bagian ini mewakili data yang masuk dan keluar pada suatu sistem, bisa berupa masukan data dari pelanggan.

On-Page Reference

Referensi di dalam page biasanya ditampilkan dalam bentuk lingkaran. Fungsinya adalah menghubungkan ke bagian lain atau flowchart lain, biasanya di tengahnya akan diwakili oleh huruf yang nantinya bisa ditemukan pada halaman yang sama.

Off-Page Reference

Tanda ini menjelaskan tentang proses menghubungkan ke halaman lain atau flowchart lain, biasanya di tengahnya akan diwakili oleh huruf yang nantinya bisa ditemukan di halaman lain.

Artikel Terkait  Jasa Pembuatan Website Ecommerce Profesional dan Terpercaya

Delay

Bagian yang mengidentifikasi ada proses delay atau tunggu ini biasanya ditampilkan dalam bentuk setengah lingkaran oval.

Flow

Yang terakhir adalah bagian flow yang mewakili aliran atau arahnya suatu dari proses. Bagian flow biasanya ditandai dengan tanda panah.

Sama seperti DFD (Data Flow Diagram), flowchart juga ada yang menampilkan high level flowchart dimana simbolnya lebih sedikit dan hanya menampilkan suatu proses secara garis besar saja. Ada juga low level yang menampilkan flowchart yang lebih detail terhadap suatu proses, semakin kecil levelnya maka semakin detail proses yang ditampilkan pada flowchart.

Simbol yang telah dijelaskan diatas merupakan simbol yang umum digunakan. Masih ada beberapa simbol lagi yang bisa digunakan untuk membuat sebuah low level flowchart yang lebih detail lagi prosesnya seperti, stored data, comment atau annotation, predefined process, tape data, multiple document, merge, manual input, display dan masih banyak lagi.

Namun sekali lagi, meski DFD dan flowchart seperti serupa dengan adanya simbol yang merepresentasikan arti tertentu dan dihubungkan serta diarahkan menggunakan flow atau garis tunjuk dengan fungsi menghubungkan simbol satu dengan yang lainnya tetapi DFD dan flowchart adalah sesuatu yang berbeda. Dilihat dari simbol-simbol yang digunakan saja, DFD dan flowchart sudah terlihat perbedaannya.

DFD lebih menjelaskan mengenai alur data pada suatu sistem sedangkan flowchart sendiri lebih menjelaskan alur kerja atau proses-prosesnya. Pada DFD tidak ada proses perhitungan sedangkan pada flowchart bisa ditemukan suatu proses perhitungan dalam langkah-langkah menyelesaikan suatu hal.

Langkah-langkah membuat flowchart

Setelah mengetahui simbol-simbol apa saja yang digunakan serta perbedaan flowchart dan DFD. Berikut ini merupakan langkah atau cara membuat flowchart.

  1. Langkah awal selalu diawali dengan adanya terminator, karena simbol terminator memang mewakili awal dan akhir dari sebuah proses. Biasanya kita menemukan kata “mulai” atau “start”
  2. Langkah berikutnya tergantung dari sistem apa yang anda ingin buat, karena suatu proses akan menunjukan cara kerja dari suatu sistem. Maka proses sistem satu dan sistem lainnya akan berbeda sesuai dengan tujuan yang ingin dicapai. Setelah start, ada yang kemudian menggambarkan process, ada juga yang langsung ke decision, ada juga yang memasukan data terlebih dahulu. Semua tergantung pada tujuan apa yang ingin dicapai
  3. Karena setiap sistem ataupun sesuatu yang ingin dijelaskan melalui flowchart satu dengan yang lain, maka tidak ada aturan tetap simbol mana yang seharusnya dipakai terlebih dahulu. Kembali lagi pada kebutuhan si developer ataupun programmer dengan memanfaatkan simbol-simbol pada flowchart untuk menerangkan proses dan alurnya suatu sistem maupun hal lainnya
  4. Tentu saja harus menggunakan flow atau tanda panah untuk menunjukkan aliran atau arah suatu proses atau langkah yang terjadi dalam flowchart.  Flow ini menghubungkan antara simbol yang satu dengan yang lainnya
  5. Terakhir tentu saja, yaitu penggunaan kembali simbol terminator dengan berisikan keterangan “end” atau “selesai”. Tentu saja artinya untuk mengakhiri bagaimana proses itu terjadi pada suatu sistem ataupun akhir dari algoritma atau apa saja yang ingin dijelaskan dengan menggunakan flowchart

 

dari langkah-langkah pembuatan sebuah flowchart diatas, maka contoh flowchart dapat digambarkan dengan model sebagai berikut:


pembuatan flowchart dapat disesuaikan dengan tujuan pembuatan serta level apa yang ingin digambarkan karena semua itu mempengaruhi simbol-simbol apa saja yang nantinya digunakan untuk menggambarkan proses-proses yang terjadi.

Untuk pembuatan flowchart ini, bagi sebagian orang masih merasa proses penggambaran ini rumit  karena ada banyak simbol yang mesti digunakan untuk merepresentasikan arti yang berbeda-beda serta akan memakan banyak waktu dalam pembuatannya.

Namun sekarang ini, hal itu bukan lagi masalah karena ada banyak aplikasi online yang beredar di internet yang di khususkan untuk membantu pembuatan sebuah flowchart online.

Ada juga aplikasi online dengan multi user dan real time flowchart, dimana anda bisa berkolaborasi dengan teman-teman anda untuk membuat flowchart secara real time sambil chatting atau berkomunikasi sampai dengan bertukar data yang berhubungan dalam pembuatan sebuah flowchart.

Artikel Terkait  Jasa Pembuatan Website Responsive Desain Profesional

Kesimpulan

Jadi sebelum membuat suatu program atau melakukan pengkodingan, belajarlah cara pembuatan flowchart. Selain membantu anda untuk memahami alur proses dari sebuah sistem yang akan dibuat, ini juga akan memudahkan anda dalam menjelaskan kepada end user mengenai apa aplikasi yang anda buat serta proses apa saja yang terjadi didalam sebuah aplikasi tersebut sehingga menghasilkan hasil akhir untuk menyelesaikan suatu masalah.


Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Subscribe Sekarang

Dapatkan beragam informasi menarik tentang Website, Aplikasi, Desain, Video dan API langsung melalui email Anda. Subscribe sekarang dan terus belajar bersama kami!

Blog Post Ranking 10

Metadata Adalah? Fungsi dan Jenis-Jenis Metadata

Pernah mendengar istilah metadata? Mungkin, kita sering mendengar istilah metadata. Tetapi, banyak dari kita yang belum tahu arti dari metadata...

Proses Komunikasi: Encoding dan Decoding

Jika kita dapat melihat percakapan antar komputer, mungkin akan terlihat seperti ini: "010110111011101011010010110". Bahasa ini disebut dengan biner, encoding...

Pengertian Internet & Dampak Positif dan Negatif Internet

Internet mungkin bukan sesuatu yang asing lagi, sebab semua kalangan pasti tahu apa itu internet. Hanya saja jika ditanya...

Looping Adalah Algoritma Perulangan: Berikut Contohnya

Jika anda sudah mendalami atau sedang mendalami dunia pemrograman terdapat sebuah konsep yang dapat memudahkan anda dalam menyusun struktur...

Mau Jadi Front-end Developer? Kamu Perlu Menguasai 10 Skill Berikut Ini!

Secara umum untuk membuat sebuah website impian Anda menjadi nyata, Anda hanya perlu datang ke web developer dan menyampaikan...

Mockup adalah: Membuat Mockup Design untuk Website

Wireframes adalah kerangka. Prototipe menunjukkan perilaku. Mockup adalah kulitnya. Dalam artikel ini, kami akan menjelaskan mengapa mockup sama pentingnya dengan...

Jasa Pembuatan Website Untuk Toko Online

Perusahaan yang menyediakan Jasa pembuatan website untuk toko online bisa kita temukan dengan mudah di internet. Masing-masing dari perusahaan...

8 Contoh Search Engine Terbaik yang Paling Banyak Digunakan di Indonesia

Dulu jika ingin mencari informasi tentang apapun biasanya kita akan menanyakan kepada seseorang yang lebih mengetahui informasi, atau datang...

Layout adalah : 4 Prinsip Dasar Desain Layout

Desain layout adalah salah satu bagian dari seni kita semua tahu,  untuk bisa menampilkan seni dengan baik, kita harus...

Apa Itu Cache Memory? Pengertian dan Fungsinya

Apa itu cache memory? Orang yang setiap hari berinteraksi dengan internet, istilah cache tentu saja bukan lagi istilah yang...

Jasa Web

Bisnis online

Pengembangan

Murah

Profesional

Toko online

SEO

Pemasaran

Tips

Jasa Aplikasi

Pembuatan Aplikasi

Bisnis online

Pemasaran

Istilah IT

TIPS

TOOLS

JASA

HARGA

Jasa Marketing

Istilah SEO

Teknik SEO

Tips Marketing

Paling Sering dibaca
Mungkin Anda Menyukainya