1 MODUL PRAKTIKUM PEMROGRAMAN WEB II PHP Disusun oleh : 1. Veri Arinal, M.Kom. Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika Jakarta2 DAFTAR IS...
Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika Jakarta
DAFTAR ISI
DAFTAR ISI ......................................................................................................................... 1 1. Instalasi Paket Perangkat Lunak Web Server (XAMPP) .................................................. 2 2. Variabel dan Operator ....................................................................................................... 8 3. Struktur Kondisi .............................................................................................................. 12 4. Struktur Pengulangan (Looping) ..................................................................................... 16 5. Array ................................................................................................................................ 21 6. Include ............................................................................................................................. 22 7. Session ............................................................................................................................. 24 8. Fungsi ............................................................................................................................. 27 9. Object dan Class ............................................................................................................. 29 10. Mendefiniskan Database dan tabel ................................................................................ 31 11. Membuat menu login dan menu utama ......................................................................... 32 12. Menampilkan data di web page ..................................................................................... 36 13. Menyisipkan data di web page ...................................................................................... 41 14. Mengupdate data di web page ....................................................................................... 47 15. Kartu Peserta Praktikum ................................................................................................ 55
Praktikum Pemrograman Web II-PHP
1
Bab
1
Instalasi Paket Perangkat Lunak Web Server (XAMPP)
Sebelum memulai membuat program kedalam bahasa PHP, terlebih dahulu kita persiapkan perangkat keras dan perangkat lunak web server yang berfungsi untuk menjalankan aplikasi web yang akan kita kembangkan, pada praktek kali ini kita menggunakan paket web server yang banyak digunakan yaitu XAMPP. Adapun cara menginstalasi paket perangkat lunak web server XAMPP adalah sebagai berikut : 1. Jalankan file xampp-win32-1.7.0-installer.exe (atau versi lainnya) 2. Kemudian akan tampil seperti layar berikut :
3. Klik tombol Next untuk memulai instalasi hingga muncul tampilan sbb:
Praktikum Pemrograman Web II-PHP
2
4. Perhatikan gambar diatas kita diminta untuk mengisi folder tujuan dari paket XAMPP ini akan di install (c:\xampp\ sebagai nilai default), klik tombol next untuk melanjutkan instalasi XAMPP 5. Langkah berikutnya centang service apache dan mysql pada item service section seperti terlihat pada tampilan berikut :
6. Kemudian klik tombol install untuk memulai proses instalasi 7. Tunggu sesaat hingga muncul tampilan selesai sebagai berikut :
Praktikum Pemrograman Web II-PHP
3
8. Sampai tahap ini, berarti kita sudah menginstal XAMPP. Itu berarti kita sudah selesai menginstall PHP, APACHE dan MYSQL. Langkah selanjutnya adalah menjalankan servicenya 9. Jalankan XAMPP Control Panel yang ada di desktop. Atau anda juga dapat menjalankan XAMPP Control Panel dari menu Start -> All Programs -> apachefriends -> xampp -> xampp control panel
Praktikum Pemrograman Web II-PHP
4
10. Klik Start pada masing-masing untuk Apache dan MySql, sehingga muncul tanda Running untuk keduanya. PC lokal Anda kini sudah menjadi server Web lokal
11. Buka web browser anda, lalu ketikkan http://localhost. Jika tampilannya seperti di bawah ini, maka apache sudah terinstall dengan baik
Praktikum Pemrograman Web II-PHP
5
12. Klik Bahasa English maka akan tampil menu utama XAMPP seperti pada tampilan layar sbb:
13. Untuk menonaktifkan server lokal Anda, keluar dari XAMPP Control Panel. Caranya, pada XAMPP Control Panel, klik Stop pada masing-masing Apache dan MySql, lalu tutup jendela kontrol panel (klik X pada pojok kanan atas) hingga muncul tampilan berikut:
Praktikum Pemrograman Web II-PHP
6
Soal 1. (Instalasi XAMPP) Instalasi paket perangkat lunak lengkap XAMPP kedalam mesin (perangkat keras yang berbeda) dengan memilih full paket dari perangkat lunak XAMPP.
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
7
Bab
2
Variabel dan Operator
Variabel Dalam setiap bahasa pemrograman kita mengenal variabel,
Variabel di PHP diawali
dengan tanda dollar ($) diikuti dengan nama variabel. Yang perlu diperhaitkan dalam membuat program php nama variabel adalah case-sensitive, artinya huruf besar dan huruf kecil adalah berbeda. Program berikut mengimplementasikan variabel sebagai berikut: index.php
1 2 3 4
Jalankan program diatas dengan menggunakan browser yang ada seperti Firefox Mozilla, Chrome atau Internet Explorer.
Untuk dapat menggabungkan dua variabel atau lebih gunakan operator titik (.) atau langsung ditulis diantara tanda kutip yang biasa disebut dengan concate, contoh : Lat_concate.php 1
Operator Dalam bahasa pemrograman dapat diartikan sebagai simbol yang digunakan untuk melakukan suatu operasi terhadap nilai data. Simbol Operator dapat berupa karakter atau kata khusus.
Praktikum Pemrograman Web II-PHP
8
Operator Aritmetik Digunakan untuk operasi matematis terhadap nilai data. Simbol-simbol yang dapat digunakan adalah sbb : Operator + * / % ++ --
Deskripsi Penambahan Pengurangan Pengalian Pembagian Modulus (sisa hasil pembagi) Penambahan satu Pengurangan satu
Operator Pembanding Digunakan untuk operasi yang membandingkan nilai data. Simbol-simbol yang digunakan adalah sbb : Operator == != > < >= <=
Deskripsi Sama dengan Tidak sama dengan Lebih besar dari Lebih kecil dari Lebih besar sama dengan Lebih kecil sama dengan
Program berikut adalah latihan untuk operator pembanding sbb : lat_operator2.php 1 5){ 5 echo "X lebih besar dari 5"; 6 }else if($x == 5){ 7 echo "X sama dengan 5"; 8 }else if($x < 5){ 9 echo "X kecil dari 5"; 10 } 11 ?> 12
Operator Logika Logika digunakan untuk operasi yang membandingkan suatu perbandingan. Simbol simbol yang digunakan : Operator && Dan || Atau ! Bukan
Deskripsi
Program berikut adalah latihan untuk operator aritmetik sbb : lat_operator3.php 1 4 && $b < 2){ 5 echo "TRUE"; 6 }else{ 7 echo "FALSE";
Praktikum Pemrograman Web II-PHP
10
8 9
} ?>
Soal 2.1. (Operator Aritmetik) Susun program yang di dalamnya terdapat operator aritmetik untuk melakukan perhitungan luas segitiga.
Soal 2.2. (Operator Pembanding) Susun program yang di dalamnya terdapat operator pembanding untuk melakukan perhitungan luas lingkaran.
Soal 2.3. (Operator Logika) Susun program yang di dalamnya terdapat operator logika untuk melakukan perhitungan luas persegi panjang.
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
11
Bab
3
Struktur Kondisi
Kondisional berguna untuk mengecek suatu kondisi dan melakukan suatu kode jika kondisi tersebut benar atau salah.
3.1. if Sintaks : if(kondisi){ kode yang dijalankan jika benar } Program berikut adalah latihan untuk struktur kondisi if sbb : lat_kondisi1.php 1
3.2. if - else Sintaks : if(kondisi){ kode yang dijalankan jika benar }else{ kode yang dijalankan jika salah } Program berikut adalah latihan untuk struktur kondisi if ... else sbb : lat_kondisi2.php 1
Praktikum Pemrograman Web II-PHP
12
3.3. if - else if - else Jika anda membutuhkan kondisi yang banyak Sintaks : if(kondisi 1){ kode yang dijalankan jika kondisi 1 benar }else if(kondisi 2){ kode yang dijalankan jika kondisi 2 benar }else if(kondisi 3){ kode yang dijalankan jika kondisi 3 benar }else{ kode jika salah satu kondisi di atas tidak ada yang benar } Program berikut adalah latihan untuk struktur kondisi if ... else if .... else sbb : lat_kondisi3.php 1 = 85){ 5 echo "A"; 6 }else if($nilai >= 70 && $nilai < 85){ 7 echo "B"; 8 }else if($nilai >= 60 && $nilai < 70){ 9 echo "C"; 10 }else{ 11 echo "D"; 12 ?>
3.4. Switch Pernyataan SWITCH dapat juga dipergunakan untuk menyatakan suatu pernyataan kondisional atau bersyarat. Selain SWITCH, kita bisa pula menggunakan IF untuk menyatakan kondisional. Sama seperti if - else if - else, switch berguna jika membutuhkan kondisi yang banyak Sintaks : switch(ekspresi){ case kondisi1 : kode yang dijalankan jika kondisi1 benar; break; case kondisi2 : kode yang dijalankan jika kondisi2 benar; break; case kondisi3 :
Praktikum Pemrograman Web II-PHP
13
kode yang dijalankan jika kondisi3 benar; break; } Program berikut adalah latihan untuk struktur kondisi switch sbb : lat_kondisi4.php 1
Soal 3.1. (Kondisi if) Susun program yang di dalamnya terdapat struktur kondisi if untuk melakukan perhitungan luas segitiga.
Soal 3.2. (Kondisi if ... else) Susun program yang di dalamnya terdapat struktur kondisi if ... else : 1. Untuk melakukan perhitungan luas lingkaran 2. Menghitung total penjualan bila diketahui nilai penjualan lebih besar dari 100 ribu akan mendapatkan diskon 10% dan bila lebih kecil 100 ribu mendapat diskon 5%
Soal 3.3. (Kondisi if ... else if ... else) Susun program yang di dalamnya terdapat struktur kondisi if ... else if ... else untuk melakukan perhitungan total penjualan bila diketahui sbb : 1. Nilai penjualan lebih besar 1 juta akan mendapatkan diskon 15% 2. Nilai penjualan diantara 750 ribu sampai 1 juta mendapat diskon 10% 3. Nilai penjualan dibawah 750 ribu mendapat diskon 7%
Praktikum Pemrograman Web II-PHP
14
Soal 3.4. (Kondisi switch) Susun program yang di dalamnya terdapat struktur kondisi switch untuk melakukan penggantian nama hari dari bahasa inggris ke bahasa indonesia.
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
15
Bab
4
Looping (Pengulangan)
Looping atau perulangan digunakan untuk menjalankan suatu statement secara berulang ulang atau secara terus menerus. Dalam PHP, kita memiliki pernyataan looping sebagai berikut: while – melakukan pengulangan melalui blok kode sementara kondisi yang ditentukan benar
do ... while - pengulangan melalui blok kode satu kali, kemudian mengulangi loop selama kondisi yang ditentukan benar
for
-
pengulangan
melalui
blok
kode
sejumlah
tertentu
dari
kali
foreach - pengulangan melalui blok kode untuk setiap elemen dalam array
4.1. for Berguna untuk pengulangan yang sudah ditentukan terlebih dahulu awalnya berapa, dijalankan sampai kondisi bagaimana. Sintaks : for(awal; kondisi; penambahan){ kode untuk dijalankan } Program berikut adalah latihan untuk pengulangan for sbb : lat_loop1.php 1 "; 4 } 5 6 ?>
4.2. while
Praktikum Pemrograman Web II-PHP
16
Berguna untuk menjalankan suatu kode terus menerus selama kondisi bernilai TRUE Sintaks : while(kondisi){ kode untuk dijalankan; } Program berikut adalah latihan untuk pengulangan while sbb : lat_loop2.php 1 "; 6 $i++; 7 } 8 9 ?>
4.3. foreach Perulangan untuk array yang mempunyai nilai Sintaks : foreach (array as $value){ statement } atau foreach (array as $key => $value){ statement }
Program berikut adalah latihan untuk pengulangan foreach sbb : lat_loop3.php 1
Praktikum Pemrograman Web II-PHP
Soal 4.1. (pengulangan for) Susun program yang di dalamnya terdapat pengulangan for untuk menampilkan angka 1 s.d 100.
Soal 4.2. (pengulangan while) Susun program yang di dalamnya terdapat pengulangan while untuk menampilkan bilangan ganjil dan genap
Soal 4.3. (pengulangan foreach) Susun program yang di dalamnya terdapat pengulangan foreach untuk menampilkan semua element dalam sebuah objek.
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
18
Praktikum Pemrograman Web II-PHP
19
Bab
5
Array
Array adalah merupakan variabel khusus, yang dapat menampung lebih dari satu nilai pada suatu waktu. dengan array kita dapat mengakses sekumpulan nilai dengan menggunakan satu nama variable. Jika kita memiliki daftar item (daftar nama mahasiswa, misalnya), menyimpan mahasiswa di variabel tunggal bisa terlihat seperti ini: $mhs1="Mahasiswa A"; $mhs2="Mahasiswa B "; $mhs3="Mahasiswa C";
Program berikut adalah latihan untuk pengunaan array sbb : lat_array.php 1 "; 5 $age=array("Peter"=>"35","Ben"=>"37","Joe"=>"43"); 6 echo "Peter is " . $age['Peter'] . " years old."; 7 8 ?>
Soal 5.1. (array) Susun program yang di dalamnya terdapat array untuk menampilkan nama-nama bulan dalam satu tahun dan kemudian tampilkan nama bulan saat ini.
Soal 5.2. (array) Susun program yang di dalamnya terdapat array untuk menampilkan nama-nama hari dalam satu minggu dan kemudian tampilkan nama hari saat ini.
Praktikum Pemrograman Web II-PHP
20
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
21
Bab
6
Include
PHP memungkinkan suatu kode yang disimpan dalam suatu file disertakan ke dalam suatu script PHP dengan menggunkan pernyataan include. Hal ini sangat berguna kalau kita mempunyai sederetan kode (misalnya definisi suatu fungsi, definisi suatu konstanta, atau kode yang lain) yang sering digunakan pada berbagai script PHP yang kita buat. Dalam hal ini kita cukup menuliskan kode tersebut sekali saja ke dalam sebuah file. Lalu jika memerlukan kode tersebut kita bisa menggunakan fungsi include Program berikut adalah latihan untuk penggunaan include sbb : lat_include1.php 1 ”; 4 ?>
lat_include2.php 1 Ini adalah contant atau isi dari website "; 4 5 ?>
Soal 6.1. (include) Susun program yang di dalamnya terdapat file include untuk menampilkan menu user login dalam sebuah aplikasi.
Praktikum Pemrograman Web II-PHP
22
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
23
Bab
7
Session
Sebuah variabel Session PHP digunakan untuk menyimpan informasi atau mengubah pengaturan untuk session pengguna. Session variabel menyimpan informasi tentang satu pengguna tunggal, dan tersedia untuk semua halaman dalam satu aplikasi. Dalam penanganan session terdapat beberapa proses yang perlu diperhatikan:
Proses pembuatan session
Proses pemeriksaan session
Proses penghapusan session
Program berikut adalah latihan untuk pembuatan session sbb : lat_session1.php 1 anda berhasil login”; 10 Echo “
Soal 7.1. (session) Susun program yang di dalamnya terdapat session untuk menyimpan informasi tanggal sistem saat ini dalam sebuah aplikasi.
Praktikum Pemrograman Web II-PHP
25
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
26
Bab
8
Fungsi
Fungsi (function) merupakan serangkaian script/kode yang mempunyai kegunaan khusus dan tertentu, merupakan seurutan atau serangkaian kode yang sering dipergunakan/dipakai. Dengan adanya fungsi ini pemrograman dapat dipermudah karena tidak harus menulis berulang-ulang . Sintaks: Function nama_fungsi(argumen) { Kode } Program berikut adalah latihan untuk penggunaan function sbb : lat_fungsi1.php 1 ”; 4 print(cetaktebal(“ini latihan cetak tebal”)); 5 6 function cetaktebal($parameter1) 7 { 8 $strstring = “”; 9 $strstring .= “$parameter1”; 10 $strstring .=””; 11 Return($strstring 12 } 13 14 ?>
Soal 8.1. (function) Susun program yang di dalamnya terdapat function untuk membuat fungsi mengambil tanggal saat ini dari pc/laptop anda.
Praktikum Pemrograman Web II-PHP
27
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
28
Bab
9
Object dan Class
Bagian utama dari sebuah program yang berorientasi objek adalah objects. Sebagai contoh, sebuah mobil adalah objek. Sebuah mobil mempunyai properties atau bagian di alamnya, seperti warna, mesin, roda, pintu dsb. Sebuah mobil juga dapat melakukan sesuatu (ada sesuatu yang bisa dilakukan dengan mobil), seperti mengisi bensin, menyalakan mesin, berjalan, mengerem dsb. Class merupakan penjelasan atau deskripsi dari object. Di dalam class, terdapat penjelasan tentang suatu object termasuk properties yang dimilikinya serta kelakuan atau method yang bisa dilakukan oleh object. Program berikut adalah latihan untuk penggunaan class sbb : lat_class1.php 1 warna = $warnaBaru; 11 } 12 13 function tampilWarna () 14 { 15 echo "Warna mobilnya : " . $this->warna; 16 } 17 } 18 $obja = new mobil(); 19 $objb = new mobil(); 20 echo "Mobil pertama "; 21 $obja->tampilWarna(); 22 echo " Mobil pertama ganti warna "; 23 24 $obja->gantiWarna("Merah"); 25 $obja->tampilWarna(); 26 // 27 echo " Mobil kedua "; 28 $objb->gantiWarna("Hijau"); 29 $objb->tampilWarna(); 30 ?>
Praktikum Pemrograman Web II-PHP
29
Soal 9.1. (class dan object) Susun program yang di dalamnya terdapat class untuk membuat form input sederhana mengenai daftar mahasiswa dikelas anda.
LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
30
Bab
10
Mendefinisikan Database dan tabel
Basis data (atau database) adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut (http://id.wikipedia.org/wiki/Database). RDBMS atau Relationship Database Management System merupakan salah satu jenis DBMS yang mendukung adanya relationship atau hubungan antar tabel. MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS yang multithread, multi-user sebagai perangkat lunak gratis di bawah lisensi GNU General Public License (GPL). Terdapat 2 (dua) jenis perintah SQL, yaitu : 1. DDL atau Data Definition Language DDL merupakan perintah SQL yang berhubungan dengan pendefinisian suatu struktur database, dalam hal ini database dan table. Beberapa perintah dasar yang termasuk DDL ini antara lain :
CREATE
ALTER
RENAME
DROP
2. DML atau Data Manipulation Language DML merupakan perintah SQL yang berhubungan dengan manipulasi atau pengolahan data atau record dalam table. Perintah SQL yang termasuk dalam DML antara lain :
SELECT
INSERT
UPDATE
DELETE
Praktikum Pemrograman Web II-PHP
31
Program berikut adalah latihan untuk membuat database sbb :
Open phpmyadmin melalui http://localhost/phpmyadmin/
Program berikut adalah latihan untuk membuat tabel sbb : lat_createtabel1.php 1 24
Soal 10.1. (Create tabel) Susun program yang di dalamnya terdapat perintah untuk membuat tabel jurusan, tabel mata kuliah dengan mendefinisikan kolom-kolom (field) yang sesuai dengan pengetahuan anda.
Praktikum Pemrograman Web II-PHP
32
Bab
11
Membuat menu login dan menu utama
Sebelum membuat aplikasi sederhana terlebih dahulu kita akan membuat menu login dan menu-menu yang akan ditampilkan dalam aplikasi kita nanti. Berikut ini adalah program untuk membuat menu login sbb : Program berikut adalah latihan untuk membuat menu login sbb : index.php 1
3
4 28
29
Perhatikan pada baris ke 4 disitu terdapat perintah action = checklogin.php yang berarti form akan dijalankan dengan mengeksekusi file checklogin.php, adapun source codenya dapat dilihat pada tabel dibawah :
Praktikum Pemrograman Web II-PHP
33
checklogin.php 1
and
Pada baris 27 perintah diatas diperlukan file login_success.php yang berarti bila user name dan password di isi benar maka akan mengeksekusi file login_success.php login_success.php 1 2 3 4 5 6
Login Successful
Praktikum Pemrograman Web II-PHP
34
Soal 11.1. (Create login dan menu utama) Susun program yang di dalamnya terdapat perintah untuk membuat menu logout dan menu utama dari sebuah aplikasi. LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
35
Bab
12
Menampilkan data di web page
Pada praktek kali kita akan menampilkan data dari sebuah tabel harga penjualan dengan menggunakan konsep class sebagai berikut : tabelharga.php 1 2 require_once "clstabelharga.php"; 3 $mharga = new harga(); 4 $mod = $_REQUEST['mod']; 5 switch ($mod) 6 { 7 default : 8 $mharga -> showHarga(); 9 break; 14 } 15 ?>
Perhatikan baris ke dua require_once “clstabelharga.php” yang berarti dalam menjalankan file tabelharga.php diperlukan file yang namanya clstabelharga.php untuk itu sebelum program di eksekusi terlebih dahulu kita membuat file dengan nama clstabelharga.php dengan script seperti berikut : clstabelharga.php 1
Praktikum Pemrograman Web II-PHP
Daftar Biaya Pengiriman Sesuai Dengan Jenis Pengiriman
Soal 12.1. (Program menampilkan data di web page) Susun program yang di dalamnya terdapat class untuk menampilkan data produk dari sebuah database dalam sebuah aplikasi. LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
40
Bab
Menyisipkan data di web page
13
Untuk menyisipkan data kedalam tabel dari sebuah database dalam pemrograman php ini dapat dilakukan dengan perintah/program sebagai berikut : Dalam praktek kali ini kita masih menggunakan tabel yang sama yaitu tabel harga, adapun langkah-langkah yang akan ditempuh sbb: 1. Memodifikasi tabelharga.php dan clstabelharga.php dengan menambahkan beberapa fungsi
Dari program diatas kita tambahkan dua buah case (kasus) yaitu kasus untuk tambah data yang bertujuan untuk menampilkan form input dan kasus simpan yang berguna untuk menyimpan data dari form input kedalam tabel dari sebuah database. clstabelharga.php 1 2 3 4 5 6 7 8 9 10 11 12
Soal 13.1. (Program menyisipkan data di web page) Susun program yang di dalamnya terdapat class untuk menyisipkan data pada tabel produk dari sebuah database dalam sebuah aplikasi. LEMBAR JAWABAN
Praktikum Pemrograman Web II-PHP
46
Bab
14
Mengupdate data di web page
Untuk mengupdate data kedalam tabel dari sebuah database dalam pemrograman php ini dapat dilakukan dengan perintah/program sebagai berikut : Dalam praktek kali ini kita masih menggunakan tabel yang sama yaitu tabel harga, adapun langkah-langkah yang akan ditempuh sbb: 1. Memodifikasi tabelharga.php dan clstabelharga.php dengan menambahkan beberapa fungsi
Dari program diatas kita tambahkan dua buah case (kasus) yaitu kasus untuk ubah data yang bertujuan untuk menampilkan form input dan kasus editproses yang berguna untuk menyimpan data dari form input kedalam tabel dari sebuah database.
Soal 13.1. (Program mengupdate data di web page) Susun program yang di dalamnya terdapat class untuk mengupdate data pada tabel produk dari sebuah database dalam sebuah aplikasi.