Jumat, 03 Agustus 2012

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

Kamis, 12 Juli 2012

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

Senin, 02 Juli 2012

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.. :)

Kamis, 28 Juni 2012

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

Cara Setting Password Root MySQL Via Browser

Jika Xampp sudah terinstall dalam suatu PC atau server maka akan terdapat beberapa service yang bisa dijalankan diantaranya yaitu :
  • Apache Web Server
  • Database MySQL
  • Filezilla FTP Server
  • Tomcat
  • Mercury
kali ini saya akan memahas tentang database MySQL yang sudah terinstall. MySQL merupakan salah satu database yang banyak digunakan saat ini. Disamping handal, MySQL juga mempunyai keunggulan yaitu  free Open Source. Untuk menjaga keamanan suatu database maka perlu adanya password sehingga database tidak mudah untuk dijebol ataupun diacak-acak oleh orang yang tidak bertanggung jawab. Dalam suatu database dikenal sebuah user administrator yaitu user "root". 
Untuk melakukan setting password "root" dalam database MySQL yang sudah terbundling dalam satu paket instalasi Xampp bisa dilakukan dengan cara yaitu :

  1. Buka browser dan ketikkan alamat "http://localhost/security/index.php" sehingga akan muncul seperti gambar dibawah
  2. Segera isi kolom password dengan password yang diinginkan. Usahakan passwordnya dibuat serumit mungkin sehingga meminimalkan resiko password tersebut diketahui oleh orang yang tidak bertanggung jawab.
  3. Kemudian isi kolom "Repeat the password" dengan password yang sama sekali lagi. Kemudian submit dengan klik tombol "Password Changing"
  4. Ok anda sudah berhasil melakukan setting password "root"

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"
  11.  
    Dreamweaver Tutorial untuk "Define Site" berbasis PHP sudah selesai selanjutnya kita akan menginjak ke tutorial kedua ... ok!! See U in the next tutorial

Rabu, 27 Juni 2012

Membuat Web Dinamis Berbasis ASP dengan Dreamweaver - Define Site

Jika ingin membuat web dinamis tanpa coding anda bisa memakai software handal yaitu dreamweaver. Kali ini saya akan sharing langkah awal membuat sebuah web yang dinamis. Langkah pertama yang harus dilakukan yaitu " Define Site" dengan dreamweaver. Tapi sebelum melakukan define site, karena kita akan membuat web dinamis dengan berbasis ASP 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 IIS (Internet Information Services). Untuk mengetahui IIS sudah terinstall maka bisa dilakukan dengan melakukan pengecekan yaitu :
  • dilihat di direktori C:/inetpub/wwwroot apabila direktori tersebut sudah ada berarti sudah terinstall IIS
  • Pengecekan selanjutya yaitu dengan membuka browser kemudian ketikkan alamat Localhost, maka akan muncul keterangan Underconstruction yang mengindikasikan bahwa IIS sudah terinstall dan siap digunakan.
Jika kita sudah melakukan pengecekan diatas maka selanjutnya buat folder di dalam direktori "C:/Inetpub/wwwroot/ " 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 "ASP VbScript" 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:/Inetpub/wwwroot/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"
  11.  
    Tutorial untuk "Define Site" sudah selesai selanjutnya kita akan menginjak ke tutorial kedua , tapi saya istirahat dulu ya. hehehhehe.. cape ngetiknya apalagi koneksinya lemot hehe maklum masih gratisan.. ok!! See U in the next tutorial