APA ITU FRAMEWORK?

?Framework merupakan sebuah KERANGKA KERJA yang MEMUDAHKAN PENGEMBANG aplikasi untuk membangun software sesuai dengan bahasa pemrograman tertentu. ?Framework untuk bahasa pemrograman PHP umumnya terdiri dari SEKUMPULAN FOLDER  yang berisi file-file PHP, dimana file-file tersebut merupakan CLASS LIBRARY, HELPER, PLUGIN, atau KONFIGURASI lainnya.

MENGAPA MENGGUNAKAN FRAMEWORK?

?Pembuatan aplikasi dengan memanfaatkan framework akan sangat membantu dari segi KECEPATAN PENGEMBANGAN dan efisiensi source code aplikasi. ?Hal tersebut disebabkan karena:

• ?pengembang tinggal mengikuti alur framework, ?
• pengembang bisa memanfaatkan library dari framework untuk perintah-perintah umum, seperti CRUD (Create Read Update Delete) data, session, dll,
• setiap project yang dibuat akan memiliki alur yang sama persis, sehingga saat pembuatan project berikutnya bisa meng-copy project sebelumnya, lalu sedikit dimodifikasi

BEDA FRAMEWORK DENGAN CMS

?Framework berbeda jika dibandingkan dengan CMS (Content Management System), walaupun sama-sama mempermudah pembuatan web. ?Pada CMS (misalnya wordpress), pengembang tidak perlu menuliskan code program PHP karena semuanya sudah jadi, tinggal mengatur konten dan tampilannya saja. ?Sedangkan Framework, pengembang harus menuliskan code program PHP sesuai dengan ruang lingkup yang diatur oleh framework.

FRAMEWORK CI

?CodeIgniter (CI) merupakan framework PHP yang tangguh dan sangat mudah dipelajari sehingga diperuntukkan kepada developer PHP yang ingin membangun aplikasi web yang full-featured dengan mudah dan elegan. ?CI hadir dengan dokumentasi yang lengkap dan menyediakan contoh-contoh koding yang bervariasi. ?CI juga memiliki komunitas yang besar sehingga ada banyak forum yang siap membantu ketika  anda merasa kesulitan dalam menggunakan CI.

VERSI FRAMEWORK CI

?Framework CI dibangun oleh EllisLab. ?EllisLab masih terus menyempurnakan Framework CI, baik dari segi keamanan (security), penanganan error atau bug, dan penambahan fitur-fitur. ?Saat ini framework CI sudah berada pada versi 3.0.3 dan biasanya setiap bulan diperbaharui dengan me-release versi terbaru. ?Framework CI bisa didownload secara gratis di situs resminya http://codeigniter.com/

FITUR UTAMA FRAMEWORK CI

• ?Model-View-Controller Based System
• ?Query Builder Database Support
• ?Form and Data Validation
• ?Security and XSS Filtering
• ?Session Management
• ?Email Sending Class. Supports Attachments, HTML/Text email, multiple protocols (sendmail, SMTP, and Mail)
• ?Image Manipulation Library (cropping, resizing, rotating, etc.)
• ?File Uploading Class
• ?FTP Class
• ?Localization
• ?Pagination Data
• ?Encryption
• ?Search-engine Friendly
• ?URLs Flexible
• ?URI Routing
• ?Large library of “helper” functions

KONSEP MVC

?Framework CI menggunakan metode pengembangan berbasis MVC (Model-View-Controller) sehingga developer wajib memahami konsep MVC sebelum menggunakan Framework CI. ?Konsep MVC adalah konsep pemisahan antara logik dari aplikasi (Controller) dengan tampilan aplikasi (View) dan database aplikasi (Model).

?Umumnya, bagian Model dikerjakan oleh programmer sekaligus database analyst, dimana code-code di bagian ini merupakan code struktur data yang berisi koneksi dan fungsi di dalam pengolahan database. ?Sedangkan View dikerjakan oleh designer html, css, dan js karena code-code di bagian ini untuk menampilkan tampilan web yang menarik dan interaktif. ?Terakhir, Controller dikerjakan oleh programmer inti PHP karena menangani hubungan Model dengan View, algoritma, logic, HttpRequest, dll.

