bagian 3 : membuat koneksi php dan my sql pada dreem ... · bagian 3 : membuat koneksi php dan my...

11

Click here to load reader

Upload: vuongdieu

Post on 12-Mar-2019

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6.

http://projekwebku.blogspot.com/2016/01/cara-membuat-input-data-pada-

web.html#.WMYXym-GPIU

M.T Alghifari 05.55 Site Dreamweaver

ProjekWebKu : Setelah sebelumnya kita menyiapkan database, Maka untuk selanjutnya akan

dibahas mengenai langkah awal menyiapkan projek web penjualan. Bagi yang ketinggalan,

silahkan lihat dulu Cara Membuat Database Web Penjualan Dengan Localhost XAMPP.

Yupppss , , kita langsung saja. Pertama yang harus disiapkan adalah cemilan dan kopinya yang

mantap. biar belajarnya tambah "Cemungutttth". Hehee . . !!

Disini kita akan membuat Site Definitions pada Dreamweaver CS6. Apa tuh Site Definitions?

Ikuti panduannya dulu, nanti diakhir akan saya jelaskan fungsi dari Site Definitions.

1). Buat folder dengan nama "Projek_Web" di direktori C:\xampp\htdocs.

Page 2: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

2). Jalankan Dreamweaver-nya. Pilih menu Site > New Site.

3). Pilih menu Site yang disebelah kiri kemudian isi Site Name & Local Site Folder sesuai

gambar dibawah.

Page 4: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

5) Setelah semua terisi. Jangan lupa centang pada pilihan Testing > Save.

6). Maka pengaturan Site sudah selesai.

Masih bingung? Nih saya kasih videonya.

Site pada Dreamweaver berfungsi untuk menghubungkan Dreamweaver dengan file-file web,

Server web dan server database sehingga Dreamweaver dapat menjalankan fungsi generate kode

saat programer memasukan objek yang berkaitan dengan server Web dan server database pada

laman web.

Cara Membuat Input Data Pada Web Dreamweaver CS6.

M.T Alghifari 17.11 Extra Input Data

Bagikan artikel ini: Share42

ProjekWebKu : Pada bagian ini merupakan tutorial tambahan yang kami sediakan untuk

menunjang dalam pembuatan web dengan Dreamweaver CS6. Tutorial ini sengaja kami buat

Page 5: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

untuk siapa saja yang ingin belajar ilmu pemrograman PHP ( Bukan PHP yang harapan palsu lo

ya . .).

Untuk itu, semua tutorial kami sertakan dengan petunjuk gambar dan video. tujuannya tiada lain

ialah untuk mempermudah para pemula yang ingin mengikuti website ini.

Untuk mengawalinya, kita akan memulai dengan Input Data.

Apa sih input data? Bagai mana cara membuatanya? susah gak ya? kalo nanti gak berhasil

bagaimana?

Jawabannya simple. "Gak Ada Yang Gak Mungkin".

Input data merupakan suatu proses penginputan data kedalam form yang disimpan dalam sebuah

database dan digunakan untuk keperluan informasi.

Dreamweaver CS6 adalah salah satu aplikasi yang memudahkan dalam pembuatan Website.

Disini tidak harus mahir dalam pengkodean, karena sudah disediakan kemudahan-kemudahan

dalam pemakaiannya. Baik dalam proses input data, menampilkan data, menghapus data

ataupun mengelola data dan ditampilkan kedalam bentuk website.

Baiklah, tanpa panjang lebar, kita mulai tutorialnya.

Yang akan kita lakukan ialah membuat form input terhadap data yang kita sediakan. Untuk itu

yang harus disiapkan ialah menyediakan database dan mengatur site definition pada DW CS6-

nya.

Bagi yang belum paham, silahkan baca juga :

Page 6: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

Cara membuat Database dengan Dreamweaver CS6

Cara mengatur Site Definitions pada Dreamweaver CS6

Kami harap 2 bagian tutorial diatas benar-benar dilakukan. Jika sudah kita akan langsung dengan

tutorial berikut ini.

Buat folder "latihan_web" pada C:\xampp\htdocs\latihan_web. Kemudian jalankan

Dreamweaver, XAMPP dan Browsernya terlebih dahulu.

1). Buat nama koneksi dengan cara berikut : pada panel Database > Klik tanda + > MySQL

Connection. Isi formnya seperti gambar dibawah ini. Sebelum klik OK, Silahkan di Test terlebih

dahulu. Jika Sukses, maka bisa dilanjutkan.

2). Buat file input_mhs.php. dan atur halamannya seperti ini :

Page 7: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

3). Pada menu Insert, Klik Data Object > Insert Record > Record Insertion From Wizard.

Page 8: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

4). Pada form Record Insertion, Atur seperti ini :

Page 9: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

5). Setelah di klik OK, maka tampilannya seperti gambar berikut.

6). Buka tab baru pada Browser, Ketik localhost/latihan_web/input_mhs.php > Enter

Page 10: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6

7). Ketika tombol INPUT ditekan, maka otomatis data tersebut telah tersimpan

di database. Silahkan cek di PhpMyAdmin.

Bagaimana? masih bingung?

Jika belum puas dengan panduan gambar diatas. Kami sediakan videonya. Cekidottt !!!

Page 11: Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem ... · Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6