JOBSHEET
PEMBUATAN
WEB DINAMIS
Disusun
Untuk Memenuhi Syarat Ujian Praktek
Disusun oleh : Ghina Syafira
NIS : 121310237
YAYASAN SETYA
BHAKTI
SMK TARUNA BHAKTI
TERAKREDITASI
: “ A “ No : 02.00/37/BAP-SM/XI/2008
Izin
No : 421.4/1150/DISDIK/2004 – NPSN 20229232
BIDANG
STUDI KEAHLIAN TEKNOLOGI INFORMASI DAN KOMUNIKASI
PROGAM
STUDI KEAHLIAN TEKNIK KOMPUTER DAN INFORMATIKA
KOMPETENSI KEAHLIAN : 1. TEKNIK KOMPUTER DAN JARINGAN
2.
MULTIMEDIA
3.
REKAYASA PERANGKAT LUNAK
Jln.
Pekapuran Kel. Curug – Kec. Cimanggis Depok Kode Pos 16953 Telp.(021)8744810
DEPOK
2013
1. Membuat Database
·
XAMPP
Langkah
pertama, pastikan Anda telah menginstall
XAMPP terlebih dahulu. Buka XAMPP CONTROL dan klik start pada Apache.
Buka web browser, dan tuliskan localhost/phpmyadmin pada Adress bar.
Maka akan muncul tampilan seperti dibawah
ini
Database
berhasil dibuat. Klik database yang baru diciptakan untuk kemudian membuat
tabel
Isikan
id_content pada kolom pertama. Judul, gambar, isi, user_upload, tanggal pada
kolom selanjutnya.
Ubah
semua jenis menjadi VARCHAR kecuali untuk kolom 1 dan kolom 4.
Geser
Scroll ke kanan, lalu pada kolom indeks
ubah menjadi PRIMARY dan klik centang pada sisi kanannya.
Klik simpan pada sisi pojok kanan
bawah.
Tabel
berhasil dibuat. Klik pada tabel web
untuk menyisipkan konten.
Klik
sisipkan untuk menyisipkan konten kedalam tabel.
Kosongkan
kolom Nilai pada baris id_content.
Isi bagian judul sesuai dengan yang ingin ditampilkan. Pada gambar, nama
disesuaikan dengan gambar yang telah dibuat satu folder. Isi dari kolom teks
adalah deskripsi dari judul yang tertera.
Lakukan
hal yang sama untuk mengisi kolom selanjutnya.
Lalu
klik .
etelah
itu, akan tertera berapa baris dalam tabel yang kita buat.
2. Membuat Web Dinamis Dengan
Menggunakan Adobe Dreamweaver CS5
Pertama,
pastikan Anda memiliki software Adobe Dreamweaver. Klik Start Button di pojok
kiri bawah, lalu ketik Adobe Dreamweaver
CS5.
Muncul
halaman utama, pilih Dreamweaver Site… lalu
beri nama dinamis.
Masih
pada halaman utama, klik PHP untuk
membuat file baru dengan format type php.
Beri
nama koneksi.php
Buat
file baru dengan klik kanan pada Site lalu pilih New File.
Beri
nama tampilcontent.php
Ketika
kita membuat tabel di PhpMyAdmin, ada
kode yang dibutuhkan. Copy code tersebut disini (tampilcontent.php)
Buat
file baru dengan nama form_isi.php.
Buat
tabel sebanyak 7 baris dan 2 kolom. Pada bagian header satukan dua kolom untuk memberi
judul.
Buat koding php untuk menentukan tanggal, bulan, dan tahun.
insert
input type untuk fungsi hidden field
Insert
input type untuk membuat button simpan
Buat
file baru dengan nama cek_simpan.php
Buat
file baru dengan nama cekadmin.php
Tabel
baris pertama
Tabel
baris kedua
Koding
php untuk menampung data
Buat
file baru dengan nama delete_content.php
Uji
melalui localhost dengan nama file yang ini di uji.