Jumat, 17 Februari 2012

Membuat Projek Sederhana Buku Tamu dengan mengunakan php dan Postgresql


Pada sesi kali ini kita akan membahas bagaimana membuat  aplikasi sederhana mengunakan php dan Postgresql. Sebelum anda melangkah untuk membuat projek ini, pastikan anda sudah menginstall postgresql dan Wamp dengan baik dan benar serta sudah anda configurasi dengan benar. Projek  yang kita buat meliputi operasi simpan,baca,update,hapus atau yang sering kita kenal dengan CRUD (Create,Read,Update,Delete). Okeh kita akan langsung membuat projek ini.

Langkah 1

Persiapan database postgresql, silahkan anda buat sebuah database pada postgresql dengan struktur sebagai berikut.

No
Nama Field
Type Data
Length
Keterangan
1
id_buku
Serial

primary key
2
nama
character varying
30
nama
3
alamat
character varying)
20
Alamat
4
pesan
text

Isi pesan
Untuk proses pembuatan database seperti diatas tidak akan kita bahas pada tahap ini, anda dapat mempelajarinya pada bab yang lain.

Langkah 2

Silahkan persiapkan editor untuk pengkodean nanti (seperti: Notepad++,Edit++,Phpdesigner,Netbean,Adobe Dreamwevaer, dll). Bila anda tidak punya salah satu dari editor diatas, boleh pakai notepad tergantung selera anda. Sebelumnya buat sebuah folder didalam drive C:wamp/www/  atau C:xammp/htdocs sesuai webserver yang anda gunakan.  dengan penamaan menurut selera anda. Pada projek ini contoh foldernya adalah buku_tamu. 


Selanjutnya kita akan mempersiapkan  1 file berektensi .php, berikut file yang akan kita buat :
1.    index.php à pada file ini semua kegiatan operasi CRUD akan kita lakukan yang neliputi pembuatan  skrip koneksi ke data base,skrip menmpilkan data dari table, skrip menampilakn form inputan besertapenyimpanan,skrip update dan hapus tentunya. 


Langkah 3 

Kita akan membuat skrip koneksi ke potgresql agar program bisa berkomunikasi dengan database dan sedikit menambahkan perintah javascript untuk memvalidasi inputan pada buku tamu.

1.    Silahkan tuliskan script java script  dibawah ini yang akan digunakan untuk validasi inputan.
     
2.   Selanjutnya akan kita buat script untuk berkomunikasi dengan database , pada script ini kita akan mendeklarasikan username,password,port,database dan host yang akan digunakan untuk koneksi.
       

Langkah 4 


Bila anda pada Langkah 3 telah selesai selanjutnya kita akan membuat aksi terhadap aplikasi ini dan mendeklrasikan variabel apa saja yang dikirim dari form inputan.
       a.    Silahkan bikin script varibel dibawah ini. 
             
       b.   Bila sudah, kita akan membuat sebuah perintah yang akan digunakan untuk   
          memerintahkan program saat  ini sedang memerintahkan simpan,update,delete,atau edit.
          Hal ini harus kita tentukan karena kita bekerja pada satu file yang melakukan semua  
          operasi tersebut. Untuk skrip  tersebut silahkan anda tuliskan seperti dibawah ini.   
           
                   


Langkah 5



Pada langkah ini kita akan membuat sebuat form untuk inputan dan sebuah table yang akan menampilkan data yang sudah kita inputkan.

a.    Buatlah skrip form untuk inputan dan pengeditan  seperti dibawah ini
    
b.   Selanjutnya kita akan buat skrip yang akan digunakan untuk menampilkan data yang sudah berhasil dismpan.

c.  Bila sudah simpan dan coba anda inputkan data melalui form inputan bila tidak terjadi kesalahan maka akan bisa ditampilkan data seperti berikut.







1 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More