Saturday, January 28, 2017

Belajar Pemrograman Web Php Bagi Pemula Hanya 10 Menit

Assalamualaikum pengunjung yang sangat setia blog Techno saya mengucapkan banyak terimakasih atas perhatian anda dalam mengunjungi blog saya 😃

 
pemrograman web dengan php
Sumber http://madalinm.com
Baiklah pada postingan saya kali ini mari kita bahas mengenai Pemrograman Web dengan menggunakan PHP . Dalam tutorial ini anda akan sangat membutuhkan aplikasi yang namanya Xampp . Tentunya dalam mempelajari php kita juga membutuhkan pemahaman yang baik mengenai pemrograman HTML . Pada sesi sebelumnya saya sudah sedikit membahas mengenai html bagi anda yang belum melihat materinya silahkan anda lihat materinya terlebih dahulu supaya memudahkan anda dalam mempelajari materi ini nantinya. 



Sebenarnya jika kita sudah mempelajari php ini masih kurang lengkap bagi kita untuk menobatkan diri sebagai seorang web programmer . Kenapa ??? bukankah sudah jelas untuk menjadi seorang web programmer anda butuh 4 pemahaman bahasa pemrograman dasar yaitu html,css,php dan mysql . Namun dewasa ini orang yang menguasai ke - 4 bahasa tersebut sudah kalah persaingannya dengan programmer yang menguasai html,css,javasript,php dan juga mysql sebagai bahasa dasar mereka . 

Memulai Instalasi Xampp Sebagai Server Lokal Anda
Dalam memulai projek php ini anda membutuhkan aplikasi xampp , lalu apa itu aplikasi xampp , bukankah kata orang - orang belajar pemrograman web itu cukup dengan notepad saja . Tidak sob itu hanya berlaku untuk Html saja , berbeda halnya dengan Php ini dia memerlukan server untuk menjalankannya . Tanpa perlu berlama lagi silahkan ikuti instruksi dibawah ini untuk Instalasi Xampp .

  1. Download Aplikasi Xampp terlebih dahulu Download Xampp 
  2. Setelah anda mengunduh aplikasinya silahkan anda Install seperti biasa
  3. Setelah tahapan instalasi selesai langsung saja anda klik finish
  4. Setelah semuanya kelar silahkan anda buka xampp control panel dan klik start pada Apache dan Mysql
  5. Setelah itu silahkan anda buka browser anda dan ketikkan http://localhost
  6. Jika aplikasi berjalan dengan semestinya maka anda akan mendapatkan tampilan Xampp untuk merubah bahasa silahkan anda klik english untuk format bahasa inggris
Setelah kita membuat Server Lokal Xampp kita benar - benar bekerja langkah selanjutnya ialah membuat folder untuk menempatkan semua file yang akan kita buat untuk projek php kita .

Setting Folder Untuk Memulai Membuat Projek Php   

  1. Secara default aplikasi xampp akan terinstal pada direktori C:/program files(x86)/xampp
  2. Jika anda menginstall di folder tersebut silahkan anda klik folder htdocs dan silahkan anda buat folder baru dengan nama terserah kepada pribadi anda masing - masing
  3. Jika semua tahapan diatas sudah anda lakukan dengan baik maka tibalah saatnya untuk mempelajari Php + membuat Projek pertama Php Anda
  Memulai Pelajaran Php Pertama Anda
 Untuk memulai mempelajari php ini saya menyarankan kepada anda untuk menggunakan text Editor selain Notepad . Jika anda menggunakan Notepad nanti akan terasa sulit ketika anda menemukan pesan error pada code anda . So pada Tutorial ini saya menggunakan Brackets Text editor . bagi anda yang bingung mau pakai text editor apa silahkan anda baca tutorial saya berikut ini


Mari kita bahas syntax - syntax dasar dalam Php 
  
A.Variabel 
Penggunaan variabel dalam php sangatlah fleksibel bahkan kita bisa menggunakan variabel yang sama untuk dua parameter yang berbeda . Contoh penggunaan variabel php . Silahkan anda tulis code berikut ke dalam text editor anda 

 <?php
 $variabel="Hello Word Ini Adalah Program Php Pertama Saya ";
