Kalkulator website membantu ketika pembaca mempunyai input berbeda tetapi memakai hubungan hitung yang sama. Nilainya terletak pada hasil yang benar dan mudah ditafsirkan. Angka yang langsung muncul belum cukup jika pengguna tidak mengetahui satuan, asumsi, atau alasan pembulatannya.
Saya menyarankan menulis spesifikasi perhitungan sebelum memilih plugin atau meminta developer membuat formulir. Kita akan memakai contoh kalkulator jumlah kemasan. Contoh ini sederhana, tetapi memperlihatkan masalah yang sering tersembunyi pada alat hitung yang lebih rumit.
Jika masih memilih antara tabel, panduan, dan alat interaktif, gunakan panduan merancang sumber yang berguna untuk dirujuk sebelum masuk ke spesifikasi kalkulator.
Tentukan keputusan yang ingin dibantu
Bayangkan pengelola acara memerlukan sejumlah kartu nama peserta. Kartu dijual dalam kemasan dengan isi tetap. Ia ingin mengetahui berapa kemasan yang perlu disiapkan dan berapa kartu tersisa.
Tugasnya terbatas pada kuantitas. Kalkulator belum menghitung harga, ongkos pengiriman, atau ketersediaan barang. Memisahkan batas ini mencegah hasil “tujuh kemasan” disalahartikan sebagai pesanan yang sudah dapat dipenuhi.
Tanyakan apakah alat interaktif memang diperlukan. Jika hanya ada dua ukuran paket dan tiga kebutuhan umum, tabel mungkin cukup. Kalkulator masuk akal ketika variasi input membuat tabel panjang atau pengguna perlu mengubah skenarionya sendiri.
Tulis kontrak input dan output
Gunakan nama yang menjelaskan benda serta satuannya. “Jumlah” saja terlalu mudah disalahpahami.
| Elemen | Definisi pada contoh | Aturan |
|---|---|---|
| Kebutuhan kartu | Kartu yang diperlukan | Bilangan bulat, minimal nol |
| Isi per kemasan | Jumlah kartu dalam satu kemasan | Bilangan bulat, lebih besar dari nol |
| Kemasan diperlukan | Kemasan utuh yang harus disiapkan | Hasil pembulatan ke atas |
| Kartu tersedia | Kemasan dikali isi per kemasan | Bilangan bulat |
| Sisa kartu | Kartu tersedia dikurangi kebutuhan | Tidak negatif pada input valid |
Input kosong berarti belum diisi. Jangan mengubahnya otomatis menjadi nol. Sebaliknya, kebutuhan nol adalah nilai yang sah dalam model ini: pengguna memang tidak memerlukan kartu.
Jangan menyisipkan “cadangan 10%” tanpa penjelasan. Jika fitur cadangan diperlukan, tambahkan sebagai pilihan yang eksplisit dengan definisi sendiri. Kebutuhan dasar dan cadangan harus tetap dapat dibedakan.
Tampilkan rumus dan satu contoh manual
Rumus contoh kita:
Kemasan = pembulatan ke atas(Kebutuhan kartu / Isi per kemasan)
Kartu tersedia = Kemasan × Isi per kemasan
Sisa kartu = Kartu tersedia − Kebutuhan kartu
Untuk kebutuhan 157 kartu dan isi 25 kartu per kemasan, pembagian menghasilkan 6,28. Karena kemasan harus utuh, hasilnya tujuh kemasan. Kartu tersedia adalah 175 dan sisanya 18 kartu.
Tuliskan alasan pembulatan dekat hasil. Membulatkan 6,28 ke bilangan terdekat akan menghasilkan enam kemasan, hanya 150 kartu. Rumus aritmetisnya mungkin berjalan, tetapi keputusan operasionalnya salah karena kebutuhan belum terpenuhi.
Contoh terisi perlu diberi label “coba contoh”. Setelah pengguna memasukkan nilainya sendiri, hasil harus memakai input terbaru. Jangan membiarkan angka contoh tersembunyi ikut memengaruhi perhitungan.
Tentukan perilaku untuk input yang tidak valid
Pesan kesalahan sebaiknya menyebut apa yang perlu diperbaiki. “Input tidak valid” kurang membantu dibanding “Isi per kemasan harus lebih besar dari nol”.
| Input atau keadaan | Respons yang diharapkan |
|---|---|
| Kebutuhan kosong | Minta jumlah kebutuhan; hasil belum ditampilkan |
| Isi kemasan nol | Tolak perhitungan dan jelaskan pembaginya |
| Kebutuhan negatif | Minta nilai nol atau lebih |
| Isi kemasan 2,5 | Jelaskan bahwa contoh model memakai kartu utuh per kemasan |
| Angka melebihi batas alat | Tampilkan batas yang didukung, tanpa memotong diam-diam |
| Input diubah setelah hasil muncul | Perbarui hasil atau tandai hasil lama belum dihitung ulang |
Sepakati juga cara membaca pemisah angka. Jangan membiarkan “1.500” berarti seribu lima ratus pada petunjuk tetapi diproses sebagai satu koma lima. Tunjukkan format yang diterima dan uji dengan bahasa tampilan yang dipakai.
W3C menjelaskan bahwa validasi perlu membantu pengguna memperbaiki input. Label kontrol juga perlu terhubung dengan bidangnya agar tujuan input dapat dikenali. Panduan validasi W3C, panduan label W3C.
Berikan hasil beserta maknanya
Hasil contoh yang lengkap dapat berbunyi: “Siapkan tujuh kemasan berisi 25 kartu. Total tersedia 175 kartu untuk kebutuhan 157 kartu, dengan sisa 18 kartu.”
Sertakan input yang dipakai, terutama jika hasil bisa disalin atau dicetak. Angka tujuh tanpa konteks cepat kehilangan makna ketika dibagikan kepada rekan.
Jika alat mempunyai tombol “pesan”, jelaskan perpindahannya. Kalkulasi kuantitas belum memeriksa stok atau mengunci harga. Pengguna perlu tahu apakah tombol membuka katalog, membuat permintaan penawaran, atau benar-benar memasukkan produk ke keranjang.
Serahkan kasus uji bersama spesifikasi
Sebelum implementasi, hitung hasil acuan secara manual:
| Kebutuhan | Isi kemasan | Kemasan | Sisa |
|---|---|---|---|
| 0 | 25 | 0 | 0 |
| 1 | 25 | 1 | 24 |
| 150 | 25 | 6 | 0 |
| 151 | 25 | 7 | 24 |
| 157 | 25 | 7 | 18 |
Pasangan 150 dan 151 menguji batas pembulatan. Tambahkan pengujian tombol reset, perubahan input, keyboard, tampilan ponsel, dan pembacaan pesan kesalahan pada implementasi sebenarnya.
Kalkulator siap ketika setiap kasus acuan menghasilkan angka benar, input bermasalah mendapat respons yang jelas, dan pembaca dapat menjelaskan batas hasilnya. Jika pengguna sering mengoreksi satu bidang, periksa label atau petunjuknya sebelum menambah fitur. Ukur penyelesaian tugas dan kesalahan yang terlihat; jangan menganggap penggunaan kalkulator otomatis berarti pembelian atau kenaikan ranking.
