Rabu, 27 Februari 2013

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


Selasa, 26 Februari 2013

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

Belajar Web dinamis


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.



Belajar Web Dinamis

Silahkan melakukan testing untuk memastikan koneksinya sukses, selanjutnya klik OK

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


Belajar Dreamweaver CS5






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

Senin, 25 Februari 2013

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

Jumat, 22 Februari 2013

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

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.!!

Rabu, 20 Februari 2013

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