Cara Koneksi Database di Dreamweaver CS3

Cara Koneksi Database di Dreamweaver CS3 Bella Mutia Ropana [email protected]

Abstrak Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain web secara visual. Aplikasi ini juga yang biasa dikenal dengan istilah WYSIWYG (What You See Is What You Get), yang intinya adalah bahwa anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Selain itu Dreamweaver juga memberikan keleluasaan untuk menggunakan sebagai media penulisan bahasa pemrograman web. Kata Kunci: Dreamweaver

Pendahuluan Adobe Dreamweaver merupakan program penyunting halaman web dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver dari Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang lengkap serta kemudahan dalam penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Kemudian setelah dibeli oleh Adobe Systems berkembang ke Versi selanjutnya yakni versi 9 (CS3) versi 10 yang ada dalam Adobe Creative Suite 4 (CS4) dan versi terbarunya yaitu CS5. Sebagai editor web yang handal, Adobe Dreamweaver tentunya dilengkapi dengan kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam sebuah situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, termasuk validasi tag-tag HTML dan CSS yang tidak sesuai dengan pedoman secara otomatis serta perkiraan waktu download pada sebuah halaman web.

Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Adobe Dreamweaver memiliki banyak tool-tool yang memudahkan seorang web design untuk mengedit dan membuat kode-kode dalam halaman web. Fasilitas yang terdapat didalamnya antara lain: Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, HTML, CSS, TEMPLATING dan dokumen teks lain secara langsung. Teknologi Roundtrip HTML yang dimilikinya mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML tanpa susah payah. Dengan fitur yang lengkap, kemudahan penggunaan, dukungan extention dan Plug-In yang banyak, Adobe Dreamweaver dapat membantu seorang web design bekerja lebih cepat dan efisien tanpa kesulitan yang berarti, bahkan untuk seorang pemula sekalipun yang belum banyak mengenal seputar coding HTML dan CSS

Pembahasan 1. Buatlah halaman baru dengan nama “index.php” melalui File > New di Dreamweaver.

Selanjutnya simpan dengan nama “Index.php”. klik File > Save As...pilih lokasi tempat penyimpannya dan ketik nama filenya. 2. Pilih Site >New Site...> kemudian tampil form site definition > isilah nama website yang di inginkan pada what would you like to name your site> Next.


3. Pilih Yes, I want to use a server technology > pada which server technology > Pilih PHP MySQL > Next.

4. Pilih Edit end test locally > pada where on your komputer buat folder jika belum mempunyai folder berikan nama sesuai keinginan >Next.


5. Pada What Url tambahkan nama folder yang telah di buat > Test URL >Next.

6. Pilih No > Next

7. Pilih Done Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

8. Buatlah lemabar kerja baru, simpan dengan nama input_buku_tamu.php > untuk menampilkan panel datab ase > Menu > Windows > Database, setelah tampil panel d atabase >klik icon + > pilih MySQL Connection.

9. Kemudian Tampil MySQL Connection

Keterangan : 1. Connection name > Isilah nama Koneksinya 2. MySQL > Isilah dengan localhost Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

3. Username > Isilah dengan root 4. Password > Kosongkan 5. Database > Pilih select untuk memilih database yang di buat. Koneksi dapat berhasil j ika langkah-langkah new site benar, jika masih belum terhubung silahkan pilih manage site > ikuti langkah- langkah sebelumnya. 10.Select > tampil form select databse >pilih database> OK sehingga tampil seperti langkah 9.

11. Jika koneksi database berhasil maka akan tampil nama koneksi dan tabel-tabel database.

Penutup Demikian penjelasan dari artikel ini semoga bermanfaat bagi kita semua.


Referensi http://www.docstoc.com/docs/145407073/Koneksi-database-dengan-dreamweaver-cs3 http://sayagaptek.blogspot.com/2012/12/mengenal-dan-menggunakan-dreamweaver.html

Biografi Nama saya Bella Mutia Ropana Lahir di Tanggerang pada tanggal 21 Juni 1992, saya lulusan SDN Kelapa Dua III, SMP Plus Ibadurahman dan SMK Islamic Village, hoby saya jalan-jalan, saat ini saya lagi belajar mendalami dunia Fotography walaupun beda dengan Jurusaan yang saat ini saya ambil yaitu Sistem Informasi di STMIK Raharja sekarang saya sudah semester 6, saya sedang fokus belajar database dengan menggunakan mysql, xampp, phpmyadmin, cmd dan ingin mengetahu tentang teknologi informasi yang baru.


Cara Koneksi Database di Dreamweaver CS3

Recommend Documents