Important Announcement
PubHTML5 Scheduled Server Maintenance on (GMT) Sunday, June 26th, 2:00 am - 8:00 am.
PubHTML5 site will be inoperative during the times indicated!

Home Explore Modul Pemrograman WEB

Modul Pemrograman WEB

Published by Hendriyana, 2021-05-25 14:31:48

Description: Modul Pemrograman WEB

Keywords: Pemrograman WEB,WEB,PHP,MySQL,CSS,Javascript

Search

Read the Text Version

DATA Tabel 5.1 Data Array Bahasa Pemrograman JAVA INDEKS C++ PHP [2] [0] [1] Pada tabel 5.1 terdapat 3 buah data dan masing-masing memiliki indeks nya, indeks pada array selalu dimulai dari nilai nol. Data tersebut ditulisakan pada bahasa pemrograman php sebagai berikut. 1. <?php 2. //Penggunaan Array 3. $bahasa_pemrograman = array(\"C++\",\"PHP\",\"JAVA\"); 4. ?> Array didefinisikan pada variabel $bahasa_pemrograman yang didalamnya terdapat tiga buah data yaitu C++, PHP dan JAVA. Untuk mengakases nilai PHP pada indeks ke-1 maka kita akan menambahkan pada baris ke-4. 1. <?php 2. //Penggunaan Array 3. $bahasa_pemrograman = array(\"C++\",\"PHP\",\"JAVA\"); 4. echo $bahasa_pemrograman[1]; 5. ?> Maka output yang dihasilkan dapat ditunjukan pada gambar 5.4 sebagai berikut: Gambar 5.4 Output Penggunaan Data Array. Jika akan menambilkan data JAVA berarti nilai indeks yang perlu diakses ialah 3 dengan penulisan pada baris ke-4 dapat diganti menjadi echo $bahasa_pemrograman[2]; Contoh diatas merupakan data array yang ditampilakan secara manual dengan menggunakan perintah echo pada variabel array indeks nya, permalasahan berikutnya ialah bagaimana menampilkan seluruh isi data pada variabel dengan tipe data array tersebut? Jika data yang dimiliki masih sedikit masih bisa tidak masalah jika menggunakan cara manual namun Pemrograman Web | Perulangan 48

akan tidak efektif jika data yang yang digunakan banyak. Oleh karena itu diperlukan suatu perulangan dengan menggunakan foreach yang dikususkan untuk melakukan penanganan pada data array. Perhatikan pada script penggunaan foreach sebegai beriktut. 1. <?php 2. //Penggunaan Foreach 3. $bahasa_pemrograman = array(\"C++\",\"PHP\",\"JAVA\"); 4. foreach ($bahasa_pemrograman as $indeks => $value) { 5. echo \"Indeks ke-\".$indeks. \" memiliki data \".$value.\"<br>\"; 6. } 7. ?> Pada baris ke-3 menunjukan identifikasi data array dengan variabel $bahasa_pemrograman yang memilki 3 buah data data beserta indeksnya. Baris ke-4 merupakan perulangan foreach yang bertujuan untuk menampilkan semua isi data pada array tersebut. Terlihan pada baris tersbut variabel $indeks digunakan untuk sebagi kunci atau indeks dari variabel bertipe array tersebut dan data disimpan pada variabel $value. Baris ke-5 merupakan statement yang digunakan untuk menampilkan data array tersebut $indeks berisi nilai indeks dan $value berisi nilai dari array tersebut. Statement tersbut akan dijalankan sebanyak data jumlah data yang ada pada indeks array $bahasa_pemrograman. Output yang dihasilkan pada script diatas ditunukan pada gambar 5.5. Gambar 5.5 Output Penggunaan Foreach. Pemrograman Web | Perulangan 49

MODUL 7 GET & POST Tujuan Praktikum  Mahasiswa mampu memahami konsep dasar GET & POST  Mahasiswa mampu mengimplementasikan penggunaan metode GET pada pemrograman web  Mahasiswa mampu mengimplementasikan penggunaan metode POST pada pemrograman web Bahasa pemrograman PHP menggunakan protocol HTTP (Hypertext Transfer – Transfer Protocol) untuk berkomunikasi. Oleh karena itu, PHP menyediakan metode pengiriman data yaitu GET dan POST. 1. Metode GET Metode request GET merupakan proses pengiriman data melalui URL. Setiap data yang dikirim menggunakan metode GET akan diproses terlebih dahulu sehingga memenuhi format standar URL, dimana URL hanya boleh memuat huruf, angka dan beberapa simbol yang ada pada ASCII. Data yang dikirim berbentuk key = values yang dipisahkan dengan tanda & yang digabung dengan URL utama menggunakan tanda ?. Pemrograman Web | Get & Post 50

