Dreamweaver Tutorial - Cara membuat Login Page berbasis PHP engan Dreamweaver

Kali ini Dreamweaver Tutorial akan share tentang Cara membuat Login Page berbasis PHP dengan Dreamweaver. Hal Pertama yang harus kita siapkan adalah memastikan Webserver sudah terinstall ( Disini penulis memakai XAMPP sebagai webserver) selanjutnya buat folder ”Belajar” di c:/xampp/htdocs untuk menyimpan file.

Buka database dengan Phpmyadmin atau ketik http://localhost/phpmyadmin, pada browser anda selanjutnya masukan username dan password database.

Selanjutnya buat table USR dan isi table tersebut dengan beberapa record seperti gambar di bawah
 

Setelah itu buatlah tiga buah file dengan nama halaman-utama.php , log-gagal.php, login.php dan log-sukses.php

Buka file login.php dengan aplikasi Dreamweaver yang sudah terinstal dan pastikan anda sudah me Manage Site dan membuat Koneksi database seperti tutorial sebelumnya. Masih didalam halaman Login.php , Buatlah Form Login seperti gambar dibawah.

Pastikan pada properties masing-masing textfield kita beri nama. Untuk Textfield username kita namakan “un” dan untuk Textfield Password kita namai dengan “pwd”

Selanjutnya buatlah recordset dengan nama bebas ( saya memakai nama loginpg), selanjutnya isi Connection dengan koneksi database yang telah kita buat. Pilih Table sesuai dengan table yang akan kita pakai ( disini kita memakai table USR), lakukan test jika ingin memastikan hasilnya. Kemudian klik OK

Kemudian masuk ke menu Insert dan pilih Log In User sehingga muncul tampilan seperti gambar di bawah
 

Isi “Get Input From Form” dengan nama form yang telah kita buat pada halaman login.php, disini saya isi dengan form User, selajutnya isi Username Field dan Password Field dengan nama Textfield yang telah kita buat sebelumya.
Isi Validate Using Connection dengan koneksi database yang telah kita buat ( Disini koneksinya adalah “Konek”), selanjutnya isi Table dengan nama table yang berisi data user yang telah kita buat sebelumnya. Isi Username Column dan Password Column masing-masing dengan nama Kolom pada database “USR” disini kita isi dengan kolom “USRNAME” dan “PWD”.
“If Login Succeeds Go To”  isi dengan browse file yang telah kita buat jika Login sukses. (Log-Sukses.php)
 “If Login Fails Go To”  isi dengan browse file yang telah kita buat jika Login gagal (Log-Gagal.php)
Seperti gambar dibawah.

    

Selanjutnya test di browser anda , masukkan username dan password yang benar jika berhasil anda akan menuju ke halaman log-sukses.php dan jika gagal anda akan menuju ke log-gagal.php
 

OK.. Dreamweaver Tutorial tentang Cara membuat Login Page berbasis PHP dengan Dreamweaver telah selesai. SELAMAT MENCOBA.. !!

Membuat Tabel Baru Dengan PHPMYADMIN

Saat ini untuk membuat tabel baru pada database Mysql sangatlah mudah, tidak diperlukan kemampuan khusus mengenai bahasa SQL, dengan PHPMYADMIN rumitnya bahasa SQL bisa diatasi. Ok langsung saja ketik http://localhost/phpmyadmin, login dengan user dan pasword yang telah disetting pada waktu install XAMPP.

Selanjutnya pilih database dimana kita akan membuat tabel baru, disini kita pilih database Latihan

Beri nama tabel dengan nama bebas , jangan lupa tentukan jumlah kolomnya

Isi Properties kolom-kolomnya sesuai dengan type dan jenis data

Setelah itu klik SAVE.. Ok sampai disini kita telah berhasil membuat tabel baru.. Selamat mencoba

Dreamweaver Tutorial - Membuat Koneksi Database MySQL dengan Dreamweaver

Dreamweaver Tutorial kali ini akan share tentang cara membuat Koneksi Database MySQL dengan Dreamweaver Untuk menampilkan data dari database hal yang perlu kita persiapkan adalah membuat koneksi antara Database dengan Web Editor dalam hal ini kita memakai Adobe Dreamweaver CS5. Oke langsung saja buka Dreamweaver CS5 dan buat file baru simpan dengan ekstensi PHP. Selanjutnya pilih mode APP Developer Plus agar menu Database muncul

