Install MySQL Connector ODBC Untuk Koneksi Database

Jika ingin membuat koneksi antara database MySQL dan Dreamweaver terlebih dahulu harus meng install MySQL Connector ODBC, silahkan download  di situs MySQL, setelah download install seperti gambar di bawah

Selamat mencoba.!!

Dreamweaver Tutorial - Cara membuat Digit Angka Dengan Dreamweaver

Hallo Dreamweaver Tutorial kali ini akan share tentang Cara membuat Digit Angka Dengan Dreamweaver Jika kita sudah bisa membuat dan menampilkan data pada web dan ingin menampilkan digit angka ratusan, ribuan dan jutaan ada cara mudah yaitu dengan format number di Dreamweaver. Silahkan mencoba tutorial berikut.

Buat file baru dan selanjutnya buat recordset yg berisi data angka, preview di browser sehingga hasilnya seperti gambar berikut 

 Selanjutnya pada halaman design nya pilih data yang akan dirubah, selanjutnya pada menu Application -- Binding -- Selected (NONE) di klik dan pilih Number -- Rounded To Integer

Silahkan simpan dan preview di Browser anda sehingga muncul hasil seperti gambar dibawah.

Jangan lupa format number seperti diatas akan error jika data yang ditampilkan berupa null atau data kosong, sehingga untuk menyiasati hal tersebut, data null bisa diganti dengan nilai 0. OK Dreamweaver Tutorial  tentang Cara membuat Digit Angka Dengan Dreamweaver sudah selesai. Selamat mencoba

Dreamweaver Tutorial - Cara Membuat Chart Dengan FusionCharts For Dreamweaver

Jika ingin menampilkan data dalam sebuah chart pada web anda tidak perlu repot untuk belajar coding dan scripting. Dengan Dreamweaver dan addon FusionCharts for Dreamweaver anda sudah bisa membuat Chart yang menarik. Dreamweaver Tutorial kali ini akan share cara Membuat Chart Dengan FusionCharts For Dreamweaver .Berikut tutorialnya.

Buka Dreamweaver dan buat halaman baru simpan dengan nama chart.asp (ASP Vbscript) , jangan lupa sebelumnya harus melakukan langkah Define Site dan membuat Koneksi Database terlebih dahulu.

Buat Recordset baru, pilih mode Advanced selanjutnya ketik query nya dan jangan lupa di Test

Jika recordset tersebut sudah dibuat, masuk ke menu Insert -- FusionCharts For DW -- Insert Dynamic Simple Chart

Pada Tab Data- Step 1- Select Data Source pilih opsi Use Data From Already Defined Recordset, pada Step 2 Configure Data Source, pada bagian Define Category pilih Recordset dengan nama recordset yang telah kita buat, Isi Column dengan Field Data hasil query yang ingin dijadikan sebagai sumbu X nya, disini saya isi dengan Field THTUNGG, selanjutnya pada Define Series pilih Recordset dengan nama recordset yang telah kita buat, Isi Column dengan Field Data hasil query, disini saya isi dengan Field BAYAR sebagai sumbu Y nya

Selanjutnya Pilih Tab Chart Selection, pilih Chart Colum 3D, selanjutnya pada bagian Chart Preset pilih True Values untuk menampilkan data secara utuh, pada bagian Style Presets dan Color Schemes bisa dipilih sesuai selera.

Selnjutnya Pilih Tab General Options, isi Chart Name dengan nama bebas, Isi Caption dan Subcaption sesuai Judul Chart, selanjutnya klik Ok sampai Finish sehingga hasilnya seperti gambar berikut

Ketika dipreview hasilnya seperti gambar di bawah.. Selamat Mencoba

Dreamweaver Tutorial - Cara Menampilkan Data Dari Database Dengan Dreamweaver - Part2

Setelah selesai membuat ODBC dan Koneksi dengan dengan Database, langkah selanjutnya kita akan membuat recordset, yang berfungsi untuk menampilkan data dari hasil query database. Buka file latih.asp kemudian pada menu Application silahkan klik Tab Bindings , klik tanda + dan pilih Recordset (Query)

Untuk membuat recordset ini ada dua metode yaitu Simple dan Advanced, jika memilih opsi simple kita tinggal memilih tabel dan kolom yang akan ditampilkan dengan dibatasi filter yang sederhana, sebaliknya jika memilih mode Advanced kita bisa membuat script query yang lebih rumit dan komplek.

setelah membuat query, untuk melihat hasil dari query yang sudah kita buat silahkan klik Test, sehingga muncul hasil seperti gambar di bawah ini

Setelah muncul hasil Querynya selanjutnya klik OK, sehingga muncul recordset yang telah kita buat.

Setelah itu masuk ke menu Application kemudian klik Dynamic Table

setelah itu akan muncul menu seperti gambar dibawah ini, pilih recordset yang akan kita munculkan hasilnya dengan klik dropdown menu recordset,  kemudian pilih opsi All Record untuk menampilkan semua record, kemudian klik OK.

