Query SPARQL mempunyai struktur yang mirip dengan strukur query SQL. Berikut adalah struktur query SPARQL:

# prefix declarations</p>
PREFIX pref: <http://example.com/resources/> (optional)

...

# dataset definition

FROM ... (optional)

# result clause

SELECT ...

# query pattern

WHERE {

...

}

# query modifiers

ORDER BY ... (optional)

Ya, dengan melihat struktur query SPARQL dapat disimpulkan bahwa strukturnya sangat mirip sekali dengan struktur pada query SQL. Yang membedakan adalah pada query SAPQRL terdapat pendefinisian PREFIX yang diletakan pada bagian atas sebelum klausa SELECT. PREFIX tersebut berfungsi untuk menyingkat alamat dataset yang akan digunakan pada query tersebut. Misalnya adalah sebagai berikut.

Query SPARQL Dengan PREFIX:

PREFIX pref1:<http://example.com/resource/></p>
SELECT ?property ?value

WHERE {

pref1:Ilmu_Web_Dot_Net ?property ?value

}

Query SPARQL diatas adalah “Tampilkan variabel propery dan variabel value dari resource Ilmu_Web_Dot_Net.”

Pada query SPARQL lambang tanda tanta (“?”) merupakan sebuah variabel. Untuk penamaan variabel tidak ada aturan khusus yang mengatur, asalkan diawali dengan tanda tanya dan tidak mengandung spasi.  Pada klausa WHERE harus diisi dengan triple pattern atau graph pattern. Triple pattern merupakan triple yang terdiri dari subjek, objek, dan predikat.  Sedangkan Graph Pattern merupakan kumpulan dari triple pattern. Dengan demikian, didalam klausa where setidaknya harus terdapat ketika komponen yaitu subjek, objek dan predikat.

Untuk lebih memahami tentang PREFIX pada query SPARQL, perhatikan query SPARQL dibawah ini yang merupakan query SPARQL yang sama dengan yang sebelumnya, tapi pada penulisannya tanpa menggunakan PREFIX. Bandingkan dengan query SPARQL sebelumnya yang menggunakan prefix.

Query SPARQL Tanpa PREFIX:

SELECT ?property ?value</p>
WHERE {

<http://example.com/resource/Ilmu_Web_Dot_Net> ?property ?value

}

Dari kedua query SPARQL diatas, dapat disimpulkan bahwa PREFIX digunakan untuk menyingkat salah satu komponen triple yang digunakan.

Pada artikel berikutnya, Insya Alloh akan dibahas mengenai bentuk-bentuk query SPARQL.

Semoga bermanfaat

http://ilmuweb.net

Selain memungkinkan untuk melakukan pencarian gambar dengan menggunakan keyword atau kata kunci, google juga memungkinkan kita untuk mencari gambar dengan menggunakan gambar, sehingga hasil pencarian tersebut akan menghasilkan gambar yang sama dengan gambar yang kita cari. Caranya adalah dengan memasukan atau mengupload gabar yang ingit kita cari tersebut.  Untuk cara yang lebih jelasnya bisa mengikuti langkah-langkah berikut ini:

1. Buka Google (http://www.google.co.id atau http://www.google.co.id).

2. Setelah halaman Google terbuka, pada tombol navigasi atas klik Images atau Gambar. Setelah di klik maka akan muncul halaman baru untuk pencarian gambar.

3.  Selanjutnya adalah klik ikon kamera yang terdapat pada kotak pencarian sebelah kanan. Untuk lebih jelasnya lihat gambar dibawah ini:

4. Setelah itu maka akan muncul pop up, kemudian klik upload an image atau unggah gambar, seperti pada gambar berikut:

5. Selanjutnya silakan cari file gambar pada komputer Anda yang akan Anda cari dengan menggunakan mesin pencari google. Maka hasil pencarian gambar berdasarkan gambar yang diupload akan ditampilkan.

Berikut adalah contoh pencarian gambar yang sama pada google dengan menggunakan seacrh by image:

Dan dibawah ini adalah gambar hasil pencarian berdasarkan gambar. Hasil pencarian menampilkan gambar-gambar yang sama sesuai dengan gambar yang kita gunakan sebagai kunci pencarian:

Semoga bermanfaat

Seperti yang telah dijelaskan sebelumnya, triplestore digunakan sebagai tempat penyimpanan RDF.  Berikut adalah nama-nama triplestore yang dapat digunakan:
1 AllegroGraph
2 OpenLink Virtuoso
3 BigOWLIM
4 Garlik 4store
5 Bigdata
6 YARS2
7 Jena TDB
8 Jena SDB
9 Mulgara
10 RDF gateway
11 Jena with PostgreSQL
12 Kowari
13 3store with MySQL 3
14 Sesame

Dari nama-nama diatas, terdapat beberapa perbedaan baik dari skalabilitas, maupun performansi nya. Salah satu triplestore yang akan dibahas pada artikel selanjutnya adalah Sesame.  Pada artikel selnajtunya insya Alloh akan dibahas tentang cara menginstall Sesame dan memasukan data RDF ke dalam sesma.

Semoga bermanfaat

Seperti pengertian RDF yang telah dijelaskan sebelumnya, bahwa RDF dapat merepresentasikan informasi tentang resource baik resource yang berada di dunia maupun resource yang berada di web. RDF merepresentasikan informasi tersebut kedalam sebuah kalimat, sama halnya ketika manusia akan mendeskripsikan sesuatu. RDF mendeskripsikan sesuatu ke dalam kalimat yang terdiri dari subjek, objek, dan predikat. Subjek, objek, dan predikat tersebut merupakan komponen utama dari RDF.

Pada RDF, subjek merupakan resource atau sesuatu yang dideskripsikan yang biasanya merupakan alamat URI, sedangkan predikat merupakan property dari resource yang menjadi penghubung antara subjek dengan objek. Sedangkan objek merupakan URI atau literal. Ketiga komponen tersebut biasa disebut dingan triple.  Dengan demikian, dapat dikatakan bahwa RDF berisi informasi-informasi yang dibutuhkan. Untuk menyimpan RDF tersebut dibutuhkan salahsatunya adalah triple store. Dengan kata lain, triple store merupakan tempat penyimpanan RDF. Untuk pembahasan mengenai triple store insya Alloh akan dibahas pada artikel berikutnya.

]]> http://ilmuweb.net/semantic-web/rdf-resource-description-framework-pada-web-semantik/feed/ 0 http://ilmuweb.net/php/ajax-crud-part-1-insert-data-ke-database-menggunakan-php-dan-form-ajax/ http://ilmuweb.net/php/ajax-crud-part-1-insert-data-ke-database-menggunakan-php-dan-form-ajax/#comments Tue, 20 Mar 2012 07:53:16 +0000 admin http://ilmuweb.net/?p=178 Bismillaah.. Rasanya sudah lama sekali saya tidak menulis pada web ini karena kesibukan saya di dunia nyata Pada kesempatan kali ini saya akan menulis tentang bagaimana cara untuk memasukan data ke database menggunakan PHP melalui form ajax. Artikel ini saya beri topik Ajax CRUD karena tidak jauh berbeda dengan tutorial CRUD pada postingan sebelumnya. Yang membedakan, pada artikel kali ini kita akan belajar memanfaat kan ajax sehingga tampilan akan lebih menarik. Jika pada CRUD yang sebelumnya setelah menekan tombol “submit” halaman akan merefresh secara keseluruhan sedangkan dengan menggunakan ajax, kita bisa mengatur bagian mana saja yang akan direfresh sehingga tidak semua halaman akan terefresh. Selain lebih menarik dari segi tampilan, hal itu pun lebih meringankan dalam proses load halaman.

Pertama kita akan membuat sebuah form input untuk memasukkan data ke dalam database. Langkah pertama yang harus dipersiapkan adalah membuat database. Buat lah sebuah database dengan nama “ilmuwebdotnet” (tanpa tanda petik), kemudian pada database tersebut buatlah sebuah tabel dengan nama “tabel_artikel” (tanpa tanda petik) yang terdiri dari  id_artikel, judul_artikel, isi_artikel, dan kategori_artikel. Cara untuk membuat Database bisa dilihat pada artikel sebelumnya disini.

