Pada pertemuan sebelumnya kita telah mempelajari tentang cara membuat form di PHP dan bagaimana cara memprosesnya. Kita juga telah mencoba contoh-contoh sederhana dari beberapa jenis isian form HTML. Show Untuk lebih memantapkan pemahaman dan menguatkan gambaran umum tentang bagaimana mengelola data dari Form, pada pertemuan kali ini insyaallah kita akan mempelajari bagaimana cara membuat kalkulator dengan PHP. Kita akan mencoba untuk membuat dua buah kalkulator:
PersiapanAgar bisa mengikuti tutorial ini dengan baik, saya anggap anda telah:
Kenapa? Karena di dalam tutorial ini akan melibatkan hal-hal dasar seperti macam-macam tipe data PHP, macam-macam operator, logika percabangan dan juga variabel casting. Buat File PHPLangsung saja, sebelum memulai ngoding, kita buat dulu 2 buah file php sebagai berikut:
Masing-masing dari 2 file tersebut akan kita gunakan untuk menampilkan form, sekaligus juga menampilkan hasilnya. Membuat Form Kalkulator SederhanaKita akan mulai dari membuat form untuk tipe kalkulator pertama. Kalkulator pertama ini hanya berupa dari dua buah inputan bertipe data number, dan satu inputan berupa dropdown (select) yang berisi operator aritmatika. Langsung saja, buka file
Kode program di atas akan menghasilkan sebuah form sederhana seperti ini: Proses Kalkulator SederhanaSeperti yang telah kita bahas pada pertemuan sebelumnya, bahwa jika atribut Di bawah tag
Coba isi setiap input dari form yang telah kita buat, lalu klik tombol Hitung. Kita akan mendapatkan output kira-kira seperti ini: Mempertahankan value form sebelumnyaJika kita perhatikan, setelah kita klik tombol Hitung, maka kita akan mendapatkan output berupa isi dari variabel Pada step ini, kita akan coba untuk mempertahankan nilai dari inputan sebelumnya. Ubah ketiga input dari form kalkulator menjadi seperti ini:
Penjelasan:
Logika kalkulatorSetelah kita mengetahui isi dari variabel Logikanya sederhana: kita akan memeriksa masing-masing operator dan akan melakukan operasi yang sesuai dengan operator yang dipilih. Hapus kode program berikut:
Lalu ganti seperti ini:
Setelah itu kalkulator yang telah kita buat sudah bisa dicoba: Membuat Form Kalkulator Scientific (Sederhana)Oke, kita telah sukses membuat kalkulator sederhana dengan PHP. Sekarang kita akan membuat kalkulator scientific, yang juga sederhana. Langsung saja buka file
Setelah kita coba jalankan, kira-kira beginilah tampilan yang kita dapatkan: Memproses Form Kalkulator ScientificLanjut, setelah form beres dibuat. Kita tambahkan aksi ketika tombol Hitung diklik. Kita akan menggunakan fungsi Dan ia adalah fungsi yang sangat berbahaya, karena fungsi tersebut memungkinkan user untuk mengeksekusi kode program apa pun jika tidak kita beri pengamanan. Sehingga, fungsi Langsung saja, dibawah tag
Jika kita perhatikan kode program di atas, jumlah barisnya jauh lebih sedikit. Karena di sini kita langsung memasukkan apa yang user inputkan ke dalam fungsi Ketika kita coba inputkan ekspresi matematika semisal: 35 + 100 * (9 / 3). Kita bisa langsung mendapatkan hasilnya: Canggih bukan? Kode Program LengkapUntuk kode program tutorial ini, bisa kalian akses pada link github berikut: https://github.com/jagongoding-com/php-web-dinamis/tree/master/02-kalkulator. Pembahasan SelanjutnyaDengan mempraktikkan tutorial ini, kita bisa mendapatkan gambaran yang lebih jelas lagi tentang bagaimana membuat dan menangani sebuah form dalam PHP. Akan tetapi, masih ada pembahasan yang kurang: yaitu tentang validasi form. Kenapa sebuah form butuh divalidasi? Karena kita tidak tahu apa yang akan user inputkan! User bisa menginputkan data apa pun yang tidak pernah kita bayangkan, bahkan situs kita bisa diretas gara-gara inputan berbahaya dari user. Lalu bagaimana cara melakukan validasi form di PHP? Insyaallah kita akan ambil pembahasannya pada pertemuan yang akan datang. Tetap ikuti tutorial ini, ya! Jangan lupa share dan kabarkan ke teman-temanmu. Terima kasih banyak. |