Selanjutnya klik menu Database dan klik tanda +

 Isi Connection Name dengan nama bebas, kemudian isi MySQL Server dengan alamat server Databasenya disini kita memakai alamat localhost yaitu 127.0.0.1, kemudian isi Username dan Password sesuai instalasi Database yang sudah kita lakukan, selanjutnya pilih Database yang akan kita olah.

Silahkan melakukan testing untuk memastikan koneksinya sukses, selanjutnya klik OK

Sampai disini koneksi Database MySQL sudah berhasil kita buat, dan hasilnya seperti gambar dibawah. 

Dreamweaver Tutorial tentang cara Membuat Koneksi Database MySQL dengan Dreamweaver telah selesai. Selamat mencoba

Tutorial Dreamweaver - Cara Define Site Adobe Dreamweaver CS5

Tutorial Dreamweaver kali ini akan share tentang Cara Define Site Adobe Dreamweaver CS5. Setelah Adobe Dreamweaver CS5 dan webserver (Penulis memakai webserver XAMPP) terinstall, hal selanjutnya yang kita persiapkan adalah buat folder baru di C:/xampp/htdocs/ beri nama folder tersebut Latihan, sehingga menghasilkan C:/xampp/htdocs/latihan. Folder ini berfungsi untuk menyimpan file web yang akan kita buat. Penulis menggunakan folder tersebut agar file web yang akan kita buat lebih tertata rapi, walaupun sesungguhnya folder root defaultnya adalah C:/xampp/htdocs/. Selanjutnya buka Dreamweaver CS5, klik Define Site,

 

 

 

 Selanjutnya pilin New

 Isi Site Name dengan nama Latihan, kemudian browse Local Site Folder dengan folder C:/xampp/htdocs/latihan

Selanjutnya pilih menu Server, pilih Tab Advanced kemudian centang opsi Maintain Synchronization Information dan pilih  Server Model dengan PHP MySQL dan klik SAVE

Centang  opsi Remote dan Testing dan Save

Selanjutnya klik DONE

OK kita sudah berhasil melakukan Define Site dengan Adobe Dreamweaver CS5, selanjutnya buat file baru dan simpan dengan nama latihan1.php, kemudian buka browser anda dan ketik alamat localhost/latihan/latihan1.php

Semoga berhasil

Dreamweaver Tutorial - Cara Install Dreamweaver CS5

Salah satu software terbaik untuk Webdesign adalah Dreamweaver, kali ini Dreamweaver Tutorial akan sharing tentang  Cara Install Dreamweaver CS5, Ok langsung saja..

Buka file image Adobe CS5 yang telah terdownload dengan aplikasi Daemon Tools, 

Setelah dibuka maka akan muncul jendela konfirmasi untuk meng install Adobe CS5, silahkan klik INSTALL CS5

 Selanjutnya pilih ACCEPT

Masukkan Serial Number Adobe CS5

Pilih aplikasi apa saja yang ingin anda install, kemudian klik INSTALL

pada waktu instalasi, karena file imagenya terbagi menjadi 3 bagian maka akan muncul permintaan untuk memasukkan file ke 2 dan ke 3, silahkan load melalui Daemon Tools

Setelah selesai silahkan klik DONE

Ok sampai disini  kita sudah berhasil meng install Adobe Dreamweaver CS5

Cara Mudah Membuat Database Baru Dengan PHPMYADMIN

Jika ingin membuat tabel baru di database MySQL, ada cara cepat yaitu lewat PHPMYADMIN, hal pertama yaitu pastikan sudah meng install XAMPP, selanjutnya langsung buka browser anda dan ketik http://localhost/phpmyadmin sehingga akan muncul halaman seperti gambar dibawah , silahkan login ke database

Selanjutnya klik menu database, isi dengan nama database yang ingin kita buat kemudian klik Create
 

Sampai disini kita sudah selesai membuat database baru, cukup mudah bukan?? Selamat mencoba.. !!

Membuat Koneksi ODBC MySQL

Sebelum mengkoneksikan database MySQL dengan Dreamweaver kita harus membuat koneksi ODBC MySQL terlebih dahulu. Ok kita langsung saja buka Control Panel -- Administrative Tools -- ODBC -- Pilih Tab System DSN

Selanjutnya Add -- Pilih MySQL ODBC Driver

Akan muncul jendela baru , isi Data Source Name dengan nama bebas disini saya isi dengan "Latihan", selanjutnya isi TCP/IP Server dengan IP komputer server disini saya isi dengan IP localhost yaitu 127.0.0.1, lakukan test dan pastikan berhasil

Setelah berhasil di test, klik OK sehingga hasilnya seperti gambar di bawah

Ok sampai disini kita sudahberhasil membuat koneksi ODBC MySQL