MEMBUAT PERINTAH UPDATE/EDIT DI DREAMWEAVER

 Assalamu'alaikum wr.wb

Pendahuluan
 Selamat Pagi teman-teman blogger.. kali imi saya akan share tutorial membuat perintah update/edit pada dream weaver..

Pengertian
 Adobe Dreamweaver adalah program penyunting halaman web keluaran dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia.

Pembahasan
Sebelumnya jalankan dulu Dreamweaver, XAMPP dan Browser nya. Jika sudah maka kita mulai tutorialnya.
1). Pada Dreamweaver, buka file tampil_mhs.php ( ada di tutorial sebelumnya ) , kemudian tambahkan kolom Opsi untuk Edit dan Hapus.

 

 2). Sehingga tampilannya seperti ini.

  3). Buatlah file baru dengan nama edit_mhs.php dan simpan di folder C:\xampp\htdocs\latihan_web. Atur seperti gambar dibawah ini.

 4). Pada menu Insert, Pilih Data Object > Update Record > Record Update From Wizard.

  5). Akan tampil form ini, Perhatikan pada nomor 4, Recordset tidak tercentang karena belum dibuat. Klik link Recordset nya.

 6). Atur seperti gambar dibawah ini. kemudian Test terlebih dahulu.

 7). Jika sudah OK, Maka akan tercentang semua.

 8). Untuk selanjutnya, atur form seperti gambar berikut.

 9). Setelah OK, Akan tampil seperti ini. Setting sesuai kebutuhan anda.

 10). File edit_mhs.php sudah kita siapkan. sekarang tinggal hubungkan dengan opsi Edit yang ada di halaman tampil_mhs.php. Buka file tampil_mhs.php dan ikuti petunjuk gambar dibawah ini.

 11). Pastikan link menuju ke edit_mhs.php. Sebelum klik OK, Tentukan Parameter nya terlebih dahulu.

 12). Ketik "kd_kunjungan" pada kolom Name dan tentukan Value nya. ( kd_kunjungan  ini adalah primary key pada file database )

 13). Jika sudah, Klik OK. buka Browser dan jalankan file tampil_mhs.php. Maka akan tampak seperti ini.

 14). Silahkan dicoba untuk data ke 1.

 15), Jika berhasil, data ke 1 akan berubah. Sekarang coba untuk data ke 2.

 16). Alhamdulillah Berhasil..

Kesimpulan
 Itulah cara bagaimana membuat perintah Update/Edit pada dreamweaver.

Refrensi
  https://desainbagus.com/pengertian-adobe-dreamweaver/

Penutup
 Cukup sekian yang dapat saya share pada hari ini semoga dapat bermanfa'at bua semuanya.

Wassalamu'alaikum wr.wb 

Read More

MEMBUAT PERINTAH HAPUS DI DREAMWEAVER

 Assalamu'alaikum wr.wb

Pendahuluan

 Selamat siang teman-teman.. Kali ini saya akan share tutorial cara menambahkan perintah hapus pada dreamweaver.

Pengertian
 Adobe Dreamweaver adalah program yang digunakan untuk membuat atau menyunting halaman web. Software Dreamweaver dikeluarkan oleh Adobe System. Aplikasi ini banyak digunakan oleh para programmer, desainer dan developer web dikarenakan kemudahan dalam penggunaanya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini.

Alat dan Bahan

• Laptop/Komputer
• Xampp Control Panel
• Software Dreamweaver

Pembahasan

  Sebelumnya jalankan dahulu Dreamweaver, XAMPP dan Browser nya.

1). Buatlah file hapus_mhs.php dan simpan di folder C:\xampp\htdocs\latihan_web. kemudian pada menu Insert pilih Data Object > Delete Record.

 2). Isi form Delete Record seperti gambar dibawah ini.

 3). Setelah klik OK, Silahkan buka file tampil_mhs.php yang sudah dibuat pada tutorial sebelumnya.. Pada  kolom opsi Hapus, buat link yang menuju ke file hapus_mhs.php.

 4). Pastikan pengaturan Paramater nya benar.

 5). Atur form Parameter seperti ini. Pada Bagian Value isikan dengan  pilih Kd_data paling atas tersebut sedangkan petir yang bagian nama isikan kd_tersebut

 6). Buka tab baru di browser, dan jalankan file deletekunjungan.php. Maka link Hapus sudah tersedia.  Silahkan dicoba.

 7). Jika Berhasil maka Berikut tampilan  setelah data ke Pertama dihapus.

Kesimpulan

  Itulah tutorial  membuat perintah hapus pada dreamwever..

Refrensi

 https://www.burung-net.com/2015/03/pengertian-dan-fungsi-adobe-dreamweaver.html

Penutup

 Cukup sekian yang dapat saya share pada hari ini semoga dapat bermanfa'at buat semuanya dan selamat mencoba...........

Wassalamu'alaikum wr.wb

Read More

Membuat Koneksi Database PHP MySQL di Dreamweaver

 Assalamu'alaikum wr.wb

                 .