STRUKTUR DIREKTORI CI

Setelah anda berhasil mendownload framework CI (dalam bentuk rar), maka ekstrak-lah file tersebut dan simpan di directory localhost anda. Berikut merupakan folder-folder yang terdapat di dalam framework CI.

Terdapat 3 folder utama pada framework CI. Folder ‘application’ merupakan area kerja dari pengembang web karena code-code yang akan dikembangkan akan dituliskan di direktori tersebut. Kemudian folder ‘system’ merupakan folder yang mengandung definisi kelas-kelas inti, helper, dan lain-lain yang sudah dibuat oleh pengembang CI. Terakhir, folder ‘user_guide’ merupakan direktori yang berisi tutorial atau dokumentasi cara penggunaan framework CI.

Untuk pembuatan website, kita hanya diperkenankan untuk memodifikasi folder ‘application’. Isi dari folder tersebut adalah sebagai berikut:

FLOWCHART FRAMEWORK CI

MEMULAI MENGGUNAKAN CI

Secara umum, tahapan untuk menggunakan framework CI pertama kali adalah sebagai berikut:

1. Konfigurasi Framework CI
2. Buat Library (jika membutuhkan library tambahan)
3. Persiapkan Model
4. Persiapkan Controller
5. Persiapkan View

KONFIGURASI CI

1. Buka folder config

1. Buka file config.php
2. Isilah  $config[‘encryption_key’]
3. Buka file database.php
4. Isilah hostname, username, password, database
5. Buka file route.php
6. Tentukan $route[‘default_controller’]

BUAT LIBRARY

?Jika anda ingin membuat sebuah library, silahkan buka folder ‘libraries’. ?Namun, saat ini penulisan library baru belum dibutuhkan.

PERSIAPKAN MODEL

1. ?Buka folder ‘Models’ di folder ‘application’
2. ?Buat file baru, misal ‘user_model.php’
3. ?Buka file tersebut dan deklarasi kelas dengan nama yang sama dengan nama file tersebut
4. ?Kelas yang baru dideklarasikan wajib menurunkan kelas ‘CI_model’

<?php

class User_model extends CI_Model {

	var $tabel = "user";
	var $primary_key = "userid";

	function User_model(){
		 parent::__construct();
	}
	
	function get_data_by_pk($username){
		$this->db->select('*');
		$this->db->where($this->primary_key,$username);
		$result = $this->db->get($this->tabel);
		
		return $result->row();
	}
	
	
	function insert($data){
		return $this->db->insert($this->tabel,$data);	
	}
	
	function update($username,$data){
		$this->db->where($this->primary_key,$username);
		return $this->db->update($this->tabel,$data);
	}
	
	function delete($username){
		$this->db->where($this->primary_key,$username);
		return $this->db->delete($this->tabel);
	}
}

?>

PERSIAPKAN CONTROLLER

1. ?Buka folder ‘Controllers’ di folder ‘application’
2. ?Buat file baru, misal ‘user.php’
3. ?Buka file tersebut dan deklarasi kelas dengan nama yang sama dengan nama file tersebut
4. ?Kelas yang baru dideklarasikan wajib menurunkan kelas ‘CI_Controller’

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class User extends CI_Controller {
	 
	function __construct(){
		parent::__construct();
		$this->load->model('user_model','','TRUE');
		date_default_timezone_set("Asia/Singapore");
	}
	
	public function index(){		
		$this->load->view('home');
	}
	
	public function register(){
		$item['email'] = $this->input->post('email',true);
		$item['password'] = sha1($this->input->post('password',true));
		$item['nama_lengkap'] = $this->input->post('nama_lengkap',true);
		$item['alamat'] = $this->input->post('alamat',true);
		$item['phone'] = $this->input->post('phone',true);		
		$item['datetime'] = date("Y-m-d H:i:s");
		$item['userid'] = strtotime($item['datetime']);
		
		$this->user_model->insert($item);					
		redirect('/', 'refresh');
	}
}

