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 Menampilkan Data Dari Database Dengan Dreamweaver - Part1

Dreamweaver Tutorial kali ini akan share mengenai cara Membuat Halaman Web Berbasis ASP . Setelah membuat koneksi ODBC dengan database oracle seperti tutorial "Membuat Koneksi ODBC Oracle" kita sudah bisa membuat halaman web dinamis. Langsung saja buka aplikasi Dreamweaver kemudian buat file baru , simpan dengan nama latih1.asp 

 Setelah disimpan,  di menu Application pada tab Database masih kosong sehingga kita harus membuat koneksi dengan database oracle. Selanjutnya klik tanda + pada tab Database pilih Data Source Name (DSN), isi Connection Name dengan nama bebas, kemudian pilih DSN dengan , Username dan Password sesuai dengan user database oracle, silahkan klik Test dan pastikan muncul Connection Was Made Successfully..

Sampai disini Dreamweaver Tutorial  mengenai cara  membuat koneksi di Web latihan sudah selesai. Di tutorial Dreamweaver selanjutnya kita akan membuat halaman yang menampilkan data dari database.. 

Dreamweaver Tutorial - Cara Define Site PHP

Pada Dreamweaver Tutorial kali ini saya akan share cara membuat Define Site PHP Jika ingin membuat web dinamis tanpa coding anda bisa memakai software handal yaitu dreamweaver.  Langkah pertama yang harus dilakukan yaitu " Define Site" dengan dreamweaver. Tapi sebelum melakukan define site, karena kita akan membuat web dinamis dengan berbasis PHP maka perlu kita ketahui supaya website kita bisa diakses maka kita perlu memastikan bahwa webserver yang akan kita gunakan sudah terinstall dan siap digunakan. Dalam hal ini webserver yang kita gunakan adalah XAMPP. Lakukan instalasi XAMPP , jika belum mempunyai software tersebut bisa didownload disini. Jika sudah diinstal maka bisa dilakukan dengan melakukan pengecekan yaitu :

• dilihat di direktori C:/xampp apabila direktori tersebut sudah ada berarti sudah terinstall
• Pengecekan selanjutya yaitu dengan membuka browser kemudian ketikkan alamat Localhost, maka akan muncul halaman xampp seperti gambar dibawah.
  

Jika kita sudah melakukan pengecekan diatas maka selanjutnya buat folder di dalam direktori "C:/xampp/htdocs/ " beri nama folder tersebut dengan "latihan" selanjutnya

1. Buka aplikasi Dreamweaver nya, dalam hal ini saya memakai Dreamweaver versi 8 karena lebih mudah dipahami dan interface nya tidak serumit Adobe Dreamweaver CS5
   
2. Selanjutnya dijendela menu sebelah kanan di bagian Files silahkan diklik "Manage site"
   
3. Selanjutnya akan muncul jendela baru seperti gambar dibawah, kemudian klik "New" kemudian pilih "Site"
   
4. Selanjutnya akan muncul jendela baru silahkan isi kolom "What would you like to name your site" dengan nama website yang diinginkan, dalam hal ini saya isi dengan nama "Latihan", selanjutnya isi kolom "What is the HTTP Address (URL) of your site ?" dengan url website kita. dalam hal ini saya isi dengan "http://localhost/latihan". Jika pc atau server kita mempunyai IP statis maka kita bisa ganti localhost dengan IP PC kita. misalkan diisi deng "http://127.0.0.1/latihan"
   
5. Akan muncul jendela baru seperti gambar dibawah. kemudian silahkan pilih opsi  "Yes i want to use a server technology" dengan pilihan "PHP MySQL" kemudian klik next
   
   
6. Selanjutnya akan muncul jendela baru dan silahkan pilih "Edit and Test Locally(my testing server is on this computer)" dan isi kolom "Where dou you want to store your file" dengan browse direktori dimana kita akan meyimpan file webnya. Dalam hal ini kita browse direktori "C:/xampp/htdocs/latihan/" kemudian klik next
   
7. Selanjutnya akan muncul jendela dengan pertanyaan "What URL would you use to browse to the root of your site?" silahkan isi dengan "http://localhost/latihan" silahkan klik "Test URL" untuk memastikan bahwa settingan sudah benar
   
8. Selanjutnya akan muncul jendela baru dengan pertanyaan "When you are done editing ... dst" pilih "No" selanjutnya klik "next"
   
9. Selanjutnya akan muncul jendela baru yang menginformasikan tentang Semua settingan yang telah kita pilih sebelumnya yaitu tentang "Local info", "Remote Info", "Testing Server" selanjutnya klik "Done"
   
10. Selanjutnya akan muncul jendela bahwa kita sudah berhasil melakukan "Define site" selanjutnya klik "Done"
    
 

Dreamweaver Tutorial untuk "Define Site" berbasis PHP sudah selesai selanjutnya kita akan menginjak ke tutorial kedua ... ok!! See U in the next tutorial