Pendahuluan
  Alhamdulillah pada kesempatan kali ini saya akan share tentang bagaimana cara membuat koneksi database pada DreamWeaver.

Latar Belakang
Dreamweaver CS6 menyediakan settingan yang lebih mudah dalam membuat Site Definition.

Pengertian 
Adobe Dreamweaver adalah program penyunting halaman web keluaran dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia.


Pembahasan
Membuat koneksi database PHP MySQL adalah langkah pertama sebelum Anda bekerja untuk membuat website dinamis. Pastikan Anda telah bisa membuat Site Definition sebelum Anda masuk ke materi ini.
Berikut adalah langkah-langkah membuat koneksi database PHP MySQL:

• Pastikan Anda membuka file dengan ekstensi PHP
• Klik Windows > Databases, maka akan muncul panel Databases.
• Klik Icon Plus (+) > MySQL Connection

• Isi beberapa parameter berikut ini.
• Connection name: koneksiku, Anda dapat memilih nama lain.
• MySQL Server: localhost, ini jika Anda bekerja di localhost
• User name: root, secara default Xampp menggunakan username root. Bisa jadi berbeda dengan konfigurasi web server di komputer Anda
• Password: , biarkan kosong kecuali Anda telah mensetting password di web server dan database Anda.
• Database: 1rizka, klik Select untuk memilih database. Klik OK

• Klik Test, jika muncul tulisan pop-up “Connection was made successfully”.
• Klik OK sekali lagi

Anda telah berhasil membuat koneksi database.

Kesimpulan
  Itulah cara bagaimana membuat koneksi database pada DreamWeaver.

Refrensi
  https://desainbagus.com/pengertian-adobe-dreamweaver/

Penutup
 Cukup sekian yang dapat saya share pada hari ini.. semoga dapat bermanfaat buat semuanya.

Sekian yang dapat saya share pada hari ini semoga dapat bermanfaat....

Wassalamu'alaikum wr.wb

Read More

Membuat Site Definition di Dreamweaver CS6

 Assalamu'alaikum wr.wb

Pendahuluan
 Alhamdulillah pada kesempatan kali ini saya dapat share materi tentang Bagaimana cara Membuat Site pada DreamWeaver.

Latar Belakang
Dreamweaver CS6 menyediakan settingan yang lebih mudah dalam membuat Site Definition.

Pengertian 
Adobe Dreamweaver adalah program penyunting halaman web keluaran dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia.

Pembahasan
Dreamweaver CS6 menyediakan settingan yang lebih mudah dalam membuat Site Definition. Berikut adalah langkah-langkah mudahnya:

• Klik Site > New Site
• Isi Site Name, dalam latihan ini Site Name diisi Websiteku.
• Local site folder, silakan klik icon folder pada Local Site Folder dan buatlah folder baru di dalam folder C:\xampp\htdocs\ dengan nama folder Websiteku, sehingga akan muncul C:\xampp\htdocs\Websiteku\. Klik Open > Select.

• Klik Server pada list di sebelah kiri. Hal ini akan membuka panel dimana Anda dapat menyetting jenis pengetesan di Local Server ataupun Remote Server.
• Klik tanda plus (+) untuk menambah Server baru guna pengetesan website dinamis yang akan kita buat.
• Pada menu Basic, klik pada Connect Using: Local/Network
• Untuk selanjutnya, gunakan settingan berikut ini:
• Server Name: Websiteku
• Connect using: Local/Network
• Server Folder: ,klik icon folder untuk menemukan folder Websiteku yang tadi telah Anda buat atau dengan mengetikkan C:\xampp\htdocs\Websiteku (hal ini bisa berbeda tergantung dari setinggan computer Anda).
• Web URL: http://localhost/Websiteku/ (hal ini juga bisa berbeda tergantung dari setinggan computer Anda). Hal ini member tahu Dreamweaver bahwa website Anda berada dalam document root dengan sub folder bernama Websiteku.

• Klik tombol Advanced pada sisi atas dari panel, lalu dari pop-up menu, pilih PHP MySQL sebagai Server Model untuk pengetesan website Anda.
• Pilih Save untuk menyimpan settingan dari website yang telah kita buat tadi. Secara default, Dreamweaver CS5 akan member tanda centang (check) pada Remote testing server.
• Hilangkan tanda centang (uncheck) pada Remote tadi dan klik (beri tanda check) pada Testing. Hal ini sangat penting. http://localhost/ adalah local server tempat kita melakukan pengetesan atas website yang kita buat. Jika Anda menggunakan MAMPP dengan Operating System Mac, maka Anda harus menggunakan alamat localhost http://localhost:8888/Websiteku/. Penambahan 8888 adalah keharusan jika Anda menggunakan Apache dan MySQL secara default.

• Klik Save. Dreamweaver CS5 secara otomatis akan menutup Site Setup Dialog dan akan segera membuat Site Cache. Anda dapat melihat site yang baru saja Anda buat telah tampil di File Anda.

• Lakukan pengetesan di browser Anda dengan membuka http://localhost/Websiteku. Maka akan muncul tampilan kosong seperti ini. Hal ini terjadi karena kita belum membuat file sama sekali.