PERSIAPKAN VIEW

1. ?Buka folder ‘Views’ di folder ‘application’
2. ?Buat file baru dengan nama misalnya ‘home.php’
3. ?Isilah file tersebut dengan script-script html biasa untuk menampilkan halaman web

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Halaman Awal</title>
</head>
<body>
<div id="container">
	<h1>Registrasi</h1>
	<form method="post" action="<? echo base_url().'index.php/'?>user/register">
		<input type="email" id="email" name="email" />
		<input type="text" id="nama_lengkap" name="nama_lengkap" />
		<input type="password" id="password" name="password" />
		<input type="text" id="phone" name="phone" />
		<textarea name="alamat" id="alamat" ></textarea>		
		<button type="submit">SEND</button>
	</form>
</div>
</body>
</html>

PEMANGGILAN FUNGSI 

?Pemanggilan fungsi yang sudah dibuat pada class Controller bisa dipanggil melalui url dengan format:

host/index.php/class_name/function_name/data

Contoh:

http://locahost/codeigniter/index.php/user/index

PENUTUP

?Selain ringan dan cepat, CodeIgniter memiliki dokumentasi yang super lengkap disertai dengan contoh implementasi kodenya, sehingga hal ini menjadi salah satu alasan kuat mengapa banyak orang memilih CodeIgniter sebagai framework pilihannya.

?Slide materi di sini hanya membahas tahap dasar penggunaan CodeIgniter. Untuk pemanfaatan fitur-fitur unggulan CodeIgniter yang lainnya akan dibahas di slide yang lain.

NEXT . . .

?Web Service dan XML

DOWNLOAD PDF

Jika anda tertarik untuk membaca materi ini dalam bentuk powerpoint atau PDF, silahkan download secara GRATIS di sini.

REFERENSI

?http://codeigniter.com/

?https://ellislab.com/codeigniter

PENDAHULUAN

AJAX (Asynchronous JavaScript and XML) dimanfaatkan untuk membuat web interaktif dan dinamis tanpa perlu membuat browser melakukan refresh ketika meminta data ke server. AJAX memungkinkan semua dapat dilakukan secara instan, tanpa perlu lagi menunggu halaman di-reload, sehingga aplikasi web mirip dengan aplikasi desktop dalam hal responsibilitas maupun interaktifitas. Saat ini, AJAX sudah menjadi teknologi yang wajib diterapkan dalam pengembangan web modern (web 2.0).

HUBUNGAN ANTARA HTML, AJAX, PHP, DAN MYSQL

Secara ringkas, keterhubungan antara semua topik bahasan di materi ini (HTML, AJAX, PHP, dan MySQL) digambarkan sebagai berikut:

Pada saat dibuka, web browser masih kosong. Kemudian browser membuka sebuah halaman sehingga browser melakukan request ke server. Hasil request adalah script HTML, CSS, JS (termasuk Ajax Engine), dan script-script tersebut di-load ke web browser. Selanjutnya seperti pada gambar di atas, ketika user akan melakukan suatu perintah pada aplikasi, halaman HTML tetap diam, namun di belakang layar, AJAX Engine yang melakukan http request ke server.

ANTARA JQUERY DAN AJAX

jQuery merupakan sebuah library Javascript sehingga mempermudah manipulasi komponen di dokumen HTML, menangani event, animasi, efek, dll. Selain itu, jQuery mempermudah developer web untuk memproses interaksi AJAX. Tanpa library seperti jQuery, menerapkan AJAX akan lebih sulit, panjang, dan rumit, terutama untuk pemula yang baru belajar Javascript.

MEMULAI PROJECT

