REFLECTION MINGGU KE-4 : MEMBANGUNKAN DYNAMIC WEBSITE ( .ASP)

hii..minggu ke-4 kami telah belajar membangunkan .asp website..jom kita tengok tutorial.

STEP 1 : MANAGING SITE

managing site ini penting sebelum kita membangunkan sesuatu dynamic website. berikut adalah step ringkas menggunakan dreamweaver cs3

1. sebelum tu pastikan laptop atau pc anda ada iis sebelum manage site (bagaimana? go to google>taip localhost pada url dan enter) anda akan lihat paparan berikut akan terpapar

2. create folder (go to computer > localdisck C > inetpub > wwwroot > 

alih cursor pada menu bar, cari site > new site > namakan site anda (e.g:project) > masukkan address url folder tadi (e.g: http://localhost/project) > next

3. pilih yes, i want to use server technology > pilih ASP VBScript > next > tick ayat atas sekali, edit and test locally (my testing server is on this computer) > tempat simpanan folder project simpanan anda (e.g: c:\inetpub\wwwroot\project\ > next

4. klik button Test URL untuk pastikan simpanan folder anda betul (kalau keluar succesfull berjayala tu, kalau unseccessfull sila check balik) > remote control : tick pada No > Done

STEP 2 : SETUP DATABASE

1. buka Microsoft Access 2010 > create database baru  > simpan database seperti gambar dibawah (C:\inetpub\wwwroot\data\)

2. create table seperti rajah dibawah dan simpan dalam folder C:\inetpub\wwwroot\data\ sebagai data.mdb dan tutup MS Access.

STEP 3 : SETUP CONNECTION

1. buka Dreamweaver > pilih ASP > pergi pada server behaviors > tekan + > pilih custom connection string > e.g: 

connection name: dmx ;

 connection string: 

"Driver={Microsoft Access Driver (*.mdb)};DBQ="& Server.MapPath("/data/db1.mdb") 

 pilih using driver on testing server

> klik pada button test (jika paparan menunjukkan "connection was made succesfully" anda telah berjaya connect pada database dan boleh buat langkah seterusnya. jika tidak berjaya perlu check pada connection.

2. buka halaman baru pada dreamweaver, file > new > blank page > ASP VBScript > Create

3. pilih insert > form > taip sebuah borang contoh seperti gambar dibawah. ruang kosong di sebelah menggunakan textfield (insert> form> text field)

 

4. pada ruang properties setiap textfield hendaklan dinamakan mengikut nama masing2 agar memudahkan kerja apabila kita ingin membuat insert record nanti.contoh pada ruang first name, pada ruang properties seperti berikut:

5. ulang sehingga column Address dan simpan fail sebagai contact.asp dalam C:\inetpub\wwwroot\project\

STEP 4 : USING INSERT RECORD

1. pergi pada server behavior > klik + > insert record > pilih connection yang telah anda buat sebelum ini, e.g: dmx

2. klik OK > simpan file.

STEP 5 : VIEW DATA FROM DATABASE USING RECORDSET

1. buka Dreamweaver, file > new > blank page > ASP VBScript > Create. simpan sebagai viewstudent.asp dalam folder yang sama.

2. bina table > pergi pada server behavior > klik + > pilih recordset(query) > klik Test untuk melihat sampel data yang telah masuk > klik OK. 

3. pergi pada Bindings tab > + > pilih RecordSet (Query) dan klik cancel. dan anda dapat lihat adanya Recordset yang telah dibuat tadi:

4. drag firstname pada column di sebelah firstname dan seterusnya seperti dibawah:

5. highlight semua dan pergi pada server behavior dan pilih repeat region dan pilih all records untuk pengulangan maklumat nanti.

6. simpan sebagai viewstudents.asp

hasilnya....

kesemua maklumat yang telah dimasukkan akan terpapar pada laman viewstudents.asp