membuat program sederhana menggunakan power builder

Embed Size (px)

Text of membuat program sederhana menggunakan power builder

  1. 1. mztolo 2006 PB pemula 1 DAFTAR ISI POWERBUILDER #1 (Langkah Pertama dan exe) POWERBUILDER #2(pembuatan menu utama) POWERBUILDER #3(Pembuatan Database) POWERBUILDER #4(entri data) POWERBUILDER #5(memodifikasi tampilan entri data) POWERBUILDER #6(script event entri data) POWERBUILDER #7(PB Object Function) POWERBUILDER #8(script tombol entri data) POWERBUILDER #9(Data freeform) POWERBUILDER #9 bag. 2(Data freefrom 2) POWERBUILDER #9 bag. 3(Data freeform master list) POWERBUILDER #10(Membuat pesan eror) POWERBUILDER #11(menu) POWERBUILDER #12(mencetak data window) POWERBUILDER #12b(mencetak data window) POWERBUILDER #12c(mencetak data window) POWERBUILDER #12 d(mencetak data window) POWERBUILDER #13(membuat parameter sheet) PB#14 (tambahan)
  2. 2. mztolo 2006 PB pemula 2 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 mulaijalankan PB anda spt ini : 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.
  3. 3. mztolo 2006 PB pemula 3 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
  4. 4. mztolo 2006 PB pemula 4 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
  5. 5. mztolo 2006 PB pemula 5 Ketik nama targetnya misal siswa juga.spt ini : Waktu anda klik di entrian bawah selanjutnya akan tampak spt ini.
  6. 6. mztolo 2006 PB pemula 6 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
  7. 7. mztolo 2006 PB pemula 7 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..
  8. 8. mztolo 2006 PB pemula 8 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 atassampai tampil spt ini : Pilih Static text spt tampak di gambar atas dan klik di area window/form anda spt ini :
  9. 9. mztolo 2006 PB pemula 9 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
  10. 10. mztolo 2006 PB pemula 10 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 :
  11. 11. mztolo 2006 PB pemula 11 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
  12. 12. mztolo 2006 PB pemula 12 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 initampak di window system tree anda :
  13. 13. mztolo 2006 PB pemula 13 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 :
  14. 14. mztolo 2006 PB pemula 14 Untuk test run program anda klik icon ini dan lihat hasilnya Inilah latihan aplikasi 1st anda . Klik tombol close untuk release/close window/form tersebut.. Oklalu 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 :
  15. 15. mztolo 2006 PB pemula 15 Tampak modul spt ini dan isi spt tampak di gambar : Perhatikan nama Execute File Name nyaharus komplit termasuk direktorynya Klik tombol close atau klik icon save untuk menyimpan project ini :
  16. 16. mztolo 2006 PB pemula 16 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..
  17. 17. mztolo 2006 PB pemula 17 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 .yaprunning well 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. Okdengan demikian sample 1st untuk PB cukup sekian dulunantikan sample2 berikutnya yg sudah mulai dg database Siapkan diri anda dg database mysql, myodbc, mysqlfront tentunya atau interface mysql yg lain. Akhir kata.sukses untuk anda !!
  18. 18. mztolo 2006 PB pemula 18 POWERBUILDER #2 Dalam PB #2 ini anda akan belajar membuat window type mdi! dan cara membuat menu, buka workspace yg pernah anda buat di latihan PB #1 : Rancangan aplikasi yg akan di buat nantinya adalah berupa aplikasi dg layar utama dan ada menu untuk menjalankan window/form/modul entri yg ada. Jadi tidak spt waktu latihan 1st di PB #1 yg tampil hanya berupa window tunggal saja. Tipe data window utama untuk aplikasi dan bersifat spt screen, di PB dikenal sebagai type window mdi! (multiple document interface) Sebuah type window mdi!, type window ini sendiri harus memiliki menu Ok sebelum anda tambah bingung..ikuti saja langkah2 berikut. Membuat MENU : Klik tombol New pilih tab PB Object pilih Menu dan klik tombol OK
  19. 19. mztolo 2006 PB pemula 19 Tampak di painter anda modul menu paintertempat anda membuat menu Klik kanan pada text untitled0 spt ini dan klik Insert Submenu Item Ketik &File spt tampak di gambar di bawah ini. Tanda & pada nama2 menu di gunakan sbg shortcutsehingga bisa di panggil dengan menekan ALT+F
  20. 20. mztolo 2006 PB pemula 20 Tampak juga di propertiesnya spt ini.. Klik kanan di &File dan klik Insert Submenu Item untuk membuat sub-menunya Ketik Entri &Siswa spt tampak di gambar bawah
  21. 21. mztolo 2006 PB pemula 21 Ulangi langkah2 di atas untuk membuat sub-menu berikutnyasehingga hasilnya spt ini Di layar sebelah kanan tampak layout/display/preview tampilan menu yg telah di buat. Selanjutnya buat menu item lain dg cara klik kanan &File dan klik spt di bawah ini.. Ketik spt tampak berikut ini. Dan buat sub-menu Transaksi serta menu item berikutnya sehingga hasilnya spt ini
  22. 22. mztolo 2006 PB pemula 22 Save dan beri nama mn_siswa spt tampak di gambar bawah Dengan demikian proses pembuatan menu sudah selesai Tampak mn_siswa sudah ada di tree system anda :
  23. 23. mztolo 2006 PB pemula 23 Ok selanjutnya double click window w_utama .
  24. 24. mztolo 2006 PB pemula 24 Perhatikan : Title =Program Entri Data Siswa WindowType =mdi! WindowState =maximized! Icon =Form! Selanjutnya klik tombol di kanan entrian MenuName Tampak modul spt ini
  25. 25. mztolo 2006 PB pemula 25 Dan klik tombol OKsehingga tampak di properties spt gambar di bawah ini. Save perubahan window w_utama. dan coba run aplikasi klik icon Yap..sukses.
  26. 26. mztolo 2006 PB pemula 26 Hapus text Latihan 1st ku dan tombol Close..maka jika di run akan spt ini Note : Menu-menu di atas belum berisi command/koding, sehingga jika anda klik menu Exit pun window/aplikasi tdk akan Close atau Exit Bagaimana cara mengisinya ? Mari kita lakukan.. Double click di mn_siswa untuk melakukan modifikasi menu tersebut Selanjutnya double click di menu item E&xit agar event click nya aktif. Ketik koding spt tampak di gambar bawah.
  27. 27. mztolo 2006 PB pemula 27 Perhatikan : if messagebox('Exit','Anda Yakin ?',question!,YesNo!) = 1 then halt end if Note : m_file.m_exit artinya m_exit (E&