Rabu, 28 November 2012

CARA MEMBUAT WEB SEDERHANA (PBO)

Diposting oleh Erma Monica di 23.57

Cara Membuat Web Sederhana

  1. Langkah Pertama kita harus memiliki XAMPP dan Notepad++
  2. Jika andatelah kemiliki XAMPP, maka buka Mozila atau browser apapun
  3. Setelah membuka browser lalu ketikkan http://localhost/phpmyadmin  (tanpa perlu internet connect)
  4. Maka akan muncul seperti gambar yang di bawah ini
  5.            Isikan pada Create New Database sesuai dengan nama database yang anda inginkan, setelah selesai klik Create. Tetapi untuk contoh saya menggunakan dbarang untuk penamaan Databasenya.
    6.     Setelah itu buat tabelnya dengan nama tbbarang, untuk contoh, samakan fieldnya seperti dibawah ini
    7.       Setelah selesai membuat Database, lalu buka Notepad++ nya
          Lalu copy atau ketikkan coding seperti dibawah ini, Simpan dengan nama “koneksi.php”, simpan di C:\xampp\htdocs\ , buat folder dengan nama “barang” di htdocs.

    <?php
    $server="localhost";
    $user="root";
    $pass="";
    $dbname="dbbarang";

    mysql_connect($server,$user,$pass)or die ("Koneksi Gagal");
    mysql_select_db($dbname)or die("Data Base Tidak Bisa Dibuka");
    ?>

    8.   Simpan dengan nama “input_barang.php”.

    <?
    echo"<center><h1>Input Data Barang</h1></center>";
    echo"<center>
    <form action='simpan_barang.php' method='post'>
    <body bgcolor='grey'>
    <table bgcolor='green'>

    <tr>
    <td>Kode Barang</td>
    <td><input type='text' name='kb'</td>

    <tr>
    <td>Nama Barang</td>
    <td><input type='text' name='nb'</td>

    <tr>
    <td>Merk</td>
    <td><input type='text' name='m'</td>

    <tr>
    <td>Kode Jenis</td>
    <td><input type='text' name='kj'</td>

    <tr>
    <td>Harga</td>
    <td><input type='text' name='h'</td>

    <tr>
    <td>Stok</td>
    <td><input type='text' name='s'</td>
    </center>
    </tr>
    <td></td>

    <td><input type=submit value=Simpan><input type=reset value=Batal></td>";
    echo"<tr><center><a href='tampil_barang.php'>Back</a></center></tr>";
    ?>

    9.   Simpan dengan nama “simpan_barang.php”.

    <?

    include"koneksi.php";

    $qry=mysql_query("insert into tbbarang(kd_barang,nama_barang,merk,kd_jenis,harga,stok) value ('$_POST[kb]','$_POST[nb]','$_POST[m]','$_POST[kj]','$_POST[h]','$_POST[s]')");
    if($qry)
    echo"<h1>Data 'Berhasil' Disimpan</h1>";
    else
    echo"<h1>Data 'Gagal' Disimpan</h1>";
    echo "<meta http-equiv=refresh content= 1;URL=index2.php?menu=tampil_data>";
    ?>

    10.  Simpan dengan nama “tampil_barang.php”.



     <?php
    include"koneksi.php";
    echo"<h1><center>Data Barang</center></h1>";
    echo"<center>
    <body bgcolor='grey'>
    <table border='1' bgcolor='green'>
    <th>No</th>
    <th>Nama Barang</th>
    <th>Merk</th>
    <th>Kode Jenis</th>
    <th>Harga</th>
    <th>Stok</th>
    <th>Aksi</th>
    </center>";
    $tampil=mysql_query("select*from tbbarang");
    $posisi=0;
    $no=$posisi+1;
    while($r=mysql_fetch_array($tampil)){

    echo"
    <tr>
    <td><center>$no</center></td>
    <td>$r[nama_barang]</td>
    <td>$r[merk]</td>
    <td>$r[kd_jenis]</td>
    <td>$r[harga]</td>
    <td>$r[stok]</td>
    <td><a href=edit_barang.php?kb=$r[kd_barang]>Edit</a>&nbsp;||&nbsp;
        <a href=hapus_barang.php?kb=$r[kd_barang]>Hapus</a></td>
    </tr>"; 
    $no++;
    }
    echo"
    </table>";
    echo"<body bgcolor='grey'><a href='input_barang.php'>Tambah Data</a>";
    if($_GET[aksi]=='berhasil'){
    echo"<h1>Anda Telah Berhasil Memperbarui Data</h1>";}
    elseif($_GET[aksi]=='hapus'){
    echo"<h1>Anda Telah Berhasil Menghapus Data</h1>";}
    ?>

    11.   Simpan dengan nama “edit_barang.php”.

    <?
    include "koneksi.php";

    $edit=mysql_query("select *from tbbarang where kd_barang='$_GET[kb]'");
    $r=mysql_fetch_array($edit);

    echo "<center>
    <form action=save_edit_barang.php method=post>
    <input type=hidden name=kb value=$r[kd_barang]>
    <h2> FORM EDIT DATA </h2>
    <table bgcolor='green'>
    <tr>
    <td>Nama Barang </td> <td> : </td>
    <td><input type=text name=nb value='$r[nama_barang]'></td>
    </tr>
    <tr>
    <td>Merk </td> <td> : </td>
    <td><input type=text name=m value='$r[merk]'></td>
    </tr>
    <tr>
    <td>Kode Jenis</td> <td> : </td>
    <td><input type=text name=kj value='$r[kd_jenis]'></td>
    </tr>
    <tr>
    <td>Harga </td> <td> : </td>
    <td><input type=text name=h value='$r[harga]'></td>
    </tr>
    <tr>
    <td>Stok</td> <td> : </td>
    <td><input type=text name=s value='$r[stok]'></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type=submit name=submit value=Edit>
    <input type=reset value=Cancel></td>
    </tr>
    </table>
    </form>";
    ?>

    12.  Simpan dengan nama “save_edit_barang.php”

    <?php
    include "koneksi.php";
    mysql_query("UPDATE tbbarang SET nama_barang = '$_POST[nb]', merk = '$_POST[m]', kd_jenis = '$_POST[kj]', harga = '$_POST[h]', stok = '$_POST[s]' WHERE kd_barang='$_POST[kb]'");

    echo "<meta http-equiv=refresh content= 1;URL=tampil_barang.php>";
    ?>

    13. Simpan dengan nama “hapus_barang.php”.

    <?php
    include "koneksi.php";
    $del=mysql_query("delete from tbbarang where kd_barang='$_GET[kb]'");
    if ($del)
    echo "<h1> Anda 'Berhasil' Menghapus Data </h1>";
    else
    echo "<h1> Anda 'Gagal' Menghapus Data </h1>";
    echo "<meta http-equiv=refresh content= 1;URL=tampil_barang.php>";
    ?>

    14.  Setelah selesai ketik di browse” http://localhost/barang/” maka akan mincul seperti gambar di bawah ini





    “input_barang.php” akan muncul gambar seperti di bawah ini





    “tampil_barang.php”


    Pembuatan web ini hanya sebagai contoh saja, untuk penggunaan database dan lain-lainnya sesuaikan dengan nama-nama yang anda inginkan/butuhkan..

    SEMOGA BERMANFAAT…. J



2 komentar:

John on 5 Januari 2015 pukul 04.46 mengatakan...

thanks min, bermanfaat sekali :)

Budi anugrah citra on 11 November 2015 pukul 19.11 mengatakan...

Mas ada alamat bantu saya buat Web local untuk stok barang di usaha yang saya jalani bisa gak mas? kalau bisa Email saya yah budianugrahcitra@gmail.com makasih mas

Posting Komentar

 

Erma Monica Copyright © 2011 Design by Ipietoon Blogger Template | web hosting