Pada artikel ini saya akan membahas tugas yang pernah saya kerjakan di mata kuliah web programing 1 tentang operator aritmatika pada php, dan untuk tugasnya sendiri di suruh membuat program sederhana menghitung volume kubus menggunakan bahasa pemrograman PHP.
Hal yang akan saya lampirkan di artikel ini tugas soal, code PHP, tampilan hasil dan pembahasan dari kode program, langsung saja simak ya.
Tugas Soal
Latihan Operator Buat script menggunakan Bahasa pemrograman PHP untuk menghitung volume Kubus menggunakan fungsi operator aritmatika dan operator string dengan ketentuan sebagai berikut: •Panjang sisi kubus=15cm •Hitung volume kubus dengan rumus=sisixsisixsisi •Buat variable teks1 yang berisi = “Belajar Menghitung” dan teks2 yang berisi = “VolumeKubus”. Buat perintah untuk menggabungkan nilai dari variable teks1 dan teks2 menggunakan operator string. |
Kode Program Menghitung Volume Kubus PHP
Disini saya membuat kode program nya menggunakan tambahan style css dan html untuk membuat tampilan nya lebih menarik.
index.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<!DOCTYPE html> <html> <head> <title>Operator | Menghitung Volume Kubus</title> <link rel="stylesheet" type="text/css" href="css/cssnya.css"> </head> <body> <div class="by"> <p >© 2021 - <a href="https://about.anandanesia.com/" target="_blank">IlhamTegarBintangAnanda</a></p> </div> <div class="kotak"> <div class="border"> <?php include 'fungsi.php' ?> </div> <form class="inputan" action="index.php" method="POST"> <h2>Program Menghitung Volume Kubus</h2> <input type="number" name="panjangsisi" placeholder="masukkan panjang sisi kubus"> <input type="submit" name="hitung" value="Hitung Volume"> </form> <div class="hasil"> <?php $panjang_sisi=$_POST["panjangsisi"]; $volum=$panjang_sisi*$panjang_sisi*$panjang_sisi; echo "Diketahui Panjang Sisi Kubus = $panjang_sisi cm <br/>"; echo "Volume = $volum cm3"; exit(); ?> </div> </div> </body> </html> |
fungsi.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<?php $teks1="Belajar Menghitung"; $teks2="Volume Kubus"; $panjang=15; $volume=$panjang*$panjang*$panjang; echo "$teks1 $teks2 <br/>"; echo "Diketahui panjang kubus =$panjang cm tentukan volume kubus <br/>"; echo "Volume kubus = $volume cm3"; ?> |
cssnya.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 |
body{ margin: 0; padding: 0; font-family: sans-serif; background: #34495e; } .by{ text-align: center; color: white; font-size: 10px; } .by a{ color: green; text-decoration:none; } .by a:hover{ color: white; } .kotak{ width: 500px; padding: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #191919; text-align: center; } .border{ display: block; margin: 20px auto; text-align: center; border: 2px solid #3498db; border-radius: 24px; color: white; } h2{ color: white; } .inputan input[type = "number"]{ border: 0; background: none; display: block; margin: 20px auto; text-align: center; border: 2px solid #3498db; border-radius: 24px; padding: 14px 10px; width: 200px; outline: none; color: white; transition: 0.25s; } .inputan input[type = "number"]:focus{ width: 280px; border-color: #2ecc71; } .inputan input[type = "submit"]{ border: 0; background: none; display: block; margin: 20px auto; text-align: center; border: 2px solid #2ecc71; border-radius: 24px; padding: 14px 40px; outline: none; color: white; transition: 0.25s; cursor: pointer; } .hasil { border: 0; background: none; display: block; margin: 20px auto; text-align: center; border: 2px solid #2ecc71; border-radius: 24px; padding: 14px 40px; outline: none; color: white; transition: 0.25s; } |
Hasil Tampilan
Pembahasan
Pembahasan kode program index.php, file ini saya buat agar saat load localhost secara otomatis file inilah yang akan menjadi primarry load saat di panggil name foldernya.
Untuk kode programnya di situ tentu menggunakan struktur html untuk menempatkan file php nya dan membuat class dari css nya untuk men style di cssnya.
kemudian saya juga mengfungsikan input untuk memperoleh value yang bisa di tarik oleh variabel global php $_POST.
Kemudian dibagian kode di bawah ini merupakan bentuk untuk menampilkan hasil dari operasi aritmatika yang berada di file fungsi.php
1 |
<?php include 'fungsi.php' ?> |
Pembahasan kode program fungsi.php, file ini saya buat terpisah untuk memfokuskan ke perhitungan aritmatika php nya, nah di file ini merupakan implementasi dari tugas soal diatas.
Pembahasan kode program cssnya.css, di file untuk men style dari tampilan yang ada di index.php di itu yang saya pakai seperti style hover, colloring, dan pemetaan layout.
Mungkin ini aja yang bisa saya jelasin jika ada kesalahan dalam penulisan saya mohon maaf, karena masih tahap belajar.
oh iya link file project aslinya kalian bisa download disini
waw, kode2 yang cukup rumit untuk seorang pemula seperti saya