Gambar 7.1 Metode GET Metode GET biasanya digunakan untuk pengiriman data yang bersifat tidak sensitif / tidak rahasia karena semua data yang dikirim akan ditampilkan pada URL sehingga data dianggap kurang aman. Metode GET hanya bisa digunakan untuk pengiriman data yang tidak terlalu panjang karena URL memiliki batasan panjang string sampai dengan 2047 karakter. Mengambil data yang dikirim menggunakan metode GET dengan $_GET[\"nama_key\"]. Berikut merupakan query string yang dikirim via URL menggunakan metode request GET. protokol://nama-host/path/namafile?key=value&key=value&… Pratikum Buatlah sebuah form yang akan mengirimkan data nama, email dan alamat menggunakan metode GET seperti gambar dibawah ini. Data tersebut akan ditampilkan pada halaman data mahasiswa. Gambar 7.2 FORM Pemrograman Web | Get & Post 51

Langkah 1 : Membuat form dengan inputan nama, email dan alamat dengan nama file index.php 1. <form method=\"GET\" action=\"tampilget.php\"> 2. Nama:<input type=\"text\" name=\"nama\"><br/> 3. Email:<input type=\"text\" name=\"email\"><br/> 4. Alamat:<input type=\"text\" name=\"alamat\"><br/> 5. <input type=\"submit\" value=\"Kirim\"> 6. </form> Pada program diatas dapat dilihat pada tag form terdapat method = “GET” yang berfungsi untuk melakukan perintah pengiriman data menggunakan metode request GET. Jika method tidak ditentukan maka pengiriman data secara default menggunakan GET. Sedangkan atribut action berfungsi untuk mengelola pengiriman data atau arah halaman yang akan menerima data yang dikirimkan. Name yang ada pada tag input merupakan key ketika melakukan pengiriman data ke action yang telah ditentukan. Langkah 2 : Membuat form action yaitu tampilget.php 1. <?php 2. // Menangkap data nama, email dan alamat yang dikirim 3. $nama = $_GET[\"nama\"]; 4. $email = $_GET[\"email\"]; 5. $alamat = $_GET[\"alamat\"]; 6. 7. //Menampilkan data nama, email dan alamat 8. echo \"Nama : \" . $nama . \"</br>\"; 9. echo \"Email : \" . $email . \"</br>\"; 10. echo \"Alamat : \" . $alamat . \"</br>\"; 11. ?> Pada program diatas menjelaskan bagaimana menangkap data yang dikirim menggunakan method GET. Data yang dimasukan kedalam form input akan disimpan pada variable name di tag input dan variable name akan dijadikan key ketika menangkap data. <input type=\"text\" name=\"nama\"> <input type=\"text\" name=\"email\"> <input type=\"text\" name=\"alamat\"> Pemrograman Web | Get & Post 52

$nama = $_GET[\"nama\"]; $email = $_GET[\"email\"]; $alamat = $_GET[\"alamat\"]; Selanjutnya kita jalankan halaman index.php dengan mengisi data nama, email dan alamat. Maka outputnya adalah sebagai berikut. Data yang dikirim melalui URL Data yang dikirim dari form menggunakan method GET Gambar 7.3 Output GET Pemrograman Web | Get & Post 53

2. Metode POST Gambar 7.4 Metode POST Metode POST merupakan pengiriman data yang menyembunyikan variable pada URL. Sama seperti GET, metode POST berbentuk associative array yang terdiri dari key dan value. $_POST dapat diakses dimana saja karena bersifat sebagai variable global. Berbeda dengan GET, POST tidak memiliki batasan panjang string. Oleh karena itu, POST dapat digunakan untuk pengiriman data yang dikirim banyak. Pengiriman data menggunakan POST juga lebih aman, sehingga dapat digunakan untuk pengiriman data yang bersifat rahasia Pratikum Buatlah halaman login yang menerima inputan username dan password pengguna menggunakan method POST. Gambar 7.5 Form Login Pemrograman Web | Get & Post 54

Langkah 1: Membuat form input dengan method = “POST” dan action = “tampilpost.php” index.php 1. <h2> Login </h2> 2. <form method=\"POST\" action=\"tampilpost.php\"> 3. Username:<input type=\"text\" name=\"username\"><br/> 4. Password:<input type=\"password\" name=\"pass\"><br/> 5. <input type=\"submit\" value=\"LOGIN\"> 6. </form> Pada program diatas, tag form menggunakan method POST yang artinya data akan dikirim dengan metode request POST dan data akan ditangkap oleh halaman tampilpost.php <form method=\"POST\" action=\"tampilpost.php\"> Langkah 2: Membuat halaman tampilpost.php untuk menangkap data yang dikirim dengan metode request POST tampilpost.php 1. <?php 2. // Menangkap data username dan password yang dikirim menggunakan method POST 3. $username = $_POST[\"username\"]; 4. $password = $_POST[\"pass\"]; 5. 6. //Menampilkan data username dan password 7. echo \"Username anda adalah : \" . $username . \"</br>\"; 8. echo \"Password anda adalah : \" . $password . \"</br>\"; 9. ?> Pemrograman Web | Get & Post 55

Data yang disimpan pada variable name akan dijadikan key ketika penangkapan data di halaman tampilpost.php. Pada tag input yang menjadi name untuk username adalah username dan password adalah pass. Username:<input type=\"text\" name=\"username\"><br/> Password:<input type=\"password\" name=\"pass\"><br/> $username = $_POST[\"username\"]; $password = $_POST[\"pass\"]; Jika dieksekusi makan akan menampilkan output seperti berikut. Data tidak ditampilkan pada URL Gambar 7.6 Output Login Pemrograman Web | Get & Post 56

MODUL 8 SESSION & COOKIE Tujuan Praktikum  Mahasiswa mampu memahami konsep dasar session & cookies  Mahasiswa mampu memahami bagaimana penulisan session pada pemrograman PHP  Mahasiswa mampu memahami bagaimana penulisan cookies pada pemrograman PHP 1. Definisi Session Session merupakan variable sementara yang disimpan pada server dan dapat digunakan secara global pada server tersebut. Dimana data yang disimpan pada session tidak bisa diakses oleh client. Session biasanya digunakan untuk proses login. Lokasi file sementara dapat ditentukan dengan mengatur path session.save didalam file php. Nilai variable yang tersimpan pada server dapat dipanggil kembali sekalipun membuka halaman baru dan session akan berakhir ketika pengguna menutup browser atau melakukan perintah destroy. Ketika session dimulai, pemrograman PHP akan menjalankan beberapa hal, yaitu  Membuat identifikasi unik berupa string acak dari 32 angka heksadesimal  Cookie dengan nama PHPSESSID secara otomatis dikirim ke komputer pengguna untuk menyimpan identifikasi session  Membuat file didalam server direktori sementara secara otomatis Pemrograman Web | Session & Cookie 57

1.1. Memulai Session dengan PHP Membuat session dalam pemrograman PHP diawali dengan pemanggilan fungsi session_start(). Fungsi ini akan membentuk pengindentifikasian session yang unik dan membuat file didalam server direktori sementara. Fungsi session_start() dianjurkan untuk dipanggil diawal halaman dan setiap halaman yang akan menggunakan session diharuskan untuk memanggil fungsi ini. Berikut perintah untuk memulai session pada pemrograman PHP, dimana session akan disimpan pada halaman index.php 1. <?php 2. session_start(); 3. echo \"Session ID: \".session_id(); 4. ?> Jika kode program dijalankan, maka akan menampilkan string acak dari 32 angka heksadesimal yang artinya session sudah siap untuk dimulai. Gambar 8.1 Session PHP 1.2. Membuat dan Mengakses Session dengan PHP Setelah memulai session dengan session_start(), kita dapat memberikan nilai pada variable session tersebut. Session ini merupakan array asosiatif yang terdiri dari key dan value. Key berfungsi untuk pemanggilan session pada saat mengakses session. Berikut merupakan kode program membuat dan mengakses session. Pemrograman Web | Session & Cookie 58

1. <?php 2. session_start(); 3. 4. //Membuat session 5. $_SESSION[”username\"] = ”ranirani\"; 6. 7. //Akses session 8. echo \"Username : \".$_SESSION[”username\"]; 9. $_SESSION[\"counter\"]++; 10. echo \"<br /> Jumlah kunjungan halaman:\".$_SESSION[\"counter\"].\" kali\"; 11. ?> Ketika akan membuat session, kita harus menentukan key nya terlebih dahulu dan mengisi value kedalam session tersebut. Pada contoh diatas session dibuat dengan key = username dan value = ranirani ($_SESSION[“username”] = “ranirani”). Session yang telah dibuat dapat diakses dengan menggunakan variable $_SESSION dan nama key nya, seperti contoh diatas echo \"Username : \".$_SESSION[”username\"]. Jika dijalankan akan muncul tampilan sebagai berikut. Gambar 8.2 Output Session 1.3. Menghapus Session dengan PHP Nilai variable yang disimpan pada session akan selalu tersimpan sekalipun pengguna membuka halaman browser baru. Session akan berakhir ketika pengguna menutup browser atau melakukan perintah destroy seperti kode program dibawah ini Pemrograman Web | Session & Cookie 59

<?php session_start(); session_destroy(); ?> 2. Definisi Cookie Cookie merupakan informasi dalam bentuk teks yang dipertukarkan oleh client dan server. Beda halnya dengan session, cookie disimpan didalam komputer klien sehingga memudahkan penelusuran atau identifikasi user. Contoh penggunaan cookie adalah login pada gmail. Dimana ketika login pada gmail kita hanya butuh memasukan sekali email dan passwordnya, selagi kita belum melakukan logout, cookie akan terus tersimpan pada browser / komputer klien sekalipun kita sudah menutup browser sehingga ketika ingin masuk lagi ke gmail tidak diperlukan login kembali. Cara kerja cookie pada pemrograman PHP adalah sebagai berikut.  Satu set cookie akan dikirim ke dalam browser menggunakan server script. Misalnya data username dan password  Browser akan menyimpan informasi tersebut kedalam mesin local untuk dapat digunakan di masa yang akan datang  Ketika browser mengirimkan permintaan ke server, web browser akan mengirimkan informasi cookie ke server yang akan digunakan untuk mengidentifikasi pengguna. 2.1. Memulai Cookie dengan PHP Memulai cookie dalam pemrograman PHP dapat menggunakan fungsi setcookie(). Fungsi ini memiliki beberapa argument sebagai berikut. setcookie(name, value, expire, path, domain, secure); Berikut fungsi dari argument yang dibutuhkan didalam cookie ARGUMEN DESKRIPSI Name Nama variable cookie yang akan digunakan pada saat pengaksesan cookie Value Nilai atau data yang akan disimpan pada variable cookie Pemrograman Web | Session & Cookie 60

Expire Masa kadaluarsa cookie ketika web browser ditutup. Perhitungan dalam satuan detik. Contoh: time()+3600 => 1 jam. Jika tidak diatur maka Path cookie akan expire ketika klien ditutup (seperti session) Domain Tempat cookie dapat digunakan. Jika tidak diisi, maka cookie hanya Secure berlaku untuk current directory Menentukan nama domain dalam domain yang sangat besar. Jika tidak diisi, maka cookie hanya berlaku untuk domain saat ini Jika diisi TRUE, maka cookie hanya berlaku untuk koneksi secure (HTTPS). Jika diisi FALSE atau tidak diisi, cookie akan berlaku untuk semua Berikut kode program untuk memulai cookie pada pemrograman PHP. 1. <?php 2. setcookie(”username\",”admin\"); 3. setcookie(”password\",”admin123\",time()+30); 4. ?> Pada kode program diatas, dibuat 2 (dua) set cookie dengan argumen yang berbeda. Untuk cookie yang pertama yaitu setcookie(”username\",”admin\") hanya menggunakan argumen name dan value, yang artinya argumen yang lainnya akan diisi secara default dengan masa expire sama dengan session (ketika browser ditutup). Cookie yang kedua yaitu setcookie(”password\",”admin123\",time()+30) menggunakan argumen name, value dan expire dengan masa kadaluarsa adalah 30 detik yang artinya cookie ini akan terus tersimpan sekalipun browser ditutup, namun ketika sudah melewati 30 detik, cookie akan diberhentikan. Pemrograman Web | Session & Cookie 61

2.2. Mengakses Cookie dengan PHP Dalam pemrograman PHP, pengaksesan cookie dapat dilakukan dengan beberapa cara, diantaranya dengan menggunakan $_COOKIE atau HTTP_COOKIE_VARS yang diikuti oleh key dari variable yang telah ditentukan sebelumnya. Berikut kode program pengaksesan cookie. 1. <?php 2. echo \"<br /> Username: \".$_COOKIE[”username\"]; 3. echo \"<br /> Password: \".$_COOKIE[”password\"]; 4. ?> 5. Jika kode program dijalankan, maka akan muncul tampilan sebagai berikut. Gambar 8.3 Akses Cookie 2.3. Menghapus Session dengan PHP Pada pemrograman PHP, penghapusan cookie harus memanggil variable setcookie() dengan argumen name saja. Tetapi untuk cookie yang menggunakan argument expire sebaiknya dihapus dengan mengatur cookie pada tanggal yang telah kadaluarsa. Seperti contoh kode program dibawah ini, cookie yang diberikan expire 30 detik pada saat memulai akan di hapus dengan mengatur cookie -30 detik. 1. <?php 2. setcookie(”username\",\"\"); 3. setcookie(”password\",\"\",time()-30); 4. ?> Pemrograman Web | Session & Cookie 62

MODUL 9 PHP & MYSQL Tujuan Praktikum  Mahasiswa mampu membahami PHP & MySQL  Mahasiswa mampu mengimplementasikan create, read, update dan delete pada PHP & MySQL Pada bab ini, kita akan membahas bagaimana membuat website dinamis dengan menghubungan pemrograman PHP dan database. Seperti yang kita ketahui, database berfungsi untuk menyimpan data dan database yang digunakan adalah MySQL. Kita akan membahas mulai dari koneksi PHP ke MySQL, menyimpan data, mengubah data dan menghapus data di MySQL dengan PHP. 1. Koneksi Database MySQL dengan PHP PHP dapat bekerja dengan semua Database Management System (DBMS) seperti MySQL, Oracle, PostgreSQL, SQL Sever, MongoDB dan lainnya. Akan tetapi, yang paling sering digunakan dan juga akan digunakan pada pembahasan ini adalah database MySQL. Pengaturan fungsionalitas server dapat di akses dari file konfigurasi (xampp/php/php.ini). Adapun yang dapat dikonfigurasi adalah sebagai berikut.  Execution time  Memory limit  Error reporting & logging  Maximum post data & upload size  Extension (additional library: web service, DBMS connection, compression, dll) Pemrograman Web | PHP & MySQL 63

 DBMS settings Pemrograman PHP menyediakan fungsi mysqli_connect() untuk membuka koneksi database MySQL. MySQLi merupakan fungsi MySQL yang diaggap lebih aman dan lebih cepat dibandingkan dengan MySQL. MySQLi dapat digunakan pada versi PHP 5 keatas, sedangkan untuk versi 5 kebawah masih menggunakan MySQL atau mysql_connect(). Fungsi mysqli_connect memiliki beberapa parameter. Adapun sintaks koneksi datasabe MySQL dengan PHP sebagai berikut. 1. <?php 2. $koneksi = mysqli_connect (sever, username, password); 3. mysqli_select_db($koneksi, namadatabase) or die (\"Database Tidak Ditemukan\"); 4. ?> No Parameter Deskripsi 1 Sever Nama host yang menjalakan server database. Untuk server local 2 Username biasanya menggunakan localhost Nama pengguna yang diberikan hak akses untuk melakukan 3 Password modifikasi pada database. Secara default nama pengguna adalah 4 Database root Kata sandi untuk akses database. Jika tidak ditentukan maka passwordnya kosong Nama database pada MySQL Pratikum Pada pratikum ini kita akan membuat koneksi MySQL menggunakan pemrograman PHP. Sebelumnya pastikan sudah memiliki database di MySQL, pada pratikum ini menggunakan database dengan nama dp_rpl2021. Pemrograman Web | PHP & MySQL 64

Gambar 9.1 Membuat Database Setelah membuat database dengan nama db_rpl2021, kita akan membuat halaman dengan nama koneksi.php yang nantinya akan diisi dengan perintah koneksi MySQL dengan PHP seperti berikut. Koneksi.php 1. <?php 2. $servername = \"localhost\"; 3. $username = \"root\"; 4. $password = \" \"; 5. 6. $koneksi = mysqli_connect($servername, $username, $password); 7. $query = mysqli_select_db($koneksi,“db_rpl2021”) or die (“database tidak ditemukan”); 8. 9. if($query){ 10. echo “koneksi berhasil”; 11. } 12. else { 13. echo “koneksi gagal”; 14. } 15. ?> Pemrograman Web | PHP & MySQL 65

Jika kode programan dijalankan maka akan menampilkan halaman seperti berikut.  Jika koneksi berhasil Gambar 9.2 Koneksi Database Berhasil  Jika php tidak berhasil terkoneksikan dengan database Gambar 9.3 Koneksi Database Berhasil 2. Memasukan Data ke MySQL dengan PHP Memasukan data ke MySQL dengan menggunakan form pada PHP. Pada form ini kita akan mengimplementasikan penggunaan method POST atau GET yang sudah pernah dibahas pada bab sebelumnya. Untuk memasukan data ke MySQL, kita akan mengeksekusi perintah SQL insert melalui form. Berikut alur proses memasukan data ke MySQL dengan PHP. Gambar 9.4 Alur Proses Data MySQL dengan PHP Pratikum Pada pratikum ini, kita akan membuat 2 (dua) halaman yaitu tambahdata.php dan prosesinsert.php. Halaman tambahdata.php berfungsi untuk membuat form data mahasiswa yang berisi nim, nama, tanggal lahir, email, alamat dan telepon. Halaman prosesinsert.php berisi perintah SQL untuk memasukan data pada database. Sebelumnya buat table t_mahasiswa pada database db_rpl2021. Pemrograman Web | PHP & MySQL 66

Gambar 9.5 Atribut Tabel Mahasiswa tambahdata.php 1. <form action=\"prosesinsert.php\" method=\"post\"> 2. <table> 3. <tr> 4. <td>NIM</td> 5. <td><input type=\"text\" name=\"nim\" placeholder=\"Masukan NIM\"></td> 6. </tr> 7. <tr> 8. <td>Nama</td> 9. <td><input type=\"text\" name=\"nama\" placeholder=\"Masukan Nama\"></td> 10. </tr> 11. <tr> 12. <td>Tanggal Lahir</td> 13. <td><input type=\"date\" name=\"tgl\" placeholder=\"Masukan Tanggal Lahir\"></td> 14. </tr> 15. <tr> 16. <td>Email</td> 17. <td><input type=\"text\" name=\"email\" placeholder=\"Masukan Email\"></td> 18. </tr> 19. <tr> 20. <td>Alamat</td> 21. <td><input type=\"text\" name=\"alamat\" placeholder=\"Masukan Alamat\"></td> 22. </tr> 23. <tr> 24. <td>Telepon</td> 25. <td><input type=\"text\" name=\"tlp\" placeholder=\"Masukan Telepon\"></td> 26. </tr> 27. </table> 28. <button type=\"submit\" class=\"btn btn-primary\">Simpan</button> 29. </form> Pemrograman Web | PHP & MySQL 67

Jika kode program dijalankan, akan tampil halaman seperti berikut. Gambar 9.6 Form Mahasiswa Pada kode program diatas, terdapat perintah <form action=\"prosesinsert.php\" method=\"post\"> yang artinya nilai yang ada pada form akan dikirim ke halaman prosesinsert.php menggunakan method post. Halaman prosesinsert berisi perintah insert data ke dalam database MySQL. prosesinsert.php 1. <?php 2. include \"koneksi.php\"; 3. 4. $nim = $_POST['nim']; 5. $nama = $_POST['nama']; 6. $tgl = $_POST['tgl']; 7. $email = $_POST['email']; 8. $alamat = $_POST['alamat']; 9. $tlp = $_POST['tlp']; 10. 11. mysqli_query($koneksi, \"INSERT into t_mahasiswa (nim, nama, tgl_lahir, email, telepon, alamat) VALUES ('$nim','$nama','$tgl','$email','$tlp','$alamat')\"); 12. ?> Pemrograman Web | PHP & MySQL 68

Perhatihan kode program pada prosesinsert.php. Pertama kita akan memanggil file koneksi.php untuk menghubungkan halaman prosesinsert dengan database menggunakan perintah include \"koneksi.php\" , Selanjutnya menangkap data yang dikirim dari form menggunakan $_POST[]. Kemudian kita menginputkan data menggunakan fungsi mysqli_query(), maka data yang kita kirim dari form sudah disimpan pada database MySQL. Untuk memastika data berhasil disimpan atau tidak bisa dicek di MySQLnya seperti berikut. Gambar 9.7 Cek Data Pada MySQL 3. Menampilkan data di MySQL dengan PHP Pada pembahasan sebelumnya kita sudah membuat kode program untuk memasukan data pada database MySQL. Selanjutnya kita akan menampilkan data yang ada pada database di website dengan menggunakan perintah SQL select. Data akan ditampilkan dalam bentuk table daftar mahasiswa. Berikit perintah untuk menampilkan data dengan PHP. 1. $query = mysqli_query(“QUERY DATA YANG DITAMPILKAN\"); 2. Looping sebanyak $data = mysqli_fetch_array($query) 3. { 4. tampilkan array data; 5. } Pratikum Pada pratikum ini, kita akan membuat halaman baru dengan nama index.php. Halaman index.php akan memanggil file koneksi database dengan kode include \"koneksi.php\" yang diletakan diawal halaman. Selanjutnya membuat table yang akan menampilkan data pada database dan tombol tambah data yang di link-an ke file tambahdata.php Pemrograman Web | PHP & MySQL 69

index.php 1. <div class=\"container\" align=\"center\"> 2. <table class=\"table table-hover\"> 3. <tr align=\"center\"> 4. <td colspan=\"9\"> <h2><b>DATA MAHASISWA RPL</b></h2></td> 5. </tr> 6. <tr> 7. <td>No</td> 8. <td>NIM</td> 9. <td>Nama</td> 10. <td>Tanggal lahir</td> 11. <td>Email</td> 12. <td>Alamat</td> 13. <td>Telepon</td> 14. <td colspan=\"2\" align=\"center\">ACTION</td> 15. </tr> 16. <?php 17. include \"koneksi.php\"; 18. $query = mysqli_query($koneksi, \"SELECT * From t_mahasiswa\"); 19. $i = 1; 20. while ($data = mysqli_fetch_array($query)) { 21. echo \"<tr> 22. <td>$i</td> 23. <td>$data[nim]</td> 24. <td>$data[nama]</td> 25. <td>$data[tgl_lahir]</td> 26. <td>$data[email]</td> 27. <td>$data[alamat]</td> 28. <td>$data[telepon]</td> 29. <td align=center>UPDATE</td> 30. <td align=center>DELETE</td> 31. $i++; 32. } 33. ?> Pemrograman Web | PHP & MySQL 70

34. <tr><td align=\"right\" colspan=\"9\"></td></tr> 35. </table> 36. <div class=\"container\"> 37. <div class=\"col-sm-12\" align=\"right\"> 38. <right> <a href=\"tambahdata.php\"> <button type=\"button\" class=\"btn btn- info\">TAMBAH DATA</button></a></right> 39. </div> 40. </div> 41. </div> Jika kode program dijalankan maka akan muncul tampilan sebagai berikut. Gambar 9.8 Tampilan Data Mahasiswa $query = mysqli_query($koneksi, \"SELECT * From t_mahasiswa\") merupakan perintah SQL untuk menampilkan data pada table t_mahasiswa. while ($data = mysqli_fetch_array($query)) berfungsi untuk melakukan perulangan dalam membaca isi dari table t_mahasiswa dan selanjutnya ditampilkan pada table data mahasiswa RPL. Jika tombol tambah data di klik, maka akan direct ke halaman tambahdata.php 4. Mengubah data pada MySQL dengan PHP Pemrograman PHP memiliki fungsi untuk mengubah atau memodifikasi record pada table yang ada dalam database. Mengubah atau memodifikasi data dapat menggunakan perintah SQL update. Perintah SQL akan dieksekusi mysqli_query(). Pratikum Kita akan memodifikasi file index.php yaitu dengan menambahkan link GET data pada action update di setiap record, agar dapat mengambil semua data pada record yang kita pilih. <td align=center> <a href='formedit.php?nim=$data[nim]'>UPDATE</a></td> Pemrograman Web | PHP & MySQL 71

Selanjutnya, kita akan membuat form edit data mahasiswa pada halaman baru yang bernama formedit.php. Pada halaman formedit.php, kita akan menangkap nim yang dikirim melalui URL (GET) dan mengambil data berdasarkan nim yang ditangkap dengan fungsi mysqli_query() dan mysqli_fetch_array(). 1. <?php 2. include \"koneksi.php\"; 3. $nim = $_GET['nim']; 4. $query = mysqli_query($koneksi, \"SELECT * From t_mahasiswa WHERE nim=$nim\"); 5. $data = mysqli_fetch_array($query); 6. ?> Kemudian kita akan menampilkan data pada form edit 1. <form action=\"update.php\" method=\"post\"> 2. <input type=\"hidden\" name=\"nimlama\" value=\"<?php echo $nim;?>\"> 3. NIM : <input type=\"text\" name=\"nim\" value=\"<?php echo \"$data[nim]\";?>\"> 4. Nama : <input type=\"text\" name=\"nama\" value=\"<?php echo \"$data[nama]\";?>\"> 5. Tanggal Lahir : <input type=\"text\" name=\"tgl\" value=\"<?php echo \"$data[tgl_lahir]\"; ?>\"> 6. Email : <input type=\"text\" class=\"form-control\" name=\"email\" value=\"<?php echo \"$data[email]\"; ?>\"> 7. Alamat : <input type=\"text\" class=\"form-control\" name=\"alamay\" value=\"<?php echo \"$data[alamat]\"; ?>\"> 8. Telepon : <input type=\"text\" class=\"form-control\" name=\"tlp\" value=\"<?php echo \"$data[telepon]\"; ?>\"> </br> 9. <button type=\"submit\" class=\"btn btn-primary\">UPDATE</button> 10. </form> Pemrograman Web | PHP & MySQL 72

Jika kode program dijalankan, maka akan muncul tampilan sebagai berikut. Gambar 9.9 Edit Data Mahasiswa Sekarang kita akan membuat aksi dari form edit seperti yang sudah dideklarasikan pada tag form <form action=\"update.php\" method=\"post\">, dimana action formedit adalah update.php dengan method post. Oleh karena itu, kita akan membuat halaman baru dengan nama update.php dengan melakukan beberapa tahap proses mengubah data. Pertama, kita akan menghubungkan halaman dengan koneksi database menggunakan include \"koneksi.php\". Kedua, menangkap data yang dikirim dari form dengan menggunakan $_POST[]. Ketiga, menjalan perintah SQL update dengan menggunakan fungsi mysqli_query(). 1. <?php 2. include \"koneksi.php\"; 3. $nimlama = $_POST['nimlama']; 4. $nim = $_POST['nim']; 5. $nama = $_POST['nama']; 6. $tgl = $_POST['tgl']; 7. $email = $_POST['email']; 8. $alamat = $_POST['alamat']; 9. $tlp = $_POST['tlp']; 10. 11. mysqli_query($koneksi, \"UPDATE t_mahasiswa SET nim='$nim', nama='$nama', tgl_lahir='$tgl', email='$email', telepon='$tlp', alamat='$alamat' WHERE nim='$nimlama'\"); 12. ?> Pemrograman Web | PHP & MySQL 73

Setelah dilakukan proses edit, maka data yang ada pada database akan merubah. Gambar 9.10 Update Data Mahasiswa 5. Menghapus data di MySQL pada PHP Pemrograman PHP menyediakan fungsi untuk menghapus data yang ada pada database. Untuk menghapus data dapat menggunakan perintah SQL Delete dan fungsi mysqli_query(). Pratikum Kita akan memodifikasi program diatas dengan menambahkan fungsi delete agar bisa menghapus data yang diinginkan. Kita akan menambahkan link pada action delete yang ada pada halaman index.php untuk mengambil / ngeGET data yang akan dihapus. <td align=center><a href='delete.php?nim=$data[nim]'>DELETE</a></td> Jika kode program dijalankan, maka terlihat aksi delete sudah memiliki link yang mengarah ke file detele.php dan mengirimkan nilai nim dengan key = nim Gambar 9.11 Delete Data Mahasiswa Pemrograman Web | PHP & MySQL 74

Selanjutnya membuat file baru dengan nama delete.php dengan melakukan beberapa tahapan. Pertama, mengkoneksikan halaman dengan database. Kedua, menangkap data nim yang dikirim melalui URL / GET dan ketiga mengeksekusi perintah SQL hapus untuk menghapus data pada record tersebut. 1. <?php 2. include \"koneksi.php\"; 3. $nim = $_GET['nim']; 4. mysqli_query($koneksi, \"DELETE FROM t_mahasiswa where nim=$nim\"); 5. ?> Pemrograman Web | PHP & MySQL 75


Like this book? You can publish your book online for free in a few minutes!
Create your own flipbook