Archive for Mei 2013
JOBSHEET WEB DINAMIS
JOBSHEET
MEMBUAT
DATABASE/WEB DINAMIS
Jobsheet ini di ajukan untuk memenuhi syarat
Mengikuti Uji Kompetensi
Kejuruan
Di susun oleh :
Fidela
Valiant NIS :0121310235
YAYASAN SETYA BHAKTI
SMK TARUNA BHAKTI
Terakreditasi: A
BIDANG KEAHLIAN : TEKNOLOGI INFORMASI DAN KOMUNIKASI
PROGRAM KEAHLIAN : TEKNIK KOMPUTER JARINGAN
JL.Pekapuran Kel. Curug Kec. Cimanggis Depok Kode Pos 16953 Telp. (021) 8744810
Website : http://www.smktarunabhakti.net / E-mail : taruna@smktarunabhakti.net
SMK TARUNA BHAKTI
Terakreditasi: A
BIDANG KEAHLIAN : TEKNOLOGI INFORMASI DAN KOMUNIKASI
PROGRAM KEAHLIAN : TEKNIK KOMPUTER JARINGAN
JL.Pekapuran Kel. Curug Kec. Cimanggis Depok Kode Pos 16953 Telp. (021) 8744810
Website : http://www.smktarunabhakti.net / E-mail : taruna@smktarunabhakti.net
TAHUN 2012/2013
I.
MEMBUAT
DATABASE
·
Untuk
membuat Web Dinamis pertama yang harus kita lakukan adalah membuka PHPMyAdmin
·
Setelah
masuk ke PHPMyAdmin, buatlah database baru, kali ini saya menamakan Database
saya dengan menggunakan nama Sekolah sebagai contoh. Setelah itu klik Ciptakan
·
Dan
buatlah database baru. Kali ini saya namakan nama database saya Web dan number
of field nya 6
·
Isikan
field dengan nilai sebagai berikut :
Atau
biar lebih jelasnya :
·
Kemudian
Sisipkan
·
Di kolom
Sisipkan, isilah di kolom-kolom yang ada. Sebagai contoh saya mengisi
kolom-kolom tersebut sebagai berikut, lalu klik Go
II.
MEMBUAT FILE PHP UNTUK
KONEKSI KE DATABASE MYSQL
1.
Setelah
Database sudah di buat, membuat file PHP untuk koneksi ke database mysql. Caranya :
·
Buka
Dreamweafer . lalu buat file baru Ctrl+N -> Pilih PHP -> Klik Create
·
Muncul
tampilan file seperti ini
·
Lalu
simpan file tersebut di xampp -> htdocs. Dan buatlah folder baru, kali ini
saya namakan file baru saya Sekolah, lalu simpan dengan nama admin.php
·
Setelah itu
buat lagi file baru dengan kodingan seperti di bawah ini. Lalu beri nama dengan
koneksi.php
·
Sesudah
membuat file koneksi, lalu buat file untuk id_content dengan codingan seperti
dibawah ini :
<?php
include
("koneksi.php");
$sql=mysql_query("SELECT
*
FROM `sekolah`
LIMIT
0 , 30");
$baca=$sql;
$tampung=mysql_fetch_array($baca);
?>
<?php
do
{
?>
<body>
<table
width="100%" border="0">
<tr>
<td width="20%"><?php
echo $tampung['judul']; ?></td>
<td
width="47%"> </td>
</tr>
<tr>
<td height="23"><img
src="gambar/<?php echo $tampung['gambar']; ?>"
width="214" height="300"></td>
<td><?php echo $tampung['isi'];
?></td>
</tr>
<tr>
<td><?php echo
$tampung['user_upload']; ?></td>
<td><?php echo
$tampung['tanggal']; ?></td>
</tr>
</table>
<?php
}
while ($tampung=mysql_fetch_array($baca))
?>
</body>
·
Lalu simpan
dengan nama id_content.php. data-data yang ada di id_content sesuai kan dengan
data yang anda punya
·
Jika
kodingan tersebut sudah berhasil, akan muncul gambar.
·
Setelah
membuat kodingan id_content, lalu buatlah delete_content. Kodingan nya seperti
dibawah ini. Lalu save dengan nama delete_content.php
·
Sesudah
delete_content, buatlah cek_simpan. Seperti kodingan dibawah ini. Lalu beri
nama dengan cek_simpan.php
·
Lalu
buatlah form_isi dengan kodingan seperti dibawah ini. Dan simpan dengan nama
form_isi.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>
<body>
<form
name="frm_isi" method="post"
action="cek_simpan.php" enctype="multipart/form-data">
<table
width="55%" border="0">
<tr>
<th colspan="2">Form
Pengisian Content</th>
</tr>
<tr>
<td width="16%">Judul
:</td>
<td width="84%"><label
for="judul"></label>
<input type="text"
name="judul" id="judul" /></td>
</tr>
<tr>
<td>Content :</td>
<td><label
for="content"></label>
<textarea name="content"
id="content" cols="45" rows="5"></textarea></td>
</tr>
<tr>
<td><p>Gambar:</p></td>
<td><label
for="file_upload"></label>
<input type="file"
name="file_upload" id="file_upload" /></td>
</tr>
<tr>
<td>User :</td>
<td><label
for="user"></label>
<input type="text"
name="user" id="user" /></td>
</tr>
<tr>
<td>Tanggal :</td>
<td>
<input type="hidden"
name="tanggal" id="hiddenField" value = "<?php
$hari=date('d');
$bln=date('m');
$tahun=date('Y');
echo "$hari-$bln-$tahun";
?>"/></td>
</tr>
<tr>
<td> </td>
<td><input type="submit"
name="simpan" id="simpan" value="Submit"
/></td>
</tr>
</table>
</form>
</body>
</html>
·
Setelah
dibuat, akan muncul seperti ini :
