Tutorial Membuat Data Karyawan Berbasis PHP & Mysql .

Tuesday, February 11, 2014 Unknown 2 Comments

Tutorial Membuat Data Karyawan Berbasis PHP & Mysql .

Tutorial Membuat Data Karyawan Berbasis PHP & MYSQL

Pertama Siapkan software yaitu : xampp,Dreamweaver(pakai notepad juga bisa)Instal xampp dan dreamwavernya, Jika sudah buatlah sebuah folder baru di localdisk C>xampp>htdocs>(disini). Huruf harus kecil semua tidak boleh menggunakan spasi tetapi menggunakan ( _ ) contoh : 10tkj1_15_ganyeko dan buatlah foder lagi didalamnya bernamakan images. Didalam folder images terserah anda isi gambar apa saja yang berukuran 650 x 200, jika anda sudah mempunyai gambar tetapi ukurannya tidak pas bisa dirubah ukurannnya dengan menggunakan paint, photoshop, firework dll. Setelah itu file gambarnya dicopy ke C>xampp>htdocs>(..nama foldernya…)>images.
Lalu jalankan xamppnya klik tulisan start pada Apache dan MySql berikut gambarnya.

setelah itu buka dreamweaver/notepad dan buatlah 10 slide,

-slide pertama disave dengan nama index.php

-ke 2 form.php

-ke 3 proses.php

-ke 4 tampil.php

-ke 5 header

-ke 6 footer

-ke 7 side_kiri

-ke 8 side_kanan

-ke 9 profil.php

Setelah selesai di SAVE semua ke dalam folder yang telah kamu buat tadi di localdisk C>xampp>htdocs>(…nama foldernya…)>(disini)

Anda tidak harus urut seperti yang diatas.

Pertama buat lah kode pada slide index.php berikut kodenya :

<body>
<center>
<table width=”800″ border=”1″>
<tr>
<th width=”150″ rowspan=”3″><?php include (‘sidebar_kiri.php’); ?></th>
<th height=”200″ colspan=”2″><?php include (‘header_atas.php’); ?></th>
</tr>
<tr>
<td width=”500″>
<h1><strong>Selamat Datang di Website PT. Suka Makmur</strong></h1>
<img src=”images/logo.png” /></td>
<td width=”150″><?php include (‘sidebar_kanan.php’); ?></td>
</tr>
<tr>
<td colspan=”2″><?php include (‘footer_bawah.php’); ?></td>
</tr>
</table>
</center>
</body>
</html>

Lalu buat kode lagi pada slide form.php berikut kodenya :

<br />
<br />
no_induk_karyawan
<input name=”no_induk_karyawan” type=”text” id=”no_induk_karyawan” />
</label>
<p>
<label>nama_lengkap
<input name=”nama_lengkap” type=”text” id=”nama_lengkap” />
</label>
</p>
<p>
<label>umur
<input name=”umur” type=”text” id=”umur” />
</label>
</p>
<p>
<label>alamat
<input name=”alamat” type=”text” id=”alamat” />
</label>
</p>
<p>
<label>tahun_masuk
<input name=”tahun_masuk” type=”text” id=”tahun_masuk” />
</label>
</p>
<p>
<label>pendidikan_terakhir
<input name=”pendidikan_terakhir” type=”text” id=”pendidikan_terakhir” />
</label>
</p>
<p>
<label>
<input name=”kirim” type=”submit” id=”kirim” value=”Submit” />
</label>
</p>
</form>
</td>
<td width=”150″><?php include (‘sidebar_kanan.php’); ?></td>
</tr>
<tr>
<td colspan=”2″><?php include (‘footer_bawah.php’); ?></td>
</tr>
</table>
</center>
</body>
</html>