Kesimpulan
  Itulah cara bagaimana membuat site di DreamWeaver

Refrensi
  https://desainbagus.com/pengertian-adobe-dreamweaver/

Penutup
Cukup sekian yang dapat saya share pada hari ini.. semoga dapat bermanfaat buat semuanya.

 Wassalamu'alaikum wr.wb

Read More

PENGENALAN TENTANG DREAMWEAVER

 Assalamu'alaikum wr.wb

Pengertian Adobe Dreamweaver

Adobe Dreamweaver adalah program yang digunakan untuk membuat atau menyunting halaman web. Software Dreamweaver dikeluarkan oleh Adobe System. Aplikasi ini banyak digunakan oleh para programmer, desainer dan developer web dikarenakan kemudahan dalam penggunaanya, kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini.

Adobe Dreamweaver menyediakan fitur editor WYSIWYG (What You See is What You Get) atau dalam bahasa kesehariannya disebut Design View. Maksudnya adalah, tampilan hasil akhir web kita nanti akan sama dengan tampilan pada saat proses perancangan halaman web.

Dengan segala fitur yang ada pada Adobe Dreamweaver, membuat suatu web bukanlah hal yang sulit. Kita tidak perlu menguasai berbagai macam bahasa pemrograman web seperti HTML, CSS, Javascript, PHP, dan sebagainya. Cukup mengetahui dasar dasarnya saja, karena didalam aplikasi ini sudah disediakan alat alat otomatis. 

Selain itu, aplikasi ini juga menyediakan 3 macam tampilan yaitu Code View, Design View dan Split View. Code View cocok untuk para programmer yang terbiasa dengan kode kode pemrograman web. Sedangkan Design View cocok untuk para Designer yang terbiasa dengan visual. Jika ingin menggunakan keduanya, bisa memilih Split View.

 

Fungsi Adobe Dreamweaver

Adobe Dreamweaver mempunyai berbagai macam kegunaan. Ini dia kegunaan Adobe Dreamweaver

• Untuk mendesain situs web
• Untuk membuat program berbasis web
• Untuk membuat template blog
• Untuk membuat situs web tanpa bersentuhan langsung dengan bahasa pemrograman

Sejarah  Adobe Dreamweaver

Dulunya, program ini bernama Macromedia Dreamweaver, dan dikelola oleh Macromedia. Versi pertamanya dirilis pada Desember 1997 dengan nama Macromedia Dreamweaver 1.0 untuk sistem operasi Mac. Kemudian pada Maret 1998, muncul versi pertama untuk sistem operasi windows yaitu Macromedia Dreamweaver 1.2 

Macromedia Dreamweaver terus berkembang sampai dengan tahun 2005 dengan versi terbarunya yaitu Macromedia Dreamweaver 8. Kemudian Dreamweaver diambil alih oleh Adobe System sehingga namanya berubah menjadi Adobe Dreamweaver. Pada 16 April 2007, Dreamweaver mengeluarkan versi terbarunya dengan nama Adobe Dreamweaver CS3.

Dengan hadirnya HTML5, Dreamweaver kembali merilis versi terbarunya dengan nama Adobe Dreamweaver CS5.5 . Sedangkan sekarang ini, versi terakhir Dreamweaver adalah Dreamweaver CC yang dirilis pada 21 April 2012.

Kelebihan Adobe Dreamweaver

Dreamweaver memiliki banyak kelebihan. Berikuti ini beberapa kelebihan dreamweaver atau keuntungan dreamweaver

• Dapat membuat kerangka website dengan mudah dan cepat
• Tersedia berbagai macam tema/template
• Memiliki 3 tampilan yaitu Code View, Design View dan Split View
• Memiliki Fitur Preview/Live View
• Kode yang dihasilkan ditulis secara rapi
• Memiliki alat alat khusus untuk membuat program berbasis web
• Mudah dioperasikan oleh pemula
• Memiliki banyak plugin

Kekurangan Adobe Dreamweaver

Selain memiliki kelebihan, Dreamweaver juga memiliki kerugian. Berikut ini kekurangan dreamweaver

• Harga software original-nya mahal

 Fitur Terbaru Adobe Dreamweaver CC

Adobe Dreamweaver terus melakukan pembaharuan. Berikut ini adalah fitur fitur terbaru yang disertakan dalam Adobe Dreamweaver CC

• CSS Designer : Fitur visual editing untuk membantu membuat standar kode web dan menerapkan properti CSS seperti gradient dan shadows.
• Starter Templates : Template khusus web yang bersifat responsif dan dapat diubah tata letaknya
• Extract : Dapat mengubah desain web yang sudah dibuat di photoshop menjadi kode web secara otomatis
•  Live View : Tersedia berbagai penambahan fitur seperti insert panel, keyboard shortcut dan HTML Tag Editor yang membuat proses editing lebih cepat dari sebelumnya
• Full Support HTML5 : Mendukung secara penuh penggunaan HTML5, seperti streaming audio dan video.

dan masih banyak lagi fitur lainnya.

Wassalamu'alaikum wr.wb

Read More