REFLECTION MINGGU KE 6 : (.PHP) ADMIN PAGE, VIEW USER, DELETE USER, UPDATE USER

salam semua..minggu ne Dr Asykin mengajar bagaiman membuat
i. admin page
ii. view user
iii.delete user
iv.update user
menggunakan .php

Admin Page: create Admin database

1. go to localhost > PHPmyAdmin > masukkan username and password > create new table > namakan, e.g: adminregister > masukkan maklumat id, username, password, level

2. go to inser > isi pada ruang username dan password (supaya admin dapat login pada LoginAdmin utk access maklumat user) > Go 

Done!

=======================================

Admin Page: LoginAdmin.php

1. buka Dreamweaver > taip seperti di atas.

2. server behaviors > + > user authentication > login user > OK > save as loginadmin.php

Done!

=======================================

Admin Page: ViewAdmin.php

buka dreamweaver > new > blank page > PHP > create > taip dan create table view user, user, add, update user, delete seperti dibawah > save as viewadmin.php

View User

1. buka viewadmin.php > recordset > pilih connection dan table (based on ur database at phpmyadmin)
2. go to bindings > drag fname (firstname) dan lname (lastname) pada column di bawah View User
3. highlight row kedua > server behaviors > repeat region > all records > OK
4. server behaviors > + > go to detail page > pilih detail page > OK

create viewstudentdetail2.php

1. sebelum tu make sure dah create database name, email, username, password.

2. buka dreamweaver > new > blank page > PHP > create > taip table name, email, username, password  seperti diatas > recordset > pilih connection dan table (based on ur database at phpmyadmin)

3. go to bindings > drag fnam, lname pada row name dan seterusnya

3. highlight table > server behaviors > repeat region > all records > OK 

Done!

=======================================

Delete User

1. letak cursor pada row bawah Delete User > ago to insert > form > button > Value tukar kepada Delete 

2. go to insert > hidden field > Properties : Hidden Field : hd_del , Value: klik id > OK

3. server behaviors > + > delete record > OK

Done!

=======================================

Update User

1. highlight Update > server behaviors > + > go to detail page > pilih detail page > OK

create update_user.php

1.  buka dreamweaver > new > blank page > PHP > create > taip table User ID, First Name, Last Name, Email, Username, Password  seperti diatas > recordset > pilih connection dan table (based on ur database at phpmyadmin)

2. go to bindings > drag fnam, lname dan seterusnya pada column masing2.

3. server behaviors > + > update record > update table (based on ur database at phpmyadmin) > after updating, go to viewadmin.php > OK

Done!

=======================================

hasilnya.....

• ini adalah senarai user yang telah register dalam sistem saya. anda boleh view user dengan klik pada setiap nama user.
• anda boleh update maklumat user dengan klik pada link Update
• anda boleh delete user dengan hanya menekan button delete.

Thank you~~

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

REFLECTION MINGGU KE-3 : MEMBANGUNKAN STATIC WEBSITE

Salam semua…pada minggu ke-3 kelas Authoring System akhirnya Dr Asykin telah memperkenalkan kami dengan perisian Dreamweaver CS3..time degree dulu dalam subjek perisian multimedia (agaknya..ingat2 lupa subjek apa..hehe) pernah menggunakan perisian ini. Tujuan kami belajar perisian ini adalah untuk membangunkan laman web HTML dan ASP..jadi mari saya tunjukkan sedikit tutorial tentang apa yang kami belajar bersama Dr. Asykin..

Paparan utama Adobe Dreamweaver CS3

Sebagai permulaan untuk membangunkan laman web, pilih

File > New > Page from Sample > Frameset > Fixed Top,Nested Left (ikut suka anda nak pilih frame apa) > Create

Akan keluar paparan seperti dibawah:

Namakan setiap frame anda pada ruang ‘title’ seperti di atas agar lebih mudah (taknak namakan pon xpe..). contoh:

frame: mainframe, title: mainframe

Frame: topframe, title: tajuk dan seterusnya mengikut jumlah frame yang ada. klik OK 

Taip ‘Welcome To My Website’ pada frame tajuk tadi. Jika mahu mengubah font atau size font, anda bolehlah pilih pada properties atau klik kanan pada ruang frame tajuk tersebut seperti gambar dibawah. Untuk memilih background appearance seperti di bawah, anda boleh pilih page properties dan pilih sama ada mahu meletakkan background colour ataupun background image.

Simpan semua kerja anda file> pilih save all (lebih senang sbb dapat simpan tiga-tiga frame serentak)

Ketika save as dokumen, anda akan lihat setiap frame akan ditandakan hitam menandakan frame yang akan disimpan. Jadi berhati-hati ketika save frame tersebut agar tidak terkeliru di kemudian hari..hehe. seperti gambar di bawah, keseluruhan frame akan disimpan. Jadi namakan folder tersebut sebagai index.html (terserah nak namakan frame anda apa..)

dan seterusnya…

jika nak tengok hasilnya, klik pada icon bumi seperti di bawah, dan anda boleh pilih mahu lihat hasilnya pada chrome atau firefox atau IE..

Hasilnya…jeng jeng jeng….

Langkah seterusnya, kita akan hyperlink pada fail lain. 

Pilih file > new  > blank page > create untuk membuat dokumen baru. 

Rajah seperti dibawah akan papar:

setelah di edit dengan bersungguh-sungguh, jadilah begini:

Simpan sebagai content_portal.html.

Langkah seterusnya, highlight ‘What is Portal?’ > klik icon folder pada properties > pilih content_portal > klik OK.

Pergi pada target pada properties > pilih mainframe (agar dokumen content_portal dapat dipaparkan pada mainframe)

Ulang langkah yang sama untuk link seterusnya. Boleh mencuba target yang berlainan mengikut citarasa anda..

Hasilnya..

Pada link ‘Example of Portal’ saya ingin linkkan pada portal yahoo pula. Pergi pada link, masukkan url > target > pilih _blank (target blank ne bila kita klink pada link ‘Example of Portal’, page yahoo akan keluar pada new tab)

Inilah hasilnya~~~~

hasilnya..xberapa cantikla sebab baru belajarkan..hehe kelas akan datang Dr Zaidatun akan menunjukkan penggunaan aktif server pages menggunakan dreamweaver pulak..