- Siapkan aplikasi dreamweaver dan xampp.
- Jalankan aplikasi tersebut.
- Buat folder baru di local disk(c:) --> xampp --> htdocs
buat folder dengan huruf kecil dan jangan gunakan spasi
lalu buat juga folder untuk menyimpan gambar dan masukkan gambar pada folder tersebut. - Buat file header, untuk memasukkan gambar sebagai header tuliskan kode:
<img src"nama folder gambar/nama gambar.jpg" />
tuliskan kode tersebut di antara <body> dan </body>
lalu save file tersebut dg nama header dan tipenya php.
- Buat file footer, tuliskan saja copyright©2013 nama
untuk memasukkan simbol ©, klik insert --> klik HTML -->klik Special Characters --> klik Copyright
lalu save file tersebut dg nama footer dan tipenya php. - Buat file sidekanan, isi file tersebut dengan tulisan HOME,
lalu block tulisan tersebut dan klik pada bagian Link dan tulis file yg akan di link.
lalu save file tersebut dg nama side_kanan dan tipenya php. - Buat file sidekiri, isi file tersebut dengan tulisan INPUT dan TAMPIL,
lalu block tulisan pertama dan klik pada bagian Link dan tulis file yg akan di link.
Lakukan langkah tersebut pada tulisan yg kedua,
lalu save file tersebut dg nama side_kiri dan tipenya php. - Buat file index, pertama buat table dg cara klik Insert --> klik Table
setelah dialog table muncul tentukan banyak baris dan kolom juga tentukan besar table tersebut dan klik OK.
Setelah itu buat kolom pertama menjadi 1 kolom untuk menempatkan side_kiri dg cara block kolom dan klik kanan-->klik Table-->klik merge cells.
Kemudian buat baris pertama menjadi satu baris dan baris terakhir juga demikian untuk menempatkan header dan footer. Lalu gunakan kolom tengah sebelah kanan untuk menempatkan side_kanan.
Setelah table dibagi-bagi atur lebar dan tingginya cell,
masukkan/panggil file lain agar masuk ke table dg cara tuliskan kode:
<?php include ('nama file.php') ?>
tulisakan kode tersebut di masing-masing cell yg tadi sudah dibagi dan tuliskan kode di antara <td> dan </td>.
Lalu gunakan baris dan kolom tengah untuk menuliskan tentang PT tersebut.
setelah itu save dg nama index dan tipenya php. - Buat file input, save as file index.php menjadi file input.php
lalu ganti isi cell tengah menjadi form isian, caranya klik Insert --> klik Form --> klik Text Field
tuliskan pada label : no_induk_karyawan dan OK, lakukan yg sama untuk : nama_lengkap, umur, alamat, tahun_masuk, pendidikan_terakhir.
lalu klik persegi panjang form dan ganti nama TextFieldnya yg ada pada pojok kiri bawah sesuai dg nama pada label.
Dan unkuk tombol mengirim, caranya klik Insert --> klik Form --> klik Button --> klik OK
Pada bagian kode, pada bagian action="" isikan : proses.php pada bagian tengah petik dua.
Kemudian save dg nama input dan tipenya php. - Buat file proses, save as file index.php menjadi proses.php
lalu ganti isi cell tengah pada bagian code dengan kode:
<?php
$server='localhost';
$usr='root';
$pass='';
$db='ptsukamakmur';
$koneksi=mysql_connect($server, $usr, $pass);
mysql_select_db($db, $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);
?>
<p> DATA ANDA TELAH TERKIRIM </p>
tuliskan kode tersebut diantara <td> dan </td>
lalu save dg nama proses dan tipenya php - Buat file tampil, save as file index.php menjadi tampil.php
lalu ganti isi cell tengah pada bagian code dengan kode:
<?php
$server='localhost';
$usr='root';
$pass='';
$db='ptsukamakmur';
$koneksi=mysql_connect($server, $usr, $pass);
mysql_select_db($db, $koneksi);
$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 "<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>";
?>
tuliskan kode tersebut diantara <td> dan </td>
lalu save dg nama tampil dan tipenya php. - Buat database sesuai dg yg ada di file proses.php dan tampil.php di browser dg alamat : localhost/phpmyadmin
setelah masuk di localhostphpmyadmin,tulis nama database di create new database ---> klik create
- Create new table on database --> tulis nama tabel sesuai yg ada di proses.php dan tampil.php dan tentukan banyaknya fields --> klik Go
Lalu isi field sesuai dg urutan yg ada di form.php. Lalu untuk tipenya jika angka pilih INTEGER, jika huruf dan angka pilih VARCHAR, jika tak terbatas pilih TEXT. Jika tipenya sudah, isi juga Length/Values1, artinya berapa digit huruf/angka yg akan digunakan. Syaratnya jangan sampai menulis lebih dari255. Khusus untuk field no, klik Index --> klik PRIMARY dan klik juga A_I/ centang A_I --> klik save dibagian bawah.
- New tab pada browser, tuliskan alamat: localhost/nama folder di htdocs
jika browser terlihat, berarti file index sudah berhasil. - Klik link INPUT, jika tampilan sesuai dg file input.php dan tidak ada pesan error, berarti sudah benar.
- Isi from-form tersebut dan klik submit.
Jika muncul tulisan sesuai isian form, berarti file proses.php sudah benar. - Check tabel pada phpmyadmin, jika isian form yg di submit muncul, berarti database dan tabel sudah sesuai dg file proses.php dan tampil.php.
- Klik link TAMPIL, jika muncul tabel yg isinya sesuai table di phpmyadmin dan tidak ada pesan error, berarti file tampil.php sudah benar.
Tutorial Membuat Web Data Karyawan dengan Dreamweaver
Selasa, 28 Januari 2014
Langganan:
Postingan (Atom)