HAL PENTING DALAM MEMBUAT WEBMISAL PEMBUATAN DATA PSB ONLINE
A. MEMBUAT DATABASEa. Installah web server yang biasanya
digunakan apache (xampp, wamp)b. Bukalah web browserc. Masukan
alamat http://localhost/phpmyadmin, maka akan tampil seperti gambar
di bawah ini.
d. Buatlah nama database yang anda akan buat dan klik createe.
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 gog. Database telah siap
digunakan.h. Misal kita akan membuat table database siswa maka
diperlukan :FieldType
NisnInteger
NamaText/Varchar
JkText/Varchar
TmplhrText/Varchar
TgllhrDate
AgamaText/Varchar
AsalSekolahText/Varchar
NilaiuanDouble
UsernameText/Varchar
PasswordText/Varchar
B. MEMBUAT KONEKSI DATABASE KE DREAMWEAVERa. Bukalah software
Dreamweaver.b. Buatlah halaman baru PHPc. 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 koneksiMySqlf. 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 telahkitabuatmakakitadiharuskanmembuathalamanpengisianb.
Untukmemudahkankita bias menggunakanfasilitas wizard yang adapada
DWc. Klik Insert >> Data Object >> Insert Record
>> Record Insertion from wizard, sepertiterlihatpadagambar di
bawahini.
d. SelanjutnyaAndatinggalmemilih database yang telahAndabuate.
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 DATABASEa.
Pertamabuatlahhalamanbaruuntukmenampilkanisi databaseb.
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 LOGINa. 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 passwordd. 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 usernamei. 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 DATABASEa. Buatlah halaman baru untuk form
pencarian, Misal, cari.phpb. Buatlah form (Insert >> Form
>> Form, pada properties rubahlah action dengan alamat
cari.php dan method menjadi GETc. Buat juga satu buah textfield dan
button, pada textfield namanya bebas, misalnyatxtitled. Tampilkan
kembali Recordset dengan mengklik + pada bindinge. 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 EDITa. 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 NISNe. Save file dan buat halaman
baru untuk membuat file yyyy.phpf. 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 OKi.
Selanjutnya akan ada form Update dan rubahlah sesuai keperluan.j.
Setelah mengklik OK maka telah selesai pembuatan update record, dan
segera coba.
MEMBUAT KOMENTAR1. 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 di body (tempat dimana ada gambar
background)
FAVICONKetik seperti di bawah ini pada baris sebelum
php?>:
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.php2. Buat koneksi ke database 3. Lalu masuk tab
binding dan buat recordset baru4. Kemudian insert => data object
=> insert record => record insertion form wizard5. Arahkan
file yang akan dituju ketika di klik.6. Ganti Enctype dengan
pilihan MULTIPART/FORM DATA7. Edit textfield foto dan ganti dengan
file field dengan cara klik kanan dan edit tag.8. Selanjutnya masuk
ke code ..Temukan code seperti ini ==>
GetSQLvalueString($_POST[foto], text),
//GetSQLvalueString($_POST[foto], text),
0){If(is_uploaded_file($_FILES[foto][tmp_name])){Move_uploaded_file($_FILES[foto][tmp_name],
namafolder/.$foto);}}10. lalu save dan coba preview di browser
Cara menampilkan gambar dari database1. Buat halaman baru,
misalnya tampil.php2. Buat koneksi ke database3. Masuk ke tab
binding dan tambahkan recordset 4. Pilih insert => data object
=> dynamic data => dynamic table5. Seleksi recordset foto
pada table, kemudian masuk ke code dan tuliskan script sebagai
berikut :
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
VALIDASI EMAI DAPAT DILAUKAN PADA TAG ISPECTOR TRUS
BEHAIVIOUR