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
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%">&nbsp;</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>&nbsp;</td>
    <td><input type="submit" name="simpan" id="simpan" value="Submit" /></td>
  </tr>
</table>
</form>
</body>
</html>
·         Setelah dibuat, akan muncul seperti ini :

- Copyright © Fidela Valiant - Hatsune Miku - Powered by Blogger - Designed by Johanes Djogan -