Membuat Web Dinamis

KATA PENGANTAR

Assalamualaikum wr.wb.

Puji dan syukur kita panjatkan kepada Allah SWT, karena saya telah menyelesaikan jobsheet tentang web dinamis

A. Bahan-bahan yang di gunakan :

· Laptop

· Adobe dreamweaver

· Xampp

· PHP myadmin

B. Langkah pertama membuat database

1. Buka xampp dengan mengetikkan locallhost/PHPmyadmin

2. Klik basisdata lalu masuk kan nama database

3. Ketikkan nama dengan berita dan number of columns 6

4. Isi colom dengan seperti gambar di bawah

5. Setelah selesai klik berita yang ada di sebelah kiri

6. Klik sisipkan untuk memasukkan data baru

7. Hasilnya akan seperti ini

C. Cara menyimpan data ke database

· Cara pertama buka dreamweaver

· Buat folder dalam xampp/htdocs dengan sekolah

· Masukan foto dalam folder sekolah buat folder baru dengan nama gambar buat nama foto sesuai dengan yang di database

1. Cara membuat koneksi di dreamweaver dengan nama koneksi.php
<?php
//untuk membuat koneksi di database mysql hosr : localhost
mysql_connect("localhost","root","");
//database yang di gunakan koran
mysql_select_db("koran");
?>
Setelah selesai simpan di dalam folder sekolah dengan nama koneksi.php

2.       Membuat kodingan tambilberita.php
<!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=utf-8" />
<title>Untitled Document</title>
</head>
<?php
include("koneksi.php");

$baca=mysql_query("select * from berita");
$tampung=mysql_fetch_array($baca);
?>

<body>
<?php do { ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
   <td width="28%"><?php echo $tampung['judul']; ?></td>
   <td width="72%"> </td>
  </tr>
  <tr>
   <td height="96"><img src="gambar/<?php echo $tampung['gambar']; ?>" width="500" height="400" </td>
   <td><?php echo $tampung['content']; ?></td>
  </tr>
  <tr>
   <td><?php echo $tampung['user']; ?></td>
   <td><p> </p>
   <p><?php echo $tampung['tanggal']; ?></p>
   <p> </p></td>
  </tr>
   </table>

<?php } while($tampung=mysql_fetch_array($baca));?>
</body>
</html>

Dan hasilnya

3. Membuat kodingan tampiltabelcontent.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<?php

include("../koneksi.php");

$baca=mysql_query("select * from berita");

$tampung=mysql_fetch_array($baca);

</p>

<tr>

<td width="9%">id_berita</td>

<td width="8%">judul</td>

<td width="9%">content</td>

<td width="24%">gambar</td>

<td width="14%">tanggal</td>

</tr>

<?php do { ?>

<tr>

<td><a href="deletecontent.php?delet=<?php echo $tampung['id_berita']; ?>">delete</a></td>

<td><img src="../gambar/<?php echo $tampung['gambar']; ?>" alt="" width="100" height="100" /></td>

</tr>

<?php } while($tampung=mysql_fetch_array($baca));?>

</table>

</body>

</html>


	Simpan dengan nama tampiltabelcontent.php dengan membuat folder baru dengan nama admin

Setelah di simpan buka google chrome tulis localhost/sekolah/admin/tampiltabelcontent.php

Hasilnya akan seperti ini :

4. Membuat kodingan deletecontent.php

<?php

include("../koneksi.php");

$acuandelete=$_GET['delet'];

$perintah=mysql_query("delete from berita where id_berita=$acuandelete");

if($perintah) {

echo "data berhasil hapus";

}else { echo "data gagal di hapus";}

Simpan dengan nama deletecontent.php di dalam folder admin

Buka dalam browser xampp/sekolah/admin/tampiltabelcontent.php lalu klik tulisan delete dan hasilnya seperti ini :

5. Membuat kodingan proses_simpan_content.php

<?php

include("../koneksi.php");

$judul=$_POST['judul'];

$content=$_POST['content'];

$gambar=$_FILES['file_upload']['name'];

$user=$_POST['user'];

$tanggal=$_POST['tanggal'];

//print_r($_POST);

//echo $gambar;

$simpan=mysql_query("INSERT INTO `berita` (

`id_berita` ,

`judul` ,

`content` ,

`gambar` ,

`user` ,

`tanggal`

)

VALUES (

NULL , '$judul', '$content', '$gambar', '$user', '$tanggal'

)");

if($simpan){

echo "data berhasil simpan ke database";

}else {

echo "gagal simpan";

}

Simpan kembali di folder admin

6. Membuat kodingan forminputcontent.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<tr>

<th colspan="3">Form Input Content Berita</th>

</tr>

<tr>

<td width="15%">Judul</td>

</tr>

<tr>

<td>Content</td>

</tr>

<tr>

<td>Gambar</td>

</tr>

<tr>

</tr>

<tr>

<td>tanggal</td>

<td><?php

$hari=date("d");

$bln=date("m");

$tahun=date("Y");

<input name="tanggal" type="hidden" value="<?php echo "$hari-$bln-$tahun"; ?>" id="tanggal" /></td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

Buka browser xampp/sekolah/admin/forminputcontent.php dan isi data-datanya

Lalu klik submit

Dan data telah masuk ke database

Cari Blog Ini

fitri febriyanti lubis

Membuat Web Dinamis

Komentar

Posting Komentar

Postingan populer dari blog ini

Tutorial Membuat Koneksi MySql Menggunakan PHP

Sang Penguasa