Tutorial Power Builder Untuk Pemula

POWERBUILDER #1

Powerbuilder adalah bahasa pemrograman database visual, dg fitur dan kelebihan-kelebihan antara lain :

• termasuk golongan 4GL/bhs pemrograman generasi keempat

• memakai metodologi RAD (Rapid Application Development) sehingga pengerjaan program akan cepat.

• client/server (2-tier maupun 3-tier)

• oop atau berorientasi object dll.

Untuk latihan sample yg anda perlukan adalah :

• PowerBuilder product www.sybase.com

• Database dengan mysql product www.mysql.com

Mari kita mulai……jalankan PB anda spt ini :

[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"></v:stroke> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"></v:f> <v:f eqn="sum @0 1 0"></v:f> <v:f eqn="sum 0 0 @1"></v:f> <v:f eqn="prod @2 1 2"></v:f> <v:f eqn="prod @3 21600 pixelWidth"></v:f> <v:f eqn="prod @3 21600 pixelHeight"></v:f> <v:f eqn="sum @0 0 1"></v:f> <v:f eqn="prod @6 1 2"></v:f> <v:f eqn="prod @7 21600 pixelWidth"></v:f> <v:f eqn="sum @8 21600 0"></v:f> <v:f eqn="prod @7 21600 pixelHeight"></v:f> <v:f eqn="sum @10 21600 0"></v:f> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"></v:path> <o:lock v:ext="edit" aspectratio="t"></o:lock> </v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:6in; height:274.5pt'> <v:imagedata src="file:///C:/Users/ilyas/AppData/Local/Temp/msohtmlclip1/01/clip_image001.png" o:title=""></v:imagedata> </v:shape><![endif][if !vml][endif]

[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"></v:stroke> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"></v:f> <v:f eqn="sum @0 1 0"></v:f> <v:f eqn="sum 0 0 @1"></v:f> <v:f eqn="prod @2 1 2"></v:f> <v:f eqn="prod @3 21600 pixelWidth"></v:f> <v:f eqn="prod @3 21600 pixelHeight"></v:f> <v:f eqn="sum @0 0 1"></v:f> <v:f eqn="prod @6 1 2"></v:f> <v:f eqn="prod @7 21600 pixelWidth"></v:f> <v:f eqn="sum @8 21600 0"></v:f> <v:f eqn="prod @7 21600 pixelHeight"></v:f> <v:f eqn="sum @10 21600 0"></v:f> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"></v:path> <o:lock v:ext="edit" aspectratio="t"></o:lock> </v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:6in; height:274.5pt'> <v:imagedata src="file:///C:/Users/ilyas/AppData/Local/Temp/msohtmlclip1/01/clip_image001.png" o:title=""></v:imagedata> </v:shape><![endif][if !vml][endif][if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"></v:stroke> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"></v:f> <v:f eqn="sum @0 1 0"></v:f> <v:f eqn="sum 0 0 @1"></v:f> <v:f eqn="prod @2 1 2"></v:f> <v:f eqn="prod @3 21600 pixelWidth"></v:f> <v:f eqn="prod @3 21600 pixelHeight"></v:f> <v:f eqn="sum @0 0 1"></v:f> <v:f eqn="prod @6 1 2"></v:f> <v:f eqn="prod @7 21600 pixelWidth"></v:f> <v:f eqn="sum @8 21600 0"></v:f> <v:f eqn="prod @7 21600 pixelHeight"></v:f> <v:f eqn="sum @10 21600 0"></v:f> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"></v:path> <o:lock v:ext="edit" aspectratio="t"></o:lock> </v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:6in; height:274.5pt'> <v:imagedata src="file:///C:/Users/ilyas/AppData/Local/Temp/msohtmlclip1/01/clip_image001.png" o:title=""></v:imagedata> </v:shape><![endif][if !vml][endif]

Penjelasan gambar di atas adalah :

1. Menu Bar (menu-menu dari PB)

2. Toolbar (icon-icon toolbar PB)

3. Window System Tree (berisi informasi sistem object dan object aplikasi yg lain semacam function, events, window dll.)

4. Window Clip (digunakan untuk menempatkan output ke dlm window clip)

5. Window Output (output informasi spt error message dan proses yg lain)

6. Painter (layar editor tempat membuat object)

Anda bisa menampilkan atau tidak window yg ada dengan mengaturnya di menu “Window” spt tampak di gambar atas.

Selanjutnya untuk memulai pembuatan program klik icon “New” spt ini :

Di bahasa pemrograman lain di sebut juga project, di PB di sebut Workspace atau area kerja kita.

Tampak modul spt ini :

Perhatikan di page “Workspace” pilih icon Workspace dan klik OK

Ketik nama workspace nya “siswa” dan saya simpan di folder “c:\samplePB”

Klik tombol SAVE

Tampak workspace “siswa” telah tercipta :

Klik tombol “New” lagi dan pilih page “Target” :

Pilih target type nya, yaitu “Application” karena kita akan membuat aplikasi.

Klik tombol OK

Ketik nama targetnya misal “siswa” juga….spt ini :

Waktu anda klik di entrian bawah selanjutnya akan tampak spt ini….

Klik tombol FINISH maka target tercipta dan hasilnya akan tampak spt ini :

Dan kalau anda lihat di direktory “samplePB” akan tampak spt ini :

Keterangan :

siswa.pbw adalah nama file workspacenya

siswa.pbt adalah nama file targetnya

siswa.pbl adalah nama file librarynya

Ok selanjutnya klik tombol “New” kembali untuk membuat window :

Pilih page “PB Object” dan klik “Window” serta tombol OK

Tampak “window” atau form yg anda buat sudah tampak di “painter” anda…..

Agar view tampak luas anda bisa close terlebih dahulu window clip dan window output, dan hanya menyisakan “window system tree” serta “painter”.

Selanjutnya mari kita tambahkan text di dalam window itu…..

Klik kontrol “command button” spt tampak di atas…sampai tampil spt ini :

Pilih “Static text” spt tampak di gambar atas dan klik di area window/form anda spt ini :

Seperti tampak pada gambar di atas…..selanjutnya ganti text/caption “none” anda misalnya dg tulisan spt ini “Latihan 1st ku”

Anda bisa atur font nya spt ini di properties-nya

Atau bisa anda atur lewat ini ……

Selanjutnya tambahkan command button /tombol di window/form itu….caranya klik control command buttonnya dulu dan pilih “command button” spt ini :

Selanjutnya klik di area window spt ini dan atur text nya shg menjadi spt di bawah….

Untuk title/caption window nya sendiri anda klik di area kosong window dan ganti tiltle nya :

Menjadi spt ini…..misalnya…

Selanjutnya double click di tombol “Close” untuk mengisi click eventnya spt ini :

Anda ketik “close(parent)”… yg artinya menutup parent dari tombol itu ..parent adalah tempat tombol berada …dg arti lain “window” itu….

Untuk kembali ke desain window tadi klik page/tab/frame “Layout” spt tampak di gambar di bawah.

Spt ini……

Klik tombol save sampai tampil modul spt ini :

Ketik nama window-nya “w_utama” dan klik tombol OK

Tampak juga jika anda ingin menambahkan comments/komentar….dan nama library dari window yg anda buat.

Hasilnya spt ini…tampak di window system tree anda :

Anda bisa close window yg anda buat dg klik tombol close spt ini :

Selanjutnya untuk memanggil form ini pada saat aplikasi jalan pertama kali….

Double klik di object aplikasi “siswa” dan ketik koding spt berikut :

Anda perhatikan comments/komentar di event di mulai dg tanda “//”

“open(w_utama)” artinya buka/jalankan window utama ini.

Catatan :

Dalam koding command button “Close” di window “w_utama” bisa anda ganti menjadi “close(w_utama)” karena nama window itu adalah “w_utama”

Selanjutnya close dan save …spt ini :

Untuk test run program anda …klik icon ini dan lihat hasilnya…

Inilah latihan aplikasi 1st anda …. J

Klik tombol “close” untuk release/close window/form tersebut…..

Ok…lalu bagaimana membuat file EXE nya ?!

Langkah selanjutnya adalah kita harus membuat “project” nya dg klik tombol “New” ….pilih tab/page “Project” pilih item “Application” dan klik tombol OK spt ini :

Tampak modul spt ini dan isi spt tampak di gambar :

Perhatikan nama Execute File Name nya……harus komplit termasuk direktorynya…

Klik tombol “close” atau klik icon save untuk menyimpan “project” ini :

Ketik nama project dan komentar yg di inginkan serta klik tombol OK

Hasilnya spt ini……

Selanjutnya klik menu “Run” di atas serta klik ….”Full Build Workspace” spt ini

Tampak report build nya di window output :

Kalo ada error akan tampil juga di window output ini…..

Berikutnya klik menu “Run” lagi dan pilih “Deploy Workspace”

Tampilan di window outputnya spt ini…….finish dan sukses !

Tampak isi direktory samplePB anda spt ini :

Klik file “siswa.exe” ….yap…running well J

Untuk selanjutnya jika anda mau implementasi atau install di client cukup file “siswa.exe”, file “siswa.pbd” dan file2 runtime PB –nya …yg anda sertakan….

Ok…dengan demikian sample 1st untuk PB cukup sekian dulu…nantikan sample2 berikutnya yg sudah mulai dg database J

Siapkan diri anda dg database mysql, myodbc, mysqlfront tentunya atau interface mysql yg lain.

Akhir kata….sukses untuk anda !!