Tutorial Dreamweaver 8

Dulu telah buat satu tutorial Dreamweaver MX.
http://www.putera.com/tanya/index.php?showtopic=8104

Tutorial kali ini menggunakan Dreamweaver 8 dan teknologi server PHP&MySQL
Kepada sesiapa yang berminat bolehlah mengemukakan soalan, info tambahan dsbnya
Mari kita jayakan bersama.

Kepada pihak admin dan mod, jika didapati isi kandungannya tidak patut disiarkan
harap dapat dibuang dengan segera. Terima kasih kerana memberi kita peluang.

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

Peringkat2 Yang Terlibat:
1. Install localhost (web server)
2. Install Dreamweaver 8
3. Buat 2 Folder dalam public_folder (www atau htdocs)
4. Define Site Dalam Dreamweaver
5. Buat Database (guna phpMyAdmin)
6. Buat fail .php untuk connect ke Database.
7. Membuat fail2 laman web
> Fail index.php
>Tambah Rekod (add record)
> Lihat Rekod (view record)
> Padam Rekod (delete record)
> Pinda Rekod (update record)
> Login Page

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

Dreamweaver 8.




KEPERLUAN:
Windows XP SP2

1. Install pakej XAMPP 1.6.4
http://www.apachefriends.org/en/xampp-windows.html

2. Install Dreamweaver 8
http://www.soft32.com/download_1952.html


LOCALHOST - Xampp

Mula2 jalankan dulu Xampp dan pastikan apache dan mysql on service.



Kemudian minimize Xampp.

Cara Menguji Server:
1. Buka web browser dan taip alamat http://localhost
2. Klik English (atau bahasa yang anda faham)
3. Muka hadapan Xampp akan terpapar di skrin.



**************

DREAMWEAVER

Buatkan 1 folder untuk simpan fail2 dreamweaver iaitu fail laman web.
Katalah nama folder: dw8
Caranya - klik butang Explore (buka Xampp) > htdocs > dw8 <---- nama folder




Dreamweaver - Manage Site.
Ada dua jenis iaitu 1 folder sahaja (edit dan test folder yang sama)
2 folder iaitu edit dan test dalam folder yang berlainan.

Jenis Edit & Test Locally)
1. Buka Dreamweaver 8 (DW8)

Klik Menu Site > Manage Site > New > Site

> Site Name : dw8
> http://localhost/dw8
> Server Technology : PHP&MySQL
> Edit and test locally
C:\xampp\htdocs\dw8\
> http://localhost/dw8

> Test URL : OK
> No. (remote server)
> Done

CARA UJI SITE
http://localhost/dw8

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

MEMBINA & MEREKABENTUK LAMAN WEB PHP&MYSQL (KONSEP)
LANGKAH PERMULAAN

1. Buat Database
2. Masukkan Table dan Data
3. Buat Hubungan antara PHP dan MySQL

Kiriman ini telah diubahsuai oleh PowerRootTongkatAli_GS: Jan 9 2008, 05:51 PM

MEMBUAT DATABASE

Contoh database:

1. Dengan menggunakan phpmyadmin, buatkan satu database (storedb)

database : storedb



2. Buatkan Table seperti dalam rajah dibawah.


Table : tblstore

dan isikan fields seperti dalam rajah:




Klik butang Save



Setakat ini anda telah selesai membuat Database dan Table untuk Store

Seterusnya cipta username dan password

username : dwadmin
password : 123456


> Klik ikon Home (disebelah kiri skrin)
> Klik Privileges (kanan skrin)
> Klik Add a new User

Isikan di bawah Login Information;
username : dwadmin
Host : localhost
password : 123456

Global privileges;
> Klik Check All
> Klik Go



Selesai memcipta Database dan Usernama.
Tutup phpmyadmin

*****************


Kiriman ini telah diubahsuai oleh PowerRootTongkatAli_GS: Jan 1 2008, 04:50 PM

DREAMWEAVER-SAMBUNGAN KE DATABASE

