pembuatan database dan web (1).pdf

Pembuatan
Database & Web
menggunakan :
Xampp & Dreamweaver

 Ketik pada browser: http://localhost:8080
Seperti gambar berikut:

 Ketik phpMyadmin pada menubar sehingga
tampil seperti gambar berikut:

 Klik New pada menu bagian kiri :
o Isi nama database pada bagian Create database
kemudian klik tombol Create

 Isi nama table dan jumlah kolom
o Klik tombol “Go”

 Isi Kolom dan type data setiap kolom (atribut)
seperti gambar berikut:
o Klik Null Index (A_I) untuk primary key
o Klik tombol Save jika selesai.

 Setelah itu akan tampil sbb:
o Untuk mengisi table klik menu “Insert” sehingga tampil seperti gambar
berikut:
• Klik tombol “Go” setelah menginputkan

 Klik menu “Browse” untuk melihat isi tabel yang
sudah diisi.
 Lakukan hal yang sama untuk membuat dan mengisi
tabel lainnya.

Pembuatan Web-PHP
1. Buka Dreamweaver atau notepad++
2. Klik “File”-”New” sehingga tampil seperti gambar dibawah, klik
PHP dan tekan tombol “Create” :

3. Ketikkan pada bagian “Code” program berikut :
<?php
$db_host = 'localhost';
$db_usn = 'root'; //nama username
$db_pwd = ''; //password jika tidak ada bisa di kosongi seperti
contoh
$db_name = 'tesdb'; //nama database
$db_link = mysqli_connect($db_host,$db_usn,$db_pwd,$db_name);
if (!$db_link){
echo 'Tidak dapat terhubung ke database';
}
?>
3. Simpan file tersebut dengan nama “konek.php”
Simpan semua file php pada “C:xampphtdocstesku”. “tesku”
Merupakan folder yang dibuat khusus untuk database dengan nama
Dapat dibuat sesuai dengan keinginan.

4. Buka file baru dengan nama “mahasiswa.php” , ketikkan program
berikut:
<?php
//include('./tesku/konek.php');
$db_pwd = ''; //password jika tidak ada bisa di kosongi seperti contoh
if (!$db_link){
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body bgcolor="#CCCCCC">
<?php
$sql = 'select * from mahasiswa';
$query = mysqli_query($db_link,$sql);
?>
<h2><strong><p align="center">Data Mahasiswa</p></strong></h2>
<table width="807" border="1" cellpadding="0" cellspacing="0" align="center">

<tr>
<td width="112" height="29" align="center" valign="middle" bgcolor="#00FFFF">NO
BP</td>
<td width="176" align="center" valign="middle" bgcolor="#00FFFF">NAMA</td>
<td width="252" align="center" valign="middle" bgcolor="#00FFFF">ALAMAT</td>
<td width="133" align="center" valign="middle" bgcolor="#00FFFF"><a
href="tambah.php">TAMBAH</a></td></tr>
<?php
while($data = mysqli_fetch_array($query)){
?>
<tr>
<td p align="center" bgcolor="#FFFFFF"><?php echo $data['nobp']; ?></td>
<td p align="center" bgcolor="#FFFFFF"><?php echo $data['nama']; ?></td>
<td p align="center" bgcolor="#FFFFFF"><?php echo $data['alamat']; ?></td>
<a href="edit.php?ni=<?php echo $data['nobp'];?>" title="Edit mahasiswa ini"> || Edit
|| </a>
<a href="delete.php?ni=<?php echo $data['nobp'];?>" onclick="return
confirm('Yakin mau di hapus?');">|| Hapus ||</a>
</td>
</tr>
<?php
}
?>
</table>
</body>
</html>

5. Buka file baru dengan nama “tambah.php”
<h2><p align="center">TAMBAH DATA</p></h2>
<form method="post" action="aksi.php">
<table width="546" border="0" cellpadding="0" cellspacing="0" align="center"
bgcolor="#FFFFFF">
<tr>
<td width="189" height="20"> </td>
<td width="26"> </td>
</tr>
<tr>
<td height="27" align="right" valign="middle">NAMA</td>
<td align="center" valign="top">:</td>
<td valign="middle"><label>
<input type="text" name="nama">
</label></td>
</tr>

<tr>
<td height="27" align="right" valign="middle">ALAMAT</td>
<input name="alamat" type="text" size="50">
</label></td>
</tr>
<tr>
<td height="42"> </td>
<td> </td>
<td><input type="submit" name="ttambah" value="TAMBAH"></td>
</tr>
</table>
</form>
</body>

6. Buka file baru dengan nama “edit.php”
<h2>
<p align="center">EDIT DATA
<?php
//include('tesku/konek.php');
if (!$db_link){
}
if(isset($_GET['nobp'])){
$nobp = $_GET['ni'];
$query = mysqli_query($db_link,'select * from mahasiswa
where nobp = "'.$nobp.'"');
$data = mysqli_fetch_array($query);
$nama = $data['nama'];
$alamat = $data['alamat'];
}
else{
$nama = '';
$alamat = '';
}
?>

</p></h2>
<form method="post" name="frm" action="aksi.php">
<table width="546" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"
align="center">
<tr>
<td width="189" height="20"> </td>
</tr>
<tr>
<td height="27" align="right" valign="middle">NO BP</td>
<td valign="middle">
<input type="text" name="nis" value="<?php echo $_GET['ni']; ?>"
readonly="readonly">
</td>
</tr>
<tr>
<td height="27" align="right" valign="middle">NAMA</td>
<input type="text" name="nama" value="<?php echo $nama; ?>">
</label></td>
</tr>
<tr>
<td height="27" align="right" valign="middle">ALAMAT</td>
<input name="alamat" type="text" size="50" value="<?php echo $alamat; ?>">
</label></td>
</tr>

<tr>
<td height="42"> </td>
<td> </td>
<td><input type="submit" name="tedit" value="EDIT"></td>
</tr>
</table>
</form>
7. Buka file baru dengan nama “aksi.php” ketikkan program berikut :
<?php
if (!$db_link){
}
if(isset($_POST['ttambah'])){ //['ttambah'] merupakan name dari button di form tambah
$nobp = $_POST['nobp'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$sql = 'insert into mahasiswa (nobp,nama,alamat) values ("'.$nobp.'","'.$nama.'","'.$alamat.'")';

if($query){
header('location: mahasiswa.php');
}
else{
echo 'Gagal';
}
}
?>
8. Buka file baru dengan nama “delete.php” ketikkan program berikut:
<?php
if (!$db_link){
}
$nobp = $_GET['nobp'];
$sql = 'delete from mahasiswa where nobp="'.$nobp.'"';
header('location: mahasiswa.php');
?>

Cara menjalankan :
1. Buka Xampp, klik tombol “Start” pada “Apache” dan “MySql” :

2. Buka browser ketikkan alamat berikut :
http://localhost:8080/tesku/mahasiswa.php

pembuatan database dan web (1).pdf

pembuatan database dan web (1).pdf

More Related Content

Similar to pembuatan database dan web (1).pdf (20)

Recently uploaded (20)

pembuatan database dan web (1).pdf