DAFTA

R
DATA
MURID
 CREATE TABLE ‘DATA MURID’

1) Buka phpMyadmin pada localhost

2) Beri nama pada ruangan ‘name’. Cth: ‘datamurid’
3) Taip jumlah medan pada ruangan ‘number of fields’.
4) Cth: 5 (mengikut jumlah medan yang ingin dimasukkan)
5) Klik butang ‘go’
 CREATE TABLE ‘DATA MURID’

Rajah 1

Rajah 2

1) Paparan rajah 1 akan terpapar

2) Masukkan data maklumat ‘field’ nokp, nama, ting, kelas dan
emel
3) Masukkan ‘type’ dan ‘length’ seperti rajah 2.
4) Pembetulan: pd ruangan ‘type’ nokp adalah int
5) Klik butang ‘go’
 BUKA ‘DREAMWEAVER’

1) Buka folder ‘projek’ dlm dreamweaver

2) Buka file ‘template’
3) Klik ‘open’
SAVE FILE AS ‘DAFTAR_DATAMURID’

1) Save as file ‘template’ yang dibuka tadi dengan nama

‘daftar_datamurid.php’
2) Klik ‘open’
 BERI TAJUK PADA LAMAN
DAFTAR_DATAMURID

1) Beri tajuk yang sesuai pada laman yang dicipta supaya

pengguna tahu di mana mereka berada.
2) Contoh: laman ‘DATA MURID’
 NOTA
1) Cipta satu laman lagi seperti laman daftar_datamurid dengan
menggunakan file ‘template’.
2) Save as sebagai laman ‘berjaya.php’ dan pada ruangan laman,
sila taip ‘Terima kasih kerana mendaftar’.
 RECORD INSERTION FORM WIZARD
Buka semula laman daftar_datamurid

1) Seterusnya, pilih ‘Insert’

2) Pilih ‘Insert Record’
3) Pilih ‘Record Insertion Form Wizard’
 RECORD INSERTION FORM WIZARD

1) Pada connection, pilih folder yang dicipta. Cth: ‘projek’

2) Pada table, pilih table yg telah dicipta. Cth: ‘datamurid’
3) Pada After inserting, go to: taip laman ‘berjaya.php’.
Bermaksud jika pengguna berjaya masukkan data, pengguna
akan dimaklumkan melalui lama berjaya.
4) Klik ‘ok’
 PAPARAN DATA MURID PADA LAMAN DATA
MURID

1) Paparan data murid yang dicipta menggunakan Record

Insertion Wizard akan terpapar seperti paparan di atas.
2) Untuk cipta list/menu pada ‘ting’, delete kotak ruangan
seperti paparan di atas.
 CIPTA LIST/MENU

LIST/MENU

1) Pilih menu ‘Forms;

2) Pilih icon List/menu
 CIPTA LIST/MENU

1) Pada paparan di atas, pd ruangan ID, taip ‘ting’ iaitu sama

dengan ruangan field yg dicipta dalam jadual datamurid.
2) Klik ‘ok’
 CIPTA LIST/MENU

1) Pada ruangan properties, pilih ‘List Values’

 CIPTA LIST/MENU

Rajah A

Rajah B

1) Pada ruangan item label, taip ‘1’ dan value ‘1’

2) Seterusnya pilih simbol + untuk tambah pada ruangan item
label. Cth: 1,2,3,4,5 (ting 1 hingga 5)
3) Klik ‘ok’
 CIPTA LIST/MENU

Rajah 1: Rajah 2: Rajah 3: Cth ting

List/Menu Ting List/Menu Kelas dan Kelas yang
telah siap

1) Nota: untuk list/menu ‘kelas’, ikut langkah-langkah sama

seperti list/menu untuk ‘ting’.
 TUKAR BUTTON UPDATE/INSERT RECORD
DENGAN NAMA LAIN

1) Klik button insert/update record

2) Pada paparan properties, tukar value kepada ‘daftar’.
1) Button ‘Daftar’ terhasil
 PREVIEW IN CHROME OR F12

1) Untuk pastikan laman kita berjaya dihasilkan, sila pilih

‘preview in chrome’ atau F12.
 PREVIEW IN CHROME OR F12

Rajah A

Rajah B

1) Laman data murid akan terpapar (Rajah A)

2) Masukkan data pada ruangan yang disediakan (Rajah B)
Klik ‘daftar’
 PREVIEW IN CHROME OR F12

1) Apabila pengguna memasukkan data dan klik ‘daftar’,

pengguna akan dimaklumkan pada laman berjaya seperti
paparan di atas.
TERIMA
KASIH