1.
Buat database dan tabel MySQL
Buat database dengan nama "akademik", kemudian nama tabel nya
"mahasiswa". Pada table mahasiswa tentukan jumlah fields atau atributnya, jika pada fields atau
atribut tersebut terdiri dari id_mahasiswa, nama, jurusan,
alamat, dan telepon, maka tabel tersebut berarti mengandung 5 (lima) fields atau atribut,
tentukan juga type dan length/value nya sesuai kebutuhan data Anda. Sehingga
tabel mahasiswa pada database akademik akan terbentuk seperti pada contoh gambar di bawah ini:
2. Sekarang database dan tabel MySQL yang dibutuhkan untuk
menampung data yang akan diinsert atau diinput telah selesai dibuat.
3. Buat GUI (Graphic User Interface) sedemikian rupa sehingga
membentuk form insert atau input data.
GUI kita bentuk dengan script HTML akan tetapi disimpan dengan nama index.php, script HTML tersebut adalah sebagai berikut:
<html>
<head>
<title>Input Data ke Database dengan PHP dan MySQL</title>
</head>
<body>
<form action="action_input.php" method="POST"
enctype="multipart/form-data">
<table width="100%" border="0"
align="center" cellpadding="0"
cellspacing="0">
<tr>
<td
height="40"> </td>
<td> </td>
<td><font
size="4" color="blue"><b>INPUT DATA
MAHASISWA</b></font></td>
</tr>
<tr>
<td
height="36"></td>
<td><a
href="view_data.php" target="_blank"
style="text-decoration:none">View Data</a></td>
<td> </td>
</tr>
<tr>
<td
height="40"> </td>
<td>NIM</td>
<td><input
type="text" name="id_mahasiswa"
size="12"></td>
</tr>
<tr>
<td
height="40"> </td>
<td>Nama</td>
<td><input
type="text" name="nama" size="30"></td>
</tr>
<tr>
<td
height="40"> </td>
<td>Jurusan</td>
<td><input
type="text" name="jurusan"
size="30"></td>
</tr>
<tr>
<td
height="40"> </td>
<td>Alamat</td>
<td><input
type="text" name="alamat"
size="60"></td>
</tr>
<tr>
<td
height="36"> </td>
<td>Telepon</td>
<td><input
type="text" name="telepon"
size="12"></td>
</tr>
<tr>
<td
height="60"> </td>
<td> </td>
<td><input
type="submit" name="submit"
value="Submit">
<input type="reset"
name="reset" value="Reset"></td>
</tr>
</table>
</form>
</body>
</html>
Script HTML di atas akan membentuk GUI seperti pada gambar di
bawah ini:
4. Buat file action untuk mengeksekusi atau melaksanakan perintah /
instruksi input yang dikirim.
Pada script HTML di langkah no 2 (dua) perhatikan script di baris nomor 3 yaitu
<form action="action_input.php" method="POST"
enctype="multipart/form-data"> pada bagianaction="action_input.php", action_input.php
inilah yang disebut sebagai file action yang akan mengeksekusi sebuah perintah
yang dikirim dari suatu program. Berikut adalah script PHP pada file
action_input.php:
<?php
include "koneksi.php";
//Kirimkan Variabel
$id_mahasiswa = $_POST['id_mahasiswa'];
$nama =
$_POST['nama'];
$jurusan = $_POST['jurusan'];
$alamat = $_POST['alamat'];
$telepon = $_POST['telepon'];
//validasi id mahasiswa dalam database
$cek=mysql_num_rows (mysql_query("SELECT id_mahasiswa FROM mahasiswa
WHERE id_mahasiswa='$_POST[id_mahasiswa]'"));
if ($cek > 0) {
?>
<script language="JavaScript">
alert('ID Mahasiswa sudah dipakai
!, silahkan diulang kembali');
document.location='index.php';
</script>
<?php
}
//input data ke table mahasiswa dalam database akademik
$input ="INSERT INTO mahasiswa (id_mahasiswa,
nama, jurusan, alamat, telepon)
VALUES
('$id_mahasiswa','$nama','$jurusan','$alamat','$telepon')";
$query_input =mysql_query($input);
if ($query_input) {
//Jika Sukses
?>
<script language="JavaScript">
alert('Data Mahasiswa Berhasil
diinput!');
document.location='index.php';
</script>
<?php
}
else {
//Jika Gagal
echo "Data Mahasiswa Gagal diinput, Silahkan diulangi!";
}
//Tutup koneksi engine MySQL
mysql_close($Open);
?>
5. Buat GUI untuk melihat hasil insert atau input
data tersebut.
Setelah diinput maka kita harus memastikan apakah data yang diinput benar-benar tersimpan di dalam database. File yang akan membentuk GUI tersebut kita kasih nama apa ya? Baiknya view_input_data.php mungkin ya, tetapi terlalu panjang, view_data.php saja mungkin ya, setuju kan? Oke, script PHP nya seperti berikut:
Setelah diinput maka kita harus memastikan apakah data yang diinput benar-benar tersimpan di dalam database. File yang akan membentuk GUI tersebut kita kasih nama apa ya? Baiknya view_input_data.php mungkin ya, tetapi terlalu panjang, view_data.php saja mungkin ya, setuju kan? Oke, script PHP nya seperti berikut:
<html>
<head>
<title>View Data Mahasiswa</title>
</head>
<body>
<br><font size="4"><center><b>DATA
MAHASISWA</b></center><font><br>
<table width="100%" border="0"
align="center" cellpadding="0"
cellspacing="0">
<tr bgcolor="#FFA600"
height="40">
<th
width="5%">No</th>
<th
width="14%">NIM</th>
<th
width="12%">Nama</th>
<th
width="25%">Jurusan</th>
<th
width="30%">Alamat</th>
<th
width="14%">Telepon</th>
</tr>
<?php
include "koneksi.php";
//view data mahasiswa di dalam database
$Lihat="SELECT * FROM mahasiswa ORDER BY id_mahasiswa";
$Tampil = mysql_query($Lihat);
$nomer=0;
while ( $hasil = mysql_fetch_array
($Tampil)) {
$id_mahasiswa = stripslashes ($hasil['id_mahasiswa']);
$nama =
stripslashes ($hasil['nama']);
$jurusan = stripslashes
($hasil['jurusan']);
$alamat =
stripslashes ($hasil['alamat']);
$telepon = stripslashes ($hasil['telepon']);
{
$nomer++;
?>
<tr bgcolor="#DFE6EF">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr align="center"
height="40">
<td><?=$nomer?><div
align="center"></div></td>
<td><?=$id_mahasiswa?><div
align="center"></div></td>
<td><?=$nama?><div
align="center"></div></td>
<td><?=$jurusan?><div
align="center"></div></td>
<td><?=$alamat?><div
align="center"></div></td>
<td><?=$telepon?><div
align="center"></div></td>
</tr>
<tr
bgcolor="#DFE6EF">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<?php
}
}
//Tutup koneksi engine MySQL
mysql_close($Open);
?>
</table>
</body>
</html>
7. Simpan semua script PHP di atas (index.php, action_input.php,
dan view_data.php, serta koneksi.php) dalam satu folder
di directory xampp Anda.
Sebagai contoh, folder tersebut kita beri nama "inputdata", maka
alamat directory nya di C:\xampp\htdocs\inputdata. Jadi akses url di web
browser menjadi http://localhost/inputdata
8. Selesai, selanjutnya adalah uji coba tutorial.
Berikut
screen shoot hasil uji coba tutorial di atas:
Input Data, file index.php
data yang sudah di input dan masuk dalam database
*** Semoga Sukses***
0 Response to "Membuat Aplikasi"
Posting Komentar