DEV Community

Cover image for Pentingnya Sebuah Desain Sebelum Memulai Mengetik Program
Gilang Ramadhan 🈯️
Gilang Ramadhan 🈯️

Posted on

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

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/

Ini salah satu online tools favorit saya karna tidak harus login (tinggal klik icon silang/close di pojok kanan atas pop up login) lalu mulai menggambar. 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
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

Discussion (2)

Collapse
hafudo profile image
хафид заини

Bagus