HAL PENTING DALAM MEMBUAT WEB MISAL PEMBUATAN DATA PSB ONLINE

A.     MEMBUAT DATABASE

a.      Installah web server yang biasanya digunakan apache (xampp, wamp)

b.      Bukalah web browser

c.       Masukan alamat http://localhost/phpmyadmin, maka akan tampil seperti gambar di bawah ini.

­­­

d.      Buatlah nama database yang anda akan buat dan klik create

e.      Selanjutnya anda akan diminta untuk membuat table dengan jumlah field sesuai dengan kebutuhan _­jumlah data yang diinginkan. (Dalam 1 buah database bias berisi lebih dari satu table)

f.        Bila telah dianggap selesai maka klik save dan go

g.      Database telah siap digunakan.

h.      Misal kita akan membuat table database siswa maka diperlukan :

Field	Type
Nisn	Integer
Nama	Text/Varchar
Jk	Text/Varchar
Tmplhr	Text/Varchar
Tgllhr	Date
Agama	Text/Varchar
AsalSekolah	Text/Varchar
Nilaiuan	Double
Username	Text/Varchar
Password	Text/Varchar

B.      MEMBUAT KONEKSI DATABASE KE DREAMWEAVER

a.      Bukalah software Dreamweaver.

b.      Buatlah halaman baru PHP

c.       Bukalah panel database danklik +

d.      Lakukan langkah membuat site, document type, testing server dan selanjutnya Anda akan memilih data base.

e.      Selanjutnya anda akan diminta membuat koneksiMySql

f.        Isilah Nama koneksi (bebas), MySqlserver(localhost) , username(bila belum diganti masih root), Password (bila tidak dirubah masih kosong), dan pilihlah database yang telah anda buat sebelumnya.

g.      Maka database telah tersambung dengan dreamweaver

C.      MENGISI DATABASE (FORM ISI)

a.      Untuk bias mengisi database yang telahkitabuatmakakitadiharuskanmembuathalamanpengisian

b.      Untukmemudahkankita bias menggunakanfasilitas wizard yang adapada DW

c.       Klik Insert >> Data Object >> Insert Record >> Record Insertion from wizard, sepertiterlihatpadagambar di bawahini.

d.      SelanjutnyaAndatinggalmemilih database yang telahAndabuat

e.      Pilihkoneksi yang telahAndabuat, Pilih table yang ada, sampaiterakhirklik OK

f.        Andabisamelakukanperubahanpadajenis display as misalnyauntukjeniskelamindan agama.

g.      Maka form pengisiandatabase telahAndabuat. Cobalahdenganmengisi data danlihatpadalocalhost/phpmyadminpada browser

­­­­­

D.     MENAMPILKAN ISI DATABASE

a.      Pertamabuatlahhalamanbaruuntukmenampilkanisi database

b.      Laluklikpada menu insert >> Data object >>Recorset

c.       Klik menu insert >> Data object >> Dynamic Data >> Dynamic Tabel

d.      Maka akan tampil seperti gambar di bawah ini dan penampilan database telah selesai.

E.      MEMBUAT LOGIN

a.      Buat lah halaman baru untuk login.

b.      Misal yang akan digunakan oleh kita sebagai login adalah username dan password dari database yang telah dibuat di atas maka kita tempatkan form pada halaman yang telah dibuat.(Insert >> Form >> Form)

c.       Buatlah 2 (dua) buah text field dengan nama username dan password

d.      Buat juga sebuah button dengan label masuk atau login.

e.      Klik pada bagian dalam form dan klik insert >> Data Object >> User Authentication >> Log In User

f.        Maka akan tampil seperti gambar di bawahini

g.      Isilah validating using connection dengan database psb, dan isi  juga table dengan table database psb yang telah Anda buat.

h.      Username dengan field yang akan dipakai sebagai username

i.        Password dengan password field.

j.        Sebelumnya anda diharapkan telah membuat dua   buah halaman yang akan digunakan sebagai keberhasilan login dan kegagalan login. Gunakan halaman-halaman tersebut .

k.       Cobalah maka akan tampil :

F.       MEMBUAT PENCARIAN DATABASE

a.      Buatlah halaman baru untuk form pencarian, Misal, cari.php

