MEMBUAT DATABASE SEDERHANA DENGAN · PDF filePada kesempatan kali ini saya akan mejelaskan bagaimana kita membuat suatu aplikasi database ... kemudian acces : ... 6/7/2010 12:15:36

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 http://localhost jika sukses maka akan langsung dibawa ke tampilan XAMPP dan

diminta untuk memilih bahasa. Kemudaian coba ketik http://localhost/phpmyadmin/ maka akan

muncul tampilan :

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 :

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 :

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 :

Dan aka nada menu pilihan seperti :

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 http://localhost/ nah

setelah tanda “/” yang terahkir isikan nama project anda. Jadi http://localhost/namaproject karena

project saya tadi kemensos maka menjadi http://localhost/kemensos 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 :

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.

Dan akam muncul

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 :

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 :

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 :

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 http://localhost/kemensos/input.php maka akan nampak halaman input. Kemudian

untuk melihat hasil inputnya silahkan ketik http://localhost/kemensos/database.php 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

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 :

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 :

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)

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 email saya : [email protected]