1. Buka Dreamweaver. Buatkan 1 fail php (index.php) dan buka fail ini (klik 2 kali)




Klik 2 kali fail index.php

2. Klik Application > Database > Klik + > MySQL Connection



Jika tiada masalah dengan database;



Kiriman ini telah diubahsuai oleh PowerRootTongkatAli_GS: Jan 1 2008, 11:57 PM

LATIHAN DATABASE

Sebelum memulakan latihan ini terlebih dahulu;
1. buka Xampp dan run apache-mySQL
2. buka Dreamweaver > cipta 1 fail index.php
3. buka index.php dan masukkan maklumat seperti dalam rajah di bawah.



Rajah 1: index.php

Buatkan 5 fail php seperti dalam rajah 2 di bawah.
Kemudian buat LINK yang berkaitan seperti dalam rajah 2 dan 3

Rajah 2:



Rajah 3:


ADD RECORD

Cara buat form untuk tambah data (wizard)
1. Klik Common > Application
2. Pilih Wizard

Rajah 4: Insert Record Wizard

Masukkan maklumat database dan form seperti dalam rajah 5. > klik OK

Rajah 5:

Tekan kekunci F12 untuk preview dalam web browser dan cuba tambah beberapa rekod ke dalam database.
Jika tiada masalah selepas tambah rekod, browser akan kembali ke fail index.php (menu utama)

Bersambung ke View Data. post ke-20 di bawah

Kiriman ini telah diubahsuai oleh PowerRootTongkatAli_GS: Jan 2 2008, 07:53 PM

Archived!

tutorial lam bentuk DVD lagi senang ek!!!

Apa maksudnya? Aku tak faham.
Tutorial Dreamweaver dalam DVD memang berlambak, cuma bukan dalam BM.
betul tak...

bro tongkat,klo guna Wampserver leh x?sama mcm XAMPP x?
ku kurang skit psl benda2 nie...

ps:bagus ader tutorial mcm nie.dlm bm.senang skit nak paham...

boleh guna mana2 pakej server. yang penting boleh jalan php & mySQL

antara sume pakej server yg ader maner satu yg bgus?easyphp camner plak?

semua bagus sebab boleh run php&mysql tanpa masalah.

ok ok da ok sume tuh..camne lak nk uploadkan ke website??wordpress tu utk ape?? tak reti gune la.hehe..aku nak tau cara nk upload sistem yg kita da

buat ke website. aku develope gune mcromdia dreamweaver+mysql..pastu gune xampp utk localhost.. aku pakai hosting no-ip.com..akunye url

zool86.no-ip.org..aku nk tau cane nk viewkan system aku ke tenet...bule ke bule ke??

and aku tatau cane nk wat port forwarding..aku da try tgk kat forum tp still tak phm2 jgk..cane nk wat eh?? bule tlg step by step tak.

aku gune modem cap ayam.hehe..KASDA KE318D..ape yg patut aku buat? sistem da ciap da..dlm localhost bule la run..kat tenet tak reti..huhuk.

mnta tlg yek..kami budak baru blajar.

Kiriman ini telah diubahsuai oleh songoten86: Dec 14 2007, 02:27 AM

Ko nak upload ke ko nak supaya orang boleh ekses website ko? yang mana satu.

Kalau nak upload kena ada webserver yang boleh run ko punye sistem php/mysql
Percuma atau bayar.

Kalau nak orang boleh tengok website terus ke Localhost (PC ko sendiri) terpaksa
buat port forward kat modem Kasda tu. Alamat URL ko dah ada. OK
Dah install ke IP Client? (Download dari No-IP)

PortForward Kasda KE318D

Try dulu.

Kiriman ini telah diubahsuai oleh PowerRootTongkatAli_GS: Dec 14 2007, 09:41 AM

ermmm..aku nk tau both..tp wat mase ni nk taw supaya org bley ekses website aku..aku da install IP client..alamat url aku zool86.no-ip.org. pastu dlm link yg diberi kat atas tu ada gini

