Kurikulum Pelatihan Sesi I Sesi II Sesi III · PDF file2.Membuat hyperlink 3.Membuat form...

43
Modul Pelatihan PHP Kurikulum Pelatihan Sesi I Pendahuluan Penjelasan secara umum HTML PHP MySQL Apache Pemrograman Client-Server Menggunakan PHP,MySQL dan PHP Cara upload ke server dan menampilkan file ke browser. Software dan Tools HTML HTML Dasar Menampilkan Kalimat Tag-tag umum Form HTML dan komponen Input - Text Field - Password - Checkbox - Radio Button - Hidden Field - Submit - Reset Text Area Select - Type : Menu - Type : List Latihan 1.Menampilkan kalimat 2.Membuat hyperlink 3.Membuat form lengkap Script: 1.Menampilkan kalimat 2.Komponen HTML (lengkap) Sesi II PHP PHP Dasar Konsep dasar Configuration (register_globals) Menampilkan kalimat - echo - print Variabel dan tipe data - Deklarasi - Tipe-tipe data Operator - String - Aritmatika - Logika Array - 1 dimensi - 2 dimensi Iterasi - for - while Selection - if - switch Function Latihan : 1.Menampilkan kalimat 2.Operasi aritmatika 3.Iterasi 4.Seleksi Script: 1.Menampilkan kalimat, 2.Deklarasi variabel, 3.Operator 4.Array 5.Iterasi 6.Seleksi 7.Fungsi Sesi III Menangkap variabel dari form HTML Input - Text Field - Password - Checkbox - Radio Button - Hidden Field - Submit - Reset Text Area Select - Type : Menu - Type : List Latihan: 1.input type text 2.Complete Source: 1.Menangkap variabel dari tipe text - HTML Form - PHP 2.Complete - HTML Form - PHP

Transcript of Kurikulum Pelatihan Sesi I Sesi II Sesi III · PDF file2.Membuat hyperlink 3.Membuat form...

Modul Pelatihan PHP

Kurikulum Pelatihan Sesi I

Pendahuluan Penjelasan secara umum

• HTML • PHP • MySQL • Apache

Pemrograman Client-Server Menggunakan PHP,MySQL dan PHP Cara upload ke server dan menampilkan file ke browser. Software dan Tools HTML HTML Dasar

• Menampilkan Kalimat • Tag-tag umum

Form HTML dan komponen • Input

- Text Field - Password - Checkbox - Radio Button - Hidden Field - Submit - Reset

• Text Area • Select

- Type : Menu - Type : List Latihan 1.Menampilkan kalimat 2.Membuat hyperlink 3.Membuat form lengkap Script: 1.Menampilkan kalimat 2.Komponen HTML (lengkap)

Sesi II

PHP PHP Dasar Konsep dasar

• Configuration (register_globals) • Menampilkan kalimat

- echo - print

• Variabel dan tipe data - Deklarasi - Tipe-tipe data

• Operator - String - Aritmatika - Logika

• Array - 1 dimensi - 2 dimensi

• Iterasi - for - while

• Selection - if - switch

• Function Latihan : 1.Menampilkan kalimat 2.Operasi aritmatika 3.Iterasi 4.Seleksi Script: 1.Menampilkan kalimat, 2.Deklarasi variabel, 3.Operator 4.Array 5.Iterasi 6.Seleksi 7.Fungsi

Sesi III

Menangkap variabel dari form HTML

• Input - Text Field - Password - Checkbox - Radio Button - Hidden Field - Submit - Reset

• Text Area • Select

- Type : Menu - Type : List Latihan: 1.input type text 2.Complete Source: 1.Menangkap variabel dari tipe text - HTML Form - PHP 2.Complete - HTML Form - PHP

Modul Pelatihan PHP

Sesi IV

MySQL

• SQL Syntax • Create Database and Create

table (PhpMyAdmin), • PHP and MySQL

- Connect - Select DB - Query Latihan: 1.Buat Database dan tabel 2.Tampilkan isi tabel Source: 1.Koneksi ke MySQL 2.Pilih Database 3.Query (insert) 4.Complete

Sesi V

Small Project (Pembuatan aplikasi pendaftaran peserta pelatihan)

Modul Pelatihan PHP

Sesi I Pendahuluan (Pengenalan HTML, PHP, MySQL dan Apache)

HTML (Hypertext Markup Language) Hypertext Markup Language merupakan bahasa standar yang di gunakan untuk menampilkan dokumen web, yang bisa dilakukan dengan HTML yaitu:

- mengontrol tampilan web dan isinya, - Mempublikasikan dokumen secara online, sehingga bisa diakses dari komputer mana saja (yang

terhubung dengan jaringan), - Membuat online-form yang bisa digunakan untuk menangani transaksi secara online.

PHP (Preprocessor HyPertext)

PHP merupakan bahasa pemrograman yang berjalan disisi server (server-side). Kode-kode PHP ini akan di interpreted (diolah) oleh web server (apache) sebelum ditampilkan ke Web-Browser. Dalam praktiknya PHP akan digunakan untuk mengolah data yang dikirimkan oleh form HTML (akan dibahas pada sesi berikutnya). MySQL

MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis di bawah lisensi GPL (General Public License). Di mana setiap orang bebas untuk menggunakan MySQL. Apache

Apache adalah sowftare yang digunakan sebagai web server. Dengan menginstall apache pada komputer kita, maka komputer kita akan berfungsi sebagai web server. Pemrograman client-server menggunakan PHP, MySQL dan Apche

Untuk memahami konsep Client-Server,anda dapat melihat gambar berikut:

Modul Pelatihan PHP

Gambar konsep pemrograman client – server

Client (user) mengunjungi suatu situs dengan mengetikkan url (alamat situs)[1].Ini berarti terjadi request data ke web server[2].Web Server akan memproses halaman yang diinginkan oleh user (halaman PHP)[3].Data yang diinginkan dapat berupa data yang berada dalam sebuah database[5] maupun file-file tertentu dalam hardisk[4].Kemudian proses pengiriman data (response) ke client (user). Cara upload ke server dan menampilkan file ke browser

