Agung Setiawan
© 2016 Agung Setiawan
Contents
¹http://brew.sh/
Instal PHP dan Kawan-Kawan 2
brew -v
Homebrew 1.0.8
Kembali tunggu beberapa saat dan silahkan sruput kembali kopi yang tadi.
Jika sudah nampak selesai, kembali lakukan verifikasi untuk memastikan kalau PHP sudah terinstal
dan versi yang digunakan adalah yang benar dengan perintah ini.
php -v
Saat selanjutnya disuruh milih program apa saja yang ingin diinstal, biarkan apa adanya aja, toh
komputer jaman sekarang udah hebat, gak akan merasa keberatan kalau nginstal semuanya itu.
²https://www.apachefriends.org/download.html
Instal PHP dan Kawan-Kawan 4
Silahkan klik next saja terus sampai proses instalasi dijalankan dan begitu sudah selesai klik Ok
maka akan muncul control panel seperti ini. Saat ini belum kita butuhkan, tutup saja dulu.
Nah sekarang kita pastikan kalau PHP 7 sudah terinstal dengan cara membuka command prompt
atau cmd dan ketikkan perintah ini.
php -v
Cara membuka cmd adalah dengan menggunakan program run atau kalau pada windows 10 dengan
menggunakan opsi pencarian kemudian ketikkan cmd.
Informasi Penting
Mulai dari sini, setiap kali saya mengatakan terminal maka bagi pengguna windows yang
dimaksud adalah cmd.
Instal PHP dan Kawan-Kawan 5
Tet tot!
Hasilnya justru error
Hal-hal seperti ini yang membuat programmer PHP biasanya menggunakan Linux Ubuntu atau
yang lain dan bukannya windows karena program-programnya mesti di-setting manual supaya
bisa dijalankan dari terminal.
Untuk melakukan setting, silahkan ikuti langkah-langah berikut ini.
Tutup terminal terlebih dahulu lalu buka kembali dan sekarang coba jalankan lagi perintah php -v
maka kali seharusnya sudah bisa.
Untuk instalasi PHP di Linux ada 2 cara. Pertama adalah dengan cara manual yang mana tidak
friendly untuk pemula dan yang kedua adalah cara gampang dan sangat bersahabat untuk pemula
yaitu menggunakan XAMPP seperti pada di windows.
Download terlebih dahulu instalannya di https://www.apachefriends.org/download.html³ dan pastikan
yang di-download adalah versi XAMPP untuk Linux dan yang menggunakan PHP versi 7.
Kalau sudah selesai, jalankan perintah berikut via terminal dari folder tempat kamu menaruh file
instalan XAMPP yang baru di-download untuk melakukan instalasi.
• Sublime Text⁴
• Atom⁵
• Visual Studio Code⁶
Pilih yang sekiranya nyaman. Kalau dulu saya menggunakan Sublime Text dan setahu saya banyak
yang menggunakannya juga jadi kalau mau nanya-nanya lebih gampang.
Saya sendiri tidak menggunakan ketiganya :D. Yang saya gunakan adalah Vim. Ngomong-ngomong
saya juga nulis buku vim lho, silahkan kalau tertarik belajar vim dari dasar alias dari 0 bisa di cek
di http://agung-setiawan.com/bukuvim⁷
Kalau editor ini gampang ya instalasinya, kaya biasanya nginstal aplikasi aja, jadi rasanya gak perlu
saya pandu.
³https://www.apachefriends.org/download.html
⁴http://www.sublimetext.com/
⁵http://atom.io/
⁶http://code.visualstudio.com/
⁷http://agung-setiawan.com/bukuvim
Instal PHP dan Kawan-Kawan 7
Berpindah Folder
Pertama yang wajib diketahui adalah cara berpindah folder di terminal. Untuk berpindah folder,
perintah yang digunakan adalah cd diikuti dengan nama folder yang ingin kita masuki. Perhatikan
susunan folder berikut ini.
+ pemrograman
+ c#
+ ruby
+ php
+ buku
+ sastra
+ komik
Misalkan saat ini kita ada di folder pemrograman. Kalau mau pindah ke folder ruby dari folder
pemrograman berarti yang kita ketikkan adalah cd ruby.
Dari folder ruby kita mau kembali naik ke folder yang ada di atasnya, dalam kasus ini adalah folder
pemrograman. Berarti perintahnya adalah cd ... Perintah cd .. digunakan jika kita ingin kembali
ke folder yang posisi ada di atas dari folder sekarang kita berada.
Perintah cd juga bisa digunakan kalau kita mau langsung pergi ke suatu folder yang letaknya tidak
berdekatan secara langsung. Ilustrasinya seperti ini. Jika posisi kita sekarang berada adalah di folder
php kemudian ingin pindah ke folder sastra yang ada di dalam folder buku maka langkah yang
diambil adalah
cd ..
cd ..
cd buku
cd sastra
cd .. yang pertama digunakan untuk naik ke folder pemrograman, kemudian cd .. yang kedua
supaya kita naik ke folder yang menjadi induk dari folder pemrograman dan buku. Dari situ kita baru
bisa mengakses folder buku dan kemudian masuk ke komik.
Adapun dengan cara langsung maka perintah yang digunakan adalah
Instal PHP dan Kawan-Kawan 8
cd ../../buku/sastra
Khusus untuk pengguna windows, jika ingin berpindah drive yaitu yang ditandai dengan huruf C:,
D: dan lainnya, perintah yang digunakan adalah
D:
Perintah di atas akan membuat kita pindah ke drive D dari posisi manapun kita berada.
ls ../../buku/sastra
mkdir php-untuk-semua
Perintah di atas dijalankan berarti kita membuat sebuah folder bernama php-untuk-semua dengan
lokasi berada di dalam tempat kita berada sekarang.
cd php-untuk-semua
touch halo.php
Perintah-perintah di atas akan membuat file baru dengan nama halo.php yang letaknya ada di
dalam folder php-untuk-semua.
+ pemrograman
+ c#
+ ruby
+ ruby-on-rails
+ active_record.rb
+ sinatra
+ halo.rb
+ php
+ laravel
+ user.php
+ halo.php
Happy Coding!
PHP Dasar dan Konsep Variabel
File PHP
Sebuah program PHP paling sedikit memiliki sebuah file yang memiliki ektensi .php. Di file
berekstensi .php inilah kita mengetikkan kode-kode PHP untuk membangun sebuah program
komputer.
Penamaan file untuk PHP jangan mengandung spasi dan jangan menggunakan karakter aneh-aneh.
Sebaiknya dan sangat dianjurkan untuk menggunakan huruf dan tanda _ saja. Selain itu sebaiknya
jangan digunakan.
Meskipun sebuah program PHP minimal memiliki satu buah file .php tetapi pada aplikasi sungguhan
akan terdapat banyak file tersebut. Ratusan bahkan mencapai ribuan file. Namun bukan berarti
juga kalau yang terdiri dari satu file saja tidak berguna. Contohnya adalah halaman landing page
buku PHP untuk Semua ini yang bisa diakses di http://agung-setiawan.com/bukuphp⁸, saya hanya
menggunakan satu buah file berekstensi .php
Anatomi file PHP selain memiliki ekstensi .php adalah ia diawali dengan tanda seperti berikut ini.
<?php
Tanda seperti di atas ini terletak pada bagian paling awal dari file PHP. Letaknya harus selalu
paling atas dibandingkan dengan kode-kode PHP yang akan kita tulis kemudian. Jika tidak
menyertakannya pada awal kode PHP maka kode-kode yang kita tulis akan tidak dianggap sebagai
kode PHP.
Contoh minimalis dari sebuah file PHP adalah seperti ini.
<?php
Coba sekarang buka teks editornya kemudian buat file baru dengan nama halo.php dan ketikkan
kode di atas. Ingat, diketik sendiri bukan di-copy paste.
⁸http://agung-setiawan.com/bukuphp
PHP Dasar dan Konsep Variabel 11
Informasi Penting
Mulai dari sini jika kamu melihat contoh kode di buku ini yang tidak diawali dengan
<?php itu arti sebenarnya adalah ada namun tidak saya tuliskan untuk kepentingan
mempersingkat contoh kode.
php halo.php
Hasilnya bisa disaksikan kalau teks yang kita tulis di dalam file halo.php bisa tampil di dalam
terminal.
PHP Dasar dan Konsep Variabel 12
Seneng? :D
Sip sekarang bagimana cara menjalankannya dari browser?
Pertama adalah kita harus menghidupkan server supaya bisa memanggil file halo.php dari browser.
Untuk itu, masuklah kembali ke folder di mana file tersebut berada jika kamu belum berada pada
lokasi yang dimaksud. Jika sudah berada di situ silahkan ketikkan perintah berikut.
php -S localhost:8080
Perintah di atas akan menjalankan server built in milik PHP dengan alamat localhost dan port 8080.
Untuk saat ini ga usah bingung dengan istilah localhost dan port serta angka 8080. Ikuti aja dulu,
kita fokus di ngoding-nya.
Kalau kamu mengetikkannya dengan benar berarti yang muncul di terminal menyerupai seperti
gambar berikut.
Pastikan output-nya menyerupai gambar di atas dan lanjutkan buka browser ketik *localhost:8080/halo.php*
di alamatnya dan tadaaa.
PHP Dasar dan Konsep Variabel 13
Perhatikan di url yang diketikkan pada browser. Di situ terdapat porsi halo.php yang digunakan
untuk menjalankan file kita yang bernama halo.php. Kalau file kata namanya hello.php maka yang
kita ketik di browser juga harus hello.php.
Soal nama ini ada pengecualian untuk file yang namanya index.php. File dengan nama ini akan
otomatis dipanggil tanpa perlu kita menyebutkan namanya jika yang diakses adalah http://localhost:8080.
Variabel
Semua bahasa pemrograman tanpa terkecuali mengenal suatu konsep dasar yang namanya variabel.
Variabel adalah suatu tempat atau wadah yang digunakan untuk menampung suatu nilai di mana
nilai yang ditampung tersebut bisa berubah-ubah. Poin utamanya adalah menampung nilai dan
nilainya bisa berubah.
Sepanjang buku ini saya jamin kamu akan selalu bertemu dengan variabel karena betapa krusialnya
konsep ini dalam pemrograman. Oleh karena itu, penting untuk memahami dengan baik konsep
yang saya jelaskan mengenai variabel.
Kode di atas menunjukkan contoh penggunaan variabel. Variabel haruslah memiliki nama dan
sebaiknya menggunakan nama yang mudah untuk dimengerti seperti pada contoh di atas nama
variabel yang digunakan adalah $namaPenulis.
Tata cara penulisan variabel di PHP adalah harus dimulai dengan menggunakan tanda $ baru
kemudian diikuti dengan nama yang ingin kita berikan.
Variabel tidak bisa menggunakan spasi dan jika nama variabel terdiri lebih dari satu kata maka
digunakan huruf gede kecil seperti anak alay kalau mengetik SMS.
PHP Dasar dan Konsep Variabel 14
$jumlahPenghasilanPerBulan = 30000000;
Itu adalah aturan baku untuk variabel yang artinya kalau tidak dipatuhi akan menyebabkan error.
Selain aturan baku itu ada aturan lain yang sebaiknya dipatuhi karena sudah menjadi semacam
tata krama dalam dunia PHP. Aturan jenis ini seperti ini.
• Nama variabel menggunakan huruf kecil kecuali untuk kasus nama terdiri lebih dari 1 kata
• Menggunakan huruf besar untuk menggantikan spasi jika nama lebih dari satu huruf. Sudah
disinggung di atas ya
• Sebaiknya menggambarkan nilai apa yang dikandung
Untuk poin terakhir maksudnya adalah seperti ini, perhatikan kembali kode berikut.
Variabel digunakan untuk menampung nilai, oleh karenanya si variabel perlu diberi tahu nilai apa
yang dimasukkan untuk ditampung menggunakan operator = (sama dengan). Jadi penjelasan dari
kode di atas adalah variabel $namaPenulis digunakan untuk menampung nilai sebuah string “Agung
Setiawan”.
Nama variabel yang saya tulis ini jelas maksudnya, yaitu untuk menyimpan nama penulis buku ini,
saya sendiri. Sebenarnya bisa saja kita memberi nama variabel dengan sembarangan seperti ini
PHP Dasar dan Konsep Variabel 15
Tapi kan gak make sense alias tidak masuk akal. Buat apa kita membuat variabel dengan nama
yang susah dimengerti, nanti justru kita akan kesulitan sendiri menerka-nerka $x ini variabel buat
nyimpen apaan ya.
Itu adalah aspek pertama dari variabel yaitu untuk menyimpan nilai. Sekarang kita ke bagian
nilainya bisa berubah.
Variabel hanya bisa menyimpan satu nilai, dia tidak bisa untuk menyimpan lebih dari satu nilai
(sebenarnya bisa namun konsep ini sedikit berbeda, akan dijelaskan pada bab-bab selanjutnya).
Lalu apa yang terjadi jika di bawah kode di atas kita lanjutkan dengan menambahkan sebuah kode
menjadi seperti ini?
Mungkin sudah bisa diduga bahwa sekarang nilai yang ditampung di dalam variabel $namaPenulis
adalah string “Agung Setiawan juga” bukan lagi “Agung Setiawan”. Inilah yg dimaksud dengan
nilainya bisa berubah. Nilai yang terakhir yang diberikan adalah nilai yang ditampung oleh variabel.
Kode program dijalankan dari atas ke bawah jadi yang dimaksud dengan yang terakhir adalah yang
berada pada posisi terbawah.
Lebih gampang kalau gini mungkin memahaminya. Anggap saja variabel itu seperti mangkok.
Mangkok itu wadah atau tempat buat menampung sesuatu kan?, dan isinya juga bisa berubah-ubah.
Nah seperti itu konsepnya :D
Ngoding Time
Kita sudah tahu nih apa itu variabel dan juga sudah sedikit melihat bentuk dari sintaks PHP. Supaya
lekas bisa maka saya anjurkan kamu untuk mempraktikkan apa yang sudah dipelajari.
Untuk itu, siapkan sebuah folder yang digunakan untuk menyimpan file-file yang akan kita gunakan
untuk ngoding. Agar gampang untuk diikuti maka kita sepakat untuk menggunakan nama folder
belajar-php yang di dalamnya terdapat sebuah subfolder nomor bab ya.
Di dalam folder belajar-php silahkan buat folder dengan nama bab3 karena saat ini kita ada di bab
3 dan buat file dengan nama index.php dan buka dengan menggunakan editor pilihan kamu yang
saya kenalkan di bab 2.
PHP Dasar dan Konsep Variabel 16
Informasi Penting
Untuk penamaan file di PHP harus memiliki ektensi .php
belajar-php/bab3/index.php
<?php
echo $judulBuku;
Saya ingatkan kembali, sebuah file PHP yang mengandung sintaks PHP harus diawali dengan <?php,
tidak ada tawar menawar di sini. Kemudian adalah setiap akhir baris wajib diakhiri dengan tanda ;
karena kalau tidak akan menyebabkan error. Biasanya orang yang baru belajar sering nih kelupaan
tanda ; di akhir baris dan pusing apa penyebab error-nya.
Berikutnya, untuk menampilkan ke pengguna aplikasi kita bahwa ini lho kalau variabel $judulBuku
itu isinya “PHP untuk Semua” digunakan sebuah fungsi yang namanya echo. Soal apa itu fungsi
nanti kita akan sampai. Sekarang fokus ke kalau echo itu untuk mencetak nilai yang ada di variabel
supaya bisa dilihat pengguna aplikasi.
Sip sekarang jalan di browser. Jangan lupa jalankan servernya dulu kalau masih mati. Masih ingat
caranya?
Masuk ke folder belajar-php/bab3 menggunakan terminal dan jalankan perintah
php -S localhost:8080
Lanjutkan dengan membuka browser lalu ketik localhost:8080 di alamatnya dan tadaaa.
PHP Dasar dan Konsep Variabel 17
Karena nama filenya adalah index.php jadi kita tidak perlu memanggil url seperti ini local-
hot:8080/index.php karena otomatis akan dijalankan.
Mungkin sampai sini ada yang nanya, kenapa menggunakan variabel?, kenapa tidak langsung saja
menggunakan isi variabelnya seperti ini?
belajar-php/bab3/index.php
<?php
Hmm, untuk contoh ini memang kurang terlihat fungsi penting dari variabel karena nilai yang
dikandung oleh variabel nilainya itu-itu saja tidak berubah.
Bayangkan kita punya kode yang menampilkan tulisan “Halo selamat belajar PHP, Agung” di
mana nama orang yang ada di situ bisa berubah-ubah sesuai dengan inputan yang dimasukkan
oleh pengguna. Nah kasus-kasus seperti itulah kenapa kita butuh menggunakan variabel.
Oh iya, bagimana cara menampilkan tulisan “Halo selamat belajar PHP, Agung” menggunakan
variabel kurang lebih seperti ini.
belajar-php/bab3/index.php
<?php
$nama = "Agung";
belajar-php/bab3/index.php
<?php
$nama = "Agung";
Untuk perkara bagaimana mengganti nilai variabel nama berdasarkan input dari pengguna nanti
akan sampai situ.
Sekarang kita coba yang tentang perubahan nilai ya. Tambahkan beberapa baris baru di bawah yang
tadi hingga hasil akhirnya seperti ini.
belajar-php/bab3/index.php
<?php
echo $judulBuku;
echo "<br>";
echo $judulBuku;
belajar-php/bab3/index.php
Menu : Ikan Tuna
Satu orang ambil 2 potong ya
Kali lain saat menu dan ukuran lauk berbeda maka papan informasi itu juga berubah tulisannya,
menyesuaikan.
belajar-php/bab3/index.php
Menu : Ayam Bakar
Satu orang ambil 1 potong ya
Begitu yang terjadi setiap hari dan selalu menggunakan papan yang terbuat dari kertas yang baru.
Artinya tiap hari papan itu akan dibuang karena selalu akan diganti isinya.
Jika menggunakan variabel maka cukup buah sebuah papan dengan tulisan seperti ini.
belajar-php/bab3/index.php
Menu : (menu)
Satu orang ambil (jumlah) potong ya
Bagian (menu) dan (jumlah) adalah variabel yang nilainya bisa berubah sesuai dengan menu pada
hari itu. Cukup diganti-ganti saja tulisan yang ada di situ. Jadi tidak perlu menulis semua teks
berkali-kali setiap ganti menu.
PHP Dasar dan Konsep Variabel 20
Tipe Data
Di sub bab sebelumnya saya sudah menyebutkan tentang string. String adalah salah satu dari sekian
tipe data yang dikenal di PHP. Tipe data secara gampang diartikan sebagai pengelompokan data
sesuai dengan bentuknya. Di PHP tipe data yang paling dikenal adalah:
1. String
2. Integer
3. Float
4. Boolean
5. Array
6. Object
7. Null
Variabel mampu menyimpan nilai dan nilai yang ada adalah salah satu bentuk dari tipe data yang
ada.
Pada kode di atas, berturut-turut adalah tipe data dari string sampai null. Perhatikan bahwan bentuk
dari masing-masing tipe data berbeda.
Oh iya perlu saya katakan bahwa variabel di PHP bisa berganti-ganti isinya dari satu tipe data satu
ke tipe data yang lain, istilahnya adalah dynamic typing. Berikut ini adalah kode yang valid, tidak
akan menyebabkan error.
$sebuahVariabel = 90
$sebuahVariabel = "Buku Pemrograman PHP"
$sebuahVariabel = ["Buku","Pemrograman","PHP"]
$sebuahVariabel = true
Hal di atas bisa berjalan di PHP tetapi akan error jika kita menerapkan konsep yang sama ke bahasa
yang static typing misalnya Java dan C#.
PHP Dasar dan Konsep Variabel 21
Deklarasi Variabel
Sebelum bisa digunakan, sebuah variabel wajib untuk dideklarasikan terlebih dahulu. Maksud dari
deklarasi adalah diperkenalkan. Untuk lebih jelasnya silahkan perhatikan contoh kode di bawah ini.
<?php
echo $judulBuku;
Ketika kode di atas dijalankan maka akan muncul pesan kesalahan semacam ini
Hal ini terjadi karena program tidak tahu/tidak kenal siapa itu judulBuku. Solusinya kita perlu
memperkenalkan judulBuku sebelum berusaha untuk menggunakannya. Kode berikut ini adalah
perbaikannya.
<?php
Satu yang perlu diingat lagi adalah variabel bisa berisi apa saja asal nilai yang diberikan adalah
valid. Contoh
PHP Dasar dan Konsep Variabel 22
Variabel juga bisa bernilai dari variabel lain atau hasil olahan dari variabel lain
$nilaiPertama = 90;
$nilaiKedua = 10;
Jadi diingat ya bahwa nilai yg ada di variabel tidak harus selalu berupa nilai mentah yang kita tulis
sendiri.
String
String termasuk tipe data yang akan sering digunakan, terutama sekali jika masih baru dalam belajar
pemrograman, string biasanya merupakan tipe data yang pertama diperkenalkan.
String ini gampangnya adalah tipe data yang bentuknya baik karakter huruf, angka maupun tanda
baca yang merepresentasikan apa yang bisa dibaca oleh manusia. Tulisan yang saya tulis dan yang
sedang kamu baca ini contoh yang sempurna untuk string.
Di PHP, string ditandai dengan adanya tanda petik mau pun petik tunggal ( “ dan ‘).
Angka pun jika dia diapit oleh tanda petik maka dia adalah string, bukan angka.
PHP Dasar dan Konsep Variabel 23
$angka = "1";
$angkaLagi = "2";
Mesikipun antara petik dan petik tunggal keduanya sama-sama bisa digunakan tetapi memiliki
perbedaan yang patut diketahui.
Pada tanda petik, variabel yang tertulis di dalamnya akan diterjemahkan menjadi nilai yang dimiliki
oleh variabel tersebut sedangkan jika menggunakan petik tunggal maka string akan ditampilkan apa
adanya. Perhatikan contoh di bawah ini.
Salah satu contoh escaped character sudah kamu lihat yaitu \n yang merupakan tanda ganti baris.
Coba ubah kode yang tadi menjadi seperti ini, mengganti “ dengan ‘ untuk \n.
PHP Dasar dan Konsep Variabel 24
Clear ya?
Integer
Integer ini tipe data untuk angka yang bulat alias tidak memiliki koma. Karena angka berarti kita
bisa melakukan operasi matematika seperti biasanya.
$hasilPenjumlahan = 10 + 10;
$hasilPerkalian = 10 * 10;
$hasilPengurangan = 10 - 1;
$hasilPembagian = 10 / 2;
Float
Untuk angka pecahan maka disebutnya adalah tipe data float. Di dunia pemrograman, untuk
menandakan koma pada bilangan pecahan digunakan tanda ..
Karena tipe ini angka juga maka sama seperti integer kita bisa melakukan berbagai operasi
matematika untuknya.
Boolean
Di dunia pemrograman sangat sering digunakan suatu tanda yang membedakan bahwa sesuatu itu
benar atau sesuatu itu salah. Penanda antara benar dan salah itu disepakati bersama menggunakan
tipe data boolean yaitu tipe data yang nilainya hanya ada dua yaitu true dan false.
Penulisan untuk tipe data ini tidak diapit oleh tanda petik. Berikut contohnya.
PHP Dasar dan Konsep Variabel 25
$benar = true;
$salah = false;
Sangat simpel tapi powerfull. Nanti kamu akan belajar lebih soal boolean di bab yang membahas
boolean dan kondisi karena keduanya saling berkaitan.
Array
Nah, array ini adalah tipe data yang bisa menyimpan nilai secara banyak sekaligus. Contohnya
berikut ini.
Saat ini cukup segitu dulu untuk array, nanti ada bab khususnya. Intinya yang perlu dipahami adalah
bentuk array adalah diapit tanda kurung siku dan nilai-nilainya idpisahkan dengan tanda koma.
Object
Tipe data ini sudah mulai masuk ke pembahasan intermediate, bukan lagi pemula. Nanti di buku
ini akan dibahas juga OOP jadi tenang ;)
Intinya itu objek merupakan sebuah perwujudan dari apa yang dinamakan class atau kelas. Apa itu
kelas?, tunggu bab di depan.
Null
Null terkait dengan tipe data object. Intinya gini, jika suatu objek nilainya adalah kosong maka
berarti dia memiliki nilai null yang artinya bertipe data null.
Null ini jika kita tulis secara manual maka bentuknya tulisan null tanpa tanda petik.
Contoh.
PHP Dasar dan Konsep Variabel 26
$object = null;
• Buat sebuah variabel di mana nilainya adalah hasil perkalian antara 10 dengan 5
• Buat sebuah variabel di mana nilainya adalah hasil pembagian angka yang di dapat pada
langkah pertama dengan 2
• Tampilkan hasilnya pada browser sehingga yang muncul adalah seperti ini.
Variabel pertama : 50
Variabel kedua : 25
Jika ada kendala bisa hubungi saya lewat email untuk berdiskusi bareng.
PHP dan HTML
PHP menjadi populer salah satu alasannya karena dari awal diciptakan dikhususkan untuk membuat
web. Berbicara soal web maka sudah pasti akan berurusan dengan HTML. Jika kamu belum ngerti
HTML sama sekali ada baiknya pelajari dulu sebentar HTML di internet, cukup dasarnya saja. Atau
di buku ini juga akan membahas HTML sambil jalan dengan PHP jadi tidak usah khawatir.
belajar-php/bab4/index.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>PHP untuk Semua</title>
</head>
<body>
<h1>Belajar PHP</h1>
</body>
</html>
HTML itu terdiri dari tag-tag yang sifatnya berpasangan, jika ada pembuka maka ada penutupnya.
Contohnya adalah <body> sebagai pembuka yang ditutup oleh </body>. Perhatikan polanya bahwa
pembuka dan penutup hanya beda di bagian /.
Secara umum ada 2 buah bagian di HTML yaitu head dan body. head digunakan untuk tempat kita
menuliskan beberapa tag yang berhubungan JavaScript maupun CSS dan body untuk menulis apa
yang ingin kita tampilkan ke pengguna dalam contoh di atas adalah tulisan Belajar PHP.
Hasilnya ketika dibuka di browser adalah seperti ini
PHP dan HTML 28
Hmm tampilannya polos sekali ya kalau gitu kita bikin sedikit lebih enak dipandang dengan
memberikan styling menggunakan CSS. Update HTML-nya menjadi seperti ini.
belajar-php/bab4/index.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>PHP untuk Semua</title>
<style>
#box{
background: #f3f3f3;
border: 1px solid #dddddd;
padding: 5px;
}
<style>
</head>
<body>
<div id="box">
<h1>Belajar PHP</h1>
</div>
</body>
</html>
div digunakan jika kita ingin membuat sebuah area khusus di HTML. Untuk contoh ini saya beri
nama id-nya adalah box. Id ini penting karena digunakan untuk keperluan CSS untuk saat ini.
PHP dan HTML 29
#box{
background: #f3f3f3;
border: 1px solid #dddddd;
padding: 5px;
}
Lihat bahwa #box ini merujuk pada <div id="box">. Namanya harus sama jika mau match.
Untuk style-nya sendiri sudah cukup jelas yaitu saya kasih background dengan warna f3f3f3 serta
garis tepi dengan ketebalan 1 pixel dengan warna dddddd. Apa maksud warna itu?, itu adalah warna
dengan menggunakan format heksadesimal, coba googling untuk masalah ini ;)
Yang agak membingkungkan mungkin padding. Saya dulu juga tidak paham. Supaya paham,
silahkan nanti hapus baris padding dan lihat apa bedanya jika tanpa menggunakannya.
Untuk keyword apa saja yang bisa digunakan di CSS merupakan topik diluar dari pembahasan buku
ini.
Tampilannya saat ini seperti ini, lebih sedap dipandang.
Itu tadi semua adalah baru HTML dan CSS, belum PHP dan JavaScript hahahaa.
PHP itu hanya salah satu potongan dari satu bentuk utuh membuat sebuah web. Makanya sudah
saya coba bilang di awal kalau belajar ngoding pusing itu wajar apalagi bagi pemula yang masih
belum tahu apa-apa.
Nah sekarang kita mulai memasukkan PHP ke dalam HTML tadi nih.
Bab sebelumnya tentu kamu sudah tahu bagaimana cara menampilkan suatu teks ke pengguna
di PHP yaitu menggunakan fungsi echo. Tugas kita kali ini adalah mengganti kalimat Belajar
PHP dan HTML 30
PHP yang tadinya dimunculkan langsung dari HTML menjadi dimunculkan lewat PHP. Caranya
gimana?
Hmm karena kali ini file PHP yang kita punyai tidak 100% berisi sintaks PHP, maka begitu kita
menuliskan kode PHP lalu di bawahnya diikuti tag HTML berarti kita perlu menutup kode PHP
yang kita punya.
Untuk menutup kode PHP digunakan ?>
Bentuknya dari body adalah seperti ini sekarang.
belajar-php/bab4/index.php
<body>
<div id="box">
<h1><?php echo "Belajar PHP"; ?></h1>
</div>
</body>
Refresh browser dan hasilnya masih sama tetapi proses memunculkannya beda.
Untuk melakukan echo di PHP yang berada di sela-sela HTML ada cara yang lebih singkat seperti
berikut ini.
belajar-php/bab4/index.php
Kalau mau dimodifikasi misal dengan memberi nilai pada variabel atau istilahnya assignment maka
bisa saja.
belajar-php/bab4/index.php
<body>
<div id="box">
<h1>
<?php
$topik = "Belajar PHP";
echo $topik;
?>
</h1>
</div>
</body>
domain.com/?order=asc
domain.com/?order=asc&field=title
Yang patut diperhatikan adalah bagian setelah tanda ?. Nah itu query string :D
Query string ini bentunya berupa key=value. Key digunakan sebagai identitas dan value adalah
nilainya. Mirip dengan konsep variabel yang sudah kamu pelajari di bab sebelumnya.
Oke sekarang kita ingin jika di url bentuknya adalah seperti ini
localhost:8080/index.php?nama=Agung
Maka yang muncul di browser adalah “Hai, halo Agung, selamat belajar PHP”
Kira-kira gimana caranya?
Saya kasih petunjuk ya.
Di PHP, untuk menangkap query string maka kita menggunakan $_GET["key"] di mana key adalah
key dari query string yang ingin kita ambil nilainya.
Sudah bisa mengira-ngira?
Bocoran jawabannya adalah seperti ini.
PHP dan HTML 32
belajar-php/bab4/index.php
<body>
<div id="box">
<h1>
<?php
$nama = $_GET["nama"];
echo "Hai, halo $nama, selamat belajar PHP";
?>
</h1>
</div>
</body>
Coba sekarang akses urlnya dengan bentuk seperti ini, bagian ?nama= silahkan diisi apa saja maka
isi halaman web akan mengikuti.
Keren kan?
localhost:8080/index.php?nama=Agung
localhost:8080/index.php?nama=Ruby
PHP dan HTML 33
Kalau query string nama dihilangkan menjadi localhost:8080/index.php maka akan terjadi error
karena saat kode ini dijalankan dia tidak berhasil menemukan query string nama.
$_GET["nama"];
Bagaimana penanggulangannya?, perlu dicek dulu apakah query string nama ada atau tidak, kalau
tidak ada lakukan apa yang ingin kita lakukan untuk mengatasinya misal menampilkan pesan error.
Tahan dulu ya untuk yang ini karena ada beberapa hal yang mesti dipelajari dulu dan materinya
baru saya kenalkan di bab-bab selanjutnya.
Satu hal yang penting mengenai input dari pengguna adalah kadang pengguna itu sering iseng
memasukkan input-inputan yang berbahaya misalnya seperti ini.
localhost:8080/index.php?nama=<a href="agung-setiawan.com">Agung</a>
Ketika kita tekan enter maka yang muncul adalah nama saya berupa link yang bisa diklik.
PHP dan HTML 34
Untuk menghindari aneh-aneh seperti ini berarti kita harus membuat tag HTML yang diketikkan
oleh pengguna tidak diterjemahkan sebagai HTML tetapi sebagai tulisan biasa saja. PHP menyedi-
akan fungsi htmlspecialchars untuk melakukannya.
Perubahannya sekarang adalah seperti kode di bawah ini setelah ditambahi fungsi untuk penan-
ganan input yang tidak diinginkan berupa tag HTML.
belajar-php/bab4/index.php
<body>
<div id="box">
<h1>
<?php
$nama = $_GET["nama"];
echo "Hai, halo " . htmlspecialchars($nama) . ", selamat belajar \
PHP";
?>
</h1>
</div>
</body>
Perhatikan bahwa kali ini kita menggunakan . karena fungsi tidak bisa dipanggil di dalam string
(diapit tanda ") sehingga kita gunakan cara lain.
Hasilnya kali ini akan dimunculkan sesuai apa adanya.
Kode yang kita tulis tadi itu termasuknya tidak memiliki tanggung jawab yang jelas. Dia digunakan
untuk mengolah data inputan dari pengguna dan juga digunakan untuk menampilkan halaman web.
Di sini kita gunakan pemisahan yang sederhana dulu dari masing-masing tanggung jawab ini.
File index.php hanya akan kita gunakan untuk melakukan hal-hal yang berkaitan dengan logik
sedangkan untuk yang berkaitan dengan tampilan kita buat file baru dengan nama index.view.php.
Kata view menandakan bahwa dia berguna sebagai sebuah tampilan.
Adapun konten dari file ini adalah seperti ini.
belajar-php/bab4/index.view.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>PHP untuk Semua</title>
<style>
#box{
background: #f3f3f3;
border: 1px solid #dddddd;
padding: 5px;
}
<style>
</head>
<body>
<div id="box">
<h1>
<?php
echo "Hai, halo " . htmlspecialchars($nama) . ", selamat belajar \
PHP";
?>
</h1>
</div>
</body>
</html>
Terlihat dari kode di atas kalau kode yang berguna menangkap inputan pengguna sudah di buang
dan Untuk menangkap query string kita gunakan file index.php.
PHP dan HTML 36
belajar-php/bab4/index.php
<?php
$name = $_GET["name"];
require "index.view.php";
Ada fungsi baru nih require. Dia digunakan untuk semacam me-load file sehingga isinya bisa
dibaca oleh file yang memanggilnya. Jadi di sini supaya ketika file index.php diakses lewat
browser maka secara otomatis file index.view.php akan ditampilkan juga. Kalau penasarn coba
saja hilangkan baris yang ada require-nya.
Coba refresh browser, hasilnya masih sama tetapi dengan organisasi kode yang lebih rapi diband-
ingkan dengan yang sebelumnya.
Ya walaupun masih minimalis tapi setidaknya kita sudah mulai mengenal pemisahan tanggung
jawab dari sebuah kode. Pusing minta ampun kalau lihat kodingan PHP yang isinya nyampur
tumplek blek ga karuan.
1. Buat sebuah kode yang menerima 2 buah query string. Dari kedua query string itu munculkan
hasilnya di halaman web dengan baris yang berbeda. Misal seperti ini.
belajar-php/bab4/index.php
nilaiSatu adalah nilai untuk query string yang pertama dan nilaiDua untuk nilai yang kedua.
Info Penting
Untuk menggunakan 2 buah query string maka bentuk urlnya adalah seperti ini **local-
host:8080/?nilaiSatu=satu&nilaiDua=dua
PHP dan HTML 37
1. Buat kode yang menerima 2 buah query string juga tapi kali ini coba masukkan nilai untuk
masing-masingnya adalah angka. Yang dimunculkan pada web adalah hasil penjumlaha dari 2
angka tersebut. Contoh jika url yang diakses adalah localhost:8080/?angkaSatu=10&angkaDua=5
maka hasilnya adalah
belajar-php/bab4/index.php