b.      Buatlah form  (Insert >> Form >> Form, pada properties rubahlah action dengan alamat cari.php dan method menjadi GET

c.       Buat juga satu buah textfield dan button, pada textfield namanya bebas, misalnyatxtitle

d.      Tampilkan kembali Recordset dengan mengklik + pada binding

e.      Untuk membuat hasil pencarian maka buatlah table dengan satu row dan sepuluh kolom (tergantung banyaknya field yang akan ditampilkan pada hasil pencarian)

f.        Kemudian pada panel binding record set lakukan klik drag ke table yang tadi dibuat field yang akan dimunculkan.

g.      Kemudian pada panel server behaiviorklik + danklik repeat region.

h.      Klik table yang dibuat dan lakukan pengeditan pada recorset binding seperti pada gambar di bawahini (gambar dalam bentuk detail).

i.        Simpanlah halaman web dengan menekan ctrl+S. dan coba dengan mengklik F12.

Catatan = untuk pencarian dengan tepa tgunakan = (samadengan), jika pencarian secara umum maka gunakan contains.

G.     MEMBUAT HALAMAN EDIT

a.      Buatlah halaman baru untuk pengeditan, missal xxxx.php (Biasanya pengeditan hanya berlaku untuk user tertentu misalnya administrator).

b.      Masukkan recordset, dan tampilkan isi database dengan insert >> data object >> Dynamic Data >>DynamikTabel

c.       Tambah 1 kolom terakhir untuk memasukkan kata edit

d.      Blok kata edit dan masukkan link missal ke file yyyy.php, jangan lupa pula masukkan parameter yang menjadi acuan/index/primary key, missal NISN

e.      Save file dan buat halaman baru untuk membuat file yyyy.php

f.        Klik>> Insert >> Data Object >> Update Record >>  Record Update From Wizard

g.      Maka akan ada Setup Intruction dimana Anda diminta untuk membuat recordset, klik recorset.

h.      Dan isi sesuai dengan konektion yang anda gunakan hal yang penting disini adalah anda diwajibkan mengisi filter dan URL Parameter, setelah terisi semua klik OK

i.        Selanjutnya akan ada form Update dan rubahlah sesuai keperluan.

j.        Setelah mengklik OK maka telah selesai pembuatan update record, dan segera coba.

MEMBUAT KOMENTAR

1.      Buatlah database dengan mengetik localhost/phpmyadmin pada ulr

2.      Buatlah database baru dengan nama bebas tidak boleh ada spasi dan titik. MIsalkan dalam hal ini membuat nama “coba” setelah itu klik create

3.      Buatlah table pada database yang telah dibuat. Misal Komentar dengan field 3 buah yaitu nama, email dan koment.

4.      Setelah itu maka bukalah halaman yang akan dibuatkan komentar dengan Dreamweaver

MEMBUAT BACKROUND TETAP

<background-attachment:fixed;> di body (tempat dimana ada gambar background)

FAVICON

<link rel="shortcut icon" href="xxx" />dimana xxx adalah nama file gambar bias berbentuk jpg, gif, png, ico dll, rekomendasi gambar harus berbentuk kotak missal 70 px x 70 px

UPLOAD FOTO

Cara memasukkan gambar ke database :

1.     Buat halaman baru, misalkan upload.php

2.     Buat koneksi ke database

3.     Lalu masuk tab binding dan buat recordset baru

4.     Kemudian insert => data object => insert record => record insertion form wizard

5.     Ganti Enctype dengan pilihan “MULTIPART/FORR DATA”

6.     Edit textfield foto dan ganti dengan file field dengan cara klik kanan dan edit tag.

7.     Selanjutnya masuk ke code ..

Temukan code seperti ini  ==>  GetSQLvalueString($_POST[‘foto’], “text”),    <==

Lalu, buat sebagai komentar dengan menambahkan // di awalnya, sehingga menjadi tidak berfungsi seperti ini :

==>  //GetSQLvalueString($_POST[‘foto’], “text”),    <==

8.     kemudian di bawah script tadi tulis script berikut ini :

GetSQLvalueString($foto=$_FILES[‘foto’][‘name’], “text”));

If(strlen($foto)>0){

If(is_uploaded_file($_FILES[‘foto’][‘tmp_name’])){

Move_uploaded_file($_FILES[‘foto’][‘tmp_name’], “namafolder/”.$foto);

}

}

9.     lalu save dan coba preview di browser

Cara menampilkan gambar dari database

1.     Buat halaman baru, misalnya tampil.php

2.     Buat koneksi ke database

3.     Masuk ke tab binding dan tambahkan recordset

4.     Pilih insert => data object => dynamic data => dynamic table

5.     Seleksi recordset foto pada table, kemudian masuk ke code dan tuliskan script sebagai berikut :

<img src”namafolder/ <?php echo $row_namarecordset[‘foto’]; ?> “height="40" width="30"/>

6.     Simpan dan preview di browser

Memberi nilai urut pada tampilan/output database

1.     Setelah menampilkan hasil dataset

2.     Buat Kolom baru, biasanya dikolom pertama

3.     Baris pertama kasih nama No

4.     Baris kedua tulis missal <?php $urut++; echo "$urut"; ?>

5.     mysql_select_db($database_psb, $psb);

6.   Pada scrip cari tulisan (Biasanya diatas doctype)      

$query_Recordset1 = "SELECT * FROM biodata ORDER BY jml_ni DESC";

$Recordset1 = mysql_query($query_Recordset1, $psb) or die(mysql_error());

$row_Recordset1 = mysql_fetch_assoc($Recordset1);

$totalRows_Recordset1 = mysql_num_rows($Recordset1);

7.     Tambahkan :                   $urut = 0;  ?>

8.     Selesai