Cara meng-upload file (php/HTML) ke server kita adalah dengan cara menyimpan file ke dalam folder C:\Program Files\EasyPHP1-8\www. Untuk menampilkannya ke browser ketik alamat url: http://localhost/NAMA_FILE_PHP/html atau http://127.0.0.1/ NAMA_FILE_PHP/html Jika akan diakses dari komputer lain yang terhubung dalam jaringan maka dapat diketikkan IP Address dari komputer server. Misalkan kita akan mengakses file dengan nama helloworld.php. http://192.168.170.4/helloworld.php.Jika file helloworld.php kita letakkan dalam suatu folder didalam www maka cara mengaksesnya: http://localhost/namafolder/helloworld.php.

Software dan Tools

Software yang kita gunakan adalah EasyPHP. EasyPHP merupakan installer untuk software berikut ini: 1.PHP (scripting), 2.MySQL (Database), 3.Apache (Web Server), 3.PhpMyAdmin (Manajemen MySQL). Tools yang kita gunakan sebagai editor adalah PHPDesigner.

Modul Pelatihan PHP

HTML (dasar pemrograman)

Tag HTML Command-command HTML disebut tag.Tag digunakan untuk menentukan tampilan dari dokumen web. Tag HTML mempunyai struktur simetris. Struktur dari tag HTML adalah sebagai berikut:

<html> <head> <title> </title> </head> <body> </body> </html>

Berikut ini akan dijelaskan tag-tag HTML yang dibahas di dalam pelatihan. Script 1 welcome.html Menampilkan kalimat ”Selamat datang”.

<html> <head> <title> Menampilkan kalimat selamat datang </title> </head> <body> Selamat datang </body> </html>

Modul Pelatihan PHP

Tag – tag umum

Tag Keterangan <font face=”verdana” size=”2” color=”BLUE”> HURUF </font> Memformat huruf <a href=”www.google.com”> GOOGLE </a> Membuat Hyperlink <img src=”apache.gif” height=”50” weight=”50”> </img> Menampilkan gambar <b></b>,<br>,<hr> Huruf tebal,pindah baris,garis <table border=”1”> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table>

Membuat tabel tr = baris td = kolom

Form HTML dan komponen Form HTML digunakan untuk membuat suatu user interface (tampilan) agar user dapat memasukkan data yang diinginkan.Kemudian data tersebut akan diproses oleh script PHP.

Cara pembuatan Form HTML: Script 2 form.html

Gambar tampilan di browser

<html> <head> <title>Form</title> </head> <body> Ketik nama anda : <form method="POST" action="proses.php"> <input type="text" name="nama"> <input type="submit" name ="submit" value="KLIK"> </form> </body> </html>

Modul Pelatihan PHP

Berikut ini komponen yang umum digunakan:

Jenis Tag Type Keterangan Tampilan input text menampilkan text field

password text field password

checkbox menampilkan checkbox Radio button menampilkan radio button hidden Field field tersembunyi Tidak ditampilkan submit menampilkan tombol submit

(untuk mengirimkan variabel) reset Clear isi komponen form

textarea - menampilkan text area

Select menu Menampilkan combo box

list Menampilkan listbox

Modul Pelatihan PHP

Penulisan tag dari tabel diatas adalah:

Penulisan Tag Tampilan <input type="text" name="var_nama" size="22"/>

<input type="password" name="var_password" size="22"/>

<input type="checkbox" name="var_musik" value="Musik" />Musik <input type="checkbox" name="var_baca" value="Membaca"/>Membaca <input type="checkbox" name="var_komputer" value="Komputer"/>Komputer

<input type="radio" name="var_jk" value="Laki-laki" checked/>Laki-laki <input type="radio" name="var_jk" value="Perempuan"/>Perempuan <input type="hidden" name="submit" value="id"/> Tidak ditampilkan <input type="submit" name="submit" value="Submit"/>

<input type="reset" name="reset" value="reset"/>

textarea wrap="OFF" rows="5" cols="20" name="var_saran"></textarea>

<select name="var_agama"> <option value="">[P i l i h]</option> <option value="Islam">Islam</option> <option value="Katholik">Katholik</option> <option value="Protestan">Protestan</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lainnya">Lainnya</option> </select>

<select name="var_agama" size="6" multiple> <option value="">[P i l i h]</option> <option value="Islam">Islam</option> <option value="Katholik">Katholik</option> <option value="Protestan">Protestan</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lainnya">Lainnya</option> </select>

Modul Pelatihan PHP

Latihan: 1.Tampilkan kalimat seperti pada gambar :

title : .:Judul:. Font

• Face = verdana • Size = 4 • Color= blue

2. Membuat hyperlink Buatlah 2 buah halaman html.beri link masing-masing halaman untuk berpindah ke halaman lain.

Halaman1.html

Halaman2.html

Modul Pelatihan PHP

3.Buatlah form seperti gambar berikut ini:

Modul Pelatihan PHP

Sesi II

Konsep Dasar Pemrograman PHP Konfigurasi pada PHPEasy Secara default, PHPEasy mempunyai konfigurasi register_globals bernilai Off.Untuk mengubah konfigurasi register_globals menjadi On maka lakukan langkah-langkah berikut:

- Klik kanan pada icon PHPEasy->configuration->PHP, - Cari kalimat register_globals dengan cara : tekan ctrl+f. Ketikkan ‘register_globals’, cari hingga pada

kalimat yang tidak menggunakan titik koma, ganti nilainya dengan On. Menampilkan kalimat (string) Untuk menampilkan kalimat ke browser, kita dapat menggunakan fungsi:echo atau print. Contoh: Script 3:hello.php

<? echo "Hello World!"; ?>

Variabel dan Tipe Data Variabel merupakan nama tempat di suatu alamat memori tertentu untuk menampung data yang dimasukkan ke dalamnya.Tipe data menentukan jenis data yang dimasukkan dalam suatu variabel. Berikut ini cara untuk mendeklarasikan variabel kemudian memberikan nilai ke variabel tersebut : Script 4:var.php

