Kamis, 29 September 2016

Tutorial Membuat Perpustakaan Part 2.

By  at 23.58    No comments
Assalamu'alaikum Wr Wb.

Hai Teman-teman pada kesempatan kali ini saya akan meneruskan tentang Tutorial Membuat Perpustakaan.

A. Pengertian
    Perpustakaan adalah sebuah koleksi buku dan majalah. Walaupun dapat diartikan sebagai koleksi pribadi perseorangan, namun perpustakaan lebih umum dikenal sebagai sebuah koleksi besar yang dibiayai dan dioperasikan oleh sebuah kota atau institusi, serta dimanfaatkan oleh masyarakat yang rata-rata tidak mampu membeli sekian banyak buku atas biaya sendiri. 

B. Latar Belakang
    Untuk mengimplementasikan sistem materi CRUD.

C. Jangka Waktu
    Saya membutuhkan waktu sekitar 20 Menit.

D. Alat dan Bahan
  • Laptop/PC
  • Koneksi Internet
  • Sublime Text
E. Tahap Pelaksanaan

1. Pertama-tama kita buat script koneksi nya terlebih dahulu untuk menyambungkan ke database, dan simpan menggunakan nama "Koneksi.php" di var/www/html/perpus/

<?php
$servername= "localhost"
$user    ="root"
$password  = "kedawung";
$db     ="perpus";

$koneksi=mysql_connect($servername.$user,$password)
     or die('gagal terkoneksi'mysql_error);
   
$database=mysql_select_db($db)
     or die ('gagal terhubung ke database'.mysql_error);
?>

2. Kemudian buat script "index.php"

<html>
<head>
</head>
<body>
<table width="auto" border="1">
    <tr>
        <td colspan="2" align="center"><h1>Sistem Informasi Perpustakaan SMK HK</h1> <br><script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script></td>
    </tr>
    <tr>
        <td width = "200" bgcolor="#22A7F0">
            <ul>
                <li><a href="anggota.php">Anggota</a></li>
                <li><a href="buku.php">Buku</a></li>
                <li><a href="pinjam.php">Pinjam</a></li>
            <ul>

        </td>
        <td width="auto">Selamat Datang Di Sistem Perpustakaan SMK HK</td>
    </tr>
    <tr>
        <td colspan="2" align="center">Nikmah-Kedawung</td>
    </tr>
</table>
</body>
</html>

 Selanjutnya kita coba buka hasilnya, ketikkan di URL "localhost/perpus"


3. Setelah itu kita buat file anggota, dan simpan dengan nama "anggota.php"

<html>
<head>
</head>
<body>
<table width="auto" border="5">
    <tr>
        <td colspan="2" align="center" bgcolor="#eee"><h1>Sistem Informasi Perpustakaan SMK HK</h1></td>
    </tr>
    <tr>
        <td width = "auto" bgcolor="#1aff1a">
            <ul>
                <li><a href="anggota.php">Siswa</a></li>
                <li><a href="buku.php">Buku</a></li>
                <li><a href="pinjam.php">Pinjam</a></li>
            <ul>

        </td>
        <td width="auto" >
            <a href="input_anggota.php">Input anggota</a>
 <table border="1">

<style>
    table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #4CAF50;
    color: white;
}
</style>

                                        <thead>

          <tr>
            <th >No</th>
            <th >id_anggota </th>
            <th >nama anggota </th>
            <th >alamat </th>
            <th >TTl </th>
            <th >Status</th>
         
            <th >Aksi</th>
          </tr>
        </thead>
                                 
                                 

                                    <tbody>
                                    <?php
