#Post Title #Post Title #Post Title
Sabtu, 25 Mei 2013

JOBSHEET WEB DINAMIS


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


Klik “Ciptakan”
Database berhasil dibuat. Klik database yang baru diciptakan untuk kemudian membuat tabel



Isikan nama tabel dan jumlah kolom sesuai kebutuhan.

 

Lalu klik Go untuk melanjutkan pada pojok kanan bawah.



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
Kemudian beri coding php dengan menyesuaikan nama database yang Anda buat.



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.

[ Read More ]