<? $a = 1; $b = "Hello World"; $c = 21.1183; //ini komentar echo $b; ?>

Modul Pelatihan PHP

Untuk mendklarasikan sebuah variabel kita menggunakan karakter dolar sign ’$’ seperti contoh diatas.Untuk memberikan komentar dapat digunakan karakter ’//’. Tipe-tipe data dalam PHP adalah: Integer, untuk bilangan bulat, contoh deklarasi $a = 5; Double, untuk bilangan pecahan, contoh deklarasi $b = 5.0; String, untuk karakter, contoh deklarasi $c = ”Hello”; Boolean, untuk menandakan kondisi benar atau salah (true/false) ,contoh deklarasi $d = true; Operator

• Operator string Untuk menggabungkan 2 string kita menggunakan tanda ‘.’. • Operator matematika

PHP dapat melakukan operasi matematika seperti contoh berikut: Script 5:tambah.php

<? $a = 1; $b = 2; $c = $a+$b; echo $c; ?>

Operator-operator yang dapat digunakan antara lain Penjumlahan : + Pengurangan : - Perkalian : * Pembagian : / dan Sisa Pembagian : %

• Operator logika Operator logika dapat berupa : or atau ||, and atau &&

Modul Pelatihan PHP

Array Array adalah kumpulan dari variabel-variabel yang bertipe sama. Array dapat berupa array 1 dimensi, 2 dimensi maupun n dimensi.namun yang sering digunakan dan akan dibahas kali ini adalah 1 dimensi dan 2 dimensi. Cara mendeklarasikan array 1 dimensi adalah sebagai berikut: Script 6:arr1d.php

<? $arr1[0] = "Nol"; $arr1[1] = "Satu"; $arr1[2] = "Dua"; echo "$arr1[0]" . "<br>"; echo "$arr1[1]" . "<br>"; echo "$arr1[2]" . "<br>"; ?>

Untuk array 2 dimensi: Script 7 : arr2d.php

<? $arr2[0][0]="Array 0,0"; $arr2[0][1]="Array 0,1"; $arr2[1][0]="Array 1,0"; $arr2[1][1]="Array 1,1"; echo $arr2[0][0] . "<br>"; echo $arr2[0][1] . "<br>"; echo $arr2[1][0] . "<br>"; echo $arr2[1][1] . "<br>"; ?>

Modul Pelatihan PHP

Iterasi Iterasi maksudnya adalah mengeluarkan nilai-nilai didalam suatu ’koleksi data’ tertentu.Contohnya adalah array. Ada dua cara yang umum digunakan untuk mengiterasi, yaitu menggunakan for dan while. Iterasi menggunakan for: Script 8 : for.php

<? $arr[0] = “satu”; $arr[1] = “dua”; $arr[2] = “tiga”; //iterasi isi array menggunakan for for($i=0;$i<count($arr);$i++){ echo $arr[$i] . "<br>"; }

?>

Penjelasan: Data pada array di atas di-iterasi dengan menggunakan for. Formatnya adalah sebagai berikut : for(inisialisasi_nilai_awal;batas;penambahan_nilai_awal){ operasi .... } $i++ adalah operator increment dengan penjelasan berikut: $i++ adalah identik dengan $i = $i+1 Sedangkan operator ’.’ pada .”<br>” adalah untuk menggabungkan string. Contoh : $a = ”Hello”; $b = ”World”; echo $a . $b; akan menampilkan ’HelloWorld”.

Modul Pelatihan PHP

count($arr1) pada script diatas, adalah suatu fungsi yang telah didefinisikan dlam php untuk mengetahui jumlah data dalam suatu array.Mengenai fungsi akan dijelaskan pada sesi selanjutnya. Format menggunakan while adalah sebagai berikut: While(kondisi){ Operasi... } Script 9 : while.php

<? $arr[0] = “satu”; $arr[1] = “dua”; $arr[2] = “tiga”; //iterasi isi array menggunakan while $i=0; while($i<count($arr)){ echo $arr[$i] .”<br>”; $i++; }

?>

Penjelasan: Operasi while diatas memerlukan nilai awal $i yaitu $i=0. Kemudian kondisi yang harus dipenuhi agar iterasi dijalankan adalah apabila nilai $i<count($arr1).Nilai i terus bertambah pada statemen $i++. Contoh lain dari penggunaan iterasi ini adalah untuk mengiterasi data - data dalam suatu tabel di dalam database. Mengenai hal ini aka dijelaskan pada sesi selanjutnya.

Modul Pelatihan PHP

Penyeleksian kondisi Penyeleksian kondisi disini diartikan menyeleksi suatu kondisi tertentu untuk menjalankan suatu tujuan tertentu. Cara umum untuk meyeleksi kondisi adalah menggunakan if/if else dan switch. Contoh menggunakan if: Script 10 : if.php

<? $a=1; $b=2; if($a<$b){ echo “a lebih kecil dari b”; } ?>

Penjelasan: Untuk menggunakan if : If(kondisi){ Operasi… } Script diatas akan menampilkan kalimat “a lebih kecil dari b”,karena statemen yang diberikan pada if adalah benar. Script diatas dapat kita kembangkan menggunakan if/else:

Modul Pelatihan PHP

Script 11 : ifelse.php

<? //coba ubah nilai a dan b $a=2; $b=1; if($a<$b){ echo “a lebih kecil dari b”; }else{ echo “a lebih besar dari b”; } ?>

Penjelasan: Format untuk menggunakan if/else: if(kondisi){ Operasi1 …. }else{ Operasi2 …. }

Kalimat yang akan ditampilkan tergantung dari nilai $a dan $b. Jika nilai $a<$b maka akan ditampilkan “a lebih kecil dari b” selainnya akan menampilkan “a lebih besar dari b”;

Format if/else yang lebih kompleks adalah sebagai berikut :

if(kondisi_1){ Operasi1 …. }else if(kondisi_2){ Operasi2 …. }else if(kondisi_3){ Operasi3 …. }else{ Operasi4 …. }

Modul Pelatihan PHP

Contoh menggunakan switch. Script 12: switch.php

<? $arr = array(1,2,3,5); for($i=0;$i<count($arr);$i++){ switch($arr[$i]){ case 1: echo “1 ditampilkan<br>”; break; case 2: echo “2 ditampilkan<br>”; break; case 3: echo “3 ditampilkan<br>”; break; default: echo “Nilai lain diluar seleksi case”; break; } } ?>

Penjelasan: Program diatas bertujuan untuk menyeleksi nilai yang diiterasi dari array $arr.Kalimat yang ditampilkan

sesuai dengan nilai yang disyaratkan dengan ’case’.Nilai default adalah nilai diluar case yang di syaratkan.

Fungsi

Fungsi adalah suatu blok dalam program yang dapat digunakan berulang-ulang dengan cara memanggil fungsi tersebut.Contohnya:

Modul Pelatihan PHP

Script 13 : fungsi1.php <?

function hello_world(){ echo “Hello World<br>”; } //panggil fungsi hello world hello_world(); hello_world(); ?>

Penjelasan: Untuk membuat fungsi lakukan dengan cara sebagai berikut: • Gunakan keyword function, • Beri nama fungsi hello_world(), • Isi fungsi dengan operasi

function nama_fungsi(){ //Operasi... } Fungsi juga dapat diberi suatu parameter.Contoh: Script 14:fungsi2.php

<? function tambah($nilai_1,$nilai_2){ return $nilai_1+$nilai_2; } $a=1; $b=1; $c = tambah($a,$b); echo $c; ?>

Modul Pelatihan PHP

Latihan 1. Buatlah sebuah file php untuk menampilkan kalimat “Hello World” pada browser. 2. Buatlah sebuah file php untuk mengalikan dua buah variabel. 3. Buat program untuk menampilkan angka 1 sampai 100 dengan memanfaatkan iterasi menggunakan for.

4. Buat sebuah fungsi dengan spesifikasi berikut ini : Fungsi mempunyai sebuah parameter dan tidak mempunyai nilai kembalian. Didalam fungsi tersebut, gunakan switch untuk menyeleksi variabel dari parameter. Jika variabel yang ditangkap oleh switch bernilai satu tampilkan ”satu”,jika bernilai dua tampilkan

”dua” dan jika bernilai tiga tampilkan ”tiga”.

Modul Pelatihan PHP

Sesi III

Menangkap variabel dari form HTML Menangkap variabel dari textfield Script 15 : form1.html

<html> <head> <title>Form</title> </head> <body> Ketik nama anda : <form method="POST" action="proses.php"> <input type="text" name="nama"> <input type="submit" name ="submit" value="KLIK"> </form> </body> </html>

Penjelasan:

- Blok tag dari form HTML adalah sebagai berikut: <form method="POST" action="proses.php"> //isi form </form> - method="POST" adalah metode pengiriman variabel. Ada satu metode lagi yang sering digunakan yaitu: "GET".Perbedaannya adalalah pada POST, variabel yang dikirimkan tidak akan ditampilkan ke url,namun jika menggunakan GET maka variabel akan ditampilkan pada url. - action="proses.php" adalah nama file PHP yang akan memproses variabel yang dikirim oleh form. - <input type="text" name="nama"> adalah tag untuk membuat suatu input field dengan mode teks, dan nama varibel yang akan dikirimkan adalah"nama". - <input type="submit" name ="submit" value="KLIK"> adalah untuk membuat suatu tombol submit, nama variabelnya adalah "submit" dan Tombol ini akan mamiliki teks "KLIK".

Ketika tombol submit di klik maka variabel nama dan submit akan dikirimkan ke file proses.php untuk diproses lebih lanjut.

Modul Pelatihan PHP

Script 16 :proses.php

<? echo "Hello " . $nama; ?>

Penjelasan: File proses.php digunakan untuk menangkap variabel $nama. Dan akan ditampilkan kalimat ”hello $nama”. Form HTML Yang Kompleks Berikut ini script lengkapnya (dari gambar latihan 1): Script 17 :form2.html

<html> <head></head> <title>form</title> <body> <center><font face="verdana" color="blue" size="4"><b>Form Pendaftaran Pelatihan Web Programming</b></font></center> <center> <form method="post" action="insert.php"> <table border="0" width="75%"> <tr> <td>NPM</td> <td><input type="text" name="var_npm" size="22"/></td> </tr> <tr> <td>Nama</td> <td><input type="text" name="var_nama" size="22"/></td> </tr> <tr> <td>Password</td> <td><input type="password" name="var_password" size="22"/></td> </tr> <tr>

Modul Pelatihan PHP

<td>Jenis Kelamin</td> <td><input type="radio" name="var_jk" value="Laki-laki" checked/>Laki-laki <input type="radio" name="var_jk" value="Perempuan"/>Perempuan </td> </tr> <tr> <td>Agama</td> <td><select name="var_agama"> <option value="">[P i l i h]</option> <option value="Islam">Islam</option> <option value="Katholik">Katholik</option> <option value="Protestan">Protestan</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lainnya">Lainnya</option> </select> </td> </tr><tr> <td>Hobi</td> <td><input type="checkbox" name="var_musik" value="Musik" />Musik <input type="checkbox" name="var_baca" value="Membaca"/>Membaca <input type="checkbox" name="var_komputer" value="Komputer"/>Komputer </tr> <tr> <td valign="top">Kritik dan Saran</td> <td><textarea wrap="OFF" rows="5" cols="20" name="var_saran"></textarea></td> </tr> <tr> <td align="center"></td> <td align="center"> <input type="submit" name="submit" value="Submit"/> <input type="reset" name="reset" value="reset"/> </td> </tr> </table></form> </body> </html>

Modul Pelatihan PHP

Berikut ini tabel komponen HTML dan nama variabel oleh file php.

Tag HTML Variabel pada script php <input type="text" name="var_npm" size="22"/>

$var_npm

<input type="text" name="var_nama" size="22"/>

$var_nama

<input type="password" name="var_password" size="22"/>

$var_password

<input type="radio" name="var_jk" value="Laki-laki" checked/>Laki-laki <input type="radio" name="var_jk" value="Perempuan"/>Perempuan

$var_jk

<select name="var_agama"> <option value="">[P i l i h]</option> <option value="Islam">Islam</option> <option value="Katholik">Katholik</option> <option value="Protestan">Protestan</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lainnya">Lainnya</option> </select>

$var_agama

<input type="checkbox" name="var_musik" value="Musik" />Musik <input type="checkbox" name="var_baca" value="Membaca"/>Membaca <input type="checkbox" name="var_komputer" value="Komputer"/>Komputer

if (isset($var_musik)) echo $var_musik; if (isset($var_baca)) echo ", " . $var_baca; if (isset($var_komputer)) echo ", " . $var_komputer ;

<textarea wrap="OFF" rows="5" cols="20" name="var_saran"></textarea>

$var_saran

<input type="submit" name="submit" value="Submit"/>

$submit

Modul Pelatihan PHP

Berikut ini adalah script insert.php yang akan menerima semua variabel yang dikirimkan oleh form2.html. Script 18 :insert.php

<? if (isset($submit)){ echo "NPM : " . $var_npm . "<br>"; echo "Nama : " . $var_nama . "<br>"; echo "Password : " . $var_password . "<br>"; echo "Jenis Kelamin : " . $var_jk . "<br>"; echo "Agama : " . $var_agama . "<br>"; echo "Hobby : " ; if (isset($var_musik)) echo $var_musik; if (isset($var_baca)) echo ", " . $var_baca; if (isset($var_komputer)) echo ", " . $var_komputer ; echo "<br>Saran : " . $var_saran . "<br>"; } ?>

Penjelasan mengenai script ini diperoleh saat pelatihan. Data-data atau variabel yang telah dikirimkan nantinya akan dikirimkan ke database MySQL.

Modul Pelatihan PHP

Latihan: 1. Buatlah file html dan php untuk membuat proses penambahan seperti gambar dibawah ini:

tambah.html

tambah.php

2. Buatlah file html dan php untuk membuat proses penambahan seperti gambar dibawah ini:

bulan.html

tambah.php

Modul Pelatihan PHP

Sesi IV

Database menggunakan MySQL MySQL merupakan software yang digunakan sebagai DBMS atau Database Manajemen System.Perhatikan gambar berikut: database tabel

FIELD FIELD isi isi

Tabel

Tabel

Tabel

Di dalam sebuah database terdapat tabel-tabel yang digunakan untuk menyimpan data. Untuk membuat suatu sistem database mengunakan MySQL, maka kita harus melakukan langkah-

langkah sebagai berikut: 1. Membuat database, menggunakan perintah:

create database NAMA_DATABASE; 2. Mambuat tabel, menggunakan perintah

create table NAMA_TABEL; Untuk mengisi tabel kita mengunakan perintah: insert into NAMA_TABEL values(NILAI_YANG_AKAN_DIISI) Untuk menghapus isi tabel kita menggunakan perintah delete from NAMA_TABEL;

Modul Pelatihan PHP

perintah yang lebih spesifik untuk field tertentu delete from NAMA_TABEL where FIELD_TABEL = VARIABEL Untuk mengupdate data ditabel kita menggunakan perintah update NAMA_TABEL set FIELD_TABEL = NILAI_BARU

Untuk menampilkan isi tabel kita menggunakan perintah: Select * from NAMA_TABEL; Perintah-perintah dalam memanipulasi database banyak sekali dan membutuhkan sesi tersendiri dalam mambahasnya.Dalam pelatihan ini akan digunakan beberapa yang dianggap mencukupi untuk membuat aplikasi yang akan kita buat. PHPMyAdmin PHPMyAdmin adalah sebuah aplikasi yang dibuat menggunakan php untuk memanajemen database dalam MySQL. Dengan menggunakan PHPMyAdmin maka akan sangat mudah bagi kita untuk membuat database,membuat tabel dan lain sebagainya. Penggunaan PHPMyAdmin akan dijelaskan oleh trainer dan disertakan pula dalam cd interaktif. Definisi database dan tabel yang akan dibuat adalah sebagai berikut: Nama database : pelatihan Nama tabel : peserta Struktur tabel adalah sebagai berikut: Tabel peserta:

Field Type Keterangan nama varchar(50) npm varchar(15) Primary Key passwd varchar(25) jenis_kelamin varchar(10) agama varchar(25) hobby varchar(50) kritik tinytext

Modul Pelatihan PHP

Fungsi PHP untuk MySQL Untuk berkoneksi dengan MySQL, PHP mempunya fungsi: mysql_connect(”host”,”user”,”password”) Untuk memilih database : mysql_select_db(“nama_database”) Untuk melakukan query(perintah SQL) mysql_query(“string_query”) Untuk mengambil data dari tabel mysql_fetch_row(result) ctt:result = variabel query Berikut ini script untuk berkoneksi ke MySQL: Script 19 : koneksi.php

<? $conn = mysql_connect("localhost","root","root"); if($conn){ echo "Connection Established<br>"; $db = mysql_select_db("pelatihan"); if($db){ echo "Telah masuk ke database"; }else{ echo "Error: <b>" . mysql_error() ."</b><br>"; } }else{ echo "Error : " . mysql_error() ."<br>"; } ?>

Penjelasan:Koneksi.php bertujuan untuk membuat koneksi dari PHP ke MySQL. Untuk berkoneksi maka kita

menggunakan fungsi mysql_connect("localhost","root","root"). Jika koneksi berhasil maka langkah selanjutnya adalah memiih database, menggunakan fungsi mysql_select_db("pelatihan"). Jika koneksi gagal, maka akan ditampilkan error penyebab gagalnya koneksi, yaitu menggunakan fungsi mysql_error().

Modul Pelatihan PHP

Jika kita ingin memasukkan isi ke dalam tabel peserta dalam database pelatihan, maka kita dapat membuat file seperti dibawah ini:

Script 20 : insert.php

<? $conn = mysql_connect("localhost","root","root"); if($conn){ $db = mysql_select_db("pelatihan"); if($db){ //variabel untuk simpan string query $query = "INSERT INTO peserta (nama,npm,passwd,jenis_kelamin,agama,hobby,kritik) VALUES('Joko','100078','rahasia','laki-laki','Islam','masak','ga ada')"; mysql_query($query) or die("err".mysql_error()); echo "Data berhasil dimasukkan."; }else{ echo "Error: <b>" . mysql_error() ."</b><br>"; } }else{ echo "Error : " . mysql_error() ."<br>"; } ?>

Penjelasan: Untuk memasukkan item ke tabel peserta maka kita menggunakan perintah “INSERT INTO nama_tabel (field_tabel) VALUES (nilai_yang_akan_dimasukkan). Jika nilai/item yang akan dimasukkan bertipe karakter atau string maka kita menggunakan tanda kutip.

Modul Pelatihan PHP

Untuk melihat isi di tabel peserta maka kita dapat menggunakan script seperti dibawah ini:

Script 21 : select.php <? $conn = mysql_connect("localhost","root","root"); if($conn){ $db = mysql_select_db("pelatihan"); if($db){ //variabel untuk simpan string query $query = "SELECT * FROM peserta"; $result = mysql_query($query) or die("err".mysql_error()); echo "Data pada tabel peserta<br>"; while ($data = mysql_fetch_array($result)) { echo $data[0] ."|".$data[1] ."|". $data[2]."|".$data[3]."|".$data[4]."|".$data[5]."|".$data[6]."<br>"; } }else{ echo "Error: <b>" . mysql_error() ."</b><br>"; } }else{ echo "Error : " . mysql_error() ."<br>"; } ?>

Penjelasan:Untuk mendapatkan data pada tabel peserta kita menggunakan perintah “SELECT * FROM nama_tabel”.

Kemudian hasil query dengan perintah mysql_query kita tampung dalam variabel $result, dimana variabel $result ini digunakan ketika proses iterasi data, yaitu pada blok while. Data yang kita ambil dari database berupa array, sehingga untuk data pada field pertama direpresentasikan dengan variabel $data[0] dan seterusnya.

Modul Pelatihan PHP

Untuk merubah isi pada dapat kita lihat dalam script dibawah ini:

Script 22 : update.php <? $conn = mysql_connect("localhost","root","root"); if($conn){ $db = mysql_select_db("pelatihan"); if($db){ //variabel untuk simpan string query $query = "UPDATE peserta SET nama='jacky' WHERE npm='100078'"; mysql_query($query) or die("err".mysql_error()); echo "Data telah diubah."; }else{ echo "Error: <b>" . mysql_error() ."</b><br>"; } }else{ echo "Error : " . mysql_error() ."<br>"; } ?>

Penjelasan:Untuk merubah isi dalam tabel peserta kita menggunakan perintah “UPDATE nama_tabel SET

field=’nilai_baru” WHERE field_kunci= ‘nilai_field_kunci’.

Untuk menghapus isi pada tabel dapat kita lihat dalam script dibawah ini: Script 22 : delete.php

<?

…………………………… $query = "DELETE FROM peserta WHERE npm='100078'"; mysql_query($query) or die("err".mysql_error()); echo "Data berhasil dihapus."; …………………………… ?>

Modul Pelatihan PHP

Sesi V

Membuat Aplikasi Manajemen Informasi Peserta Pelatihan Pada sesi terakhir dalam pelatihan ini, kita akan membuat sistem informasi manajemen untuk menampung peserta pelatihan. Database yang kita gunakan adalah database ‘pelatihan’ yang telah kita buat pada sesi yang lalu. Berikut ini adalah script php dan penjelasannya. Script 23 : index.php

<html> <head><title>Pelatihan PHP dan MySQL</title></head> <body> <center> <img src="judul.png"><br><br><br> <form action="cari.php" method="POST"> <font face="verdana" size="2">Nama peserta : </font> <input type="text" name="var_kata" /> <input type="submit" name="var_submit" value="Cari"/> </form> <font face="verdana" size="1"> <a href="form2.html">Isi Formulir</a> <a href="lihat.php">Lihat Peserta</a></font> <br><br><br><br><br> <font face="verdana" size="2">Powered By</font><br><br> <table> <tr> <td><img src="php.jpeg" height="30" width="50"></td> <td><img src="MySQL.jpeg" height="30" width="50"></td> <td><img src="apache.jpeg" height="30" width="50"></td> <td><img src="zend.jpeg" height="30" width="30"></td> </tr> </table> </center> </body> </html>

Modul Pelatihan PHP

gambar file index.php

Penjelasan: index.php merupakan halaman utama dalam aplikasi yang kita buat.Kita dapat mencari nama peserta dengan mengklik tombol cari.Jika kita ingin mengisi formulir pendaftaran, maka kita dapat mengklik link ’Isi formulir’. Jika kita ingin melihat peserta yang telah mendaftar kita dapat mengklik link ’Lihat Peserta’.

Modul Pelatihan PHP

Script 23 : cari.php

<? if(isset($var_submit)){ $conn = mysql_connect("localhost","root","root"); if($conn){ $db = mysql_select_db("pelatihan"); //string query $query = "select * from peserta where nama like '%$var_kata%'"; $result = mysql_query($query) or die("err".mysql_error()); echo "<center><font face='verdana' size='4' color='blue'>Hasil Pencarian</font><br><br>"; echo "<table border='1' bordercolor='#000000' style='border- collapse:collapse' >"; echo "<tr bgcolor='#CCCCCC'>"; echo "<th>Nama</th><th>Npm</th><th>Password</th><th>Jenis Kelamin</th><th>Agama</th><th>Hobi</th><th>Kritik</th>"; echo "</tr>"; //iterasi while($data = mysql_fetch_row($result)){ echo "<tr>"; echo "<td>$data[0]</td>"; echo "<td>$data[1]</td>"; echo "<td>$data[2]</td>"; echo "<td>$data[3]</td>"; echo "<td>$data[4]</td>"; echo "<td>$data[5]</td>"; echo "<td>$data[6]</td>"; echo "</tr>"; } echo "</table>"; }else{ echo "Error : " . mysql_error() ."<br>"; } echo "<br><br><br>"; echo "<a href='index.php'>Halaman Utama</a></center>"; } ?>

Modul Pelatihan PHP

Penjelasan: Setelah variabel ’var_submit’ masuk, maka koneksi ke MySQL dilakukan. Kemudian perintah select * from peserta where nama like '%$var_kata%' akan menyeleksi data yang ada pada tabel peserta berdasarkan nama peserta yang diinputkan dan disimpan dalam variabel ’var_kata’. Kemudian pengambilan data dari tabel peserta dilakukan menggunakan perintah mysql_fetch_row, $data[0], $data[1],dan seterusnya mengarah pada baris di tabel peserta. Penjelasan : like %$var_kata% Misalkan terdapat nama denny dalam tabel peserta. Jika kita memasukkan kata ’den’ atau ’de’ kemudian kita melakukan pencarian maka denny akan kita temukan. Jika tidak dimasukkan karakter apapun maka akan menampilkan semua peserta. Script 23 : isiformulir.php sama dengan form2.html Script 24 : insert.php

Penjelasan:

<?php if (isset($submit)){ $npm = $var_npm; $nama = $var_nama; $pass = $var_password; $jk = $var_jk; $agama = $var_agama; $hobi=""; if (isset($var_musik)) $hobi = $var_musik; if (isset($var_baca)) $hobi .= ", " .$var_baca; if (isset($var_komputer)) $hobi .=", " .$var_komputer ; $saran = $var_saran; $conn = mysql_connect("localhost","root","root"); if($conn){ $db = mysql_select_db("pelatihan"); $query = "INSERT INTO peserta (nama,npm,passwd,jenis_kelamin,agama,hobby,kritik) VALUES('$nama','$npm','$pass','$jk','$agama','$hobi','$saran')"; mysql_query($query) or die("err".mysql_error()); echo "Data berhasil dimasukkan, "; echo "Silakan lihat <a href='lihat.php'>melihat</a> pendaftar"; }else{ echo "Error : " . mysql_error() ."<br>"; } } ?>

Modul Pelatihan PHP

Setelah variabel submit diterima,maka diadakan penampungan variabel-variabel dari form2.html ke dalam sebuah variabel baru agar kode program dapat diatur dengan baik.Untuk Checkbox (dalam hal ini hobi),dilakukan pemeriksaan apakah checkbox di centang(checked) menggunakan fungsi isset().Variabel $hobi menampung tiga variabel $var_musik,$var_baca, $var_komputer.Ketiga variabel tersebut digabungkan menggunakan operator ‘.’. Kemudian koneksi dilakukan dan data-data (variabel) kita masukkan dalam database MyQL menggunakan perintah insert.Jika data berhasil dimasukkan maka kalimat ‘Data berhasil dimasukkan’ akan ditampilkan .Jika terdapat error dalam proses insert maka akan menampilkan pesan error dan data tidak akan dimasukkan ke dalam tabel peserta. Script 25 : lihat.php

Bersambung…

<? $conn = mysql_connect("localhost","root","root"); if($conn){ $db = mysql_select_db("pelatihan"); $query = "select * from peserta"; $result = mysql_query($query) or die("err".mysql_error()); echo "<center><font face='verdana' size='4'>Data Peserta Pelatihan Pemrograman Web</font><br>"; echo "<table border='0' bordercolor='#000000' style='font-family: Verdana; font-size: 9pt' >"; echo "<tr bgcolor='#CCCCCC'>"; echo "<th style='padding: 5px'>Nama</th> <th style='padding: 5px'>Npm</th> <th style='padding: 5px'>Password</th> <th style='padding: 5px'>Jenis Kelamin</th> <th style='padding: 5px'>Agama</th> <th style='padding: 5px'>Hobi</th> <th style='padding: 5px'>Kritik</th> <th style='padding: 5px'>Edit</th> <th style='padding: 5px'>Hapus</th>"; echo "</tr>"; //iterasi while($data = mysql_fetch_row($result)){ echo "<tr>"; echo "<td bgcolor=#E4E4E7 style='padding: 5px'>$data[0]</td>"; echo "<td bgcolor=#E4E4E7 style='padding: 5px'>$data[1]</td>"; echo "<td bgcolor=#E4E4E7 style='padding: 5px'>$data[2]</td>"; echo "<td bgcolor=#E4E4E7 style='padding: 5px'>$data[3]</td>"; echo "<td bgcolor=#E4E4E7 style='padding: 5px'>$data[4]</td>"; echo "<td bgcolor=#E4E4E7 style='padding: 5px'>$data[5]</td>"; echo "<td bgcolor=#E4E4E7 style='padding: 5px'>$data[6]</td>";

Modul Pelatihan PHP

echo "<td bgcolor=#E4E4E7 style='padding: 5px'> <a href='edit.php?nama=$data[0]&npm=$data[1]&pass=$data[2]&saran=$data[6]'> Edit</a></td>"; echo "<td bgcolor=#E4E4E7 style='padding: 5px'><a href='hapus.php?npm=$data[1]'> Hapus</a></td>"; echo "</tr>"; } echo "</table>"; }else{ echo "Error : " . mysql_error() ."<br>"; } echo "<br><br><br>"; echo "<font style='font-family: Verdana; font-size: 9pt'><a href='index.php'>Halaman Utama</a></font></center>"; ?>

Penjelasan: File lihat.php bertugas untuk menampilkan semua peserta yang telah terdaftar dan menyediakan link untuk mengedit dan menghapus peserta.Link yang dibuat untuk proses edit adalah : echo "<td><a href='edit.php?nama=$data[0]&npm=$data[1]& pass=$data[2]& saran=$data[6]'>Edit</a></td>"; variabel nama,npm,pass,saran akan dikirimkan ke file edit.php. Variabel- variabel tersebut akan dikirimkan berdasarkan posisi baris dalam tabel. Link untuk menghapus data dalam tabel adalah: echo "<td><a href='hapus.php?npm=$data[1]'>Hapus</a></td>"; Parameter yang dikirimkan ke hapus.php adalah npm dari data yang akan dihapus.

Modul Pelatihan PHP

Script 26 : edit.php

<? if(isset($edit)){ $npm = $var_npm; $nama = $var_nama; $pass = $var_password; $jk = $var_jk; $agama = $var_agama; $hobi=""; if (isset($var_musik)) $hobi = $var_musik; if (isset($var_baca)) $hobi .= ', ' . $var_baca; if (isset($var_komputer)) $hobi .= ', ' . $var_komputer ; $saran = $var_saran; //koneksi $conn = mysql_connect("localhost","root","root"); if($conn){ $db = mysql_select_db("pelatihan"); //string query $query = "UPDATE peserta SET nama ='$nama', npm='$npm', passwd='$pass', jenis_kelamin='$jk', agama='$agama', hobby='$hobi', kritik='$saran' WHERE npm='$npm_id'"; mysql_query($query) or die("<center><font style='font-family: Verdana; font-size: 9pt'>Error : ". mysql_error() . "</font></center>"); echo "<center><font style='font-family: Verdana; font-size: 9pt'>Data Berhasil di Edit!<br>"; echo "<a href='lihat.php'>Lihat Peserta</a></font></center>"; }else{ echo "<center><font style='font-family: Verdana; font-size: 9pt'>Error : " . mysql_error() . "</font></center>"; } }else{ ?> <html> <head></head> <title>form</title> <body> <center><font face="verdana" size="4"><b>Edit Form Pendaftaran Pelatihan Pemrograman Web</b></font> <form method="post" action="edit.php">

Bersambung…

Modul Pelatihan PHP

<? <table border="0" style="font-family: Verdana; font-size: 9pt"> <tr> <td>NPM</td> <td><input type="text" name="var_npm" size="22" value="<? echo $npm ?>"/></td> </tr> <tr> <td>Nama</td> <td><input type="text" name="var_nama" size="22" value="<? echo $nama ?>"/></td> </tr> <tr> <td>Password</td> <td><input type="password" name="var_password" size="22" value="<? echo $pass ?>"/></td> </tr> <tr> <td>Jenis Kelamin</td> <td><input type="radio" name="var_jk" value="Laki-laki" checked/>Laki-laki <input type="radio" name="var_jk" value="Perempuan"/>Perempuan </td> </tr>

<tr> <td>Agama</td> <td><select name="var_agama">

<option value="">[P i l i h]</option> <option value="Islam">Islam</option> <option value="Katholik">Katholik</option>

<option value="Protestan">Protestan</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lainnya">Lainnya</option>

</select> </td>

</tr> <td>Hobi</td> <!-- Perhatikan Juga Value pada CheckBox--> <td><input type="checkbox" name="var_musik" value="Musik" />Musik

<input type="checkbox" name="var_baca" value="Membaca"/>Membaca <input type="checkbox" name="var_komputer" value="Komputer"/>Komputer </tr> Bersambung…

Modul Pelatihan PHP

<tr> <td valign="top">Kritik dan Saran</td> <td><textarea wrap="ON" rows="5" cols="30" name="var_saran"><? echo $saran ?></textarea></td> </tr> <tr> <td align="center"></td> <td align="center"> <input type="hidden" name="npm_id" value="<? echo $npm ?>"/> <input type="submit" name="edit" value="Edit"/> <input type="reset" name="reset" value="reset"/> </td> </tr> </table> </form> </center> </body> </html> <? } ?>

Modul Pelatihan PHP

Variabel-variabe tersebut ditampilkan dalam form di html dengan menysisipkan script php ke dalam tag HTML. Contohnya: <input type="text" name="var_npm" size="22" value="<? echo $npm ?>"/> dan juga lainnya yang hurufnya ditebalkan. Perhatikan: <input type="hidden" name="npm_id" value="<? echo $npm ?>"/> Input type ini digunakan untuk menyimpan variabel npm lama yang belum diedit (variabel npm dari url):

Sedangkan variabel npm yang baru ditampung dalam baris: <input type="text" name="var_npm" … Setelah tombol edit di klik (<input type="submit" name="edit" value="Edit"/>),berarti variabel $edit telah dikirimkan (diset) maka script php pada baris paling atas akan dieksekusi.

if(isset($edit)){ $npm = $var_npm;

Yang pada akhirnya perintah update ’ UPDATE peserta SET nama ='$nama',npm='$npm',passwd='$pass',jenis_kelamin='$jk',agama='$agama',hobby='$hobi',kritik='$saran' WHERE npm=$npm_id; akan dieksekusi. Kemudian jika proses update berhasil maka akan ditampilkan kalimat seperti gambar berikut:

Modul Pelatihan PHP

Script 27 : hapus.php

<? $conn = mysql_connect("localhost","root","root"); if($conn){ $db = mysql_select_db("pelatihan"); $query = "DELETE FROM peserta WHERE npm=$npm"; mysql_query($query) or die("err".mysql_error()); echo "Data Berhasil dihapus!<br>"; echo "<a href='lihat.php'>Lihat Peserta</a>"; }else{ echo "Error : " . mysql_error() ."<br>"; } ?>

Penjelasan: File hapus.php bertugas untuk menghapus data di tabel berdasarkan parameter (variabel) npm yang dikrimkan (dari file lihat.php):

Query yang digunakan untuk menghapus data tersebut adalah: DELETE FROM peserta WHERE npm=$npm.