Posted by : Unknown
Senin, 27 Mei 2013
Membuat jobsheet database
dan web dinamis
Disusun oleh: Yohanes.
Oentardjo
Terakreditasi : “A” NO:
02.00/37/BAP-SM/X1/2008
Izin No:
421.4/1150/DISDIK/2004-NPSN 20229232
Bidang Keahlian Multimedia
smk taruna
bhakti
BAB I
PENDAHULUAN
1.1 Software yang digunakan
-
Install xampp control panel
application
-
Aplikasi browser, contoh: Google Chrome, Mozilla Firefox
1.2
Cara Membuat Database dan Table (PHP MyAdmin)
langkah pertama untuk membuat database terlebih dahulu
kita mengaktifkan xamp seperti di bawah ini:
Aktifkan apache dan mysql, karna itu
yang akan kita butuhkan..
·
langkah selanjutnya masuk ke google crom/ mozila firefox lalu tulis di
link localhost/phpmyadmin seperti yg di bawah ini :
·
Untuk
membuat database, isikan nama database yang akan dibuat pada bagian Create
new database, misalnya: sekolah, lalu klik tombol ciptakan. Lihat
gambar:
Sekarang
saatnya membuat tabel di phpMyAdmin
Pertama klik nama database yang
baru saja dibuat yaitu sekolah. Lalu isikan nama dan jumlah kolom yang
diperlukan, misalkan saya membuatnya dengan enam kolom. Jika sudah Klik tombol "Go".
Kemudian isi field – field sesuaikan tipe data dan jumlah data yang diperlukan,
serta jadikan id_berita sebagai primary key. Setelah selesai
Klik tombol "Save" untuk
menyimpan tabel baru.
Untuk id saya
menggunakan tipe data INT ,judul VARCHAR, gambar VHARCHAR,isi TEXT,user_upload
VHARCHAR,dan tanggal VHARCHAR.
Ukuran panjang
nilai bisa anda sesuaikan
Setelah berhasil membuat table,
kemudian klik insert untuk menyisipkan data yg akan dibuat. Kemudian klik “Go” :
Kemudian klik “browse” untuk melihat data yang baru
saja dilihat.
BAB II
Pembuatan Read Database di Dreamweaver
Setalah database
berhasil dibuat, kita bisa segera membuat file php untuk koneksi ke database
mysql.
·
caranya adalah buka dreamweaver lalu buat file baru
caranya : klik menu file/new document, maka akan muncul tampilan seperti
dibawah ini :
·
Maka akan muncul tampilan seperti di bawah
ini :
langsung
saja save as di xampp/htdocs buat folder baru misalkan namanya “contoh”, lalu simpan file dengan nama “admin.php” klik
save.
·
Buat file baru lagi caranya sama seperti
no.1, kemudian ketik scrip php seperti
di bawah ini :
<?php
mysql_connect("localhost","root","");
mysql_select_db("koran");
?>
keterangan:
scrip
php : mysql_connect("localhost","root","");
//untuk membuat koneksi di database mysql host : localhost
scrip
php : mysql_select_db("tabloid");
//untuk database yang di gunakan tabloid
lalu
simpan di folder yang sama dengan nama “koneksi.php”. SAVE
·
Membuat file baru dengan nama
content.php
·
Buat tabel dengan 2 kolom, dan 3
baris ,baris pertama di isi dengan judul, baris kedua kolom pertama diisi
dengan gambar. Baris kedua kolom kedua
di isi dengan (isi). Baris ketiga ,kolom pertama di isi dengan(user). Baris
ketiga ,kolom kedua di isi dengan tanggal .
·
Masukan koneksi dengan cara
masukan script seperti gambar dibawah ini
·
Masukan content dengan cara
memasukan script ,seperti gambar dibawah
ini
·
Buka browser, lalu buka
localhost/belajar_web_dinamis/content.php
Contoh content sederhana.
·
Selanjutnya
membuat delete dalam web dinamis :
Buatlah file tampiltablecontent.php caranya klik
insert/table(ctrl+alt+T), kemudian isikan dengan Rows : 2 dan Columns : 8. Berikut adalah
tampilannya.
·
kemudian ketik scrip php seperti di bawah ini :
Keterangan
:
Script php : include ("../koneksi.php");
//untuk memanggil file koneksi.php
Script php : $baca=mysql_query("SELECT
* FROM `berita`");
//untuk membaca table berita yang ada di database
Maka akan muncul table content
seperti gambar di bawah ini :
Lalu simpan di folder xampp/htdocs/contoh
buat folder baru dengan nama admin lalu simpan “tampiltabelconten.php”
. klik SAVE.
·
Selanjutnya membuat file
deletecontent.php, caranya ketik scrip php seperti
di bawah ini :
<?php
include("../koneksi.php");
$acuandelete=$_GET['delete'];
$perintah=mysql_query("delete
from berita where id_berita=$acuandelete") ;
if($perintah) {
echo "data berhasil dihapus";
} else { echo "data
gagal dihapus"; }
?>
keterangan :
Script php : $perintah=mysql_query("delete from berita where
id_berita=$acuandelete") ;
//perintah untuk
menghapus dari table berita di database
Script php : echo "data berhasil
dihapus";
//untuk mencetak data berhasil dihapus
Scrip
php :
} else { echo "data gagal
dihapus"; }
//untuk mencetak data gagal dihapus
Lalu simpan di folder yang
sama yaitu xampp/htdocs/contoh/admin
lalu simpan “deletecontent.php” .klik SAVE.
BAB IV Pembuatan Create Database
Selanjutnya kita akan membuat “form_input_content.php” dan membuat “proses_simpan_content.php”
untuk menyimpan data di database.
·
Buatlah file form_input_content.php
caranya klik insert/table(ctrl+alt+T), kemudian isikan dengan Rows : 7 dan Columns : 2. Berikut adalah tampilan formnya:
Dengan ketentuan sebagai
berikut :
Text Field pada judul :
<input
type="text" name="judul" id="judul" />
Textarea pada content : <textarea name="content"
id="content" cols="45"
rows="5"></textarea>
Field Field pada gambar
: <input
type="file" name="file_upload" id="file_upload"
/>
Text Field pada user : <input type="text"
name="user" id="user" />
Text Field pada tanggal : <input type="text"
name="tanggal" id="tanggal" />
Lalu simpan di folder xampp/htdocs/contoh
buat folder baru dengan nama form lalu simpan “form_input_content.php” . klik SAVE.
·
Buat file proses_simpan_content.php
agar data dapat tersimpan, caranya ketik scrip php seperti di bawah ini :
<?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 values('','$judul','$content','$gambar','$user','$tanggal')");
if($simpan)
{
echo "data berhasil simpan";
}
else { echo "data gagal simpan"; }
?>
keterangan :
Script php : echo "data berhasil
simpan";
//untuk mencetak data berhasil disimpan
Scrip
php :
} else { echo "data gagal
simpan"; }
//untuk mencetak data gagal disimpan
Lalu simpan di folder xampp/htdocs/contoh/form
lalu simpan “proses_simpan_content.php” .
klik SAVE.
·
Untuk melihatnya Buka
browser Anda (Google Chrome), lalu ketikkan pada bagian Address : localhost/contoh/form/forminputcontent.php, lalu tekan tombol Enter, maka akan tampil seperti
gambar di bawah ini :
Nah,
setelah muncul tampilan gambar seperti diatas,
berarti data anda yang baru saja dibuat berhasil tersimpan di database.
Untuk
melihat isi database yang baru saja dibuat dan tersimpan, caranya :
·
Buka browser Anda
(Google Chrome), lalu ketikkan pada bagian Address: http://localhost,
lalu tekan tombol Enter, maka akan tampil halaman phpMyAdmin. Lihat
gambar di bawah ini :
Pilih
database yang baru saja dibuat yaitu tabloid, kemudian klik table berita
kemudian browse
·
Jadilah
data anda yag sudah masuk ke database.
Mungkin sekian dari
jobsheet saya, kurang lebihnya saya minta maaf dan semoga bermanfaat bagi anda
semua