Code Save Box: Maret 2013

Minggu, 31 Maret 2013

Tutorial membuat fungsi Searching / Pencarian

Assalamau'alaikum Wr. Wb

Kali ini Saya akan ngeshare tutorial membuat fungsi searching. Pencarian atau Searching berfungsi seagai alat bantu atau mempermudah dalam mencari suatu data dengan memasukkan kata kunci yang biasanya berupa judul. Searching ini, hampir selalu digunakan pada setiap aplikasi, baik dalam aplikasi berbasis web, maupun deskop. Berikut langkah-langkah pembuatan fungsi searching untuk pencarian data pada database :

Langkah 1 : Pembuatan Database

Buat database dengan nama db_cari
Buat tabel dengan nama db_siswa, dengan struktur tabel seperti berikut :

3. Selesai membuat database, Insert data seperti berikut :

4. Selesai di database nya, lanjutkan ke langkah 2.

Langkah 2 : Buat Folder

Buat Folder dengan nama cari dalam document root anda (contoh di htdocs pada MYSQL ).
Simpan semua file yang nanti di buat di folder tersebut.

Langkah 3 : Membuat Script form Search/Pencarian

Ketikan script berikut dan simpan dengan nama formsearching.php :
<html>
<head>
   <title> Halaman Pencarian </title>
</head>
<body>
<form method="post" action="cari.php">
<table align="center">
<tr>
   <td colspan ="3" align="center" bgcolor="red"> Pencarian </td>
</tr>
<tr>
    <td> Nama </td>
   <td> : </td>
   <td> <input type="text" name="name"> </td>
</tr>
<tr>
   <td colspan ="3" align="right" bgcolor="red"> <input type="SUBMIT" value="Cari" > </td>
</tr>
</table>
</form>
<font color="red">
    <center>
      <h3>Ysabtian.blogspot.com</h3>
    </center>
</font>
</body>
</html>

Langkah 4 : Buat script koneksi, proses, serta hasil pencarian

Ketikkan script berikut dan beri nama cari.php
<style type="text/css">
table { border:1px solid #000; padding:2; margin:auto }

</style>
<table cellspacing="3" border="1">
<caption> Hasil Pencarian </caption>
<tr align="center" bgcolor="#FF0000">
    <td>NO</td>
   <td>Nama Mahasiswa</td>
   <td width="200">Alamat</td>
</tr>
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("db_cari");
$name= $_POST['name'];
$pilih = mysql_query("SELECT * from db_siswa where nama like '%$name%' ");
while ($data = mysql_fetch_array($pilih))
{
echo " <tr> "; ?>
<td> <? echo "$data[no]"; ?> </td>
<td> <? echo "$data[nama]"; ?> </td>
<td> <? echo "$data[alamat]"; ?> </td>
</tr>
<?
}
?>
</table>
<font color="red">
   <center>
      <h3>Ysabtian.blogspot.com</h3>
   </center>
</font>

Langkah 5 : Uji coba Script

   1. Pergi ke http://localhost/cari/formsearching.php lalu akan tampil form seperti berikut :

2. Masukkan nama yang telah ada dalam database pada field nama (contoh sebagai y) :

3. Klik tombol cari maka akan tampil hasil pencariannya :

Alhamdulillah tutorial searching ini sudah selesai.
Semoga bermanfaat bagi kita semua.. Aamiin.
Sekian tutorial kali ini.
Wassalamua'alaikum Wr. Wb.

Download script

Sabtu, 30 Maret 2013

Tutorial Pembuatan Form Login dengan Hak Aksesnya

Assalamau'alaikum Wr. Wb

Hari ini Saya akan ngeshare tutorial membuat form login yang memiliki hak akses, yaitu sebagai admin atau user. Langsung saja. Berikut langkah-langkah pembuatannya.

Langkah 1 : Pembuatan Database

Buat database dengan nama member1
Buat tabel dengan nama userlogin, dengan struktur tabel seperti berikut :

3. Selesai membuat database, Insert data seperti berikut :

4. Selesai di database nya, lanjutkan ke langkah 2.

Langkah 2 : Buat Folder

Buat Folder dengan nama login dalam document root anda (contoh di htdocs pada MYSQL ).
Simpan semua file yang nanti di buat di folder tersebut.

Langkah 3 : Membuat Script form input

Ketikan script berikut dan simpan dengan nama loginform.php :
<html>
<head>
    <title>Form Login</title>
</head>
<body>
<form method='post' action='login.php'>
<table>
<th>Login Form</th>
<tr>
<td>Username</td>
<td><input type="text" name="username" /></td>
<td rowspan="3" valign="top"><input type="submit" value="Login" /></td>
</tr>
<td>Password</td>
<td><input type="password" name="password" /></td>
<td></td>
</tr>
</table>
</form>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>
</body>
</html>

Langkah 4 : Buat script koneksi ke database

Ketikkan script berikut dan beri nama connect_db.php :

<?
$hostmysql = "localhost";
$username = "root";
$password = "";
$database = "member1";
$conn = mysql_connect("$hostmysql","$username","$password");
if (!$conn) die ("GagalMelakukanKoneksi");
mysql_select_db($database,$conn) or die ("Database TidakDiketemukan di Server");
?>

Langkah 5 : Buat script proses login

Ketikkan script berikut dan beri nama login.php
<?php
ob_start(); // untukmembuffer;
include "connect_db.php";
//membuatvariabeluntukmenampung input username dan password
$username=$_POST['username'];
$password=$_POST['password'];
//memproteksidarimysql injection
$username = stripslashes($username); // menghapus backslash padatampilanphp
$password = stripslashes($password);
$username = mysql_real_escape_string($username); // memfilterkarakterkhususmisal '
$password = mysql_real_escape_string($password);

if (empty($username) || empty($password))
    {
    echo "Username dan Password tidakBolehKosong";
    }
else
    {
    $query=mysql_query("SELECT * FROM userlogin WHERE username='$username' and password='$password'");
    $cek=mysql_num_rows($query);
    $ambil = mysql_fetch_array($query);
    if ($cek==1)
        {
        session_start();
        $_SESSION['username']= $username;
        $_SESSION['password']= $password;
        if ($ambil['hak_akses']=="1")
            {
            header ('location:halaman_admin.php');
            }
        if ($ambil['hak_akses']=="2")
            {
            header ('location:halaman_user.php');
            }
        }
    else
        {
        echo "Salah Username dan Password";
        }
    }
ob_end_flush();
?>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>

Langkah 6 : Buat Halaman untuk admin

Ketikkan script di bawah ini dan beri nama halaman_admin.php
<?php
session_start();
if(!isset($_SESSION['username']) && !isset($_SESSION['password'])){
    //jika session belum di set/register
    echo "<a href='loginform.php'>Login Form</a><br>";
die("Andabelum Login Silahkan Login Terlebihdahulu");

}
echo "Halaman Admin <br>";
echo "<a href='logout.php'>Logout</a>";
?>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>

Langkah 7 : Buat Halaman untuk user

Ketikkan script di bawah ini dan beri nama halaman_user :
<?php
session_start();
if(!isset($_SESSION['username']) && !isset($_SESSION['password'])){
    //jika session belum di set/register
die("Andabelum Login Silahkan Login Terlebihdahulu");
}
echo "Halaman User <br>";
echo "<a href='logout.php'>Logout</a>";
?>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>

Langkah 8 : Uji coba Script

   1. Pergi ke http://localhost/login/loginform.php lalu akan tampil form seperti berikut :

2. Masukkan username dan password anda pada field yang tersedia (contoh sebagai admin) :

3. Klik tombol Login dan jika Username yang dimasukkan terdaftar maka akan tampil halaman admin :

Jika username yang dimasukkan sebagai user maka akan tampil halaman user seperti berikut :

4. Jika username yang dimasukkan selain admin/user dan username yang dimasukkan belum terdaftar,
maka akan tampil keterangan sebagai berikut :

Alhamdulillah tutorial tentang form login sudah selesai.
Semoga bermanfaat bagi kita semua.. Aamiin.
Sekian tutorial kali ini.
Wassalamua'alaikum Wr. Wb.

Download script :

Jumat, 29 Maret 2013

Tutorial HTML & PHP Membuat Form Input

Assalamau'alaikum Wr. Wb

Ini adalah tutorial membuat form input yang terkoneksi ke dalam database. Berikut langkah-langkah pembuatannya. Langsung saja...

Langkah 1 : Pembuatan Database

Buat database dengan nama data_mhs
Buat tabel dengan nama tabel_mhs, dengan struktur tabel seperti berikut :

3. Selesai membuat database, lanjutkan ke langkah 2.

Langkah 2 : Buat Folder

Buat Folder dengan nama input dalam document root anda (contoh di htdocs pada MYSQL ).
Simpan semua file yang nanti di buat di folder tersebut.

Langkah 3 : Membuat Script form input

Ketikan script berikut dan simpan dengan nama inputdata.php :
<html>
<head>
<title>Input Data Mahasiswa</title>
</head>

<body>
<form method="post" action="Simpandata.php">
<table>
<tr>
    <td>NIM</td>
    <td>:</td>
    <td colspan="7"><input type="text" name="nim" size="40"></td>
</tr>
<tr>
    <td>Nama Mahasiswa</td>
    <td>:</td>
    <td colspan="7"><input type="text" name="nama" size="40"></td>
</tr>
<tr>
    <td>Tanggal Lahir</td>
    <td>:</td>
    <td><input type="text" name="tanggal" size="4"/> </td>
    <td> Bulan </td>
    <td> : </td>
    <td><select name="bulan">
        <option value="1" selected="selected"> Jan </option>
        <option value="2" > Feb </option>
        <option value="3" > Mar </option>
        <option value="4" > Apr </option>
        <option value="5" > Mei </option>
        <option value="6" > Jun </option>
        <option value="7" > Jul </option>
        <option value="8" > Agu </option>
        <option value="9" > Sep </option>
        <option value="10" > Okt </option>
        <option value="11" > Nov </option>
        <option value="12" > Des </option></select></td>
    <td> Tahun </td>
    <td> : </td>
    <td> <input type="text" name="tahun" size="6" /> </td>
</tr>
<tr>
    <td>Alamat</td>
    <td>:</td>
    <td colspan="7"><input type="text" name="alamat" size="40"></td>
</tr>
<tr><td colspan="3"><input type="submit" value="Simpan">
<input type="reset" value="Hapus"></td>
</tr>
</table>
</form>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>
</body>
</html>

Langkah 4 : Buat script koneksi dan pemroses ke database

Ketikkan script berikut dan berinama simpandata.php :
<?php
mysql_connect("localhost","root","");
mysql_select_db("data_mhs");

/* mengambil input dari form */
$nim=isset($_POST['nim'])?$_POST['nim']:'';
$nama=isset($_POST['nama'])?$_POST['nama']:'';
$tgl=$_POST['tahun'].'-'.$_POST['bulan'].'-'.$_POST['tanggal'];
$alamat=isset($_POST['alamat'])?$_POST['alamat']:'';

if($nim=="")
{
echo "NIM anda kosong";
}
else
{
/* cek input NIM */
$pilih=mysql_query("select * from tabel_mhs where nim='$nim' ");
$cek=mysql_num_rows($pilih);

if($cek==0)
{

/* menyimpan data ke tabel */
mysql_query("INSERT INTO tabel_mhs(nim,nama,tanggal,alamat) VALUES('$nim','$nama','$tgl','$alamat')");

echo " Data yang anda masukkan telah berhasil didaftarkan ";
}
else
{
echo " NIM yang ada masukkan sudah terdaftar ";
}
}
?>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>

Langkah 5 : Uji coba Script

   1. Pergi ke http://localhost/input/inputdata.php lalu akan tampil form seperti berikut :

2. Masukkan nim, nama, tanggal lahir, serta alamat anda pada field yang tersedia :

3. Klik tombol simpan dan jika data yang dimasukkan belum terdaftar maka akan tampil keterangan
proses :

Jika data yang dimasukkan sudah terdaftar maka akan tampil keterangan proses seperti berikut :

4. Cek di database :

Alhamdulillah tutorial tentang form input sudah selesai.
Semoga bermanfaat bagi kita semua.. Aamiin.
Sekian tutorial kali ini.
Wassalamua'alaikum Wr. Wb.

Download script :

Kamis, 28 Maret 2013

Contoh script HTML & PHP Menghitung gaji dengan pilihan golongan

Ini contoh script menghitung gaji yang sudah memiliki gaji pokok untuk setiap golongannya, serta tunjangan.. Ini tampilannya...

Langsung aja ke script nya :

<html>
<head><title>Menghitung gaji</title></head>

<body>
<form methode="GET">
<table>
<tr>
<td>Nama</td>
<td> : </td>
<td><input type=text name=nama size=27></td>
</tr>
<tr>
<td>Golongan</td>
<td> : </td>
<td> <select name="golongan">
    <option value="1" selected="selected"> - </option>
    <option value="2"> A </option>
    <option value="3"> B </option>
    <option value="4"> C </option>
    <option value="5"> D </option>
    </td>
</tr>
<td>Jenis Kelamin</td>
<td> : </td>
<td>
    <select name=kelamin>
    <option value="1" selected="selected"> - </option>
        <option value="l"> Laki-Laki </option>
        <option value="p"> Perempuan </option></select></td>
</tr>
<td>Status Perkawinan</td>
<td> : </td>
<td>
    <select name=status>
    <option value="1" selected="selected"> - </option>
        <option value="s"> Sudah Menikah </option>
        <option value="b"> Belum Menikah </option></select></td>
</tr>
<tr>
    <td colspan="3"><input type=Submit name="submit" value=Hitung><input type=reset name="reset" value=Hapus></td>
</tr>

</table>
</form>
</body>
</html>

<?php
$nama=isset($_GET['nama'])?$_GET['nama']:'';
$gol=isset($_GET['golongan'])?$_GET['golongan']:'';
$kelamin=isset($_GET['kelamin'])?$_GET['kelamin']:'';
$status=isset($_GET['status'])?$_GET['status']:'';

if(!empty($nama) and !empty($gol) and !empty($kelamin) and !empty($status))
{
    ?>
<table border="1">
<tr>
    <td> Nama </td>
    <td> : </td>
    <td>
        <?php
        if (!empty($nama))
            {
                echo $nama ;
            }
        else
            {
            echo"<script>alert('Masukkan Nama')</script>";
            }
        ?> </td>
</tr>
<tr>
    <td> Gaji Pokok </td>
    <td> : </td>
    <td> <?php
        if ($gol=="2")
        {
            echo "1.000.000";
        }
        elseif ($gol=="3")
        {
            echo "2.000.000";
        }
        elseif ($gol=="4")
        {
            echo "3.000.000";
        }
        elseif ($gol=="5")
        {
            echo "4.000.000";
        } ?></td>
</tr>
<tr>
    <td>
        <?php echo "Tunjangan"; ?></td>
    <td> : </td>
    <td> <?php
        if ($kelamin=="l" && $status=="s")
        {
            echo "500.000";
        }
        elseif ($kelamin=="l" && $status=="b")
        {
            echo "Tidak ada";
        }
        elseif ($kelamin=="p"&& $status=="s")
        {
            echo "250.000";
        }
        elseif ($kelamin=="l" && $status=="b")
        {
            echo "Tidak ada";
        } ?></td>
</tr>
<tr>
<td> Jumlah Gaji </td>
<td> : </td>
    <td> <?php
        if ($gol==2 && $kelamin=="l" && $status=="s")
        {
            echo "1.500.000";
        }
        elseif ($gol==2 && $kelamin=="l" && $status=="b")
        {
            echo "1.000.000";
        }
        elseif ($gol==2 && $kelamin=="p"&& $status=="s")
        {
            echo "1.250.000";
        }
        elseif ($gol==2 && $kelamin=="l" && $status=="b")
        {
            echo "1.000.000";
        }
        if ($gol==3 && $kelamin=="l" && $status=="s")
        {
            echo "2.500.000";
        }
        elseif ($gol==3 && $kelamin=="l" && $status=="b")
        {
            echo "2.000.000";
        }
        elseif ($gol==3 && $kelamin=="p"&& $status=="s")
        {
            echo "2.250.000";
        }
        elseif ($gol==3 && $kelamin=="l" && $status=="b")
        {
            echo "2.000.000";
        }
        if ($gol==4 && $kelamin=="l" && $status=="s")
        {
            echo "3.500.000";
        }
        elseif ($gol==4 && $kelamin=="l" && $status=="b")
        {
            echo "3.000.000";
        }
        elseif ($gol==4 && $kelamin=="p"&& $status=="s")
        {
            echo "3.250.000";
        }
        elseif ($gol==4 && $kelamin=="l" && $status=="b")
        {
            echo "3.000.000";
        }
        if ($gol==5 && $kelamin=="l" && $status=="s")
        {
            echo "4.500.000";
        }
        elseif ($gol==5 && $kelamin=="l" && $status=="b")
        {
            echo "4.000.000";
        }
        elseif ($gol==5 && $kelamin=="p"&& $status=="s")
        {
            echo "4.250.000";
        }
        elseif ($gol==5 && $kelamin=="l" && $status=="b")
        {
            echo "4.000.000";
        } ?></td>
</tr>
</table>
<?php
}
else
{
    echo"<script>alert('Data Kosong')</script>";
}
?>

Download script

Senin, 25 Maret 2013

Script HTML & PHP untuk Form Pendaftaran Mahasiswa

Contoh Form sederhana dengan tema formulir pendaftaran mahasiswa, setelah pengisian data yang dimasukkan akan ditampilkan dibawah form input.

Tampilan Form saat pengisian :

Tampilan Form setelah pengisian :

Ini Scriptnya :

<html>
<head>
<title>Pendaftaran</title>
</head>

<body>
<form method="post">
<table border="0">
<tr>
    <td> Nama Mahasiswa </td>
    <td> : </td>
    <td colspan="7"> <input type="text" name="nama" size="54"/> </td>
</tr>
<tr>
    <td> NIM </td>
    <td> : </td>
    <td colspan="7"> <input type="text" name="nim"/></td>
</tr>
<tr>
    <td> Tempat Lahir </td>
    <td> : </td>
    <td colspan="7"> <input type="text" name="tempat" /></td>
</tr>
<tr>
    <td> Tanggal Lahir </td>
    <td> : </td>
    <td> <input type="text" name="tanggal" size="10"/> </td>
    <td> Bulan </td>
    <td> : </td>
    <td><select name="bulan">
       <option value="1" selected="selected"> Jan </option>
        <option value="2" > Feb </option>
        <option value="3" > Mar </option>
        <option value="4" > Apr </option>
        <option value="5" > Mei </option>
        <option value="6" > Jun </option>
        <option value="7" > Jul </option>
        <option value="8" > Agu </option>
        <option value="9" > Sep </option>
        <option value="10" > Okt </option>
        <option value="11" > Nov </option>
        <option value="12" > Des </option></select></td>
    <td> Tahun </td>
    <td> : </td>
    <td> <input type="text" name="tahun" size="10" /> </td>
</tr>
<tr>
    <td> Jenis Kelamin </td>
    <td> : </td>
    <td colspan="7"> <select name="kelamin">
                   <option value="1" selected="selected"> - </option>
                    <option value="2"> Laki-Laki </option>
                    <option value="3"> Perempuan </option></select></td>
</tr>
<tr>
    <td> Alamat </td>
    <td> : </td>
    <td colspan="7"><textarea name="alamat" cols="41" rows="7"></textarea></td>
</tr>
<tr>
    <td colspan="9" align="right"><input type="submit" name="submit" value="Simpan" /><input type="reset" name="reset" value="Batal" /></td>
</tr>
</table>
</body>
</html>

<?php
$nama=isset($_POST['nama'])?$_POST['nama']:'';
$nim=isset($_POST['nim'])?$_POST['nim']:'';
$tempat=isset($_POST['tempat'])?$_POST['tempat']:'';
$tanggal=isset($_POST['tanggal'])?$_POST['tanggal']:'';
$bulan=isset($_POST['bulan'])?$_POST['bulan']:'';
$tahun=isset($_POST['tahun'])?$_POST['tahun']:'';
$kelamin=isset($_POST['kelamin'])?$_POST['kelamin']:'';
$alamat=isset($_POST['alamat'])?$_POST['alamat']:'';

if(!empty($nama) and !empty($nim) and !empty($tempat) and !empty($tanggal) and !empty($bulan) and !empty($tahun) and !empty($kelamin) and !empty($alamat))
{
    ?>
<table border="1">
<tr>
    <td> Nama Mahasiswa </td>
    <td> : </td>
    <td colspan="7">
       <?php
       if (!empty($nama))
           {
               echo $nama ;
           }
       else
           {
           echo"<script>alert('Masukkan Nama')</script>";
           }
       ?>
</tr>
<tr>
    <td> NIM </td>
    <td> : </td>
    <td colspan="7"><?php echo $nim ?></td>
</tr>
<tr>
    <td> Tempat Lahir </td>
    <td> : </td>
    <td colspan="7"><?php echo $tempat ?></td>
</tr>
<tr>
    <td> Tanggal Lahir </td>
    <td> : </td>
    <td> <?php echo $tanggal ?> </td>
    <td> Bulan </td>
    <td> : </td>
    <td>
    <?php
    if($bulan=="1")
       {
           echo "Januari";
       }
    else if($bulan=="2")
       {
           echo "Februari";
       }
    else if($bulan=="3")
       {
           echo "Maret";
       }
    else if($bulan=="4")
       {
           echo "April";
       }
    else if($bulan=="5")
       {
           echo "Mei";
       }
    else if($bulan=="6")
       {
           echo "Juni";
       }
    else if($bulan=="7")
       {
           echo "Juli";
       }
    else if($bulan=="8")
       {
           echo "Agustus";
       }
    else if($bulan=="9")
       {
           echo "September";
       }
    else if($bulan=="10")
       {
           echo "Oktober";
       }
    else if($bulan=="11")
       {
           echo "November";
       }
    else if($bulan=="12")
       {
           echo "Desember";
       }
    else
       {
           echo "Salah";
       }
    ?>
    </td>
    <td> Tahun </td>
    <td> : </td>
    <td> <?php echo $tahun ?> </td>
</tr>
<tr>
    <td> Jenis Kelamin </td>
    <td> : </td>
    <td colspan="7"><?php echo $kelamin ?></td>
</tr>
<tr>
    <td> Alamat </td>
    <td> : </td>
    <td colspan="7"><?php echo $alamat ?></td>
</tr>
</table>
<?php
}
else
{
    echo"<script>alert('Data Kosong')</script>";
}
?>

<font color="red"><h3>Ysabtian.blogspot.com</h3></font>

Download Script

Code Save Box