include "koneksi.php";
$query  = "select * from anggota order by id_anggota";
$sql    = mysql_query ($query);
$no = 1;
while ($data=mysql_fetch_array($sql)) {
?>       
                                        <tr class="odd gradeX">
                                            <td><?php echo $no?></td>
                                            <td><?php echo $data['id_anggota'];?></td>
                                             <td><?php echo $data['nm_anggota'];?></td>
                                              <td><?php echo $data['alamat'];?></td>
                                               <td><?php echo $data['ttl_anggota'];?></td>
                                                <td class="center"><?php echo $data['status_anggota'];?></td>
                                         
                                            <td class="center"><a href="edit_anggota.php?id=<?php echo $data['id_anggota']; ?>" > Edit </a>|<a href="hapus_anggota.php?id=<?php echo $data['id_anggota']; ?>"
    onClick = "return confirm('Apakah Anda ingin mengapus  <?php echo $data['nm_anggota']; ?>?')"> hapus</a></td>
                                        </tr>
                                     
                                        <?php $no++; }?>
                                    </tbody>
                                 
                                 

                                </table>
        </td>
    </tr>
    <tr>
        <td colspan="2" align="center" bgcolor="#eee">Nikmah-Kedawung<br><script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script></td>
    </tr>
</table>
</body>
</html>

Kemudian kita coba lihat hasilnya, ketikkan di URL "localhost/perpus/anggota.php"


4. Agar kita bisa menambah anggota di perpustakaan maka kita harus membuat file "input_anggota.php"

 <!DOCTYPE html>
<head>
</head>
<body>
    <table width="auto" border="5" bgcolor="#eee">
        <tr>
            <td colspan="2" align="center"><h1>Selamat Datang Di Sistem Perpustakaan SMK HK</h1></td>
        </tr>
        <tr>
            <td width = "200" bgcolor="#F1A9A0">
                <ul>
                    <li><a href="anggota.php">Siswa</a></li>
                    <li><a href="buku.php">Buku</a></li>
                    <li><a href="pinjam.php">Pinjam</a></li>
                <ul>

            </td>
            <td width="auto">
                <form method="post" action="proses.php" >
                    <table border="0">
        <tr>
            <td>Nama Siswa</td>
            <td>:</td>
            <td><input type="text" name="nama"  placeholder="Nama"></td>
        </tr>
        <tr>
            <td>Alamat</td>
            <td>:</td>
            <td><textarea name="alamat" placeholder="Alamat" ></textarea></td>
        </tr>
        <tr>
            <td>TTL</td>
            <td>:</td>
            <td><textarea name="ttl" placeholder="Tempat tanggal lahir" ></textarea></td>
        </tr>
        <tr>
            <td>Status</td>
            <td>:</td>
            <td><select name="status">
                <option value="1">aktif</option>
                <option value="2">tidak aktif</option>
            </select></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td><input type="submit" name="simpan" value="simpan"></td>
        </tr>

    </table>
                </form>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" bgcolor="#eee">Nikmah-Kedawung<br><script type='text/javascript' src='//eclkmpsa.com/adServe/banners?tid=94091_154020_0&tagid=2'></script> <br> <script type='text/javascript' src='//eclkmpbn.com/adServe/banners?tid=94091_154020_2'></script></td>
        </tr>
    </table>

</body>
</html>

Selanjutnya kita lihat maka akan muncul tampilan seperti di bawah ini.


5. Yang terakhir kita buat proses, beri nama proses.php"

<?php
include "koneksi.php";

$nama    = $_POST['nama'];
$alamat    = $_POST['alamat'];
$ttl    = $_POST['ttl'];
$status    = $_POST['status'];

$query = mysql_query('insert into anggota(nm_anggota,alamat,ttl_anggota,status_anggota) values ("'.$nama.'","'.$alamat.'","'.$ttl.'","'.$status.'")');
if ($query) {
echo "<script>alert('data berhasil disimpan');
document.location.href='anggota.php'</script>\n";
} else {
echo "<script>alert('data gagal disimpan')"
document.location.href='input_anggota.php'</script>\n";
}
?>

6. SELESAI

F. Referensi 
Sekian tutorial dari saya semoga bermanfaat, dan selamat mencoba.

Wassalamu'alaikum Wr Wb.

0 komentar:

Posting Komentar