Membuat Aplikasi

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">&nbsp;</td>
            <td>&nbsp;</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>&nbsp;</td>
        </tr>
        <tr>
            <td height="40">&nbsp;</td>
            <td>NIM</td>
            <td><input type="text" name="id_mahasiswa" size="12"></td>
        </tr>
        <tr>
            <td height="40">&nbsp;</td>
            <td>Nama</td>
            <td><input type="text" name="nama" size="30"></td>
        </tr>
        <tr>
            <td height="40">&nbsp;</td>
            <td>Jurusan</td>
            <td><input type="text" name="jurusan" size="30"></td>
        </tr>
        <tr>
            <td height="40">&nbsp;</td>
            <td>Alamat</td>
            <td><input type="text" name="alamat" size="60"></td>
        </tr>
        <tr>
            <td height="36">&nbsp;</td>
            <td>Telepon</td>
            <td><input type="text" name="telepon" size="12"></td>
        </tr>
        <tr>
            <td height="60">&nbsp;</td>
            <td>&nbsp;</td>
            <td><input type="submit" name="submit" value="Submit">&nbsp;&nbsp;&nbsp;
            <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:
 <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>&nbsp;
            <th width="14%">NIM</th>&nbsp;
            <th width="12%">Nama</th>&nbsp; 
            <th width="25%">Jurusan</th>&nbsp;
            <th width="30%">Alamat</th>&nbsp;       
            <th width="14%">Telepon</th>&nbsp;   
        </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>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</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>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</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