SMK DHARMA PARAMITHA MAZARDHI SMKDP 1
BELAJAR PEMROGRAMAN PHP Soal Menghitung Keliling dan Luas Lingkaran Buatlah kode program PHP untuk menghitung keliling dan luas lingkaran. Sebagai bonus, buat juga sebuah form untuk menginput jari-jari lingkaran. Berikut contoh tampilan akhir yang diinginkan (1) : Kode Program PHP - Keliling dan Luas Lingkaran Jari-jari lingkaran = 25 Keliling lingkaran = 157.14 Luas lingkaran = 1964.29 Berikut contoh tampilan akhir yang diinginkan (2) : Kode Program PHP - Keliling dan Luas Lingkaran Jari-jari lingkaran = 15.25 Keliling lingkaran = 95.86 Luas lingkaran = 730.91 Silahkan coba sebentar membuat kode program ini. Tips Membuat Kode Program Menghitung Keliling dan Luas Lingkaran Soal ini melatih pemahaman terkait logika matematika dan penggunaan operator aritmatika. Berikut tutorial pendahuluan yang bisa diikuti: ▪ Aturan Dasar Penulisan Kode PHP MAZARDHI SMKDP 2
▪ Pengertian dan Cara Penulisan Variabel PHP ▪ Tipe Data Integer PHP ▪ Tipe Data Float PHP ▪ Jenis-jenis Operator Aritmatika PHP Rumus untuk menghitung keliling lingkaran adalah π * 2 * jari-jari, dan rumus untuk menghitung luas lingkaran adalah π * jari-jari2. Dimana konstanta π sama dengan 22/7 atau 3.14. Kode Program PHP Menghitung Keliling dan Luas Lingkaran Berikut salah satu konsep dasar dari cara menghitung keliling dan luas lingkaran menggunakan bahasa pemrograman PHP: 1<?php 2 echo \"Kode Program PHP - Keliling dan Luas Lingkaran\"; 3 echo \"<hr>\"; 4 5 $jari2 = 25; 6 7 $keliling_lingkaran = 22/7 * 2 * $jari2; 8 $luas_lingkaran = 22/7 * $jari2 * $jari2; 9 10 echo \"Jari-jari lingkaran = $jari2<br>\"; 11 12 echo \"<br>\"; 13 14 echo \"Keliling lingkaran = \".round($keliling_lingkaran,2).\"<br>\"; 15 echo \"Luas lingkaran = \". round($luas_lingkaran,2) .\"<br>\"; 16?> MAZARDHI SMKDP 3
Kode program diawali dengan perintah echo untuk menampilkan tag <h1> yang berisi judul program, serta tag <hr> untuk membuat garis pembatas agar terlihat lebih rapi. Kemudian di baris 5 terdapat deklarasi variabel $jari2 untuk menampung jari-jari lingkaran. Dalam contoh ini, variabel $jari2 langsung saya isi dengan nilai 25. Setelah itu keliling dan luas lingkaran dicari dengan kode di baris 7-8. Keliling lingkaran diperoleh dengan rumus 22/7 * 2 * $jari2, serta luas lingkaran dengan rumus 22/7 * $jari2 * $jari2. Hasilnya ditampung ke variabel $keliling_lingkaran dan $luas_lingkaran . Terakhir, nilai variabel $jari2 serta hasil perhitungan keliling dan luas lingkaran ditampilkan dengan perintah echo di baris 10- MAZARDHI SMKDP 4
15. Untuk membulatkan angka pecahan, bisa memakai fungsi round() bawaan PHP. Proses perhitungan luas lingkaran sebenarnya juga bisa langsung dilakukan ke dalam perintah echo, tidak harus ditampung ke variabel $keliling_lingkaran dan $luas_lingkaran terlebih dahulu. Berikut contoh yang dimaksud: <?php 1 echo \"Kode Program PHP - Keliling dan Luas Lingkaran\"; 2 echo \"<hr>\"; 3 4 $jari2 = 25; 5 6 echo \"Jari-jari lingkaran = $jari2<br>\"; 7 8 9 echo \"<br>\"; 10 11 echo \"Keliling lingkaran = \".round(22/7 * 2 * $jari2,2).\"<br>\"; 12 echo \"Luas lingkaran = \". round(22/7 * $jari2 * $jari2,2) .\"<br>\"; 13?> Perhitungan keliling dan luas lingkaran langsung ditulis ke dalam perintah echo di baris 11 dan 12. Tanda titik dipakai untuk memisahkan string dengan kode PHP, ini dikenal sebagai operator concatenation yang pernah kita bahas di Jenis-jenis Operator String Bahasa PHP. Kode Program PHP Menghitung Keliling dan Luas Lingkaran dengan Inputan Form Jika ingin membuat kode program PHP yang bisa menerima nilai input dari user, maka butuh sebuah form HTML. Bahasan tentang cara memproses form MAZARDHI SMKDP 5
lumayan panjang, jika butuh materi dasar bisa lanjut ke tutorial cara memproses form HTML dengan PHP. Berikut kode program menghitung keliling dan luas lingkaran dengan perpaduan kode HTML, CSS, JavaScript dan PHP: 1 2<!DOCTYPE html> 3<html lang=\"en\"> 4<head> 5 <meta charset=\"UTF-8\"> 6 <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> 7 <title>Latihan Soal Algoritma Bahasa PHP</title> 8 <style> 9 body { text-align: center; font-family: \"Trebuchet MS\", serif; } 10 h1,h2 { margin-bottom: 0; } 11 hr { width: 80%; } 12 form { margin-top: 2rem; } 13 canvas { margin: 1.4rem; } 14 p { margin:0.1rem } 15 .result { 16 margin: 1rem auto; 17 padding: 0.25rem 0.25rem 1rem 0.25rem; 18 background-color: ghostwhite; 19 width: 50%; 20 display: flex; 21 flex-direction: column; 22 align-items: center; 23 } 24 </style> 25</head> 26<body> 27 <h1>Kode Program PHP - Keliling dan Luas Lingkaran</h1> 28 <hr> 29 <form action=\"\" method=\"post\"> 30 <div> 31 Jari-jari lingkaran: <input type=\"text\" name=\"jari2\" size=\"1\"> 32 <input type=\"submit\" name=\"submit\"> 33 </div> 34 </form> 35 36 <?php 37 if (isset($_POST['submit'])) { 38 $jari2 = $_POST['jari2']; MAZARDHI SMKDP 6
39 40 echo \"<div class='result'>\"; 41 echo \"<h2>Hasil Kode Program</h2>\"; 42 echo \"<span>(jari-jari: $jari2)</span>\"; 43 ?> 44 <canvas id=\"myCanvas\" width=\"100px\" height=\"100px\"></canvas> 45 <script> 46 var c = document.getElementById(\"myCanvas\"); 47 var ctx = c.getContext(\"2d\"); 48 ctx.beginPath(); 49 ctx.arc(50, 50, 49, 0, 2 * Math.PI); 50 ctx.stroke(); 51 </script> 52 <?php 53 $keliling_lingkaran = 22/7 * 2 * $jari2; 54 $luas_lingkaran = 22/7 * $jari2 * $jari2; 55 56 57 echo \"<p>Keliling lingkaran = \".round($keliling_lingkaran,2).\"</p>\"; 58 echo \"<p>Luas lingkaran = \". round($luas_lingkaran,2) .\"</p>\"; 59 60 echo \"</div>\"; 61 } 62 ?> 63 </body> </html> MAZARDHI SMKDP 7
Selain struktur dasar HTML, pada script ini juga terdapat kode CSS di dalam tag <style> untuk mempercantik tampilan halaman (baris 7-23). Kode untuk membuat form HTML ada di baris 28- 33. Di dalamnya terdapat tag <input> untuk menampung nilai input jari2, serta tag <input type=\"submit\" name=\"submit\"> untuk membuat tombol “Submit”. Kode PHP sendiri ada di baris 35-42 serta 51-60. Kondisi if(isset($_POST['submit'])) di baris 36 berguna untuk memeriksa apakah form sudah di submit atau belum. Hanya jika kondisi ini terpenuhi, barulah blok kode PHP antara baris 37-58 akan di proses. Agar lebih praktis, nilai form yang tersimpan di global variable $_POST['jari2'] dipindah ke variabel $jari2 pada baris 37. Perintah echo antara baris 39-41 berguna untuk membuat struktur HTML sebagai tempat dari hasil kode PHP. Di baris 43-50, kode program “keluar” sebentar dari blok PHP untuk menampilkan tag <canvas> dan sedikit kode JavaScript. Ini sekedar membuat tampilan gambar lingkaran untuk mempercantik halaman kita. Jika tidak ingin menampilkan gambar, seluruh kode ini boleh dihapus. Setelah itu di baris 52 baru masuk kembali ke kode PHP untuk menghitung keliling dan luas lingkaran seperti bahasan kita sebelumnya. MAZARDHI SMKDP 8
Demikian kode program menghitung keliling dan luas lingkaran menggunakan bahasa pemrograman PHP. Semoga tutorial ini bisa bermanfaat. Instalasi Web Server Apache, PHP, dan MySQL dengan XAMPP Tidak seperti kode HTML yang dapat langsung berjalan di web browser, halaman web yang ditulis dengan PHP harus diproses dalam sebuah aplikasi yang dinamakan Web Server. Web server inilah yang akan menerjemahkan kode PHP menjadi HTML dan mengirimnya ke web browser untuk ditampilkan. Dalam “dunia nyata”, kita harus menyewa web server agar kode PHP dapat diproses dan diakses di internet. Namun aplikasi web server ini dapat di install di komputer lokal, dan inilah yang akan kita install dalam tutorial kali ini. Untuk menjalankan kode PHP, setidak butuh 3 jenis program, yakni: 1. Aplikasi Web Server 2. Aplikasi PHP 3. Aplikasi Web Browser. Untuk aplikasi web server, terdapat beberapa pilihan. Saat ini web server yang sering digunakan adalah Apache, Nginx, dan Microsoft IIS. Apache dan Nginx merupakan aplikasi open source dan dapat digunakan dengan gratis. Namun kali ini MAZARDHI SMKDP 9
kita akan menjalankan PHP menggunakan Apache, karena Apache masih menjadi aplikasi web server yang paling banyak dipakai. Web resmi apache ada di: https://httpd.apache.org/download.cgi. Aplikasi selanjutnya adalah PHP itu sendiri. PHP bekerja sebagai “penerjemah” di dalam web server. PHP bisa di dapat di situs resminya di alamat: http://windows.php.net/download/ Akan tetapi, proses instalasi web server Apache dan PHP secara terpisah butuh waktu yang cukup lama dan juga perlu pengetahuan tentang konfigurasi Apache. Berita baiknya, terdapat banyak aplikasi yang membundel Apache+PHP. Beberapa diantaranya adalah XAMPP dan WAMP. Pada tutorial belajar PHP di duniailkom ini kita akan menggunakan XAMPP. Aplikasi terakhir yang kita butuhkan adalah web browser. Jika anda bisa mengakses situs ini, berarti anda telah memiliki web browser :). Dalam tutorial belajar PHP di duniailkom ini saya akan menggunakan web browser Mozilla Firefox dan Google Chrome secara bergantian. Cara Menginstall XAMPP 7.3.7 XAMPP adalah singkatan dari aplikasi dalam ‘paketnya’, yaitu: X (berarti cross-platform, maksudnya tersedia dalam berbagai sistem operasi), Apache Web Server, MySQL / MariaDB, PHP dan Perl. Dengan MAZARDHI SMKDP 10
menginstall XAMPP, secara tidak langsung kita telah menginstall keempat aplikasi tersebut. Mulai dari XAMPP versi 5.6.14, database yang dipakai adalah MariaDB, bukan lagi MySQL. MariaDB ini bisa disebut sebagai ‘cloningan’ dari MySQL. Hampir semua perintah yang biasa kita lakukan dengan MySQL, juga bisa dipakai ke MariaDB tanpa perubahan apapun. Bagi sebagian orang, mungkin tidak sadar kalau database yang ada di XAMPP adalah MariaDB, bukan lagi MySQL. Versi terbaru XAMPP dapat diakses di alamat www.apachefriends.org. Pada saat tutorial ini diupdate (Juli 2019) versi terakhir XAMPP adalah XAMPP 7.3.7. Penamaan versi XAMPP mengikuti versi PHP yang terdapat di dalamnya. Dengan kata lain, XAMPP 7.3.7 berisi PHP 7.3.7 serta aplikasi web server Apache 2.4 dan database server MariaDB 10.3. Untuk memulai proses instalasi, silahkan download XAMPP dari apachefriends.org. File yang saya dapatkan bernama xampp-windows-x64-7.3.7-1- VC15-installer.exe dengan ukuran sekitar 152 MB. MAZARDHI SMKDP 11
Download XAMPP 7.3.7 Khusus bagi anda yang masih menggunakan Windows XP, XAMPP 7.3 ini tidak bisa dipakai. Alternatifnya silahkan download aplikasi XAMPP 1.8.2 (115 MB), yang berisi PHP versi 5.5.36. Setelah aplikasi installer XAMPP berhasil di unduh, langkah selanjutnya adalah menginstall XAMPP. Double klik file xampp-windows-x64-7.3.7-1-VC15- installer.exe (nama file XAMPP anda sangat mungkin sedikit berbeda). Jika anda menggunakan Windows Vista ke atas (termasuk Windows 10), akan muncul jendela peringatan untuk tidak menginstall XAMPP pada folder C:\\Program Files. Alasannya karena proteksi keamanan dari Windows akan menghalangi beberapa fitur XAMPP. Ini sebenarnya tidak masalah karena MAZARDHI SMKDP 12
folder default XAMPP nanti ada di C:\\xampp, bukan di C:\\Program Files. Klik saja OK. Jendela peringatan user account control XAMPP Setelah jendela peringatan, jendela tampilan awal instalasi XAMPP akan muncul, klik Next untuk melanjutkan. Jendela awal proses instalasi XAMPP Tampilan berikutnya adalah “Select Component”, pada layar ini anda bisa memilih aplikasi apa saja yang akan diinstall. Disarankan untuk membiarkan pilihan default, dalam hal ini semua aplikasi akan diinstall. Namun jika anda memiliki kendala akan keterbatasan ruang harddisk, bisa memilih aplikasi penting saja, yakni: Apache, MySQL, PHP, MAZARDHI SMKDP 13
dan phpmyadmin. Setelah itu, lanjutkan dengan klik tombol Next. Jendela select components XAMPP Pada tampilan berikutnya, “Installation Folder” anda dapat mengubah folder instalasi default XAMPP ke folder lain, dalam contoh ini saya akan membiarkan pilihan default, yakni di C:\\xampp. Lalu klik Next untuk melanjutkan. Jendela installation folder XAMPP MAZARDHI SMKDP 14
Tampilan layar “Bitnami for XAMPP” adalah iklan produk installer CMS dari Bintami (sponsor XAMPP). Karena kita tidak memerlukannya, hapus centang pilihan “Learn more about BitNami for XAMPP” dan klik tombol Next. Jendela iklan bitnami XAMPP Jika semuanya berjalan lancar, tampilan berikutnya adalah “Ready to Install”, klik tombol Next untuk memulai proses instalasi. MAZARDHI SMKDP 15
Jendela ready to install XAMPP Jendela proses instalasi XAMPP sedang berjalan Proses intallasi akan berjalan beberapa saat, hingga layar tampilan menjadi “Completing the XAMPP”. Biarkan ceklist “Do you want to start the Control MAZARDHI SMKDP 16
Panel now?” karena kita akan langsung mencoba XAMPP setelah ini. Akhiri proses installasi XAMPP dengan klik tombol Finish. Jendela XAMPP berhasil di install Setelah XAMPP berhasil diinstal, akan muncul layar “XAMPP Control Panel”. Pada jendela inilah kita akan menjalankan seluruh aplikasi yang ada di XAMPP, yang diantaranya adalah Apache Web Server dan MySQL. Untuk test drive dari XAMPP, langsung saja klik tombol Start pada bagian Action Apache. Sesaat kemudian Module Apache akan berwarna hijau menandakan aplikasi Web server Apache sudah berjalan. MAZARDHI SMKDP 17
Jendela XAMPP Control Panel jika firewall terpasang dalam komputer anda, akan muncul jendela peringatan untuk membolehkan web server Apache berjalan melewati firewall. Pastikan untuk melewatkan web server Apache tersebut dengan mencentang checklist yang tersedia, lalu klik Allow access. Selanjutnya buka web browser seperti Mozilla Firefox. Pada kolom address ketikkan localhost dan MAZARDHI SMKDP 18
tekan Enter. Jika anda melihat halaman XAMPP, berarti instalasi XAMPP telah berhasil dan Web Server Apache telah sukses berjalan. Jika anda mengalami masalah ketika menjalankan Apache, besar kemungkinan port 80 bentrok dengan aplikasi lain. Solusinya, bisa lanjut kesini: Cara mengatasi error XAMPP: Port 80 in use by “Unable to open process”. Sampai disini, XAMPP telah berhasil diinstal dan kita telah siap untuk mulai mempelajari PHP. Untuk mendalami cara penggunaan XAMPP, selanjutnya dalam Tutorial Belajar PHP, kita akan mempelajari tentang Cara Menjalankan Web Server Apache dengan XAMPP dari localhost. MAZARDHI SMKDP 19
Cara Menjalankan Web Server Apache Melalui XAMPP Control Panel Untuk menjalankan web server Apache, pertama kali kita harus menjalankan aplikasi XAMPP Control Panel. Jika jendela tersebut belum terbuka, anda bisa menjalankannya dari START –> All Program –> XAMPP –> XAMPP Control Panel. Atau jika anda tidak menemukannya di Start Menu, bisa juga buka langsung folder instalasi XAMPP di C:\\xampp\\, lalu double klik file xampp- control.exe. MAZARDHI SMKDP 20
Pada tampilan XAMPP Control Panel, kita dapat melihat modul atau program apa saja yang bisa dijalankan dari XAMPP, seperti Apache Web Server, MySQL, Program FTP Filezilla, dan beberapa aplikasi lainnya. Untuk menjalankan Apache, silahkan klik tombol Start pada kolom Action untuk menu Apache. Warna background dari text Apache akan beralih menjadi kuning yang menandakan proses sedang dimulai. Tunggu lah beberapa saat sampai warna background text Apache menjadi hijau yang menandakan web server tersebut telah berjalan di latar belakang. MAZARDHI SMKDP 21
Untuk menghentikan web server, tinggal klik tombol Stop sampai warna hijau hilang dari text Apache. Beberapa konfigurasi dan tombol lainnya dapat diabaikan dulu, karena untuk saat ini kita hanya butuh mengetahui cara menjalankan dan mematikan web server saja. Sekedar catatan, di dalam 1 PC hanya bisa menjalankan satu web server pada saat yang bersamaan. Sehingga jika anda gagal menjalankan Apache, kemungkinan besar terdapat aplikasi web server lainnya yang masih berjalan (bisa jadi anda sudah pernah menginstall aplikasi XAMPP sebelumnya). Jika anda mengalami masalah ketika menjalankan Apache, besar kemungkinan port 80 bentrok dengan aplikasi lain. Solusinya, bisa lanjut kesini: Cara MAZARDHI SMKDP 22
mengatasi error XAMPP: Port 80 in use by “Unable to open process”. Pengertian Alamat Localhost Setelah web server Apache berhasil dijalankan, untuk mengakses web server ini anda dapat menggunakan web browser biasa seperti Google Chrome, atau Mozilla Firefox. Untuk mengakses web server yang baru saja kita jalankan, silahkan buka web browser lalu ketikkan pada address bar: localhost dan tekan tombol Enter. Jika tidak ada masalah, halaman awal XAMPP akan muncul. Alamat localhost adalah alamat khusus yang diterjemahkan oleh web browser untuk mengakses web server pada komputer itu sendiri dan diakses secara offline (local). Selain menggunakan alamat localhost, anda bisa juga menggunakan alamat IP 127.0.0.1. MAZARDHI SMKDP 23
Pada browser akan tampil menu home dari XAMPP, yang sebenarnya berada di http://localhost/dashboard/. Pada menu kiri atas terdapat beberapa menu, diantaranya PHPInfo untuk melihat informasi lengkap tentang PHP yang berjalan, sertap phpMyAdmin yang bisa dipakai untuk mengelola database MySQL / MariaDB. Sebagai percobaan, bisa klik menu PHPInfo yang berisi rincian lengkap tentang pengaturan PHP serta extension yang terinstall. MAZARDHI SMKDP 24
Search
Read the Text Version
- 1 - 24
Pages:
