MEMBUAT DATABASE SEDERHANA DENGAN LOCALHOST DAN DREAMVEAVER

Ukuran: px

Mulai penontonan dengan halaman:

Download "MEMBUAT DATABASE SEDERHANA DENGAN LOCALHOST DAN DREAMVEAVER"

Widyawati Hardja
7 tahun lalu
Tontonan:

1 MEMBUAT DATABASE SEDERHANA DENGAN LOCALHOST DAN DREAMVEAVER Pada kesempatan kali ini saya akan mejelaskan bagaimana kita membuat suatu aplikasi database sederhana menggunakan mysql dan dreamweaver. Mungkin teknologi dianggap sebagai suatu yang yang rumit untuk dipelajari. Namun, pada jaman sekarang ini sudah banyak aplikasi untuk mempermudah hal tersebut. Contohnya adalah dreamweaver. Dahulu kita harus menghafal segala sesuatu tentang HTML script, PHP dan lain-lain. Namun dengan adanya dreamweaver, segalanya jadi lebih mudah. Langkah pertama adalah install XAMPP. Dapat didownload si situs penyedianya secara gratis. Aplikasi ini adalah aplikasi untuk membuat suatu localhost, dengan isi didalamnya apache, mysql dll. Setelah terinstal, coba jalankan/start XAMPP kemudian buka browser anda dan ketikkan jika sukses maka akan langsung dibawa ke tampilan XAMPP dan diminta untuk memilih bahasa. Kemudaian coba ketik maka akan muncul tampilan :

2 Setelah muncul tampilan seperti di atas, maka kita menuju ke kolom yang bertuliskan ciptakan database baru dan ketikkan nama database baru anda, kita mbil contoh kemensos dan klik tombol ciptakan. Setelah itu. Akan muncul tampilan : Nah di sini langkah awal dalam kita mengembangkan apa saja yang ingin kita buat di dalam table. Untuk sederhananya kita tentukan saja criteria tabelnya yaitu 1. Nama. 2. NIP, 3. Golongan, 4. Jabatan. Berarti kita ciptakan table baru dengan nama tabel pegawai dan fieldnya kita isi 4, karena kita tadi telah menghitung jumlah data yang akan kita tampilkan. Setelah diisi kemudian klik tombil GO dan hasilnya seperti :

3 Pada field baris pertama isikan nama, jenis pilih varchar dan ukuran panjang/nilai kita sesuaikan, misalkan 30. Field berikutnya sama, kita isi dengan nip, varchar, 25. Field selanjutnya adalah golongan, varchar, 5 dan field terakhir adalah jabatan, varchar, 25. Setelah selesai klik simpan dan hasilnya :

4 Sejenak kita tinggalkan phpmyadmin dahulu, kemudian beralih ke XAMPP. Pada directori instalasi defaultnya berada di C:\XAMPP klik didalamnya dan masuk ke fotder htdocs atau dirctorinya C:\xampp\htdocs klik kanan dan buat new folder dengan nama terserah anda, untuk memudahkan, saya buat dengan nama yang sama dengan database yaitu kemensos. Setelah dibuat folder baru, selanjutnya kita ke dramweaver, di sini saya menggunakan macromedia dreamweaver 8. Tidak masalah anda menggunakan dreamweaver apa saja, pada prinsipnya adalah sama. Buka dreamweaver dan pada taskbar di atas klik site kemudian pilih new site. Tampilannya akan seperti :

5 Dan aka nada menu pilihan seperti :

6 Klik tabs advace, pada local info, Site name isikan nama proyek kita, saya ambil nama kemensos, kemudian pada local root foler kita pilih di folder htdocs dan pilih kemensos atau C:\xampp\htdocs\kemensos\ (bisa langsung kita brows dari menu gabar folder). Setelah itu di menu kiri kita pilih remote info, pada kolom acces kita pilih local/network maka otomatis akan muncul remote folder. Isikan remote folder sama dengan local root folder. Kembali di menu sebelah kiri kita klik testing server akan muncul menu server model kita pilih PHP MySQL, kemudian acces : Local/Network, dan testing server folder kita isi sama dengan local root folder yaitu C:\xampp\htdocs\kemensos\. Kemudian pada URL prefix ada tulisan nah setelah tanda / yang terahkir isikan nama project anda. Jadi karena project saya tadi kemensos maka menjadi kemudian klik OK dan akan muncul notice, klik OK. Setelah selesai kita create new kita pilih PHP. Pada menu sebelah kana nada pilihan application dan klik database, tekan tanda + dan pilih MySQL Connection tampilannya seperti berikut :

8 Isikan Conection name dengan nama project anda, disini saya gunakan nama kemensos, kemudian MySQL server kita isikan localhost, username default adalah root dan password jika mysql kita tidak dipassword kita kosongkan saja kemudian kita pilih database kita yaitu tadi adalah kemensos. Kemudian klik OK maka hasilnya jika berhasil connect adalah : Setelah berhasil connect sekarang kita pilih dari menu di atas dan kita pilih insert kemudian pilih application object>insert record>record insertion from wizard.

9 Dan akam muncul

10 Pada connection kita pilih nama database kita yaitu kemensos dan pada table akan muncul table kita yang kita namakan pegawai. Untuk sederhananya cukup seperti ini dan klik OK. Setelah itu akan Nampak seperti :

11 Kemudian Save as dan beri nama input.php dan simpan ke dalam folder htdocs di XAMPP. Setelah itu klik file di sudut kiri atas pada dreamweaver dan pilih new kemudian pilih PHP. Save as halaman tersebut dengan nama batabase.php kedalam folder yang sama. Setelah itu klik insert>application object dan pilih recordsheat. Beri nama recordsheat 1 dan pilih connecton name kemensos dan pilih table pegawai dan klik OK. Tampilannya seperti di bawah :

12 Pada halaman yang sama kita klik insert>application objects>dynamic data dan pilih dynamic table. Akan muncul pilihan langsung klik ok dan tampilannya akan seperti :

13 Kemudian kita save. Dan untuk melihat hasilnya silahkan klik f12 pada keyboard anda. Dimulai dari input.php anda mencoba masukkan data. Jika anda pada localhost, maka pada browser silahkan ketik maka akan nampak halaman input. Kemudian untuk melihat hasil inputnya silahkan ketik maka akan masuk data yang telah anda input. Kemudian untuk membuat menu edit, kita buat dahulu halaman baru PHP dan kita save as dengan nama edit.php. tinggalkan halaman yang anda baru buat (edit.php) dan beralih dahulu ke halaman database.php pada table yang terakhir kita blok kemudian kita pilih menu di atas pada dreamweaver dan pilih modify>table>insert row or columns

14 Lihat posisi table paling akhir dalam keadaan terblock. Kemudian akan muncul tampilan Pilih columns dan klik OK. Maka pada table akan tertambah 1 kolom lagi setelah baris terakhir. Pada kolom bagian atas kita beri nama action dan kolom di bawah kita beri tulisan edit tampilannya seperti :

15 Kemudian pada blok pada tulisan edit kemudian menuju ke menu di bagian atas dan pilih insert>hyperlink maka akan muncul notice seperti Kemudian klik pada gambar foder (lingkaran merah) dan kemudian muncul tampilan :

16 File name pilih edit.php dan klik parameter dan akan tampil seperti : Dan isikan parameternya dengan memberikan nama sesuai nama field dalam table dan klik ok (ada 4 parameter yang harus diisi. Setelah selesai maka klik OK hingga tidak ada pop up yang terbuka/muncul (OK semua yang belum di OK)

17 Kemudian kita beralih pada halaman edit.php dan klik insert>application objects dan pilih recordsheat. Kemudian setelah klik recordsheat, klik lagi insert>application objects>update record>record update from wizard akan Nampak seperti : Kemudian save halaman. Save semua halaman dan coba jalankan mulai dari langkah pertama yaitu melakukan input kemudian masuk ke database.php dan coba klik tombol edit. Demikian sharing saya pada kesempatan ini, semoga dapat bermanfaat. Jadi di era teknologi yang sekarang serba canggih ini, pengolahan data menjadi lebih mudah dengan penggunaan system teknologi terbaru. Belajar IT tidak harus pada orang dengan latar belakang pendidikan TI atau computer, namun dapat dilakukan oleh semua orang yang selalu menginginkan segala sesuatu jadi lebih mudah.kreativitas itu ada karena kemauan kita, bukan karena kepintaran individu. Jika kurang jelas bisa ditanyakan melalui saya : fajar.sujatmiko@depsos.go.id

dokumen-dokumen yang mirip

Step-Step dalam pembuatan Web

Step-Step dalam pembuatan Web Langkah-langkah pembuatannya tidak terlalu sulit. Yang pertama dilakukan adalah kita harus menginstall web servernya yaitu misalnya XAMPP. Setelah itu, kita langsung bisa