membuat program sederhana menggunakan power builder

  • Published on
    15-Aug-2015

  • View
    279

  • Download
    12

Embed Size (px)

Transcript

<ol><li> 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) </li><li> 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. </li><li> 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 </li><li> 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 </li><li> 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. </li><li> 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 </li><li> 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.. </li><li> 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 : </li><li> 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 </li><li> 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 : </li><li> 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 </li><li> 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 : </li><li> 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 : </li><li> 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 : </li><li> 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 : </li><li> 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.. </li><li> 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 !! </li><li> 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 </li><li> 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 &amp;File spt tampak di gambar di bawah ini. Tanda &amp; pada nama2 menu di gunakan sbg shortcutsehingga bisa di panggil dengan menekan ALT+F </li><li> 20. mztolo 2006 PB pemula 20 Tampak juga di propertiesnya spt ini.. Klik kanan di &amp;File dan klik Insert Submenu Item untuk membuat sub-menunya Ketik Entri &amp;Siswa spt tampak di gambar bawah </li><li> 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 &amp;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 </li><li> 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 : </li><li> 23. mztolo 2006 PB pemula 23 Ok selanjutnya double click window w_utama . </li><li> 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 </li><li> 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. </li><li> 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&amp;xit agar event click nya aktif. Ketik koding spt tampak di gambar bawah. </li><li> 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&amp;xit) merupakan sub-menu dari m_file (&amp;File) Pada saat anda klik menu Exit maka akan keluar pertanyaan spt ini Jika anda klik tombol Yes maka sistem akan HALT alias berhenti atau close(nilai return valuenya 1, kalo 2 adalah No perhatikan susunan YesNo! yes=1 ..no=2) Perhatikan gambar di atas dan perhatikan koding-nyaanda bisa ambil kesimpulan sendiri.misal question! itu simbol ? spt tampak di gambar.begitu juga text yg lainnya. Untuk koding yg lain akan dibuat sambil jalannantikan sample berikutnya Sukses untuk anda !! </li><li> 28. mztolo 2006 PB pemula 28 POWERBUILDER #3 Untuk latihan berikut ini Anda siapkan database sekolah dengan table tblsiswa di mysql anda, adapun struktur tablenya spt ini : 1. nis char(8) 2. nama varchar(50) 3. kota varchar(15) 4. tgllhr date 5. jkel char(1) 6. tabungan float(10,0) Spt tampak di bawah ini, dg mySQLFront 2.5 : Selanjutnya buka workspace yg pernah anda buat di latihan PB sebelumnya : </li><li> 29. mztolo 2006 PB pemula 29 Setelah database mysql anda create selanjutnya adalah membuat koneksi database dengan cara.klik icon Database Klik tombol + di depan ODB ODBC sehingga ter-expand. Klik kanan di ODB ODBC dan klik New Profile. </li><li> 30. mztolo 2006 PB pemula 30 Tampil modul Database Profile Setup ODBC spt ini Isi data/value spt tampak di atas.. Profile Name: =sekolah User ID: =root Isolation Level: =Read Uncommitted Driver-Specific Parameters: = DRIVER={MySQL ODBC 3.51 Driver};DESC=;DATABASE=sekolah; SERVER=guzrud;UID=root;PASSWORD=;PORT=3306;OPTION=3;STMT=; Note : sekolah adalah nama databasenya guzrud adalah nama servernya, sesuaikan dg nama server anda root adalah id standard koneksi ke mysql nya Commit on Disconnect jangan di centang ! Klik tombol Apply </li><li> 31. mztolo 2006 PB pemula 31 Klik tab Preview sehingga tampak spt ini.. Klik tombol Copy untuk mengcopy listing profile koneksinya.(perhatikan kalo copy listing tersebut masih dlm kondisi ter-blok spt tampak di gambar atas) Gunanya untuk apa ?! nanti anda tahu Klik tombol Test Connection untuk memastikan connection successful.. Yap.sukses. !! Klik tombol OK.. Selanjutnya untuk keluar dari modul profile ini klik tombol OK lagi </li><li> 32. mztolo 2006 PB pemula 32 Tampak profile koneksi sekolah telah tercipta.. Klik kanan dan Connect Perhatikan tanda centang warna hijau yg menandakan koneksi yg aktif. </li><li> 33. mztolo 2006 PB pemula 33 Ok selanjutnya double click object application siswa. Dalam open event nya di atas command open(w_utama) klik kanan mouse dan paste listing kode profile koneksinya .shg hasilnya spt ini( jadi tahu kan kenapa tadi anda diminta untuk click tombol Copy lihat hal. 4) Tambahkan command untuk connect stl listing tersebut sbl open(w_utama) connect; if SQLCA.SQLDBCode0 then messagebox('Koneksi Gagal',SQLCA.SQLErrText,stopsign!) halt close end if Note : connect; adalah perintah untuk konek ke database sesuai listing SQLCA nya jika SQLCA.SQLDBCode bernilai selain 0 (nol) maka koneksi gagaljika koneksi gagal maka sistem close. SQLCA sendiri di PB adalah sebuah object dg type Transaction yg berfungsi menangani koneksi ke database, SQLCA di deklarasikan sbg variable yg bersifat global dan merupakan object standard PB untuk koneksi ke database. </li><li> 34. mztolo 2006 PB pemula 34 Sehingga menjadi spt ini Mmmmm kenapa harus ada 2x koneksi lalu yg di pakai yg mana ? Dua-duanya di pakai.. Koneksi di Database akan kepakai pada saat kita desain datawindow.interface untuk datanya (baik sbg query maupun editing dan report) Sedangkan koneksi di object aplikasi dipakai untuk koneksi pada saat aplikasi itu running Simpan perubahan yg terjadi ini akan terpakai pada saat pembuatan datawindow, ada di sample berikutnya Dengan demikian proses pembuatan profile koneksi data sudah selesai Sukses untuk anda !! </li><li> 35. mztolo 2006 PB pemula 35 POWERBUILDER #4 Sample kali ini adalah membuat modul entry untuk data siswa. Modul ini berupa window dgn beberapa tombol dan datawindow sbg interface datanya. Datawindow sendiri berfungsi sbg display, serta memungkinkan user untuk memanipulasi, update data dan informasi yg lain. Window sendiri dalam hal ini berfungsi sbg tempat datawindow tersebut. Jadi kalo digambarkan akan memiliki urutan sb : Data Datawindow Window Mari kita mulai.Klik tombol New sampai tampil spt ini.. Pilih tab DataWindow, pilih Freeform dan klik tombol OK Klik tombol Next &gt; </li><li> 36. mztolo 2006 PB pemula 36 Klik table tblsiswa dan klik tombol Add All serta diikuti tombol OK, sampai tampil modul spt ini Klik tombol Next &gt; </li><li> 37. mztolo 2006 PB pemula 37 Untuk mengakhiri klik tombol Finish datawindow anda sudah jadi </li><li> 38. mztolo 2006 PB pemula 38 Setup/lihat update properties datawindow-nya.klik menu Rows dan klik menu Update Propertiesnyaspt ini Perhatikan .setting updatenya sudah benar.klik OK Note : Allow Updatesnya sudah di centang Table to Updatenya sudah benar Updateable Columnsnya sudah benar Unique Key Column(s)nya juga sudah benar sesuai primary key mysql sbg databasenya. Begitu juga klausa dan key modifikasinya juga sudah benar. </li><li> 39. mztolo 2006 PB pemula 39 Save datawindow tersebutdg nama dw_entri_siswadan klik OK Tampak di system tree anda Selanjutnya membuat window sbg tempat kontrol datawindow dw_entri_s...</li></ol>