Lalu buat kode lagi pada slide proses.php berikut kodenya :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
<body>
<center>
<table width=”800″ border=”1″>
<tr>
<th width=”150″ rowspan=”3″><?php include (‘sidebar_kiri.php’); ?></th>
<th height=”200″ colspan=”2″><?php include (‘header_atas.php’); ?></th>
</tr>
<tr>
<td width=”500″>
<?php
$server=’localhost’;
$user=’root’;
$password=”;
$database=’ gany_xtkj1_15’;
$koneksi=mysql_connect($server, $user, $password);
mysql_select_db($database,$koneksi);
$no_induk_karyawan=$_POST['no_induk_karyawan'];
$nama_lengkap=$_POST['nama_lengkap'];
$umur=$_POST['umur'];
$alamat=$_POST['alamat'];
$tahun_masuk=$_POST['tahun_masuk'];
$pendidikan_terakhir=$_POST['pendidikan_terakhir'];
echo $no_induk_karyawan;
echo “<br>”;
echo $nama_lengkap;
echo “<br>”;
echo $umur;
echo “<br>”;
echo $alamat;
echo “<br>”;
echo $tahun_masuk;
echo “<br>”;
echo $pendidikan_terakhir;
echo “<br>”;

$sql=”INSERT INTO data_karyawan(no, no_induk_karyawan, nama_lengkap, umur, alamat, tahun_masuk, pendidikan_terakhir)
values(”, ‘$no_induk_karyawan’, ‘$nama_lengkap’, ‘$umur’, ‘$alamat’, ‘$tahun_masuk’, ‘$pendidikan_terakhir’)”;
mysql_query($sql);
?>
</td>
<td width=”150″><?php include (‘sidebar_kanan.php’); ?></td>
</tr>
<tr>
<td colspan=”2″><?php include (‘footer_bawah.php’); ?></td>
</tr>
</table>
</center>
</body>
</html>

Lalu buat kode lagi pada slide tampil.php berikut kodenya :

<?php
$server=’localhost’;
$user=’root’;
$password=”;
$database=’ gany_xtkj1_15’;

//koneksi data
$koneksi=mysql_connect($server, $user, $password);

//mengambil data dari database
mysql_select_db($database, $koneksi);

//mengambil data dari data_karyawan

$sql=”SELECT * FROM data_karyawan”;

$query=mysql_query($sql);

echo “<table border=’1′>”;
echo “<tr>”;
echo “<td>no</td> <td>no_induk_karyawan</td> <td>nama_lengkap</td> <td>umur</td> <td>alamat</td> <td>tahun_masuk</td> <td>pendidikan_terakhir</td> “;
echo “</tr>”;

while($tampil=mysql_fetch_array($query)){

$no=$tampil['no'];
$no_induk_karyawan=$tampil['no_induk_karyawan'];
$nama_lengkap=$tampil['nama_lengkap'];
$umur=$tampil['umur'];
$alamat=$tampil['alamat'];
$tahun_masuk=$tampil['tahun_masuk'];
$pendidikan_terakhir=$tampil['pendidikan_terakhir'];

//echo $tampil;

echo “<tr>”;
echo “<td>$no</td> <td>$no_induk_karyawan</td> <td>$nama_lengkap</td> <td>$umur</td> <td>$alamat</td> <td>$tahun_masuk</td> <td>$pendidikan_terakhir</td>”;
echo “</tr>”;

}

echo “</table>”;

?>
</td>
<td width=”150″ background=”GAMBAR/background.jpg”><?php include (‘sidebar_kanan.php’); ?> </td>
</tr>
<tr>
<td colspan=”2″ background=”GAMBAR/background.jpg”><?php include (‘footer_bawah.php’); ?> </td>
</tr>
</table>
</body>
</html>

Lalu buat kode lagi pada slide header.php berikut kodenya :

Lalu buat kode lagi pada slide footer.php berikut kodenya :

<body>
copyright@2014 G.E.R XTKJ1
</body>

</html>

Lalu buat kode lagi pada slide side_kiri.php berikut kodenya :

<body>
<center>
<table width=”155″ border=”0″>
<tr>
<th width=”149″ bgcolor=”#FFFFFF” scope=”col”><h2>Menu Link </h2></th>
</tr>
<tr>
<th scope=”row”></th>
</tr>
<tr>
<th bgcolor=”#FFFFFF” scope=”row”><div align=”left”><a href=”index.php”>Home</a></div></th>
</tr>
<tr>
<th bgcolor=”#FFFFFF” scope=”row”><div align=”left”><a href=”tulis_nama.php”>Tulis Nama</a></div></th>
</tr>
<tr>
<th bgcolor=”#FFFFFF” scope=”row”><div align=”left”><a href=”data_karyawan.php”>Data Karyawan</a></div></th>
</tr>
</table>
</center>
</body>
</html>