Sebagai latihan, akan dibuat sebuah aplikasi ajax berdasarkan project yang sebelumnya (aplikasi insert nama dan hobi). Project sebelumnya bisa dilihat di sini. Aplikasi ajax ini akan mencari nama pada tabel ‘daftar_hobi’ dan akan menampilkan hobinya. So, jalankan web server pada komputer anda. Dari project yang sebelumnya (folder latihan), buatlah folder untuk project yang baru dengan nama ‘ajax’. Buatlah sebuah file html, dengan nama ‘index.html’.

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Latihan AJAX</title>
	
    <!-- Jquery Mobile -->
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
    <link href="css/my-style.css" rel="stylesheet">
	
    <style>
		@media (min-width: 720px) {
			#main{
				width: 50%;
				margin: auto;
			}
		}
    </style>
	
    <!-- jQuery  -->
    <script src="js/jquery.js"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
	<div data-role="page" class="jqm-demos jqm-home">		
		<div style="margin-top: 50px; margin-bottom: 30px;" id="main" role="main" class="ui-content">						
			<div id="result" style="margin-bottom: 20px; display: none">
			  <h3 class="ui-bar ui-bar-a ui-corner-all">Hasil Pencarian</h3>
			  <div class="ui-body ui-body-a ui-corner-all">
				
			  </div>
			</div>
			
			<div id="pencarian">
			  <h3 class="ui-bar ui-bar-a ui-corner-all">Form Pencarian</h3>
			  <div class="ui-body ui-body-a ui-corner-all">
				<form id="form-pencarian" action="get_hobi.php" method="post">
					<label for="search-1">Masukkan Nama anda:</label>
					<input name="nama" id="nama" value="" placeholder="Cari nama . . . " type="search">
					<input value="C A R I" data-theme="a" type="submit">
				</form>
			  </div>
			</div>
		</div><!-- /content -->
	</div>
</body>
</html>

?Project ini memanfaatkan library jQueryMobile untuk mempercantik tampilan web dan library jQuery untuk mempermudah penggunaan AJAX. ?Poin yang paling penting adalah:

1. ?Menyediakan element untuk menampilkan hasil pencarian, yaitu div dengan id=“result”
2. ?Membuat form untuk pengiriman data, dengan id=“form-pencarian” action=“get_hobi.php” method=“post”
3. Form tersebut terdiri dari input dengan type=“text” dan input dengan type=“submit”

BUAT SCRIPT UNTUK AJAX

?Setelah selesai membuat script HTML, selanjutnya buat script untuk penanganan AJAX. ?Script bisa ditulis di file terpisah atau ditulis di bagian head file index.html. ?Dalam project ini, script ditulis di bagian head file index.html karena code-nya sedikit.

<script type='text/javascript'>
		var temp;
		$(document).ready(function (){
			$('#form-pencarian').submit(function(event) {
				
				/* stop form from submitting normally */
				event.preventDefault();
				
				$('#result .ui-body').html('');
				
				var url = $(this).attr('action');
				
				$.ajax({
					type: $(this).attr('method'),
					url: url,
					data: $(this).serialize(),
					dataType: "JSON",
					success: function(data){
//						alert(data);
						if (data == null){
							$('#result .ui-body').html('Data tidak ditemukan');
						}else{
							$('#result .ui-body').html(data[0].nama+' memiliki hobi '+data[0].hobi);
						}
						$('#result').show();
					}
				});
			});
		});
	</script>

Keterangan Singkat:?

$(document).ready() berfungsi untuk pengecek event, jadi apabila semua elemen pada dokumen HTML sudah di-load semua, maka script di dalam blok fungsi $(document).ready() akan dijalankan.?