Setelah itu akan muncul hasilnya seperti gambar dibawah

Selanjutnya jika ingin melihat hasilnya di browser bisa tekan F12

Ok sampai disini kita sudah berhasil membuat sebuah halaman web dinamis... Selamat mencoba.!!

Dreamweaver Tutorial - Mempercantik Tabel Dengan Efek Mouse Over

Hallo semua, kali ini Dreamweaver Tutorial akan share mengenai cara Mempercantik Tabel Dengan Efek Mouse Over  sehingga terlihat lebih menarik. Langsung saja buat sebuah halaman baru kemudian simpan dan selanjutnya buat sebuah recordset seperti tutorial sebelumnya dan letakkan recordset hasil query tersebut dengan menu Dynamic Table sehingga tampilannya seperti gambar dibawah

Selanjutnya klik tabel propertiesnya, isi Border dengan nilai 1, CellSpace dengan nilai 0 dan Cellpad dengan nilai 3, kemudian letakkan tabel tersebut di tengah halaman dengan memilih Align Center sehingga terlihat seperti gambar dibawah

Selanjutnya masuk ke menu Application -- Server Behaviors -- Technocurve -- Alternate Row Colors Mouse Over

Isi First Color, Second Color dan MouseOver Color dengan warna berbeda dan isi Tr Tag dengan Tr[1], kemudian klik OK

Selanjutnya preview lewat browser sehingga tampilannya seperti gambar berikut

OK.. Dreamweaver Tutorial  mengenai cara Mempercantik Tabel Dengan Efek Mouse Over sudah selesai .. Selamat Mencoba .. !!!

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 Membuat Koneksi ODBC Oracle

Dreamweaver Tutorial kali ini akan share tentang Cara Membuat Koneksi ODBC Oracle. Untuk menghubungkan antara web berbasis ASP dengan dengan database, kita harus membuat koneksi terlebih dahulu dengan database tersebut, pada tutorial kali ini saya kebetulan memakai Oracle database, ok langsung aja kita buka Control Panel dan masuk ke Administrative Tools
 

kemudian setelah itu pilih Data Source (ODBC)

Klik pada Tab System DSN kemudian Add , selanjutnya pilih Microsoft ODBC For Oracle dan klik Finish

Selanjutnya isi Data Source Name dengan nama bebas, isi username dan Server sesuai dengan user dan nama server database oracle, selanjutnya klik OK

Ok, sampai disini Dreamweaver Tutorial tentang Cara Membuat Koneksi ODBC Oracle sudah selesai, selanjutnya kita sudah bisa membuat web dinamis berbasis ASP.. See U in the next tutorial.. :)

Dreamweaver Tutorial - Cara Membuat Koneksi Ke Database MySQL Dengan Dreamweaver

Jika ingin membuat sebuah web dinamis berbasis PHP maka kita harus membuat koneksi ke database untuk menampilkan data dari dalam database tersebut ke dalam browser. Dreamweaver Tutorial kali ini akan share tentang Cara membuat koneksi database MySQL Dengan Dreamweaver  tanpa menggunakan coding sama sekali . Kita hanya memerlukan beberapa software dan tool diantaranya yaitu :

• Macromedia Dreamwever
• MySQL Connector ODBC

Yang perlu dilakukan pertama kali yaitu meng install MySQL Connector ODBC, kemudian memastikan kita sudah melakukan "Manage Site" terlebih dahulu. Jika anda belum tau bagaimana cara "Manage Site" anda bisa membaca artikel sebelumnya yang berjudul "Membuat Web Dinamis Berbasis PHP Dengan Dreamweaver - Define Site".

Setelah melakukan "Manage Site" buatlah sebuah file PHP baru dan simpan ke dalam direktori sesuai settingan "Manage Site" yang telah dibuat. Dalam hal ini sesuai contoh sebelumnya kita simpan di directory "C:/xampp/htdocs/latihan" dengan nama "coba.php"

Selanjutnya pada menu sebelah kanan " Aplication" pilih tab "Database" kemudian klik tanda (+) , kemudian pilih "MySQL Connection" seperti gambar dibawah

Selanjutnya isi form "Conection Name" dengan nama koneksi yang diinginkan disini sebagi contoh saya beri nama "konek". Selanjutnya isi form MySQL server dengan isian "localhost" karena dalam hal ini server MySQLnya diinstall di PC lokal kita sendiri. Selanjutnya isi form "Username" dan "Password" dengan username dan password database MySQL yang telah kita buat sebelumnya. Selanjutnya form database kita klik button "Select" sehingga akan muncul beberapa database yang ada di MySQL, dalam contoh dibawah kita memilih database "db". Setelah form terisi semua klik tombol "OK"

OK anda sudah berhasil membuat koneksi ke database MySQL. Selamat Mencoba