Pages

▼

Sabtu, 25 Mei 2013

Jobsheet Web Dinamis


Jobsheet Web Dinamis
Kata pengantar
Segala puji dan syukur saya panjatkan kepada Allah SWT, karena atas berkat dan limpahan rahmatnyalah maka saya boleh menyelesaikan sebuah jobsheet dengan tepat waktu.

Berikut ini penulis mempersembahkan sebuah jobsheet, yang menurut saya kurang detail dan ada kurang lebihnya.

Melalui kata pengantar ini penulis lebih dahulu meminta maaf dan memohon permakluman bila mana isi makalah ini ada kekurangan dan ada tulisan yang saya buat kurang tepat atau menyinggu perasaan pembaca.

Dengan ini saya mempersembahkan jobsheet ini dengan penuh rasa terima kasih dan semoga Allah SWT memberkahi jobsheet ini sehingga dapat memberikan manfaat.

                                                                                                                      Depok, 25 Mei 2013


                                                                                          Penulis



Bahan-bahan yang dibutuhkan :
1.         Laptop
2.       Dreamweaver
3.       Xampp

Pembuatan Database di Php MyAdmin
Langkah pertama siapkan xampp lalu aktifkan
Setelah xampp diaktifkan, buka Mozilla Firefox atau Google Chrome untuk membrowsing. Lalu masukkan alamat pada search engine “localhost/xampp” setelah itu klik Php MyAdmin


Setelah mengklik pilihan Php MyAdmin, kita harus menciptakan database baru dengan mengisikan judul dikotak “Ciptakan database baru” lalu klik “Ciptakan”

Lalu setelah menciptakan database baru, kita harus membuat table untuk membuat database baru. Setelah itu klik “go”

Setelah mengklik tombol go akan muncul tampilan seperti ini, dan isikan kolom sesuai pilihan masing-masing. Khusus yang id_berita diberi index primary atau auto increment lalu klik simpan jika sudah selesai


Jika sudah selesai akan ada tampilan seperti ini, dan kita tinggal mengklik pilihan “Sisipkan”

Dengan mengklik pilihan “sisipkan” akan muncul tampilan seperti ini. Dan harus diisi sesuai ketentuan lalu klik go


Langkah sebelumnya dilakukan berulang sampai 4x dengan berita yang berbeda


Proses Pembuatan Coding Untuk Koneksi

<?php
//untuk membuuat koneksi di data bese mysql host : localhost
mysql_connect("localhost","root","");
//database yang di gunakan berita
mysql_select_db("pelajar");
?>
Jika sudah selesai lalu save di “XAMPP/htdocs/pelajar/admin”.


Setelah itu save di Xampp/htdocs/pelajar/admin . disave dengan nama folder koneksi.php


Cara Membuat Coding Untuk Membuat Tampiltable.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>
<p>
<?php
//memanggil file koneksi.php
include("koneksi.php");

$baca=mysql_query("SELECT * FROM `tentang pelajar`");

$tampung=mysql_fetch_array($baca);
?>

<?php do { ?>
<table width="795" height="80" border="1">
  <tr>
    <td width="46">&nbsp;</td>
    <td width="89">&nbsp;</td>
    <td width="120">idinformasi</td>
    <td width="95">judul</td>
    <td width="166">content</td>
    <td width="74">gambar</td>
    <td width="74">tanggal</td>
    <td width="79">user</td>
  </tr>
  <tr>
    <td>edit</td>
    <td><a href="deletecontent.php?delete=<?php echo $tampung ["id_berita"];?>">delete</a></td>
    <td>&nbsp;</td>
    <td><?php echo $tampung['judul']; ?></td>
    <td><?php echo $tampung['content']; ?></td>
    <td><img src="<?php echo $tampung['gambar'];?>" width="296" height="217" /></td>
    <td><?php echo $tampung['tanggal']; ?></td>
    <td><?php echo $tampung['user']; ?></td>
  </tr>
  <?php } while ($tampung=mysql_fetch_array($baca)); ?>
</table>
</body>
</html>
Lalu save di “XAMPP/htdocs/pelajar/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.


Cara Membuat Coding Deletcontent.php
<?php
include("koneksi.php");

$acuandelet=$_GET['delete'];

$perintah=mysql_query("delete from `tentang pelajar` where
id_berita=$acuandelet");

if($perintah){
         echo "data berhasil hapus";
}else  { echo "data gagal di hapus"; }
?>

lalu save di “XAMPP/htdocs/pelajar/admin”. Dan buka web browser lalu klik delete untuk mencoba apa berhasil atau tidak jika berhasil maka akan keluar gambar seperti dibawah ini.





Cara Membuat Coding Proses_Simpan_Content.php

<?php
include("koneksi.php");
$judul=$_POST['judul'];
$content=$_POST['content'];
$gambar=$_FILES['file_upload']['name'];
$user=$_POST['tanggal'];
$tanggal=$_POST['user'];

print_r($_POST);
echo $gambar;
$simpan=mysql_query("insert into `tentang pelajar` values('','$judul','$content','$gambar','$user','$tanggal')");


if($simpan) {
                                echo "data berhasil simpan";
} else { echo "data gagal simpan"; }

?>





Cara Pembuatan forminputcontent.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 action="proses_simpan_content.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
  <table width="109%" border="0">
    <tr>
      <td colspan="2">Form Input Content</td>
    </tr>
    <tr>
      <td>judul</td>
      <td><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="50" rows="5"></textarea></td>
    </tr>
    <tr>
      <td>gambar</td>
      <td><label for="file_upload"></label>
      <input type="file" name="file_upload" id="file_upload" /></td>
    </tr>
    <tr>
      <td>tanggal</td>
      <td><label for="tanggal"></label>
      <input type="text" name="tanggal" id="tanggal" />        <label for="user"></label></td>
    </tr>
    <tr>
      <td>user</td>
      <td><input type="text" name="user" id="user" /></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="btn_simpan" id="btn_simpan" value="Simpan" /></td>
    </tr>
  </table>
</form>
</body>
</html>

Setelah selesai lalu save kembali  di “XAMPP/htdocs/pelajar/admin”. Setelah di save lalu buka browser dan ketik localhost/ pelajar/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,


Jika ada bacaan di atas berarti  sudah berhasil di simpan.
di

3 komentar: