Friday, March 14, 2014

REFLECTION MINGGU KE-5 : MEMBANGUNKAN DYNAMIC WEBSITE ( .PHP)

salam semua.. kelas minggu ne kami belajar membangunkan dynamic website tetapi berbeza dgn kelas minggu lepas dimana kelas kali ne kami menggunakan .php pula...

Step1: install xampp (kalau belum ada dlm pc). taip ‘install xampp’ kat carian google anda


Step2: selesai install > open xampp control panel > klik button start pada module Apache dan MySQL (pastikan IIS off sebelum on apache dan mysql ne!!)


Step3: create database utk yg baru pertama kali guna:
 localhost pada google>security > scroll bawah > klink link yg ada bergaris tu > isi new password

create database utk yg pernah guna:
localhost pada google> phpMyAdmin > isi ruang login 


Step4: create database , namakan info pada tempat kosong > klik create


Step5: isi semua makluman seperti di bawah. Table name: register. 

Klik save. Pada column kiri mesti dah ada folder ‘register’, iaitu bawah folder ‘info’.tu tandakan kita dah save dokumen kita..



Step7: ok setelah bsersungguh2 edit..jadilah begini..(ok..shortcut ae..terasa malas nak tunjuk step tersebut..hihi) dan save sebagai register.php dan simpan pada folder ‘project’. 
(computer > local disk C > xampp > htdocs > project > select) Sebelum itu, anda harus create folder ini terlebih dahulu. Selesai.


Step8: untuk paparan view.php pula, ulang langkah di atas dan namakan dokumen sebagai view.php save pada folder yang sama (Abaikan dulu recordset.name semua tu ye sbb step tu akan diajar sebentar lagi..)


Step9: macam biasa buat connection site. Site > new site
Step10: application > button + > MySQL connection (isi seperti dibawah) > Test > kalau connection successfully > OK  (connection telah Berjaya yey!!)


Step11: klik pada view.php > server behaviors > + > recordset (isi seperti gambar dibawah) > OK. Dan drag pada padanan fieldtext masing-masing. Data akan dibaca dari database dan akan dipaparkan apabila anda preview.





Step11: klik pada register.php > highlight semua > repeat region > OK. Ini adalah untuk melihat kesemua data yang telah di isi oleh pengguna.

Inilah hasilnya:
Apabila anda mengisi form ini.


Selepas anda klik button Register, paparan seperti di bawah akan berlaku:


the end~~ (^^,)
selamat mencuba



No comments:

Post a Comment