Lalu buat kode lagi pada slide side_kanan.php berikut kodenya :

<body>
<p><a href=”profil.php”>Profil Perusahaan</a></p>
</body>
</html>

Lalu buat kode lagi pada slide profil.php berikut kodenya :

<body>
<center>
<table width=”800″ border=”1″>
<tr>
<th width=”150″ rowspan=”3″ scope=”col”><?php include (‘sidebar_kiri.php’); ?></th>
<th height=”200″ colspan=”2″ scope=”col”><?php include (‘header_atas.php’); ?></th>
</tr>
<tr>
<td width=”500″>
<h3 align=”center”><strong>PROFIL PT. SUKA MAKMUR </strong></h3>

PT. SUKA MAKMUR merupakan perusahaan yang telah didirikan tahun 10 tahun lamanya
di kota Banjarnegara
PT. Suka Makmur memiliki beberapa karyawan, dan sudah membuka cabang di berbagai daerah
</td>
<td width=”125″><?php include (‘sidebar_kanan.php’) ?></td>
</tr>
<tr>
<td colspan=”2″><?php include (‘footer_bawah.php’); ?></td>
</tr>
</table>
</center>
</body>
</html>

Jika sudah selesai diSAVE semuanya.

Setelah selesai pada dreamweaver atau notepad nya sekarang membuat database nya caranya buka Mozilla firefox/GoogleChrome tuliskan alamat localhost/phpmyadmin.Lalu buat databasenya, klik tulisan database dan berinama misalnya 10tkj1_15_ganyeko berikut gambarnya dan lihat tanda panah berwarna hitam

Setelah itu buat tabel pada database yang telah kamu buat tadi klik dulu databasenya

Setelah diklik databasenya akan muncul kotak pembuatan tabelnya berikut gambarnya

Setelah itu klik GO.

Setelah itu kita buat tablenya berikut gambarnya

Lalu isi kolom,jenis,ukuran sesuai yg ada di script

Setelah itu geser kekanan pada A_I di centang dan pada index diganti PRIMARY berikut gambarnya

Setelah itu geser kebawah dan klik SAVE.dan tabelnya sudah jadi

15. Setelah jadi semua buka di Mozilla forefox / Google Chrome dengan alamat

localhost/data_karyawan (NAMA FOLDER YANG ADA DI htdocs) dan berikut hasilnya

#ini adalah hasil dari index.php

#ini adalah hasil dari profil.php jika ingin keluar seperti ini klik tulisan Profil Perusahaan

#ini adalah hasil dari form.php jika ingin keluar seperti ini klik tulisan Tulis Data Karyawan dan pada kotak yang masih kosong diisi lalu klik kirim

#ini hasil dari dari form yang sudah diisi diatas tadi jika ingin keluar seperti ini klik tulisan Tampil Data Karyawan berikut gambarnya

Sekian dulu tutorial dari saya kurang lebihnya mohon maaf jika ada kesalahan kata dan cara yang kurang lengkap…………

2 comments:

YahyaFebruary 24, 2014
This comment has been removed by the author.
ReplyDelete
Replies
aFebruary 24, 2014
nice info :)
ReplyDelete
Replies

Add comment

Harap Tinggalkan Jejak Setelah Membaca
Jangan Menggunakan Kata Kata Kasar/Mengandung Sara
Berkomenlah Sesuai Topik :D

Gany Eko Rusliyanto

Tutorial Membuat Data Karyawan Berbasis PHP & Mysql .

Tuesday, February 11, 2014 Unknown 2 Comments

Unknown

2 comments:

Popular Posts

Facebook

Labels

Total Pageviews

Translate

LINK TEMAN

About Me

Followers

Label

Tutorial Membuat Data Karyawan Berbasis PHP & Mysql . Tuesday, February 11, 2014 Unknown 2 Comments

Unknown

2 comments:

Popular Posts

Facebook

Labels

Total Pageviews

Translate

LINK TEMAN

About Me

Followers

Label

Tutorial Membuat Data Karyawan Berbasis PHP & Mysql .

Tuesday, February 11, 2014 Unknown 2 Comments