Do not skip this step!
Please enter the static ip you want to forward to: dlm ruang lepas 192.168.1.* <-- aku kene letak ape??

aku ade try tgk kt commnd prompt..tgk kat ipconfig..dia tulis kt ctu ip-address : 192.168.1.3

yg tu ke aku kene letak kt ruangan tuh??

aku pakai streamyx tade la static ip..dyn ip je kot.

maaf la aku mmg lmbat pickup cket..tulung ye powerroot!! jasa anda akan ku kenang. hehe.

No IP tu adalah statik IP bagi localhost (internal IP atau LAN)
bukanya IP internet (external IP atau WAN)

Cara nak tengok statik IP
> klik Start > Run > CMD
> IPCONFIG /ALL



Statik IP adalah 192.168.1.2 <-- tak sama antara PC dengan PC lain
Masukkan statik IP nie ke dalam Form PortForward yang diperlukan.

Tambahan:
Untuk memastikan Statik IP tidak berubah, cuba semak TCP/IP Properties.

Buka MyNetwork Place > View Network Connection
Klik kanan ikon Local Area Network (LAN NIC)
Properties > Internet Protocol > Properties
Use the following IP address

IP Address : 192.168.1.2
Submask : 255.255.255.0
Default Gateway : 192.168.1.1 <--- ambik dari IPCONFIG /ALL

OK.

Restart PC.

Kiriman ini telah diubahsuai oleh PowerRootTongkatAli_GS: Dec 15 2007, 07:14 AM

ehehe..da jadiiikk!! tq powerRoot!! jasamu akan ku kenang sepanjang zaman!! tapikan..dulu masa aku run sistem aku gune pakej webserver phptriad..sume okey jek..function dia sume jadik..tapi bile aku tukar pakai xampp, sume function tak jadik..jadual takley nk view..onchange takley nk brfungsi..even function mysql_fetch_array pon dia kata tak kenal..tatau la kalu akunye coding besepah..tp bile run pakai phptriad evrthngs fine..napa ek?? ape2 pun tq very much!!

apa nama alamat server ko. aku nak test

err..aku tak always on localhost..kalu kt umah je baru aku on..ada ym?? bile aku on9 nti aku pm ko bley?

[quote name='PowerRootTongkatAli_GS' date='Nov 25 2007, 07:20 AM' post='608722']
DREAMWEAVER-SAMBUNGAN KE DATABASE

1. Buatkan 1 fail php (index.php) dan buka fail ini (klik 2 kali)
2. Klik Application > Database > MySQL Database


[/quot


as'kum....nak tanya laaa...camne nk dptkan phpmyadmin tu....saya dh dload phpmyadmin, tp tak tau nak setup kat ne...bantu yea...t.ksh!

as'kum...camne nk dptkn file phpmy admin...lps dload phpmyadmin, nk setup kat ne??...bantu yea...tq!

LATIHAN DATABASE ... sambungan dari atas.
VIEW DATA



Guna fail viewdata.php (buka fail viewdata.php untuk edit)
> Klik Application > Binding > + > Recordset
Lihat rajah 1

Rajah 1: Create Recordset


Masukkan maklumat seperti dalam rajah 2

Rajah 2:

> Tukar kepada Common > Table
> Masukkan maklumat Table

Rajah 3: Create Table


> Masukkan label dalam ROW 1 (ID, Product ... Price)
> Klik, tarik dan letak recordset dalam jadual (drag & drop)
> penuhkan jadual dengan recordset yang sesuai.

Rajah 4: Binding Recordset



> Highlight ROW2
> Server Behaviour > + > Repeat Region
> Show 10 rekod atau berapa bilangan yang ingin ditunjukkan terpulang kepada anda.


Rajah 5: Repeat Region


PREVIEW dalam web browser
> Simpan fail viewdata.php
> Tekan kekunci F12

OK.

Kiriman ini telah diubahsuai oleh PowerRootTongkatAli_GS: Jan 2 2008, 06:47 PM

download yg ni..pakej. install pastu sume dah siap.