Tutorial Power Builder 8

  • View
    267

  • Download
    34

Embed Size (px)

DESCRIPTION

Tutorial Power Builder 8

Transcript

  • mztolo 2006 PB pemula 1

    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.

  • mztolo 2006 PB pemula 2

    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

  • mztolo 2006 PB pemula 3

    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

  • mztolo 2006 PB pemula 4

    Ketik nama targetnya misal siswa juga.spt ini :

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

  • mztolo 2006 PB pemula 5

    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

  • mztolo 2006 PB pemula 6

    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..

  • mztolo 2006 PB pemula 7

    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 :

  • mztolo 2006 PB pemula 8

    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

  • mztolo 2006 PB pemula 9

    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 :

  • mztolo 2006 PB pemula 10

    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

  • mztolo 2006 PB pemula 11

    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 :

  • mztolo 2006 PB pemula 12

    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 :

  • mztolo 2006 PB pemula 13

    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.. 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 :

  • mztolo 2006 PB pemula 14

    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 :

  • mztolo 2006 PB pemula 15

    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..

  • mztolo 2006 PB pemula 16

    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 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. Okdengan demikian sample 1st untuk PB cukup sekian dulunantikan 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 !!

  • mztolo 2006 PB #2 membuat menu 1

    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

  • mztolo 2006 PB #2 membuat menu 2

    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

  • mztolo 2006 PB #2 membuat menu 3

    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

  • mztolo 2006 PB #2 membuat menu 4

    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

  • mztolo 2006 PB #2 membuat menu 5

    Save dan beri nama mn_siswa spt tampak di gambar bawah

    Dengan demikian proses pembuatan menu sudah selesai J Tampak mn_siswa sudah ada di tree system anda :

  • mztolo 2006 PB #2 membuat menu 6

    Ok selanjutnya double click window w_utama .

    Perhatikan : Title =Program Entri Data Siswa WindowType =mdi! WindowState =maximized! Icon =Form! Selanjutnya klik tombol di kanan entrian MenuName

  • mztolo 2006 PB #2 membuat menu 7

    Tampak modul spt ini

    Dan klik tombol OKsehingga tampak di properties spt gambar di bawah ini.

    Save perubahan window w_utama.

    dan coba run aplikasi klik icon

  • mztolo 2006 PB #2 membuat menu 8

    Yap..sukses. J

    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.

  • mztolo 2006 PB #2 membuat menu 9

    Ketik koding spt tampak di gambar bawah.

    Perhatikan : if messagebox('Exit','Anda Yakin ?',question!,YesNo!) = 1 then halt end if Note : m_file.m_exit artinya m_exit (E&xit) merupakan sub-menu da