?$(‘#form-pencarian’).submit() berfungsi sebagai listener event submit. Jadi, apabila form pencarian di-klik submit, maka script di dalam blok fungsi $(‘#form-pencarian’).submit() akan dijalankan.

?event.preventDefault() berfungsi untuk menghentikan pengiriman data pada form secara normal. Fungsi tersebut digunakan karena pada project ini akan menggunakan pengiriman data melalui AJAX sehingga pengiriman data secara normal harus dihentikan.

?$.ajax() merupakan proses pengiriman data dengan AJAX, dengan parameter:

• ?type ==> method pengiriman, bisa “GET” atau “POST”
• url ==> server tujuan pengiriman data
• ?data ==> data form yang akan dikirimkan ke server, bisa didapatkan dengan menggunakan form.serialize(). Jika ingin menulis data form secara manual, carany adalah: ?“nama=“+$(‘#nama’).val()”
• dataType ==> format data yang akan diterima dari server, bisa “XML” atau “JSON”
• success ==> fungsi yang akan dijalankan ketika AJAX berhasil mengirimkan data ke server dan server memberikan respon balik. Respon balik dari server akan disimpan di variabel data.

BUAT FILE PHP UNTUK KONEKSI KE DATABASE

?File PHP untuk koneksi ke database sudah dibahas pada project sebelumnya. ?Untuk itu, buatlah file dengan nama database.php yang disalin dari project sebelumnya. ?File ini hanya khusus menangani koneksi ke database, sedangkan penggunaan database (query database) akan dilakukan di file PHP yang lain dengan meng-include-kan file database.php.

<?php
	$dbhost = 'localhost';
	$dbuser = 'root';
	$dbpass = '';
	$dbname = 'latihan';
	$db = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname);

	// Check connection
	if ($db->connect_error) {
		die("Connection failed: " . $db->connect_error);
	}
?>

BUAT FILE PHP SEBAGAI SERVER TUJUAN AJAX

?Setelah file database.php selesai dibuat, sekarang buatlah file yang menjadi target pengiriman form (get_hobi.php). ?File tersebut akan meng-include-kan file database.php agar bisa terhubung ke database. File get_hobi.php mirip dengan file project sebelumnya yang meng-query data, namun  di file get_hobi.php akan dibuat untuk me-return data dalam bentuk JSON.

<?php
	require "database.php";
   
	$namaku = $_POST['nama'];
	
	// prepare and bind
	$stmt = $db->prepare("SELECT * FROM daftar_hobi WHERE nama=?");
	$stmt->bind_param("s", $namaku);	
	$stmt->execute();

	$stmt->bind_result($nama,$hobi);
	
	$result = null;
	while ($stmt->fetch()) {
		$result[] = array(
			'nama' => $nama,
			'hobi' => $hobi
		);
	}
	echo json_encode($result);

	$stmt->close();
	$db->close();
?>

?Require “database.php” merupakan code untuk memanggil file database.php dan meng-include-kan semua variabel dan code-nya ke dalam get_hobi.php. ?Penggunaan prepare statement sama dengan project sebelumnya. Untuk mendapatkan hasil dari prepare statement, digunakan method bind_result($nama,$hobi), dimana jumlah variabel pada parameternya bind_result disesuaikan dengan jumlah kolom yang di-query dari database.

?Untuk mendapatkan hasil per baris-nya, gunakan fungsi fetch(), dimana fungsi ini akan menggeser pointer dari satu row hasil data query ke row selanjutnya dan menyimpan datanya ke variabel $nama dan $hobi . ?Fungsi tersebut akan menghasilkan true jika baris yang ditunjuk memiliki data dan menghasilkan false jika baris yang ditunjuk tidak ada. ?Fungsi json_encode adalah fungsi untuk mengubah array menjadi format JSON sehingga mudah dibaca oleh AJAX engine.

SCREENSHOT AKHIR DIREKTORI PROJECT

HASIL RUNNING PROJECT

PENUTUP

?AJAX mendukung asynchronous sehingga halaman web dapat di-update seperlunya. ?Proses update website menjadi lebih cepat karena tidak seluruh halaman di-download. ?

Untuk mendapatkan source code lengkap dari project tadi, bisa diunduh secara gratis di sini.

?Untuk membaca materi ini dalam bentuk PDF atau POWERPOINT, silahkan diunduh secara gratis di sini.

NEXT

Pada materi berikutnya, kita akan mempelajari Framework CodeIgniter.

REFERENSI

?http://jquery.com/

?http://w3school.com/

?http://php.net/manual

PENDAHULUAN

?PHP adalah bahasa scripting yang kuat yang cocok untuk pengembangan HTML. ?PHP merupakan tools  yang dimanfaatkan untuk membuat web HTML menjadi dinamis. ?Sedangkan MySQL adalah database management system (DBMS) yang bersifat open source yang sangat populer di dunia. ?Dalam pengembangan web HTML dinamis, PHP berkolaborasi dengan MySQL untuk menyimpan data yang diinputkan oleh user.

INPUT DATA USER KE PHP

Setelah memahami bagaimana sintaks-sintaks dasar PHP (umumnya sangat mirip dengan sintaks bahasa C atau Java), sekarang muncul pertanyaan, bagaimana cara PHP untuk mendapatkan input dari user? ?Jika pada bahasa C atau Java kita menggunakan fungsi scanf() untuk menerima input dari user, lalu bagaimana halnya dengan PHP?

Jawabannya adalah gunakan Form HTML! ?User memasukkan data pada form, kemudian di-”tangkap” oleh server PHP. ?Dan oleh PHP, data tersebut disimpan pada variabel, kemudian diproses (atau disimpan ke database).

MEMULAI PROJECT SEDERHANA

?Asumsi bahwa anda sudah meng-install aplikasi web server, contoh: LAMPP (jika Linux), atau XAMPP (jika Windows). ?Buatlah folder baru (misal: latihan) pada folder htdoc di direktori anda menginstall XAMPP. ?Lalu buatlah sebuah file html untuk menginputkan script html form.

MEMBUAT FORM HTML

Isilah file input_nama.html dengan code sebagai berikut:

<html> 
<head> 
	<title>My Form</title>
</head> 
<body>
	<form action="simpan_nama.php" method="post"> 
		Nama : <input type="text" name="namaku"><br>
		Hobi : <input type="text" name="hobi"><br>
		<input type="submit" name="submit" value="Kirim">	
	</form>
 </body> 
</html>

Penjelasan singkat:

?Action pada atribut form (action=“simpan_nama.php”)  bertujuan untuk memberitahu browser bahwa file tersebut yang akan memproses form HTML. ?Name pada atribut input (name=“namaku”) akan menjadi nama variabel yang akan digunakan oleh PHP untuk menangkap data input oleh user. ?Code input type=“submit” akan menghasilkan sebuah tombol yang jika klik oleh user, akan mengirimkan data form html ke file tujuan (simpan_nama.php).

MEMBUAT FILE PHP SEBAGAI PENERIMA DATA

?Berdasarkan form input_nama.html tersebut, akan dilanjutkan membuat file PHP yang berfungsi sebagai “penangkap” kiriman data.? Diasumsikan bahwa anda sudah mengetahui dasar-dasar sintaks PHP. ?Untuk “menangkap” data, digunakan fungsi $_GET atau $_POST, tergantung attribute method  yang digunakan pada form HTML. ?Pada contoh file input_nama.html, digunakan method=“post”.

<html>
<head>
	<title>Lihat Hasil</title>
</head>
<body>
	<?php
		$namaku = $_POST['namaku'] ;
		$hobi = $_POST['hobi'] ;
	?>
	<p>
		Haloo <?php echo $namaku; ?>
	</p>
	<p>
		Hobimu adalah <b> <?php echo $hobi; ?></b>
	</p>
	<p>Terima kasih</p>
</body>
</html>

GET VERSUS POST

?Method GET diproses lebih sederhana karena permintaan dikirim melalui alamat URL

?Contoh: https://aryadharmaadi.github.io/index.php?nama=arya&hobi=futsal

?Method POST lebih tertutup dan data tersimpan lebih aman selama pengiriman karena data tidak terlihat. Data dikirimkan melalui body of request. ?Method POST bersifat non-cacheable.

HASIL RUNNING

KONEKSI PHP DAN MYSQL

?Untuk menghubungkan PHP ke MySQL, dibutuhkan fungsi: mysqli_connect([string server [, string username [, string password [, string database_name [, int port_number [, string socket]]]]]])

?Contoh:

<?php
  $db = mysqli_connect("localhost","root","","latihan");
?>

?Untuk menutup koneksi, gunakan:  mysqli_close($db);

QUERY MYSQL

?Untuk memasukkan query ke MySQL melalui PHP, digunakan fungsi: mysqli_query ( resource link_identifier, string query [, int mode = MYSQLI_STORE_RESULT]) 

?Contoh:

<?php
    $db = mysqli_connect("localhost", "phpuser", "alm65z", "phpdb");
    $result = mysqli_query($db, "SELECT * FROM usertable");
    $numrows = mysqli_num_rows($result);
    print "There are $numrows people in usertable\n";
?>

PREPARED STATEMENT

?Prepare Statement adalah fitur  yang digunakan untuk mengeksekusi SQL statement berulang-ulang dengan sangat efisien. ?Prepare Statement mengandung SQL Statement Template, dimana nilai yang akan dimasukkan diisi dengan tanda tanya (?)

?Contoh:

    INSERT INTO daftar_hobi (nama, hobi) VALUES (?,?)

MELANJUTKAN PROJECT

?Dari project yang pertama (input_nama.html),  akan dilanjutkan dengan memasukkan data yang diinput oleh user ke database MySQL. ?Buka http://localhost/phpmyadmin melalui browser untuk membuka tampilan MySQL. Selanjutnya, buatlah database di MySQL dengan nama “latihan” dan buat tabel dengan nama daftar_hobi”, dengan kolom sebagai berikut:

?               nama   varchar (25)

?               hobi  varchar(25)

INSERT DATA

?Untuk insert data ke database, buatlah file koneksi_db.php. ?Pada form di file input_nama.html, ubah atribut action=“simpan_nama.php” menjadi action=“koneksi_db.php” agar data dikirim ke file koneksi_db.php yang akan dibuat.

<?php
	$namaku = $_POST['namaku'] ;
	$hobi = $_POST['hobi'] ;

	$dbhost = 'localhost';
	$dbuser = 'root';
	$dbpass = '';
	$dbname = 'latihan';
	$db = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname);

	// Check connection
	if ($db->connect_error) {
		die("Connection failed: " . $db->connect_error);
	}
   
	// prepare and bind
	$stmt = $db->prepare("INSERT INTO daftar_hobi (nama, hobi) VALUES (?,?)");
	$stmt->bind_param("ss", $namaku, $hobi);	
	$stmt->execute();

	echo "New records created successfully";

	$stmt->close();
	$db->close();
