Mengikuti Workshop PHP Jogloraya Di BLC Telkom Klaten

Minggu 23 oktober 2016

Pada Hari Minggu, 23 Oktober 2016 saya dan teman-teman yang khusunya yang jurusan RPL Mengikuti Workshop PHP Jogloraya yang di adakan di BLC Telkom Klaten .

dan pertama kalinya saya bertemu dengan PHP Jogloraya Indonesia .

Saat pertama kali kita di suruh mengisi daftar hadir dan selanjutnya kita langsung materi Pengenalan PHP .

Pengertian PHP ?

PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah sinngkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat.

Materi yang saya dapat :

saya akan shared materi yang saya dapatkan dari pembelajaran saya .banyak materi yang saya dapat dari PHP Jogloraya jika kalian ingin belajar tentang PHP kalian bisa download file ini .

Workshop-PHP-2016.zip

Downloads

Materi ini hanya untuk belajar .

Setelah di beri materi kita di suruh membuat Kalkulator atau operasi hitung dengan Bahasa Pemrograman PHP dan sekarang saya akan memberi secara gratis gimana cara nya membuat kalkulator sederhana dengan bahasa pemrograman PHP.

Alat dan Bahan :

Laptop atau Komputer ( kalau saya menggunakan Laptop OS Linux Mint 17.3 Mate )
Aplikasi Berbasis web ( bisa LAMP atau XAMPP ).
Software aplikasi pembuat web atau Text Editor : Sublime , Notepad ++ dan Gedit.

Langkah 1 : anda harus membuka text editornya :
sekarang kita membuat script Kalkulatornya.

<!DOCTYPE html>
<html>
<head>
<title>Membuat Kalkulator Sederhana Dengan PHP</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php
if(isset($_POST['hitung'])){
$bil1 = $_POST['bil1'];
$bil2 = $_POST['bil2'];
$operasi = $_POST['operasi'];
switch ($operasi) {
case 'tambah':
$hasil = $bil1+$bil2;
break;
case 'kurang':
$hasil = $bil1-$bil2;
break;
case 'kali':
$hasil = $bil1*$bil2;
break;
case 'bagi':
$hasil = $bil1/$bil2;
break;
}
}
?>
<div class="kalkulator">
<h2 class="judul"><font face="FarCry" size="6,66px"> KALKULATOR </font></h2>
<a class="brand" href="http://bimablctelkom.blogspot.com">bima zainudin ikhsan</a><br><br>
<form method="post" action="">
<input type="text" name="bil1" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Pertama">
<input type="text" name="bil2" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Kedua">
<select class="opt" name="operasi">
<option value="tambah">+</option>
<option value="kurang">-</option>
<option value="kali">x</option>
<option value="bagi">/</option>
</select>
<input type="submit" name="hitung" value="Hitung" class="tombol">
</form>
<?php if(isset($_POST['hitung'])){ ?>
<input type="text" value="<?php echo $hasil; ?>" class="bil">
<?php }else{ ?>
<input type="text" value="0" class="bil">
<?php } ?>
<a class="brand" href="https://www.facebook.com/Blc-Telkom-KPLI-Klaten-206208576131228/">BLC Telkom Klaten - SMKN 1 Mejayan</a>
</div>
</body>
</html>

cara menyimpan dan menampilkan kalkulator nya:
cukup susah caranya tapi hasilnya lumayan , klik ctrl + S lalu pilih direktori windows atau root .kalau di windows biasanya C:/xampp/htdoct .bila mengunakan linux biasanya /var/www/html .
dan simpan dengan nama kalkulator.php

dan buat file baru dengan ctrl + n : agar tampilan kalkulatornya tampak bagus kita perlu meng edit dengan bahasa pemrograman CSS .

body{
    background: gold;
    font-family: sans-serif;
}

.kalkulator{
    width: 335px;
    background: black;
    margin: 105px auto;
    padding: 60px 100px 100px 100px;
    border-radius: 5px;
    box-shadow: 5px 13px 20px 5px #D1D1D1;
}

.bil{
    width: 300px;
    margin: 5px;
    border: none;
    font-size: 16pt;
    border-radius: 10px;
    padding: 10px;
}

.opt{
    font-size: 16pt;
    border: none;
    width: 215px;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
}

.tombol{
    background: dodgerblue;
    cursor: pointer;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 5px;
    padding: 10px 20px;
    color: #eee;
    font-size: 15pt;
    border-bottom:4px solid tree;
}

.brand{
    color: #eee;
    font-size: 11pt;
    float: right;
    text-decoration: none;
    margin: 12px;
}

.judul{
    text-align: center;
    color: #eee;
    font-weight: normal;
}

buka web browser.
ketik http://localhost/kalkulator.php

hasilnya :

sekarang saya akan jelaskan syntax - syntax yang di gunakan untuk membuat kalkulator .

1. form .

<form method="post" action="">
<input type="text" name="bil1" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Pertama">
<input type="text" name="bil2" class="bil" autocomplete="off" placeholder="Masukkan Bilangan Kedua">
<select class="opt" name="operasi">
<option value="tambah">+</option>
<option value="kurang">-</option>
<option value="kali">x</option>
<option value="bagi">/</option>
</select>
<input type="submit" name="hitung" value="Hitung" class="tombol">
</form>

saya menggunakan POST untuk memangil data bilangan yang di input ,pada bilangan satu saya memberi nama dangan "bil1" dan bilangan dua dengan "bil2" .dan kenapa action="" kalau action di kosongkan maka dengan otomatis action form akan di pross pada file form tersebut sendiri.

bagian data dari form.

<?php
if(isset($_POST['hitung'])){
$bil1 = $_POST['bil1'];
$bil2 = $_POST['bil2'];
$operasi = $_POST['operasi'];
switch ($operasi) {
case 'tambah':
$hasil = $bil1+$bil2;
break;
case 'kurang':
$hasil = $bil1-$bil2;
break;
case 'kali':
$hasil = $bil1*$bil2;
break;
case 'bagi':
$hasil = $bil1/$bil2;
break;
}
}
?>

funcition isset() berfungsi untuk memerikasa ketersedian data .jadi di sini saya membuat pengecekan untuk data submit dari form. berarti jika form di submit maka data yang di inputkan dari form saya simpan pada masing-masing variabel.

$bil1 = $_POST['bil1'];
$bil2 = $_POST['bil2'];
$operasi = $_POST['operasi'];

selanjutnya saya menggunakan fungsi swich pada php untuk mengecek operasi yang di pilih saat sebelum form di submit.

switch ($operasi) {
case 'tambah':
$hasil = $bil1+$bil2;
break;
case 'kurang':
$hasil = $bil1-$bil2;
break;
case 'kali':
$hasil = $bil1*$bil2;
break;
case 'bagi':
$hasil = $bil1/$bil2;
break;
}

pengecekan dengan swich case ini saya lakukan untuk memeriksa operator apa yang di pilih untuk menghitung bilangan satu den bilangan dua yang di input, jadi jika operator yang di pilih adalah tambah berarti bilangan satu di tambah bilangan dua .dan seterusnya .

sampai sini kita udah tau hasil dari operasi aritmatika . kemudian yang harus kita lakukan adalah menmpilksan hasil operasinya .

<?php if(isset($_POST['hitung'])){ ?>
<input type="text" value="<?php echo $hasil; ?>" class="bil">
<?php }else{ ?>
<input type="text" value="0" class="bil">
<?php } ?>

kita periksa dulu apakah submit telah di lakukan seperti cara mangkap data form di atas . kemudian jika form sudah di submit kan otomatis kita sudah memiliki hasilnya .tinggal kita tampilkan saja.