echo $variabel;
?> 

Setelah selesai silahkan anda simpan file tersebut dengan format .php 
Seharusnya anda akan mendapatkan tampilan yang begini pada browser anda





Okeh sejauh ini kita telah belajar variabel dalam php dan juga kita telah mempelajari echo . Perlu anda ketahui bahwa fungsi echo sendiri adalah syntax php untuk menampilkan teks ke browser . 
pada tahapan terakhir dari tutorial ini kita akan membuat sebuah projek guestBook jadi siapkan alat - alat anda 

Membuat Projek GuestBook 
 
<html>
<head>
<title>GuestBook</title>
<link href="cobastyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<center>Selamat Datang Di Halaman GuestBook</center>
<form action="output.php" method="post">
<input type="text" placeholder="Nama-Anda" required name="nama" class="nama">
<br>
<input type="email" placeholder="Email-Anda" required name="email" class="nama">
<br>
<input type="text" placeholder="Alamat-Situs" required name="alamat" class="nama">
<br>
<textarea rows="5" cols="20" name="komentar" required placeholder="Komentar Anda" class="komentar"></textarea>
<br>
<input type="submit" value="Kirim" class="btn">
<br><br>
<p>Silahkan Berkomentar Dengan Bijak</p>
</form>
</body>
</html>

Silahkan anda simpan file diatas dengan nama coba.php dan tulislah code css berikut ini

body {
    padding: 0;
    margin: 0;
    background-color: gainsboro;
}

center {
    font-family: 'Forte',sans-serif;
    font-size: 36px;
}

form {
    background-color: rgba(0,10,65,0.3);
    width: 25%;
    height: 45%;
    margin: 0 auto;
    margin-top: 85px;
}

.nama {
    width: 250px;
    height: 40px;
    text-align: center;
    color: #000;
    margin-left: 45px;
    margin-bottom: 10px;
    margin-top: 5px;
   
}

.komentar {
    width: 250px;
    height: auto;
    text-align: center;
    color: #000;
    margin-left: 45px;
}

.email {
    width: 250px;
    height: 40px;
    text-align: center;
    color: #000;
    margin-left: 45px;
    margin-bottom: 10px;
}

.alamat {
    width: 250px;
    height: 40px;
    text-align: center;
    color: #000;
    margin-left: 45px;
}

.btn {
    background-color: crimson;
    color: #fff;
    width: 75px;
    height: 23px;
    margin-left:220px;
}

.btn:hover {
    cursor: pointer;
}

p {
    background-color: cadetblue;
    text-align: center;
    color: aliceblue;
    font-family: 'Comic Sans MS',serif;
    width: 200px;
    margin-left: 65px;
}

Silahkan anda simpan file diatas dengan nama cobastyle.css . Oke langkah terakhir silahkan anda tulis lagi kode yang berikut ini 

<?php
$nama=$_POST['nama'];
$komentar=$_POST['komentar'];
$email=$_POST['email'];
$alamat=$_POST['alamat'];
echo("<br><br>");
echo ("<center>");
echo("<table border='1'>");
echo("<tr>");
echo("<td><center>Nama-Anda</center></td>");
echo("<td><center>Email-Anda</center></td>");
echo("<td><center>Alamat-Situs</center></td>");
echo("<td><center>Komentar-Anda</center></td>");
echo("</tr>");
echo("<tr>");
echo("<td><center>$nama</center></td>");
echo("<td><center>$email</center></td>");
echo("<td><center>$alamat</center></td>");
echo("<td><center>$komentar</center></td>");
echo("</tr>");
echo("</table>");
echo("</center>");
?>

Simpanlah file diatas dengan nama output.php . dan silahkan anda buka pada brower anda dengan cara ketikkan http://localhost/namafolderanda/coba.php . Note namafolderanda adalah folder yang telah anda buat pada folder htdocs . Catatan lagi anda harus memastikan bahwa server apache dan mysql Xampp anda telah aktif.

Oke sob saya cukupkan sampai disini dulu . Jika anda bingung atau linglung atau apa pun namanya itu silahkan berkomentar saja .