jobsheet web dinamis

Cara membuat web Dinamis Dengan Php MySQL

Nama : Nila sari lubis

Kelas : 10 Multimedia 1

Kata Pengantar

Syukur alhamdulillah, merupakan satu kata yang sangat pantas penulis ucapkan kepada Allah STW, yang karena bimbingannyalah maka penulis bisa menyelesaikan sebuah jobsheet web dinamis ini.

Jobsheet ini dibuat dengan berbagai observasi dalam jangka waktu tertentu sehingga menghasilkan karya yang bisa dipertanggung jawabkan hasilnya.

Saya menyadari bahwa masih sangat banyak kekurangan yang mendasar pada jobsheet ini. Terima kasih, dan semoga makalah ini bisa memberikan sumbangsih positif bagi kita semua.

Depok,Mei 2013

Penulis

Nila sari lubis

A. Bahan yang digunakan

a. Laptop

b. Aplikasi XAMPP (aplikasi agar kita dapat masuk ke localhost)

c. Adobe Dreamweaver atau agar kita dapat menkoding atau menginclude data-data ke database.

B. Langkah membuat web dinamis

Langkah pertama adalah dengan cara membuka search engine,lalu search localhost lalu enter.kemudian pilih menu PhpMyAdmin seperti gambar di bawah ini

Langkah selanjutnya membuat table baru lalu masukkan nama table lalu klik “Go”

Lalu isi semua kolom yang ada seperti gambar di bawah ini,jika sudah klik “Go”

Lalu akan keluar gambar seperti ini :

Lalu klik “soekarno” untuk melihat Database .

Lalu klik “insert” untuk membuat entri baru.

Sesudah klik insert akan keluar gambar seperti di bawah ini .Isi topic yang anda inginkan,lalu klik “Go”

Sesudah klik “Go” akan muncul gambar seperti gambar di bawah ini

Jika sudah klik “soekarno” untuk melihat hasil yang dibuat

Jika sudah akan muncul seperti gambar diatas .
Anda sudah mempunyai data di database .

Cara membuat koding koneksi

<?php

//membuat koneksi ke database myaql hosr : localhost

mysql_connect("localhost","root","");

//database yang digunakan pahlawan

mysql_select_db("pahlawan");

Jika sudah lalu simpan di “XAMPP/htdocs/sekolah/admin”.

Setelah membuat koneksi.php selanjutnya membuat kodingan tampiltable.php ini adalah contoh kodingan dari tampiltable.php. lalu save “XAMPP/htdocs/sekolah/admin”.

Cara membuat kodingan tampiltablecontent.php

Cara membuat kodingan tampiltable.php ini adalah contoh kodingan.

<!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>

<link href="stylecssku.css" rel="stylesheet" type="text/css" />

</head>

<?php

//memanggil file koneksi.php

include("koneksi.php");

$baca=mysql_query("SELECT * FROM soekarno");

$tampung=mysql_fetch_array($baca);

<body>

<table width="100%" border="1">

<tr>

<td width="6%"> </td>

<td width="7%"> </td>

<td width="8%">id berita</td>

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

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

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

<td width="12%">user</td>

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

</tr>

<?php do { ?>

<tr class="titlebar">

<td><a href="#">edit</a></td>

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

<td><?php echo $tampung['id_berita']; ?></td>

<td><?php echo $tampung['judul']; ?></td>

<td><?php echo $tampung['content']; ?></td>

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

<td><?php echo $tampung['user']; ?></td>

<td><?php echo $tampung['tanggal']; ?></td>

</tr>

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

</table>

</body>

</html>

Atau gambar di bawah ini :

Lalu save di “XAMPP/htdocs/sekolah/admin”. Jika sudah di save lalu buka web browser untuk melihat hasil dari kodingan tadi, jika berhasil semua maka akan keluar gambar seperti gambar di bawah ini.

Telah berhasil

Cara membuat koding deletecontent.php

Jika telah berhasil langkah selanjutnya adalah membuat deletecontent.php
<?php

include("koneksi.php");

$deletedata=$_GET['id_delete'];

echo $deletedata;

$perintah=mysql_query("delete from soekarno where id_berita=$deletedata");

if($perintah){

echo "Berhasil delete data";

}else { echo "gagal delete data"; }

Atau gambar di bawah ini

lalu save di “XAMPP/htdocs/sekolah/admin”.

dan buka web browser lalu klik delete untuk mencoba apa berhasil atau tidak jika berhasil maka akan keluar gambar seperti di atas ini.

Cara 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 `soekarno` (

`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";

}

Setelah itu lalu save di folder “XAMPP/htdocs/sekolah/admin”.

Cara 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>

lalu save kembali di “XAMPP/htdocs/sekolah/admin”.

Setelah di save lalu buka browser dan ketik localhost/sekolah/admin/forminputcontent.php dan jika berhasil maka akan keluar seperti ini.

Jika sudah keluar gambar seperti di atas maka klik simpan untuk melihat berhasil atau tidak dalam menyimpan,jika berhasil maka akan muncul gambar seperti di bawah ini .

Written By Unknown on Sabtu, 25 Mei 2013 | 06.09

0 komentar:

Posting Komentar

Kategori