# Pentingnya Sebuah Desain Sebelum Memulai Mengetik Program

Sebagai seorang yang masih belajar dalam pemrograman khususnya Website, saya ingin berbagi sedikit pengalaman dimana saya mampu meningkatkan produktifitas dengan hal yang sederhana.

## Kesalahan
Kesalahan fatal dari kebanyakan Programmer yang juga saya alami adalah mulai mengetik tanpa menggambarkan apa yang dia ingin capai, hanya memikirkan rancangan yang kemungkinan besar akan terlupakan detailnya dalam 1-2 jam kedepan akhirnya bergelut dengan berbagai macam ketidak-konsistensi-an dalam programnya.

Hindari mengetik program tanpa menjabarkan rancangan awal, buatlah sebuah _flowchart_ apa yang ingin dicapai dan bagaimana cara mencapainya, meskipun hanya sebuah program sederhana yang bahkan hanya untuk mengisi waktu luang. Kebiasaan untuk menggambarkan sebuah _flowchart_ sangat bagus agar terbiasa mempunyai rancangan yang konsisten kedepannya.

## Flowchart
Untuk membuat sebuah _Flowchart_ pun tidak lah rumit, cukup dengan dasar di bawah ini sudah men-_cover_ ±70% _(berdasarkan pengalaman pribadi)_ dari _Flowchart_ yang akan kalian buat di kemudian hari
![Simbol dasar dalam Flowchart](https://cdn.hashnode.com/res/hashnode/image/upload/v1637611441129/KgpFlfDob.png)
 
## Alat
Ada 2 macam alat yang biasa saya pakai:
#### 1. Buku kecil dan Pensil
Buku kecil dan Pensil yang paling sering saya pakai untuk mengurangi _screen time_ saya, pensil pun wajib yang ada penghapusnya 😂, apalagi saya juga sering touring di hari sabtu dan minggu, sangat cocok saat nongkrong tiba-tiba muncul ide baru langsung saya tulis. Juga berlaku saat ngopi-ngopi bareng teman. Baru setelah udah di depan layar dibikin ulang pakai tools ke dua.
#### 2. Flowchart dari https://app.diagrams.net/
Aplikasi https://app.diagrams.net merupakan aplikasi online yang dapat membantu kita membuat flowchart dengan mudah, didalam aplikasinya sudah disediakan banyak template dan icon yang sangat sesuai dengan kebutuhan kita.
Beberapa keunggulan yang saya suka:
1. Dark Theme *(WAJIB)*
2. Tidak Perlu login
3. Aplikasi web yang sangat ringan

## Kesimpulan dan saran
Menggambarkan rancangan program yang akan kita buat sangat membantu meningkatkan konsistensi dan mempercepat waktu produksi, luangkan waktu setidaknya 15-30 menit setelah _Flowchart_ anda selesai untuk memikirkan kembali apakah semua sudah sesuai atau belum, dan kerjakan tiap bagian sesuai arah panah.
![Api -> FE](https://cdn.hashnode.com/res/hashnode/image/upload/v1637611443009/75ZQaNpYO.png)
 Misal contoh di atas, berarti kerjakan API terlebih dahulu, dan jika sudah selesai bisa dicoba memberikan warna sesuai selera, seperti contoh di atas (hijau: selesai, merah: belum).

Semoga dengan artikel ini bisa membantu anda yang baru memulai perjalanan sebagai Developer atau yang masih sering mengetik program tanpa membuat _Flowchart_ bisa mulai meningkatkan efesiensi dan konsistensi dalam mengetik program. Terima kasih dan Selamat menggambar! 🎉✍

[0wx.dev](https://0wx.dev)