Setelah itubuat sebuah file koneksi.php,  yang berisi:

koneksi.php

<?php
$con=mysql_connect("localhost","root","") or die ("koneksi dengan database gagal");
mysql_select_db("ilmuwebdotnet",$con) or die ("database tidak ada");
?>

Setelah itu buat file index.html yang berisi form untuk menginput data:

index.html

</p>
<p style="text-align: justify;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Create Data - Ajax Form - ilmuweb.net</title>
<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {</p>
<p style="text-align: justify;">$().ajaxStart(function() {
$('#loading').show();
$('#hasil').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#hasil').fadeIn('slow');
});</p>
<p style="text-align: justify;">$('#FormArtikel').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$('#hasil').html(data);
}
})
return false;
});
})
</script>
<style type="text/css">
body, table, input, select, textarea { font: 11px/20px Verdana, sans-serif; }
h4 { font-size: 18px; }
input { padding: 3px; border: 1px solid #999; }
td { padding: 5px; }
#hasil { background-color: #F0FFED; border: 1px solid #215800; padding: 10px; width: 400px; margin-bottom: 20px; }
#content{margin-left:30%;}
</style>
</head>
<body>
<div id="content">
<h4>Create Data - Ajax Form - <a href="http://ilmuweb.net">ilmuweb.net</a></h4>
<div id="loading" style="display:none;"><img src="loading.gif" alt="loading..." /></div>
<div id="hasil" style="display:none;"></div>
<form id="FormArtikel" method="post" action="insert_artikel.php">
<table>
<tr>
<td width="100">Judul Artikel</td>
<td>
<input name="judul_artikel" size="30" type="text" />
</td>
</tr>
<tr>
<td>Kategori Artikel</td>
<td>
<select name="kategori_artikel">
<option value="PHP">PHP</option>
<option value="HTML">HTML</option>
<option value="MySql">MySql</option>
<option value="Javascript">Javascript</option>
</select>
</td>
</tr>
<tr>
<td>Isi Artikel</td>
<td>
<textarea name="isi_artikel" rows="5" cols="31" /></textarea>
</td>
</tr>
<tr>
<td></td>
<td align="right">
<input type="submit" value="Submit">
</td>
</tr>
</table>
</form>
</div>
</body>
</html></p>
<p style="text-align: justify;">

Selanjutnya adalah membuat file php untuk memproses data yang diinpitkan pada index.html:

insert_artikel.php

</p>
<p style="text-align: justify;"><?php
include("koneksi.php");
$id_artikel=$_POST['id_artikel'];
$judul_artikel=$_POST['judul_artikel'];
$isi_artikel=$_POST['isi_artikel'];
$kategori_artikel=$_POST['kategori_artikel'];
//validasi
if (trim($judul_artikel) == '') {
$error[] = '- Judul Artikel harus diisi';
}
if (trim($isi_artikel) == '') {
$error[] = '- Isi Artikel harus diisi';
}
if (isset($error)) {
echo '<b>Error</b>: <br />'.implode('<br />', $error);
} else {</p>
<p style="text-align: justify;">$query="insert into tabel_artikel values('','$judul_artikel','$isi_artikel','$kategori_artikel')";
$exe=mysql_query($query);</p>
<p style="text-align: justify;">$data = '';
foreach ($_POST as $k => $v) {
$data .= "$k : $v<br />";
}</p>
<p style="text-align: justify;">echo '<b>Form berhasil disubmit. Berikut ini data anda:</b><br />';
echo $data;
}
die();
?></p>
<p style="text-align: justify;">

Langkah terakhir adalah mendownload file jquery-1.2.3.min.js  dan gambar untuk proses loading pada saat data sedang diproses. untuk file jquery-1.2.3.min.js  bisa di download disini dan untuk gambar bisa di download disini

Selesai

Untuk mendownload sourcecode lengkap silakan klik link dibawah ini:

[DOWNLOAD]

Semoga bermanfaat

Web semantic atau semantik web dicetuskan pertama kali oleh  Tim Berners-Lee pada tahun 2001.  Web semantik sering disebut sebagai web versi 3.0. Dalam pembuatan aplikasi web semantik tidak semudah membuat aplikasi web biasa. Untuk membuat web semantik terdapat beberapa teknologi yang perlu dipelajari, diantaranya adalah RDF, ontologi, query RDF, RDF Store, dan masih banyak lagi yang perlu dipelajari. Insya Alloh, pada  postingan selanjuutnya kita akan membahas beberapa teknologi web semantik

Langsung saja, berikut adalah cara menghubungkan Google Plus dengan Facebook atau Twitter:

1. Install Google+Facebook, caranya adalah buka link http://crossrider.com/install/519-google-facebook Kemudian klik Google+Facebook, setelah itu klik install.
2. Install Google+Twitter, caranya adalah Klik link ini DOWNLOAD Kemudian klik Google+tweet, setelah itu klik install.
3. Setelah keduanya terinstall maka pada halaman Google Plus Anda akan bertambah dua icon baru yaitu icon facebook dan twitter. Klik pada masing-masing icon kemudian login dengan account facebook atau twitter Anda masing-masing.

Semoga bermanfaat

Langkah selanjutnya adalah mengedit file index.php sehingga isinya menjadi seperti dibawah ini:

index.php

<?php
include("koneksi.php");
?>
<html>
<head>
<title>Belajar PHP -- CRUD PHP Mysql | IlmuWeb.Net</title>
</head>
<body>
<p><h2>Contoh Tabel:</h2></p>
<table border=1px;>
<tr>
<th>Id Artikel</th>
<th>Judul</th>
<th>Kategori</th>
<th>Isi</th>
<th>Aksi</th>
</tr>
<?php $result=mysql_query("select * from tabel_artikel");
while($data=mysql_fetch_array($result)){
?>
<tr>
<td><?php echo $data['id_artikel']; ?></td>
<td><?php echo $data['judul_artikel']; ?></td>
<td><?php echo $data['kategori_artikel']; ?></td>
<td><?php echo $data['isi_artikel']; ?></td>
<td><a href="halaman_edit.php?id_artikel=<?php echo $data['id_artikel']; ?>">Edit</a> |<a href="delete.php?id_artikel=<?php echo $data['id_artikel']; ?>">Hapus</a></td> <!-- Bagian Yang diedit -->
</tr>
<?php } ?>
</table>
<a href="tambah_data.php">Tambah Data</a>
</body>
</html>

File index.php diatas hanya diubah untuk memberikan link pada aksi “Hapus” yang menuju ke file “delete.php”.

Setelah itu, buat sebuah file baru bernama delete.php.

delete.php:

<?php
include("koneksi.php");</p>
<p style="text-align: justify;">$id_artikel=$_GET['id_artikel'];</p>
<p style="text-align: justify;">$query="delete from tabel_artikel where id_artikel=$id_artikel";
$hsl=mysql_query($query);
echo"<script>alert('Data Berhasil Dihapus')
location.replace('index.php')</script>";
mysql_close($con);
?>

File delete.php merupakan file yang melakukan proses penghapusan isi table yang berada di database, berdasarkan id_artikel.

Terakhir, buka browser anda dan silakan lakukan uji coba dengan cara mengklik link “Hapus” pada halaman web. Jika artikel terhapus maka selamat Anda telah berhasil.

Dengan berakhirnya artikel ini, berarti kita telah bisa membuat CRUD PHP. Dengan memanfaatkan pengetahuan tersebut, setidaknya kita akan bisa membuat aplikasi web yang sederhana.

Semoga Bermanfaat

[DOWNLOAD]

Contoh: Update isi judul artikel dan isi artikel pada tabel “tabel_artikel” yang mempunyai id_artikel=10

UPDATE tabel_artikel SET judul_artikel="Judul artikel baru", isi_artikel="isi artikel baru" WHERE id_artikel=10

Pada tutorial sebelumnya kita telah membuat sebuah tabel yang bernama “tabel_artikel”, file index.php, tambah_data.php, insert.php, dan sebuah file koneksi.php untuk mengkoneksikan database. Hal yang perlu dilakukan adalah membut sebuah link yang menuju ke halaman edit. Untuk itu, perlu dilakukan pengeditan pada file index.php sehingga menjadi seperti berikut:

index.php

<?php
include("koneksi.php");
?>
<html>
<head>
<title>Belajar PHP -- CRUD PHP Mysql | IlmuWeb.Net</title>
</head>
<body>
<p><h2>Contoh Tabel:</h2></p>
<table border=1px;>
<tr>
<th>Id Artikel</th>
<th>Judul</th>
<th>Kategori</th>
<th>Isi</th>
<th>Aksi</th>
</tr>
<?php $result=mysql_query("select * from tabel_artikel");
while($data=mysql_fetch_array($result)){
?>
<tr>
<td><?php echo $data['id_artikel']; ?></td>
<td><?php echo $data['judul_artikel']; ?></td>
<td><?php echo $data['kategori_artikel']; ?></td>
<td><?php echo $data['isi_artikel']; ?></td>
<td><a href="halaman_edit.php?id_artikel=<?php echo $data['id_artikel']; ?>">Edit</a> | Hapus</td> <!-- Bagian Yang diedit -->
</tr>
<?php } ?>
</table>
<a href="tambah_data.php">Tambah Data</a>
</body>
</html>

Setelah itu, buat sebuah file baru dengan nama halaman_edit.php. File tersebut berfungsi untuk menampilkan data-data yang akan diedit. Adapun isi dari file tersebut adalah sebagai berikut:

halaman_edit.php:

<?php
include('koneksi.php');
$id_artikel=$_GET['id_artikel'];
?>
<html>
<head>
<title>Belajar PHP -- Update Database dengan PHP | IlmuWeb.Net</title>
</head>
<body>
<p><h2>Contoh Form Edit</h2></p>
<form name="form tambah data" action="update.php" method="post">
<table>
<?php $result=mysql_query("select * from tabel_artikel where id_artikel='$id_artikel'");
while($data=mysql_fetch_array($result)){
?>
<tr>
<input type="hidden" name="id_artikel" value="<?php echo $data['id_artikel']; ?>"/> <!-- untuk input id_artikel, type nya diset hidden karena id_artikel sudah di set auto increment pada database (akan terisi otomatis) -->
<th>Judul</td>
<td><input type="text" name="judul_artikel" value="<?php echo $data['judul_artikel']; ?>"/></td>
</tr>
<tr>
<th>Kategori</th>
<td><select name="kategori_artikel">
<option value="HTML">HTML</option>
<option value="PHP">PHP</option>
<option value="Javascript">Javascript</option>
</td>
</tr>
<tr>
<th>Isi</th>
<td><textarea name="isi_artikel" rows="10" col="5"><?php echo $data['isi_artikel']; ?></textarea></td>
</tr>
<tr>
<th></th>
<td><input type="submit" value="Edit"/></td>
</tr>
<?php } ?>
</table>
</form>
</body>
</html>

Terakhir, kita buat sebuah file yang berfungsi untuk melakukan proses pengupdatan pada database.

update.php:

<?php
//dapatkan data baru
include ("koneksi.php");</p>
<p style="text-align: justify;">$id_artikel=$_POST['id_artikel'];
$judul_artikel=$_POST['judul_artikel'];
$isi_artikel=$_POST['isi_artikel'];
$kategori_artikel=$_POST['kategori_artikel'];</p>
<p style="text-align: justify;">if ($judul_artikel != null &amp;amp;amp;&amp;amp;amp; $isi_artikel != null &amp;amp;amp;&amp;amp;amp; $kategori_artikel != null)
{
$edit = "update tabel_artikel set judul_artikel='$judul_artikel', isi_artikel='$isi_artikel', kategori_artikel='$kategori_artikel' where id_artikel='$id_artikel'";
$exec=mysql_query($edit);</p>
<p style="text-align: justify;">echo"<script>alert('Data Berhasil di update')
location.replace('index.php')</script>";
}
else{
echo"<script>alert('isikan semua form data !!! Data Gagal Diperbaharui')
location.replace('index.php')</script>";
}
mysql_close($con);
?>

Selesai… Untuk menghapus data akan dibahas pada artikel selanjutnya..

Semoga bermanfaat

Sourcode lengkap bisa di download pada link di bawah ini:

[DOWNLOAD]

<? <em>php isi script PHP</em> ?>

Baik, langsung saja agar lebih memahami tentang PHP kita langsung praktekan dengan membuat sebuah halaman web yang mempunyai fungsi CRUD, yaitu Create, Read, Update, Delete.  Hal pertama yang perlu disiapkan adalah database Mysql. Berikut script database atau DDL yang harus dibuat terlebih dahulu:

CREATE TABLE `tabel_artikel` (
`id_artikel` INT( 5 ) NOT NULL AUTO_INCREMENT ,
`judul_artikel` VARCHAR( 50 ) NOT NULL ,
`isi_artikel` TEXT NOT NULL ,
`kategori_artikel` VARCHAR( 20 ) NOT NULL ,
PRIMARY KEY ( `id_artikel` )
) ENGINE = MYISAM

Arti dari script diatas adalah kita membuat sebuah tabel pada database Mysql, yaitu tabel yang bernama tabel_artikel   dimana tabel tersebut mempunyai empat buat field yaitu id_artikel, judul_artikel, isi_artikel, dan kategori_artikel.

Setelah membuat DDL, kita masukan beberapa data ke dalam tabel yang telah kita buat dengan menggunakan script DML dibawah ini:

insert into tabel_artikel values('','CRUD PHP','Belajar Membuat Insert Data ke Database menggunakan PHP','PHP');</p>
<p style="text-align: justify;">insert into tabel_artikel values('','ILMU WEB','Web penyedia tutorial gratis pembuatan aplikasi web. Kunjungi terus http://ilmuweb.net','PHP');

Bagi yang belum mengerti tentang cara membuat database Mysql, silakan baca artikel sebelumnya yang berjudul Cara Membuat Database Mysql.

Setelah membuat database, buat sebuah file koneksi dengan nama koneksi.php yang akan menghubungkan database yang telah kita buat tadi.

koneksi.php:

<?php
$con=mysql_connect("localhost","root","") or die ("koneksi dengan database gagal");
mysql_select_db("ilmuwebdotnet",$con) or die ("database tidak ada");
?>

Kemudian  kita siapkan terlebih dahulu file html yang dibutuhkan, yaitu index.html, dan tambah_data.html.

index.html:

<html>
<head>
<title>Belajar HTML -- Membuat Table | IlmuWeb.Net</title>
</head>
<body>
<p><h2>Contoh Tabel:</h2></p>
<table border=1px;>
<tr>
<th>Id Artikel</th>
<th>Judul</th>
<th>Kategori</th>
<th>Isi</th>
<th>Aksi</th>
</tr>
<tr>
<td>1</td>
<td>CRUD PHP</td>
<td>PHP</td>
<td>Belajar Membuat Insert Data ke Database menggunakan PHP</td>
<td>Edit | Hapus</td>
</tr>
</table>
<a href="tambah_data.php">Tambah Data</a>
</body>
</html>

tambah_data.html:

<html>
<head>
<title>Belajar PHP -- Insert Database dengan PHP | IlmuWeb.Net</title>
</head>
<body>
<p><h2>Contoh Form</h2></p>
<form name="form tambah data" action="insert.php" method="post">
<table>
<tr>
<input type="hidden" name="id_artikel" value=""/> <!-- untuk input id_artikel, type nya diset hidden karena id_artikel sudah di set auto increment pada database (akan terisi otomatis) -->
<th>Judul</td>
<td><input type="text" name="judul_artikel" value=""/></td>
</tr>
<tr>
<th>Kategori</th>
<td><select name="kategori_artikel">
<option value="HTML">HTML</option>
<option value="PHP">PHP</option>
<option value="Javascript">Javascript</option>
</td>
</tr>
<tr>
<th>Isi</th>
<td><textarea name="isi_artikel" rows="10" col="5"></textarea></td>
</tr>
<tr>
<th></th>
<td><input type="submit" value="Tambah"/></td>
</tr>
</table>
</form>
</body>
</html>

Setelah itu, ubah file index.html menjadi index.php dan lakukan perubahan pada scriptnya menjadi seperti berikut:

index.php:

<?php
$con=mysql_connect("localhost","root","") or die ("koneksi dengan database gagal");
mysql_select_db("ilmuwebdotnet",$con) or die ("database tidak ada");
// untuk scrip koneksi diatas, bisa dipersingkat dengan hanya menuliskna: include("koneksi.php");
?>
<html>
<head>
<title>Belajar PHP -- CRUD PHP MYsql | IlmuWeb.Net</title>
</head>
<body>
<p><h2>Contoh Tabel:</h2></p>
<table border=1px;>
<tr>
<th>Id Artikel</th>
<th>Judul</th>
<th>Kategori</th>
<th>Isi</th>
<th>Aksi</th>
</tr>
<?php $result=mysql_query("select * from tabel_artikel");
while($data=mysql_fetch_array($result)){
?>
<tr>
<td><?php echo $data['id_artikel']; ?></td>
<td><?php echo $data['judul_artikel']; ?></td>
<td><?php echo $data['kategori_artikel']; ?></td>
<td><?php echo $data['isi_artikel']; ?></td>
<td>Edit | Hapus</td>
</tr>
<?php } ?>
</table>
<a href="tambah_data.php">Tambah Data</a>
</body>
</html>

Rename juga file tambah_data.html menjadi tambah_data.php kemudian modifikasi isi file tersebut menjadi seperti berikut:

tambah_data.php:

<?php
include("koneksi.php");</p>
<p style="text-align: justify;">?&gt;
<html>
<head>
<title>Belajar PHP -- Insert Database dengan PHP | IlmuWeb.Net</title>
</head>
<body>
<p><h2>Contoh Form</h2></p>
<form name="form tambah data" action="insert.php" method="post">
<table>
<tr>
<input type="hidden" name="id_artikel" value=""/> <!-- untuk input id_artikel, type nya diset hidden karena id_artikel sudah di set auto increment pada database (akan terisi otomatis) -->
<th>Judul</td>
<td><input type="text" name="judul_artikel" value=""/></td>
</tr>
<tr>
<th>Kategori</th>
<td><select name="kategori_artikel">
<option value="HTML">HTML</option>
<option value="PHP">PHP</option>
<option value="Javascript">Javascript</option>
</td>
</tr>
<tr>
<th>Isi</th>
<td><textarea name="isi_artikel" rows="10" col="5"></textarea></td>
</tr>
<tr>
<th></th>
<td><input type="submit" value="Tambah"/></td>
</tr>
</table>
</form>
</body>
</html>

Terakhir, buat sebuah file PHP  yaitu insert.php yang akan mengurusi sintak insert data dari file tambah_data.php ke dalam database yang telah kita buat sebelumnya dan telah dihubungkan dengan file koneksi.php.

insert.php:

<?php
include("koneksi.php");
$id_artikel=$_POST[id];
$judul_artikel=$_POST[judul_artikel];
$isi_artikel=$_POST[isi_artikel];
$kategori_artikel=$_POST[kategori_artikel];
if (($judul_artikel <> NULL) &amp;amp;amp;amp;&amp;amp;amp;amp; ($isi_artikel <> NULL) &amp;amp;amp;amp;&amp;amp;amp;amp; ($kategori_artikel <> NULL)){
$query="insert into tabel_artikel values('$id_artikel','$judul_artikel','$isi_artikel','$kategori_artikel')"; // harus berurutan sesuai dengan pada database
$exe=mysql_query($query);
echo "<script>alert('data berhasil ditambahkan')
location.replace('index.php')</script>";
}else{
echo "<script>alert('gagal. Isi semua form')
location.replace('tambah_data.php')</script>";
}
?>

Selesai, silakan buka browser Anda dan cek apakah pekerjaan Anda berhasil atau tidak.  Jika pada index.php atau halaman home web anda  terdapat tabel yang berisi judul artikel CRUD PHP dan ILMU WEB DOT NET berarti Anda telah berhasil menghubungkan dengan database. Selanjutnya klik link “Tambah Data” dan akan terbuka sebuah halaman baru. Isi semua form dan tekan tombol “Tambah”. Jika data-data yang ditambahkan barusan muncul pada halaman index.php atau halaman home, berarti Anda telah berhasil. Selamat !!

Untuk tutorial selanjutnya adalah Update dan Delete.

Semoga Bermanfaat

Link Download Script:

[DOWNLOAD]