?>

MEMBACA DATA

?Untuk membaca data pada database, digunakan fungsi: mysqli_fetch_assoc ( resource result). ?Fungsi tersebut mengambil satu row dan mengubahnya menjadi array asosiatif. ?Selain itu, untuk mengetahui ada berapa baris data (row) yang didapatkan, digunakan fungsi: mysqli_num_rows ( resource result).

<?php
    $db = mysqli_connect("localhost", "root", "", "latihan");
    $result = mysqli_query($db, "SELECT * FROM daftar_hobi");

    if ($result && mysqli_num_rows($result)) {
        $numrows = mysqli_num_rows($result);
        $rowcount = 1;
        print "There are $numrows people in usertable:<br /><br />";
    
        while ($row = mysqli_fetch_assoc($result)) {
            print "Row $rowcount<br />";
    
            while(list($var, $val) = each($row)) {
                print "<B>$var</B>: $val<br />";
            }
    
            print "<br />";
            ++$rowcount;
        }
    }
?>

Hasil Running query.php:

PENUTUP

?PHP dan MySQL dimanfaatkan untuk membentuk web HTML menjadi dinamis. ?Lebih lanjut, anda bisa mencoba bagaimana cara meng-update dan delete data pada MySQL.

DOWNLOAD SOURCE CODE DAN MATERI PDF

Jika anda ingin mendapatkan source code lengkap dari project di atas, silahkan unduh secara gratis di sini.

Selain itu, jika anda tertarik untuk mendownload dan membaca materi ini dalam bentuk PDF/Power Point, silahkan unduh secara gratis di sini. Terima kasih.

NEXT . . .

?Kombinasi JQuery, AJAX, dan PHP

REFERENSI

?http://www.webmonkey.com/2010/02/php_tutorial_for_beginners/

?http://www.hackingwithphp.com//

?http://www.w3schools.com