1. Buka XAMPP, lalu
aktifkan Apache dan MySQL. Tunggu hingga tulisan running berlatar warna hijau muncul.
2. Jika Apache dan
Mysql telah aktif, maka buka browser yang diinginkan, lalu buka
localhost/phpmyadmin untuk membuat database baru dengan nama mahasiswa, lalu
dalam database tersebut buat tabel biodata dengan 4 buah kolom. Atur jenis
kolom dan panjang karakter masing-masing kolom. Seperti yang terlihat pada
gambar berikut:
3. Setelah database
mahasiswa terbentuk dan tabel biodata sudah dibuat, maka buka aplikasi
Notepad++ untuk membuat script .php. Setelah aplikasi Notepad++ terbuka maka
membuat program koneksi.php seperti pada gambar berikut:
4. Setelah selesai
membuat script koneksi.php, lalu buka file baru save dengan nama index.html.
Kemudian ketikkan script seperti berikut:
5. Setelah selesai
membuat script index.html, lalu buka file baru save dengan nama insert.php.
Kemudian ketikkan script seperti berikut:
6. Setelah selesai
membuat script insert.php, lalu buka file baru save dengan nama view.php.
Kemudian ketikkan script seperti berikut:
7. Untuk menguji
program, maka buka browser yang diinginkan. Lalu ketikkan http://localhost/labsi/index.html untuk memasukkan (insert) data baru. Setelah itu
klik tombol insert.
8. Jika data
berhasil dimasukkan tanpa error maka
akan muncul pesan pop up seperti pada gambar berikut:
9. Jika ingin
melihat data yang telah di insert, maka klik tombol Lihat Data, maka output
akan menampilkan data yang telah berhasil dimasukkan seperti pada gambar
berikut:

Logika Program:
1.
Fungsi XAMPP adalah sebagai server yang berdiri
sendiri (localhost). Agar dapat menjalankan program di web browser tanpa harus
terkoneksi dengan internet.
2.
Tag <?php.....?> digunakan untuk menyatakan bahwa kode yang
terdapat di dalam tag ini merupakan instruksi PHP.
3.
<?php
mysql_connect("localhost","root","");
mysql_select_db("mahasiswa");
?>
Berfungsi untuk mengkoneksikan database
dalam PHP dan memilih database apa yang akan digunakan.
4.
<h1
align = "center"> TRAINING LABSI </h1> berfungsi
sebagai Tag Judul (Heading) dengan posisi di tengah (center).
5.
<div
align = "center">
<form name = "form_input"
action="insert.php" method="post">
Membuat form input dengan posisi ditengah yang menjalankan file insert.php
Membuat form input dengan posisi ditengah yang menjalankan file insert.php
6.
<input
type = "submit" name = "submit" value =
"Insert"/>
Berfungsi sebagai pendeklarasian untuk
memilih salah satu button yang tersedia. Apabila user memilih submit, maka
program akan mensubmit perintah tersebut dan akan muncul perintah untuk
melanjutkan ke sesi berikutnya.
7.
Masukkan
NPM : <input type = "text" name = "npm"/>
Berfungsi
untuk membuat kolom input NPM.
8.mysql_query("insert
into biodata values('$npm','$nama','$kelas','$alamat')");
Perintah
ini digunakan untuk menambahkan record baru pada tabel biodata.
9.
echo
"<script type = 'text/javascript'>
alert ('Data Berhasil Dimasukkan');
window.location.href = 'index.php>;
</script>";
Perintah ini berguna
untuk menampilkan pesan pop up jika data telah berhasil dimasukkan.
10.
<table
cellspacing ="5" border ="10">
<th>
Npm </th>
<th>
Nama </th>
<th>
Kelas </th>
<th>
Alamat </th>
<th
colspan="2"> Proses </th>
<th></th>
Perintah
diatas digunakan untuk membuat tabel untuk menampilkan Npm, Nama, Kelas, Alamat
dan Proses
11. $query = mysql_query("select *
from biodata"); Berfungsi untuk menampilkan
record-record dari tabel biodata.
12.
<tr>
<td><?php echo
$data['npm'];?></td>
....
</tr>
Fungsi <tr>
berfungsi untuk mendefinisikan suatu baris, dan <td> berfungsi untuk
mendefinisikan suatu cell (data) tabel dan perintah echo akan menampilkan data npm, nama, kelas, dan juga alamat.
13.<td><a
href = "edit.php?id=<?php echo
$data['npm'];?>">edit</a></td>
Berfungsi untuk membuat link tombol edit dengan file edit.php
14.<td><a
href = "delete.php?id=<?php echo
$data['npm'];?>">delete</a></td>
Berfungsi
untuk membuat link tombol delete
dengan file delete.php
15. Setiap
baris pada program php harus diakhiri dengan tanda titik koma (;).
Tidak ada komentar:
Posting Komentar