DiktatProf2017-MySQL - Indonesia

TRAINING POWERBUILDER
PAKET PROFESIONAL 2017

Membuat Aplikasi Databsae Secara Otomatis, Mudah, Cepat dan
Nyaris Tanpa Skrip
Oleh:
Syahrial Chan
Email:
support@power-it.co.id
uch4ns@yahoo.com
syahrial.chan@gmail.com
Web:
www.power-it.co.id
www.kursus-powerbuilder.power-it.co.id
www.uchan.or.id
Copyrigth © Syahrial Chan

Hak Cipta Dilindungi Undang-undang
1
“Modul Training PowerBuilder – Propesional 2017”
Copyright © Syahrial Chan, Hak Cipta dilindungi Undang-undang
Kata Pengantar
Banyak tools visual yang dapat digunakan untuk membuat program atau aplikasi database. Tetapi kenapa
harus menggunakan PowerBuilder?
Tools visual lain umumnya adalah bahasa generasi ketiga (DOS) yang dimigrasi (dipaksakan) menjadi tools
vusual sehingga kurang OOP, sedangkan PowerBuilder terlahir dalam bahasa generasi keempat (4GL—Fourth
Generation Language).
PowerBuilder adalah tools visual yang sangat OOP dan dirancang khusus untuk membuat aplikasi database
(sistem informasi), kaya dengan fitur-fitur untuk pengolahan database dan memiliki banyak kelebihan khusus.
Semua komponen PowerBuilder adalah objek, sehingga pemrograman PowerBuilder semuanya digerakan
oleh kejadian (event).
Salah satu fitur PowerBuilder yang tidak dimiliki oleh tools visual lainnya adalah DataWindow yaitu objek
data yang mempunyai kemampuan untuk memudahkan pengembangan aplikasi dengan unjuk kerja tinggi
pada client/server dan internet. Dengan DataWindow Anda dapat dengan mudah dan cepat membuat aplikasi
database untuk melakukan input, edit, hapus database serta untuk membuat suatu laporan.
PowerBuilder begitu mudah digunakan. Apabila Anda membuat aplikasi dengan develoment tool lainnya
membutuhkan waktu 3 bulan, maka dengan PowerBuilder Anda bisa menyelesaikannya dalam tempo 1 bulan
atau bisa kurang.
Modul “TRAINING POWERBUILDER PAKET PROFESIONAL 2017” ini disusun untuk panduan peserta
taraining PowerBuilder bersama Syahrial Chan.
Akhirnya dengan segala kerendahan hati penulis mepersilakan pembaca untuk memberikan kritik dan saran
yang edukatif dan konstruktif melalui email ke uch4ns@yahoo.com atau support@power-it.co.id. Untuk itu
penulis haturkan terima kasih.
Jakarta, 05 November 2016

Syahrial Chan
2
DAFTAR ISI
Kata Pengantar ............................................................................................................ 2

DAFTAR ISI ................................................................................................................ 3
Aplikasi PowerBuilder ................................................................................................ 5
1.1 Persiapan........................................................................................................................... 5
1.1.1 Membuat Folder ....................................................................................................... 5
1.1.2 Database ................................................................................................................... 5
1.2 Membuat Workspace........................................................................................................ 6
1.3 Membuat Target ............................................................................................................... 6
1.4 Membuat Window Halo Dunia ........................................................................................ 6
1.5 Menambah File Pustaka Baru........................................................................................... 7
1.6 Menghapus File Pustaka dari Target ................................................................................ 8
1.7 Menggabungkan File Pustaka ke dalam Target................................................................ 8
1.8 Menggabungkan File PAG 2.2 ke dalam Target .............................................................. 8
1.9 Membuat ODBC............................................................................................................... 8
1.10 Profile Database................................................................................................................ 9
1.11 Melakukan Koneksi Database ........................................................................................ 10
1.12 Login Aplikasi ................................................................................................................ 10
1.13 Memanggil Aplikasi ....................................................................................................... 10
Membuat Menu ......................................................................................................... 12
2.1 Grup Menu...................................................................................................................... 12
2.2 Menu Item ...................................................................................................................... 12
DataWindow .............................................................................................................. 13
3.1 Master ............................................................................................................................. 13
3.1.1 DataWindow View ................................................................................................. 13
3.1.2 DataWindow Edit ................................................................................................... 14
3.1.3 DataWindow Laporan ............................................................................................ 16
3.1.4 Menset DataWindow ke Menu Tree....................................................................... 20
4.2 DataWindow Transaksi .............................................................................................. 20
4.2.1 DataWindow Drop-down ....................................................................................... 20
4.2.2 DataWindow View ................................................................................................. 21
5.2.2 DataWindow Edit ................................................................................................... 23
5.3 DataWindow Laporan ...................................................................................................... 26
5.3.1 Bukti Transaksi....................................................................................................... 26
5.3.2 Laporan Per Periode ............................................................................................... 29
5.3.3 Laporan Per Periode Per Supplier .......................................................................... 31
Project......................................................................................................................... 34
8.1.1 Project build option .................................................................................................... 34
8.1.2 Code generation options ............................................................................................. 34
8.1.3 File Resource .............................................................................................................. 34
8.2 File Runtime ................................................................................................................... 36
8.2.1 File Runtime PowerBuilder .................................................................................... 36
3
PowerBuilder Application Generator
PAG (PowerBuilder Application Generator) adalah kerangka aplikasi (application framework) yang
digunakan untuk membuat aplikasi dengan PowerBuilder. Syahrial Chan merupakan pemegang hak cipta
(copyright) dari PAG sesuai dengan Keputusan Ditjen Haki Kementerian Hukum dan Hak Asasi Manusia
Republik Indonesia No. 034372 tahun 2007.
Pengguna dilarang menduplikasi, menjual, men-decompile, memodifikasi atau penggunaan tanpa izin dari
Syahrial Chan, maka Anda setuju bahwa hal tersebut adalah pekerjaan ilegal yang melanggar undang-undang
hak cipta.
4
BAB I
Aplikasi PowerBuilder
1.1 Persiapan
1.1.1 Membuat Folder
Buat folder D:\TrainingPB
Copy folder Prof2017 (contoh aplikasi) ke dalam folder D:\TrainingPB.
Buat folder D:\TrainingPB\LatihanPB. Copy subfolder appl, database dan images dari folder Prof2017 (contoh
aplikasi) ke dalam folder D:\TrainingPB\LatihanPB.
D:\TrainingPB\LatihanPB\
\appl
\images
Prof2017\
\appl
\database
\images
1.1.2 Database
Pada training tidak membahas database tetapi hanya menggunakan menggunakan database. Contoh database
yang digunakan adalah inv_courses2017 yang dubuat dengan MySQL.
Database Aplikasi
Dalam database aplikasi yang digunakan harus terdapat sys_menu_group, sys_menu_item, sys_menu_sub,
sys_user dan sys_user_access untuk menampung setting PAG dan aplikasi. Struktur tabel-tabel ini dapat
dilihat pada database inv_courses2017.
Instalasi Server
Server database MySQL dapat diinstal menggunakan XAMPP. Installah XAMPP pada server atau pada
komputer lokal. Set server MySQL serbai service agar diaktifkan setiap komputer dijalankan.
Membuat Database
Gunakan Navicat for MySQL untuk membuat dan mengatur database yang akan digunakan.
1. Membuat koneksi:
a. Jalankan Navicat.
b. Klik kanan mouse pada jendela (jendela sebelah kiri) Connection.
c. Pilih New Connection.
d. Pada Connection Name: ketikkan nama koneksi misalnya: MyConnection kemudian klik Ok.
2. Membuat database
a. Klik ganda nama koneksi MyConnection atau klik kanan pada nama koneksi MyConnection dan
pilih Open Connection, maka akan tampil daftar database MySQL yang ada.
b. Klik kanan mouse pada daftar database dan pilih New Database, pada kotak isian Enter database
name, ketikkan inv_courses2017 kemudian klik Ok.
5
c. Klik ganda nama database inv_courses2017 untuk membuka database, maka warna ikon database
berubah menjadi hijau.
d. Klik kanan nama database inv_courses2017, pilih Execute SQL Files, klik tombol browse (…),
arahkan folder ke folder di mana file sql, sebagai contoh file sql disimpan dalam folder
D:\TrainingPB\Prof2017\database, klik file inv_courses2017_mysql.sql, klik Open, kemudian klik
tombol Start untuk mengimport (restore) database.
e. Tunggu! Setelah tampil .. queries executed successfully, klik tombol Close.
f. Selesai dan boleh keluar keluar dari Navicat.
1.2 Membuat Workspace

Workspace adalah ruang kerja yang berisi satu atau lebih aplikasi. Workspace disimpan dalam file
PoweBuilder Workspce (pbw). Dalam satu komputer bisa menggunakan satu workspace atau per aplikasi.
Langkah-langkah membuat workspce adalah sebagai berikut:
1. Jalankan PowerBuilder. Pertama kali menjalankan PowerBuilder akan tampil window, tutup window
terserbut. Kemudian, pilih menu Tools > System Options, klik tab Workspaces, hilangkan semua tanda
centang kecuali Automaticly…
2. Klik ikon (New) atau pilih menu File » New.
3. Kik tab Workspaces, klik Workspaces dan klik OK.
4. Arahkan folder ke Profesional2017\appl, ketikkan nama workspace inventory, kemudian klik Save.
1.3 Membuat Target

Langkah-langkah membuat target adalah sebagai berikut:
1. Klik ikon (New).
2. Klik tab Target, klik Application, ketikkan nama target inv_main, kemudian klik tombol Finish.
Gambar 1.1.Tree Library
1.4 Membuat Window Halo Dunia

Langkah-langkah untuk membuat window Halo adalah sebagai berikut:
1. Perhatikan Gambar 1.2 Window Halo sebagai panduan visual.
2. Klik ikon (New) pada PowerBar atau pilih menu File » New.
3. Klik tab PB Object.
4. Klik Window.
5. Pilih menu View » Layouts » (Default) untuk menampilkan layout objek.
6. Klik kanan mouse pada area window dan pilih Properties.
7. Klik tab General pada Properties dan dalam kolom Title ketikkan Halo dunia..
8. Klik drop-down kontrol dan pilih Create StaticText Control (A).
9. Klik area window di mana teks akan ditampilkan, maka akan terbentuk kontrol dengan nama st_1 dengan
teks none.
6
10. Ganti teks none menjadi Saya sudah mulai berlajar PowerBuilder.. :)
11. Klik drop-down kontrol dan pilih Create CommandButton Control (OK).
12. Klik area window di bawah kontrol st_1 maka akan terbentuk kontrol dengan nama cb_1 dengan teks none.
13. Ganti teks none menjadi OK.
14. Klik ganda kontrol cb_1 atau klik kanan kontrol cb_1 dan pilih Script maka akan terbuka layar editor event
clicked, ketikkan close(parent).
15. Klik ikon (Save).
16. Ketikkan w_halo dalam kotak isian window.
17. Klik inv_main.pbl dalam jendela daftar Application Libraries tempat di mana objek window akan
disimpan.
18. Tutup objek window dengan meng-klik ikon Close (x) atau pilih menu File > Close atau tekan Ctrl + W.
19. Klik ganda objek aplikasi (perhatikan Gambar 1.1), klik tab Open, kemudian ketikkan open(w_halo).
20. Klik ikon (Save) untuk menyimpan perubahan.
21. Klik ikon Run ( ) atau tekan Ctrl+R untuk menjalankan aplikasi.
st_1 cb_1 title
Gambar 1.2. Window Halo
1.5 Menambah File Pustaka Baru

Untuk menambahkan file pustaka (pbl) baru, ikuti langkah-langkah di bawah ini:
1. Klik kanan mouse pada target dan pilih Properties.
2. Klik tab Library List, klik tombol New.
3. Ketikkan nama file pustaka baru inv_master, klik tombol Save dan klik tombol OK.
4. Ulangi langkah 3 sampai langkah 8 untuk membuat file inv_transaction dan inv_report.
5. Klik tombol OK.
7
1.6 Menghapus File Pustaka dari Target
Untuk menghapus file pustaka (pbl) dari target, ikuti langkah-langkah di bawah ini:
2. Hapus baris pbl yang akan dihapus, kemudian klik OK.
1.7 Menggabungkan File Pustaka ke dalam Target

Untuk menggabungkan file pustaka (pbl), ikuti langkah-langkah di bawah ini:
2. Klik tab Library List, klik tombol Browse...
3. Klik nama file pustaka (PBL) yang akan digabungkan, misalnya pag22_dev.pbl dan printer.pbl.
4. Klik tombol Open, kemudian klik tombol OK.
1.8 Menggabungkan File PAG 2.2 ke dalam Target

2. Klik tab Library List, klik tombol Browse...
3. Drop-down File of type dan pilih PB Dynamic Libraries (PBD) yang akan digabungkan.
4. Klik pag22_int.pbd, klik tombol Open dan klik tombol OK.
1.9 Membuat ODBC

Sebelum membuat ODBC, instal terlebih dahulu ODBC Connector di setiap komputer yang akan menggakses
database. Untuk membuat ODBC adalah dengan langkah-langkah sebagai berikut:
1. Jalankan Control Panel.
2. Double klik Administrative Tools, Double klik Data Sources (ODBC).
3. Klik tab System DSN, klik Add, pilih MySQL ODBC 5.1 Driver, dan klik Finish, maka akan tampil
kotak dialog MySQL Connector/ODBC.
4. Pada Data Source Name, ketikkan inv_courses2017
5. Pada TCP/IP Server, ketikkan localhost atau isi dengan alamat IP server di mana database disimpan.
6. Pada User, ketikkan: root
7. Pada Password, ketikkan password jika user tersebut mempunyai password atau kosongkan jika user
tanpa password.
8. Klik drop-down Database dan pilih inv_courses2017
9. Klik tombol Details >>, klik tab Misc dan klik Ignore space after function names, klik OK.
10. Klik OK.
11. Kemudian klik OK sekali lagi.
8
Gambar 1.2.MySQL Connector/ODBC
1.10 Profile Database

Langkah-langkah untuk membuat profil database top_inv adalah sebegai berikut:
1. Klik ikon DB Profile atau pilih menu File » Database Profile…
2. Klik kanan mouse pada OBD ODBC dan klik tombol New.
3. Lengkapi profile yang diperlukan seperti Gambar 1.3.
4. Klik tombol OK.
9
Gambar 1.3.Database Profile
1.11 Melakukan Koneksi Database

1. Klik ikon DB Profile atau pilih menu File » Database Profile…
2. Klik ganda ikon ODBC sehingga tampilan kotak dialog profile database.
3. Klik inv_courses2017 dan klik tombol Connect.
1.12 Login Aplikasi

1. Klik ganda w_pag_login_dev dalam tree pag22_dev.pbl
2. Klik kanan mouse pada area window dan pilih Script.
3. Klik drop-down event dan pilih open.
4. Kembali ke bagian 1.,10 di atas yaitu Melakukan Koneksi Database, setelah langkah 2, klik kanan
mouse dan pilih Properties, klik tab Preview dan klik Copy untuk meng-copy skrip koneksi database.
Kemudian klik Ok dan Close untuk keluar dari profile database.l
5. Klik area edit skrip dan tekan Ctrl+V (paste), maka akan tampil skrip koneksi database seperti di
bawah ini:
// Profile inv_courses2017
SQLCA.DBMS = "ODBC"
SQLCA.AutoCommit = False
SQLCA.DBParm = "ConnectString='DSN=inv_courses2017'"
1.13 Memanggil Aplikasi

Untuk memanggil aplikasi, ikuti langkah-langkah di bawah:
1. Klik ganda objek aplikasi, maka akan tampil editor skrip aplikasi dengan event open.
2. Klik tab Declare Intance Variable, klik drop-down Declare dan pilih Global Variable, kemudian ketikkan:
u_cst_pag gnvo_pag
10
3. Klik tab Event List dan klik ganda open, lkemudian ketikkan:
gnvo_pag = create u_cst_pag
gnvo_pag.is_apptitle = 'Inventory Profesional (c) 2017 Syahrial Chan'
gnvo_pag.event open(appname)
5. Klik ikon (Run), maka tampil window login dan klik tombol Login (menggunakan User Id dan
Password default yaitu admin).
Gambar 1.4.Lingkungan Utama Aplikasi
11
BAB II
Membuat Menu
2.1 Grup Menu

1. Klik tab Administrator dan klik Menu.
2. Klik kanan mouse dalam jendela Menu Group (jendela atas /pertama), pilih New, ketikkan Master
pada Group Name, dan ketikkan 1 pada Index.
3. Ulangi langkah 2 di atas untuk grup menu Transaksi dengan index 2 dan Laporan dengan index 3.
2.2 Menu Item

2. Menu Master:
a. Klik Master dalam jendela Menu Group (jendela atas /pertama).
b. Klik area pada jendela Menu Item (jendela tengah).
c. Klik kanan mouse dalam jendela Menu Group (jendela atas /pertama), pilih New.
d. Dalam kotak isian Menu Name, ketikkan Supplier.
e. Dalam kotak isian Title 1, ketikkan Master Supplier.
f. Pada Primary Key SQL, ketikkan:
SELECT ifnull(max(supplierid),''SP000'')
FROM m_supplier
g. Pada Primary Key Auto, ketikkan 3.
h. Klik Save
i. Ulangi langkah c sd h di atas untuk membuat menu M_product.
3. Menu Transaksi:
a. Klik Transaksi dalam jendela Menu Group (jendela atas /pertama).
d. Dalam kotak isian Menu Name, ketikkan Purchase.
e. Dalam kotak isian Title 1, ketikkan Purchase.
f. Klik Save.
g. Ulangi langkah c dan f di atas untuk membuat menu: Penjualan.
4. Menu Laporan:
a. Klik Laporan dalam jendela Menu Group (jendela atas /pertama).
d. Dalam kotak isian Menu Name, ketikkan Purchase dan klik Save.
e. Ulangi langkah c dan d di atas untuk membuat menu Penjualan.
5. Submenu Laporan:
a. Klik baris Purchase dalam jendela Menu Item
b. Klik area jendela Submenu.
c. Klik kanan mouse dalam jendela Submenu, pilih New, ketikkan Menu Name: Purchase Per
Periode.
d. Klik kanan mouse dalam jendela Submenu, pilih New, ketikkan Menu Name Purchase Per
Supplier.
12
BAB III
DataWindow
3.1 Master
3.1.1 DataWindow View
Pembuatan DataWidow
Sebagai contoh membuat membuat DataWindow customer dengan langkah-langkah sebagai berikut:
2. Klik tab DataWindow.
3. Klik Grid sebagai bentuk tampilan DataWindow.
4. Klik Quick Select.
5. Hilangkan tanda centang pada kotak cek Retrieve on Preview, jika tidak maka painter DataWindow
akan memanggil data setiap DataWindow dibuka.
6. Klik tombol Next.
7. Klik m_supplier yang berada dalam listbox Tables, klik Add All dan klik OK.
9. Klik tombol Finish.
10. Klik kontrol label supplierid_t pada band Header dan ganti teksnya (properteis text) menjadi Kode.
11. Ulangi langkah 10 di atas untuk kotrol label name_t sampai email_t.
12. Atur lebar kolom seperti pengaturan lebar kolom pada Excel.
13. Buat No Urut:
14. Membuat No Urut:
a. Klik drop-down control, klik ikon Create a computed field ( ), klik kolom supplierid sehingga
tampil window Modify Expression untuk mengetikkan formula (rumus), getrow() + ‘. ‘ kemudian
klik OK, maka akan terbentuk sebuah control dengan nama compute_1.
b. Klik drop-down control, klik ikon Create a text object (A), klik area header compute_1, gantik teks
none menjadi No.
15. Atur lebar kolom seperti mengatur lebar kolom pada Exel.
17. Ketikkan dwo_mas_supplier_view.
18. Klik file inv_master.pbl.
19. Klik tombol OK.
20. Membuat Retrieval Argument (parameter pemanggil data):
a. Klik ikon Data Source pada PainterBar.
b. Pilih menu Design » Retrival Arguments..
c. Ketikkan as_data dan pilih String pada drop-down Type.
d. Klik tombol OK.
e. Klik tab Where.
f. Klik kolom m_supplier. supplierid pada drop-down Columns, klik = pada drop-down Operators,
klik kanan mouse pada Values, pilih Arguments, klik as_data dan klik Paste.
g. Klik drop-down Logical dan pilih Or
h. Klik kolom m_supplier. name pada drop-down Columns, klik = pada drop-down Operators, klik
kanan mouse pada Values, pilih Arguments, klik as_data dan klik Paste.
13
i. Klik ikon Return ( ).
Update Properties DataWidow
1. Pilih menu Rows > Update Properties
2. Klik radio button Key Columns dan Use Update
Menampilkan Warna Baris Genap dan Ganjil
1. Blok semua kolom.
2. klik kanan mouse pada kolom yang sudah diblok, pilih properties, klik tab Background, klik tombol Color
( ) yang terdapat di sebelah kanan drop-down Color, ketikkan: if( mod( getrow(), 2 ) = 0, 16708326,
16771021)
3. Klik OK.
[Perbaiki error logical: pada view setiap disimpan kode terakhir berubah/bertambah satu otomatis]
3.1.2 DataWindow Edit

1. Klik ikon (New) pada PowerBar.
3. Klik Freeform sebagai bentuk tampilan DataWindow entri yang akan digunakan, maka akan tampil
window pilihan sumber data (data source).
5. Hilangkan tanda centang pada kotak cek Retrieve on Preview.
7. Klik m_supplier yang berada dalam listbox Tables.
8. Klik Add All untuk memilih semua nama kolom atau klik nama-nama kolom yang diinginkan.
9. Klik tombol OK.
12. Klik ikon (Save.
13. Ketikkan dwo_mas_supplier_edit.
14. Klik file inv_master.pbl.
15. Retrieval argument:
c. Ketikkan as_supplierid dan pilih String pada drop-down Type.
d. Klik tombol OK.
e. Klik tab Where.
f. Klik kolom m_supplier. supplierid pada drop-down Columns.
g. Klik = pada drop-down Operators.
h. Klik kanan mouse pada Values, pilih Arguments, klik as_supplierid dan klik Paste.
16. Klik tombol OK.
14
Ikon yang dipilih
terakhir
Rata kiri Rata kanan
Center Horizontal Center Vertical
Rata Atas Rata Bawah
Jarak Horizontal Jarak Vertical
Ukuran Lebar Ukuran Tinggi
Ukuran Lebar dan
Tinggi
Gambar 3.1. Toolbar Alignment Kontrol pada DataWindow
Menentukan Warna Background dan Teks Kolom

1. Perhatikan Gambar 3.2.
2. Blok semua kontrol kolom dengan meng-klik area di sebelah kanan kolom supplierid dan tarik ke kiri
dan ke bawah sehingga terbentuk empat persegi panjang yang mengenai semua kolom.
3. Klik ikon drop-down Background Color dan klik kotak berwarna putih (white).
4. Klik drop-down Border dan klik Object should have 3d lowered border.
5. Blok semua kontrol label/teks dengan meng-klik area di sebelah kiri label/teks Supplierid
(supplierid_t) dan tarik ke kanan dan ke bawah sehingga terbentuk empat persegi panjang yang
mengenai semua label/teks.
6. Klik ikon drop-down Foreground Color (teks) dan klik kotak berwarna hitam (black).
7. Bebaskan semua kontrol yang sudah diblok dengan meng-klik area kosong.
Menyamakan Ukuran Kontrol

1. Tekan tombol Ctrl dan tahan.
2. Klik salah satu teks/label, misalnya supplierid_t
3. Blok semua kolom (klik satu persatu atau blok sekaligus seperti Gambar 3.2).
4. Klik drop-down Alignment.
5. Klik ikon Make all heights same as first selected.
6. Klik area kosong untuk membebaskan kontrol yang diblok.
Menyamakan Jarak Vertikal Antara Dua Kontrol

1. Pilih (blok) label supplierid_t: dan name.
2. Tekan tombol anak panah atas, kurang lebih 12 kali.
3. Klik area kosong untuk membebaskan kontrol yang terblok/yang dipilih.
5. Klik label supplierid_t, name_t, sampai ke label email_t:
6. Klik drop-down Aligment dan klik ikon Space evenly vertically, yaitu ikon di atas ikon Make all heights
same as first selected
Meratakan Kontrol Ke Atas

2. Klik label supplierid_t
3. Klik kolom name.
4. Klik drop-down Alignment dan klik ikon Align top edges to first selected .
15
Label/Teks Kolom Memblok Semua Kolom
Gambar 3.2. DataWindow Edit Master Supplier
3.1.3 DataWindow Laporan

Pembuatan DataWidow Grid
1. Klik ikon ikon (New).
3. Klik Grid lalu klik OK.
6. Klik m_supplier yang berada dalam listbox Tables.
7. Klik Add All untuk memilih semua nama kolom atau klik satu per satu nama kolom dari urutan atas ke
bawah sesuai dengan urutan Sheet.
8. Klik tombol OK.
11. Membuat No Urut:
a. Klik drop-down control, klik ikon Create a computed field ( ), klik kolom supplierid sehingga
tampil window Modify Expression untuk mengetikkan formula (rumus), getrow() + ‘. ‘ kemudian
klik OK, maka akan terbentuk sebuah control dengan nama compute_1.
b. Klik drop-down control, klik ikon Create a text object (A), klik area header compute_1, gantik teks
none menjadi No.
13. Ketikkan dwo_mas_supplier_rpt.
14. Klik file inv_report.pbl.
15. Klik tombol OK.
16
Gambar 3.3. DataWindow Laporan MasterSupplier
Mengatur Lebar Kolom DataWidow

1. Pilih menu Design > Options, klik tab General dan centang kotak cek: Ruler untuk menampilkan
penggaris/mistar (ruler) dan Show Edges untuk menampilkan kotak abu-abu di pinggir control,
sedangkan kotak cek yang lainnya dihilangkan (off), kemudian klik OK.
2. Klik kanan mouse pada area kosong dan pilih Properties. Jika properties tidak tampil, pilih menu View
> Layout > Default. Klik tab General. klik drop-down Units lalu pilih 1/1000 Centimeters.
3. Atur lebar kolom seperti pengaturan lebar kolom pada Excel sehingga posisi kolom email tidak
melebih dari 18 cm (lebih kecil dari lebar kertas).
Mengubah DataWidow Grid Menjadi Tabular
1. Tutup DataWindow dwo_mas_supplier_rpt dengan meng-klik ikon Close (x) yang terdapat pada
PainterBar (bukan pada Properties).
2. Klik kanan mouse pada objek dwo_mas_supplier_rpt dalam System Tree dan pilih Edit Source, maka
akan tampil source DataWindow dwo_mas_supplier_rpt.
3. Tekan Ctrl+F untuk mencari teks, ketikkan processing, klik Find Next, dan klik Close.
4. Ganti processing=1 menjadi processing=0
6. Klik ikon Close (x) yang terdapat pada PainterBar.
Menyediakan Area Spasi untuk Garis Pembatas Kolom
1. Blok semua kontrol (label dan kolom) dengan menekan tombol Ctrl+A atau blok dengan mouse.
2. Tekan tombol anak panah kanan 5 kali untuk menggeser semua control ke kanan untuk menyediakan
spasi di sebelah kiri kontrol No.
3. Pastikan semua kontrol dalam terblok. Tekan tombol Shift, tahan, tekan tombol anak panah kiri 6 kali
untuk menyediakan spasi antara kolom untuk gairs vertical (pembatas kolom).
4. Tarik band Header ke bawah dengan maouse hingga 5 cm.
5. Blok semua control label/teks dengan mouse, tekan tombol anak panah bawah hingga kontrol
lanbel/teks berada pada posisi 4,5 cm.
6.
17
Text
Picture
Line
Column
Compute d field
Neste d Report Page Computed field
Gambar 3.4. Drop-down Kontrol
Membuat Garis Pembatas Judul Kolom

1. Tarik band header ke bawah kurang lebih 6 cm.
2. Blok semua judul kolom (label kolom), dan tekan tombol anak panah bawah sehingga batas atas control
label berada pada titik koordinat y = 5 cm.
3. Klik drop-down kontrol dan pilih Create a line object (\).
4. Klik area di sebelah kiri atas kontrol label No, maka akan terbentuk garis lurus horizontal dengan nama
kontrol l_1 (line_1).
5. Tempatkan kursor mouse pada titik ujung kanan garis horizontal pada langkah 1 di atas, klik dan tahan,
lalu tarik ke bawah sampai terbentuk garis vertical yang lebih tinggi dari kontrol label No, kurang lebih 1
cm. Atau blok kontrol line l_1 di atas dengan menekan tombol Ctrl dan tahan, klik control l_1, lepas
tombol Ctrl, tekan tombol Shift dan tahan, tekan tombol anak panah kanan sehingga panjang garis
horizontal 1 cm, tetap menekan tombol Shift dan tekan tombol anak panah bawah sehingga membentuk
garis tegak lurus (vertical).
6. Tekan Ctl-C untuk meng-copy garis tersebut di atas.
7. Tkan Ctrl-V untuk mem-paste garis hasil copy-an. Hasil paste berada di atas kontrol garis l_1.
8. Klik objek l_1 dan tahan lalu tarik ke area antara kontrol Kode dan Nama.
9. Ulangi langkah 4 s/d 6 untuk membuat garis pembatas yang lainnya.
10. Samakan posisi semua kontrol garis dengan kontrol garis l_1.
Membuat Garis Pembatas Kolom
1. Blok semua garis pembatas judul kolom di atas dengan mengklik mouse pada area sebelah kanan garis
vertical sebalah kanan judul kolom Email, tarik ke sebelah kiri hingga mengenai garis vertical sebelah kiri
judul No.
2. Tekan Ctl-C untuk meng-copy garis tersebut di atas.
3. Tkan Ctrl-V untuk mem-paste garis hasil copy-an, maka hasil copy-an berada pada garis yang
lama/diblok.Biasanya (tidak selalu) hasil copy-an dalam keadaan terblok/dipilih yang ditandai dengan
kotak persegi di awal dan akhir garis.
4. Jika tidak terdapat kotak persegi pada hasil copy-an di atas, tekan tombol Ctrl dan tahan, klik garis vertical
di atas satu per satu, kemudian lepas penekanan tombol Ctrl.
5. Tekan tombol anak panah bawah pelan-pelan hingga control garis yang diklik di atas jatu pada area detail.
Membuat Garis Penutup Judul Kolom
2. Klik area di atas kontrol garis l_1, maka akan terbentuk garis lurus horizontal.
3. Tempatkan kursor mouse pada titik ujung kanan garis horizontal pada langkah b di atas, klik dan tahan,
lalu tarik ke kanan sampai ke kontrol kontrol garis setelah label Email.
4. Tempatkan posisi ujung garis pada langkah 3 di atas berimpit dengan ujung kontrol garis l_1 sehingga
terbentuk sudut 90 derajad begitu juga pada ujung kontrol garis di sebelah kanan kontrol label Email.
18
5. Klik tombol Ctrl lalu klik kontrol garis pada langkah di atas.
6. Tekan tombol Ctrl-C (copy) dan Ctrl-V (paste), maka akan terbentuk kontrol garis baru yang
berdempetan dengan kontrol garis pada langkah 2 di atas.
7. Klik kontrol garis di atas, kemudian tekan tombol anak panah bawah kontrol label untuk menutup kontrol
label bagian bawah, maka akan terbentuk kotak pada masing-masing kontrol label.
8. Tekan tombol Ctrl-C (copy) dan Ctrl-V (paste), maka akan terbentuk kontrol garis baru yang
berdempetan dengan kontrol garis pada langkah 2 di atas. Tekan tombol anak panah atas 5 kali sehingga
garis horizontal pada judul kolom menjadi 2 buah, klik kanan mouse pada garis pada langkah 8 di atas,
pilih Properties, klik tab General dan ketikkan 2 pada kotak isian Pen Width.
Membuat Garis Penutup Summary (di akhir halaman terakhir) dan Footer (di akhir halaman sebelum
halaman terakhir)
1. Buka band Summary dengan meng-klik mouse pada band Summary, tahan dan tahir ke bawah kurang
lebih ½ cm.
3. Klik area di sebelah kiri area summary, maka akan terbentuk garis lurus horizontal dalam terblok/dipilih.
4. Klik area kosong untuk melepaskan terblok control garis di atas.
5. Tekan tombol Ctrl dan tahan, klik control garis horizontal ke-3 pada header dan garis horizontal pada
summary, kemudian lepas penekanan tombol Ctrl.
6. Perhatikan Gambar 3.1. Toolbar Alignment Kontrol pada DataWindow.
7. Klik drop-down Toolbar Alignment Kontrol pada langkah 6 di atas dan pilih Rata kiri (Align left edges to
first selected) untuk menjajarkan garis horizontal summary dengan garis horizontal header.
8. Klik area kosong untuk melepaskan control garis yang diblok.
9. Klik kanan mouse pada gars summary, pilih Properties, klik tombol ekspresi ( ) di sebelah kanan Visible
dan ketikkan if ( page() = pageCount(), 1, 0) Artinya: jika nomor halaman sama dengan jumlah halaman,
maka tampilkan garis sebaliknya sembunyikan garis.
10. Tarik band Footer dengan mouse ke bawah untuk menyediakan tempat kontrol garis pentutup laporan
pada halaman sebelum halaman terakhir.
11. Copy-paste garis pada langkah 10 di atas ke band footer dan edit ekspresi Visible menjadi if ( page() <>
pageCount(), 1, 0) Artinya: jika nomor halaman tidak sama dengan jumlah halaman, maka tampilkan garis
sebaliknya sembunyikan garis.
Menyisipkan Logo Perusahaan/Instansi
1. Klik drop-down kontrol dan pilih Picture ( ).
2. Klik area di pojok laporan, maka akan window untuk memilih file gambar.
3. Arahkanb folder ke folder di mana file gambar disimpan, yaitu ..\images
4. Pilih file logo, misalnya logo.jpg
5. Klik Open, maka akan terbentuk kontrol gambar dengan nama p_1.
6. Tampilan ukuran gambar sesuai dengan aslinya dengan cara mengelik mouse pada kontrol p_1 kemudian
pilih Original.
Menampilkan Nama Perusahaan/Instansi
1. Klik drop-down kontrol dan pilih Text (A).
2. Klik area di sebelah kanan logo.
3. Ganti text menjadi Perusahaan/Instansi, misalnya POWER-IT.
4. Ulangi langkah-langjah di atas untuk menampilkan alamat seperti Gambar 3.3.
Menampilkan Judul Laporan
1. Klik drop-down kontrol dan pilih Text (A).
2. Klik area di mana judul laporan di tempatkan..
3. Ganti text dengan DAFTAR SUPPLIER.
4. Ubah ukuran huruf (font) menjadi 12.
19
5. Atur posisi control teks judul laporan di tengah-tengah laporan dengan langkah berikut di bawah ini.
6. Klik area kosong untuk membebaskan control yang dipilih.
7. Tekan tombol Ctrl dan tahan, klik salah satu kontol garis horizontal, klik control judul laporan, lepaskan
penekanan tombol Ctrl
8. Klik drop-down Toolbar Alignment Kontrol dan pilih Center Vertika (Align center vertical to first
selected) untuk menempatkan teks judul laporan di tengah-tengah laporan.
Menampilkan No Halaman
1. Klik drop-down kontrol.
2. Klik ikon Create computed field for ‘Page n of nnn’ ( )
3. Klik area di atas kontrol garis horzontal pertama sejajar dengan kontrol label Telepon, maka akan
terbentuk sutu kontrol dengan nama page_1.
4. Klik kanan mouse pada objek page_1 lalu pilih Properties.
5. Klik tombol Compute expression maka akan tampil expression: 'Page ' + page() + ' of ' + pageCount().
6. Ganti Page dengan Halaman dan of dengan dari.
Pengaturangan printer
1. Klik kanan mouse pada area DataWindow dan pilih Properties.
2. Klik tab Print Specifications.
3. Ketikkan 1 (1 cm karena sebelumnya telah diset dengan units cm) pada Left margin.
4. Ketikkan 0 pada Right Margin.
5. Ketikkan 1 pada Top Margin.
6. Ketikkan 1 pada Bottom Margin.
3.1.4 Menset DataWindow ke Menu Tree

1. Klik ikon Run atau tekan Ctrl + R.
3. Klik baris Master dalam jendela Group Menu.
4. Klik baris Supplier dalam jendela Menu Item.
5. Klik kanan mouse dalam jendela Menu Item, pilih Amend.
6. Klik kanan mouse dalam kotak isian DataWindow 1, pilih dwo_mas_supplier_view dan klik OK.
7. Klik kanan mouse dalam kotak isian DataWindow-Report, pilih dwo_mas_supplier_rpt dan klik OK.
Ulangi langkah-langkah di atas untuk membuat DataWindow master product menggunakan table m_product.
4.2 DataWindow Transaksi

4.2.1 DataWindow Drop-down
Pada prinsipnya langkah-langkah membuat DataWindow drop-down adalah sama seperti langkah-langkah membuat
DataWindow view (3.1.1 DataWindow View).
1. Buatlah DataWindow drop-down master supplier (table m_supplier), pilih kolom supplierid dan name, simpan
dengan nama dddwo_mas_supplier ke dalam file inv_master.pbl
2. Buatlah DataWindow drop-down master produk (table m_proudct), pilih kolom productid dan name, simpan dengan
nama dddwo_mas_product ke dalam file inv_master.pbl
20
4.2.2 DataWindow View
Membuat DataWindow Detil Transaksi

Untuk membuat DataWindow view detil bukti transaksi, ikuti langkah-langkah di bawah ini:
1. Klik ikon (New).
3. Klik Grid dan klik OK.
4. Klik SQL Select.
6. Klik tabel t_purchase_det dan m_product.
7. Klik tombol Open.
8. Klik kanan mouse pada nama table t_purchase_det dan pilih Select All.
9. Klik kolom unit pada table m_product.
c. Ketikkan as_pm_no dan pilih String pada drop-down Type.
d. Klik tombol OK.
e. Klik tab Where.
f. Klik kolom t_purchase_det. pm_no pada drop-down Columns.
h. Klik kanan mouse pada Values, pilih Arguments, klik as_pm_no dan klik Paste.
12. Buat No Uruat, lihat kembali bagian 3.1.1 No 14.
13. Klik kanan mouse pada kontrol pd_quantity dan pilih Properties, skrol properties ke kanan dan klik tab
Format, dalam kotak isian Format, ketikkan #,##0
14. Klik kanan mouse pada kontrol pd_price dan pilih Properties, skrol properties ke kanan dan klik tab
Format, dalam kotak isian Format, ketikkan #,##0
16. Ketikkan dwo_trn_purchase_det_view.
17. Klik file inv_report.pbl.
18. Klik OK.
Menempelkan drop-down DataWindow Product

1. Klik kanan mouse pada kolom t_purchase_det_productid dan pilih Properties.
2. Klik tab Edit.
3. Klik drop-down Style Type lalu pilih Drop-downDW.
4. Klik tombol pilihan pada DataWindow lalu pilih dddwo_mas_product yang terdapat dalam file
inv_master.pbl.
5. Klik drop-down Display Column lalu pilih name.
6. Klik drop-down Data Column lalu pilih productid.
Kolom Total
1. Klik drop-down control, pilih (Create a computed field).
2. Klik area di sebelah kanan kolom t_purchase_det_pd_price.
3. Klik nama kolom t_purchase_det_bd_price dan ketikkan *.
4. Klik nama kolom t_purchase_det_pd_price
5. Klik OK, maka akan terbentuk sebuah kontrol computed field dengan nama compute_2.
21
6. Klik kanan mouse pada kontrol compute_2 yang baru dibuat dan pilih Properties, skrol properties ke
kanan dan klik tab Format, dalam kotak isian Format, ketikkan #,##0
7. Klik ikon rata kanan.( ) pada Stylebar untuk menampilkan isi compute field compute_2 rata kanan.
8. Lebarkan kolom compute_2, lebih lebar dari lebar kolom t_purchase_det_pd_price.
9. Klik drop-down kontrol dan klik ikon A (Text), klik area di atas kolom compute_2, maka akan terbentuk
kontrol t_1, ganti teks text yang ada pada kolom Text dengan Total.
10. Tarik band Footer ke bawah untuk menempatkan formula total keseluruhan.
11. Klik drop-down kontrol.
12. Pilih (Create a computed field).
13. Klik area footer di bawah kolom Total Harga., maka akan tampil kotak dialog Modify Expression.
14. Ketikkan sum( compute_2 ).
15. Klik OK, maka akan terbentuk sebuah kontrol computed field dengan nama compute_3.
16. Skrol properties ke kanan dan klik tab Format, dalam kotak isian Format, ketikkan #,##0
17. Klik ikon rata kanan.( ) pada Stylebar untuk menampilkan isi compute field compute_3 rata kanan.
18. Set update properties untuk table t_purchase_det, pilih semua kolomnya:
a. Pilih menu Rows > Update Properties.
b. Centak kotak cek Allow updates
c. Pilih t_purchase_det pada Table to update.
d. Klik radio button Key Columns dan Use Update.
e. Pilih semua kolom pada Updatable colums, kecuali kolom unit.
f. Klik tombol Primary Key
g. Klik OK.
Gambar 3.5. DataWindow View Detail Transaksi
DataWidow Master Detil

Untuk membuat DataWindow edit master detil ikuti langkah-langkah di bawah ini:
3. Klik Grid sebagai bentuk tampilan DataWindow.
7. Klik t_purchase_mas yang berada dalam listbox Tables, klik Add All dan klik OK.
10. Rapikan tampilan DataWindow.
11. Format kolom pm_date:
a. Klik kanan mouse pada pm_date lalu pilih Properties:
b. Klik tab Edit.
c. Klik drop-down Style Type lalu pilih Edit Mask.
d. Ketikkan dd/mm/yyyy pada field Mask.
22
12. Drop-down supplier:
a. Klik kanan mouse pada supplierid lalu pilih Properties:
b. Klik tab Edit.
c. Klik drop-down Style Type lalu pilih Drop-downDW.
d. Klik scrolling pada tab Edit hingga tampil:
e. Beri tanda centang pada kotak cek Always show arrow.
f. Beri tanda centang pada kotak cek V Scrollbar untuk menampilkan scrolling vertical.
g. Ketikkan 300 pada Width of.
h. Klik tombol pilihan pada DataWindow lalu pilih dddwo_mas_supplier yang terdapat dalam file
inv_master.pbl.
i. Klik drop-down Display Column lalu pilih name.
j. Klik drop-down Data Column lalu pilih supplierid.
14. Ketikkan dwo_trn_purchase_view. (perbaiki nama DW pada diktat peserta!)
15. Klik file inv_transaction.pbl.
16. Klik tombol OK.
Gambar 3.6. DataWindow View Master Detail Transaksi
5.2.2 DataWindow Edit
DataWindow Detil Transaksi

Untuk membuat DataWindow edit bukti transaksi, ikuti langkah-langkah di bawah ini:
1. Klik ikon (New) pada PowerBar.
3. Klik Freeform sebagai bentuk tampilan DataWindow entri yang akan digunakan, maka akan tampil
window pilihan sumber data (data source).
4. Klik SQL Select.
7. Klik tabel t_purchase_det dan m_product.
8. Klik tombol Open.
9. Klik kanan mouse pada nama table t_purchase_det dan pilih Select All.
10. Klik kolom unit pada table m_product..
d. Klik Add, ketiikan as_productid dan pilih String pada drop-down Type.
e. Klik tombol OK.
f. Klik tab Where.
23
g. Klik kolom t_purchase_det.pm_no pada drop-down Columns, klik = pada drop-down Operators,
klik kanan mouse pada Values, pilih Arguments, klik as_pm_no dan klik Paste.
h. Klik kolom t_purchase_det. productid pada drop-down Columns, klik = pada drop-down Operators,
klik kanan mouse pada Values, pilih Arguments, klik as_ productid dan klik Paste.
j. Klik file inv_transaction.pbl.
k. Klik tombol OK.
14. Menempelkan drop-down DataWindow Product
a. Klik kanan mouse pada kolom t_purchase_det_productid dan pilih Properties.
b. Klik tab Edit.
d. Beri tanda centang pada kotak Always show arrow.
e. Beri tanda centang pada kotak V Scrollbar untuk menampilkan tombol gulung vertical.
f. Ketikkan 125 pada Width of untuk menampilkan lebar widow tampilan 1,25 kali panjang kolom
productid.
g. Klik tombol pilihan pada DataWindow lalu pilih dddwo_mas_product yang terdapat dalam file
inv_master.pbl.
h. Klik drop-down Display Column lalu pilih name.
i. Klik drop-down Data Column lalu pilih productid.
15. Klik ikon (Save) pada PowerBar
16. Klik Ketikkan dwo_trn_purchase_det_edit.
17. Klik file nama file inv_transaction.pbl tempat di mana DataWindow disimpan.
18. Klik OK.
Gambar 3.7. DataWindow Edit Detail Transaksi
Mengabil/Menampilkan Unit/Satuan saat Product Id dipilih

Ketikkan skrip di bawah ini pada event itemchanged pada control dw_edit window w_pag_edit_dev.:
string ls_kd_barang,ls_satuan
this.accepttext( )
CHOOSE CASE dataobject
CASE 'dwo_trn_purchase_det_edit'
IF getcolumnname() = 't_purchase_det_productid' THEN
ls_kd_barang =
getitemstring(getrow(),'t_purchase_det_productid')
24
SELECT unit
INTO :ls_satuan
FROM m_product
WHERE productid = :ls_kd_barang ;
this.setitem(this.getrow(),'m_product_unit',ls_satuan)
END IF
//CASE
//...
END CHOOSE
DataWindow Master Detil Transaksi

Untuk membuat DataWindow edit master detail bukti transaksi, ikuti langkah-langkah di bawah ini:
3. Klik Freeform sebagai bentuk tampilan DataWindow.
7. Klik t_purchase_mas yang berada dalam listbox Tables, klik Add All dan klik OK.
d. Klik tombol OK.
e. Klik tab Where.
f. Klik kolom t_purchase_det.pm_no pada drop-down Columns, klik = pada drop-down Operators,
klik kanan mouse pada Values, pilih Arguments, klik as_pm_no dan klik Paste.
g. Klik ikon Return ( ).
h. Klik file inv_transaction.pbl.
i. Klik tombol OK.
11. Rapikan tampilan DataWindow.
12. Format kolom pm_date:
a. Klik kanan mouse pada pm_date lalu pilih properties:
b. Klik tab Edit.
c. Klik drop-down Style Type lalu pilih Edit Mask.
d. Ketikkan dd/mm/yyyy pada field Mask.
e. Klik kotak cek Calender.
13. Drop-down supplier:
a. Klik kanan mouse pada supplierid lalu pilih Properties:
b. Klik tab Edit.
d. Klik scrolling pada tab Edit hingga tampil:
e. Beri tanda centang pada kotak cek Always show arrow.
f. Beri tanda centang pada kotak cek V Scrollbar untuk menampilkan scrolling vertical.
g. Ketikkan 300 pada Width of.
h. Klik tombol pilihan pada DataWindow lalu pilih dddwo_mas_supplier yang terdapat dalam file
inv_master.pbl.
25
i. Klik drop-down Display Column lalu pilih name.
j. Klik drop-down Data Column lalu pilih supplierid.
15. Ketikkan dwo_trn_purchase_mas_edit, klik file inv_transaction.pbl dan klik tombol OK.
Gambar 3.8. DataWindow Edit Master Transaksi
5.3 DataWindow Laporan

5.3.1 Bukti Transaksi
DataWindow Detil Transaksi
1. Klik ikon (New).
3. Klik Tabular dan klik OK.
4. Klik SQL Select.
6. Klik tabel t_purchase_det dan m_product, kemudian klik Open.
7. Klik kolom name, unit, pd_quantity dan pd_price.
d. Klik tombol OK.
e. Klik tab Where.
f. Klik kolom t_purchase_det.pm_no pada drop-down Columns.
h. Klik kanan mouse pada Values, pilih Arguments, klik as_pm_no dan klik Paste.
20. Klik tombol Finish
21. Rapikan tampilan DataWindow (lihat kembali cara membuat DataWindow laporan master supplier
pada bagian 3.1.3) seperti Gambar 3.9.
22. Buat No Uruat, lihat kembali bagian 3.1.1 No 14
23. Lihat kembali bagian 4.2.2 DataWindow View tentang Kolom Total
25. Ketikkan dwo_trn_purchase_det_rpt.
26. Klik file inv_trasnsaksi.pbl.
27. Klik OK.
26
Gambar 3.9.. DataWindow Laporan Detil Purchase
Pembuatan DataWidow Master Detil

1. Klik ikon (New).
3. Klik Freeform dan klik OK.
4. Klik SQL Select.
6. Klik t_purchase_mas dan m_supplier lalu klik Open.
7. Klik kolom pm_no, pm_date, name, address, pm_received_by dan pm_approved_by.
8. Retrieval Argument:
h. Klik ikon Data Source pada PainterBar.
i. Pilih menu Design » Retrival Arguments..
j. Ketikkan as_pm_no dan pilih String pada drop-down Type, kemudian klik tombol OK.
k. Klik tab Where.
l. Klik kolom t_purchase_mas.pm_no pada drop-down Columns.
m. Klik = pada drop-down Operators.
n. Klik kanan mouse pada Values, pilih Arguments, klik as_pm_no dan klik Paste.
o. Klik ikon (Return)
9. Klik tombol Next dan tombol Finish.
10. Ubah unit menjadi cm.
11. Buka band header untuk header laporan kurang lebih 6 cm.
12. Hapus kolom pm_no dan pm_date
13. Tampilkan logo, nama dan alamat perusahaan/instansi.
14. Buat Judul Laporan
15. Buat compute field di bawah judul laporan dengan ekspresi: ‘GRN No: ' + string(
t_purchase_mas_pm_no, '@@-@@@@@')
16. Pandahkan kolom m_supplier_name, m_supplier_contact dan m_supplier_address ke area header.
17. Buka band summary untuk catatan kaki laporan kurang lebih 4 cm.
18. Pandahkan kolom pm_approved_by dan pm_received_by ke area summay.
19. Rapikan DataWindow seperti Gambar 3.10.
20. Menyisipkan DataWindow detil:
a. Tarik band Detail ke bawah untuk menyediakan tempat kontrol DataWindow.
b. Klik drop-down kontrol dan pilih ikon (Create a report object).
c. Klik area dalam band Detail, makan tampil daftar objek DataWindow yang ada, pilih
dwo_trn_purchase_det_rpt dan klik OK, maka akan terbentuk kontrol dw_1.
d. Klik kanan kontrol dw_1 dan pilih Properties.
e. Klik tombol , maka akan terbuka window Modify Expression. Klik kolom
t_purchase_mas_pm_no dalam daftar Colums dan klik OK.
27
Gambar 3.10. DataWindow Laporan Master Detil Purchase
Summary Laporan
1. Tarik band Summary ke bawah untuk menyediakan tempat untuk summary laporan.
2. Pindahkan kolom t_purchase_mas_pm_approved_by, t_purchase_mas_pm_received_by dan
t_purchase_mas_pm_date ke band summay.
3. Hapus kolom t_purchase_mas_pm_date.
4. Klik drop-down kontrol lalu pilih (Create a computed field).
5. Klik area di dalam band summary untuk mengetikkan kota dan tangggal.
6. Ketikkan 'Jakarta, ' + string( dan klik klom t_purchase_mas_pm_date dalam daftar Columns, ketikkan
,'dd/mm/yyyy') sehingga ekspresi menjadi: 'Jakarta, ' + string( t_purchase_mas_pm_date
,'dd/mm/yyyy'), klik OK, maka akan terbentuk kontrol compute_1.
7. Pindahkan kontrol t_purchase_mas_pm_date_t ke bawah kontrol compute_1, kemudian ganti isi Texts
menjadi Received By:
8. Pindahkan kolom t_purchase_mas_pm_received_by ke posisi kiri-kira 2 cm di bawah kontrol
t_purchase_mas_pm_date_t.
9. Pindahkan kontrol t_purchase_mas_pm_approved_by_t ke pojok kiri atas summary dan kolom
t_purchase_mas_pm_approved_by ke posisi kiri-kira 2 cm di bawah kontrol
t_purchase_mas_pm_approved_by_t.
Judul / Header laporan
1. Klik drop-down kontrol dan klik ikon Text (A).
2. Klik area di dalam band Header, maka akan terbentuk kontrol teks dan ganti text dalam Isian Text dengan
RECEIPT OF GOODS
3. Rapikan semua kontrol yang ada pada band header seperti yang ditunjukkan oleh Gambar 3.10..
28
5.3.2 Laporan Per Periode
Gambar 3.11.. DataWindow Laporan Purchase Brang Per Periode
Pembuatan DataWindow Laporan

1. Klik ikon (New), klik tab DataWindow, klik Grid dan klik OK.
2. Klik SQL Select, klik tombol Next.
3. Klik t_purchase_mas, t_purchase_det, m_product dan supplier lalu klik Open.
4. Klik kolom:
t_purchase_mas.pm_date
t_purchase_mas.pm_no
supplier.name
m_product.name
m_product.unit
t_purchase_det.pd_quantity
t_purchase_det.pd_price
5. Retrieval Argument:
a. Pilih menu Design » Retrival Arguments..
b. Ketikkan :adt_date1 dan pilih Datetime pada drop-down Type, klik Add.
c. Ketikkan :adt_date2 dan pilih Datetime pada drop-down Type, klik tombol OK.
d. Klik tab Where.
e. Klik kolom t_purchase_mas.pm_date pada drop-down Columns.
f. Klik between pada drop-down Operators.
g. Klik kanan mouse pada Values, pilih Arguments, klik adt_date1 dan klik Paste
h. Tekan tombol spasi di sebelah adt_date1
i. . Klik kanan mouse pada Values, pilih Arguments, klik adt_date2 dan klik Paste
9. Klik ikon (Return).
10. Klik tombol Next, klik tombol Finish
11. Rapikan tampilan DataWindow seperti Gambar 3.11.
13. Ketikkan dwo_rpt_purchase_per_period, klik file inv_report.pbl dan klik OK
14. Buat Compute Field di sebelah kolom price dengan expression:
t_purchase_det_pd_quantity * t_purchase_det_pd_price
15. Ganti nama compute field compute_1 menjadi tot_price.
29
16. Buat group berdasarkan no transaksi:
a. Pilih menu Rows » Create Group..
b. Drag kolom t_purchase_mas.pm_no dari Source Data ke Colums.
c. Klik OK.
17. Ubah tipe DataWindow dari Grid menjadi Tabular (edit source, ganti processing=1 menjadi
processing=0).
18. Tampilkan logo perusahaan dengan mengkli drop down kontrol dan pilih Create a picture object, klik
area di mana logo akan ditampilkan, pilih file logo, misalnya logo_small.jpg dalam folder Res,
kemudian klik Open.
19. Buat judul laporan dengan teks: PURCHASE REPORT PER PERIOD.
20. Tampilkan perioder laporan di bawah judul laporan dengan membuat compute field dengan
expression: 'Periode : ' + string( adt_date1 ,'dd mmm yyyy') + ' To ' + string( adt_date2 ,'dd mmm
yyyy')
21. Tampikan nomor halaman dengan mengklik drop down kontrol, pilih Creat a compute field for a
‘Page n of nnn’
22. Buat compute field pada band 1: Trailer group t_purchase_mas_pm_no, posisi di bawah compute field
compute_1 dengan expression: sum( compute_1 for group 1), maka akan terbentuk compute field
dengan nama compute_1.
23. Buat compute field pada Trailer 1 dengan isi: 'Subtotal transaction : ' + string( t_purchase_mas_pm_no ,
'@@-@@@@@').
24. Buat compute field di band footer dengan isi: 'Subtotal page : ' + page()
25. Buat compute field pada band Summary, di bawah compute field compute_1 dengan expression: sum(
compute_1)
26. Buat garis (line) horizontal seperti yang ditunjukkan oleh Gambar 3.11.
27. Buat compute field untuk nomor urut item m_product per transaksi antara kolom supplier_name dan
m_product_nama dengan expression: cumulativeSum( 1 for group 1 ). Kemudian buat label dengan
teks No. Perhatikan Gambar 3.11.
28. Tampilkan satu kali ((hikangkan tampilan baris yang isinya sama) untuk kolom: Supplier, GRN No
dan Date: Pilih menu Rows > Suppress Repeating Values, tarik kolom m_supplier_name,
t_purchase_mas_pm_date dan t_purchase_mas_pm_no ke Supression List.
29. Rapikan tampilan laporan.
30. Simpan laporan dengan nama dwo_rpt_purchase_per_period ke dalam file inv_report.pbl.
Membuat DataWindow Pemanggil Laporan
1. Klik ikon (New).
3. Klik Freeform dan klik OK.
4. Klik External dan klik Next.
5. Ketikkan period_1 pada Name dan pilih Datetime pada drop-down Type.
6. Klik Add
7. Ketikkan period_2 pada Name dan pilih Datetime pada drop-down Type.
9. Klik tombol Next sekali lagi.
11. Ganti teks Periode 1 menjadi Period:
12. Pindahkan kontrol periode_akhir_t dan periode_akhir ke samping kanan kontrol periode_awal.
13. Ganti teks Periode 2 menjadi to.
14. Klik kanan mouse pada kontrol kolom periode_awal, pilih Properties, klik tab Edit, klik drop down
Style Type dan pilih Edit Mask, kemudian ketikkan dd/mm/yyyy
15. Ulangi langkah 14 di atas untuk kontrol kolom periode_akhir.
30
17. Ketikkan dwo_rpt_panggil_periode.
18. Klik file inv_report.pbl dan klik OK.
Buat Window Pemanggil Laporan
1. Klik ikon Inherit.
2. Klik File pag22_int.pbd.
3. Klik drop-down Object of Type dan pilih Windows.
4. Klik menu objek w_pag_retrieve dan klik OK.
5. Tentukan nama objek DataWindow pemanggil yang telah dibuat sebelumnya. Klik kanan
mouse pada kontrol dw_1, pada tab General klik tombol browse (…), klik file pag22_int.pbd,
pilih DataWindow dwo_rpt_period_retrieval dan klik OK.
6. [Klik kanan kontrol dw_1 dan pilih Modify DataWindow] DataWindow ini terdiri dari 2
kolom yaitu: period_1 dan period_2 dengan tipe datetime.
7. Kembali ke objek window.
8. Klik kanan mouse pada kontrol Retrieve, kemudian ketikkan skrip:
datetime ldt_start,ldt_end
ldt_start = dw_1.getitemdatetime( 1, 'period_1')
ldt_end = dw_1.getitemdatetime( 1, 'period_2')
idw_control.retrieve(ldt_start,ldt_end )// idw_control is parameter of
report DataWindow control
9. Klik tombol Save.
10. Ketik nama baru dari jendela, misalnya: w_rpt_purchase_period_ret dalam kotak teks
Windows.
11. inv_report.pbl di mana window disimpan
12. Clik OK.
Selanjutnya, masukkan DataWindow laporan dan window pemanggil laporan ke dalam menu tree
dengan langkah-langkah sebagai berikut:
1. Jalankan aplikasi.
2. Klik tab Administrator pada menu tree, kemudian klik menu Menu.
3. Klik baris Report dalam jendela Group.
4. Klik baris Pembelian dalam jendela Menu Item.
5. Klik baris Per Periode dalam jendela Submenu.
6. Klik kanan mouse pada baris Per Period dalam jendela Submenu, dan pilih Amend.
7. Klik kanan mouse dalam kotak isian DataWindow-Report, pilih DataWindow
dwo_rpt_purchase_per_period dan klik OK.
8. Klik kotak isian DataWindow-Report, kemudian klik kanan mouse, pilih Window
w_rpt_purchase_period_ret dan klik OK.
9. Klik Save.
10. Klik tab Report, pilih menu Pembelian, dan klik Per Periode.
11. Klik ikon Retrieve atau klik kanan mouse pada preview laporan dan pilih Retrieve;
5.3.3 Laporan Per Periode Per Supplier

Buat DataWindow Laporan
1. Save As dwo_rpt_purchase_per_period menjadi dwo_rpt_purchase_per_period_per_supplier
2. Tambahkan retrieval argument as_supp_id dengan dengan tipe String.
3. Hapus kolom m_supplier_name.
4. Buat compute field, 'Supplier: ' + m_supplier_name di atas garis penutup di sebelah kiri,
31
5. Simpan DataWindow.
DataWindow Pemanggil Periode Supplier

1. Save As dwo_rpt_panggil_periode menjadi dwo_rpt_panggil_periode_supplier
2. Klik period_2 pada Name dan tekan Enter.
3. Tambahkan kolom supp_id, pilih String pada Type, ketikkan 5 pada Length,
4. Tampilkan teks Supplier di sebelah kanan kolom period_2.
5. Tampilkan kolom supp_id di sebelah kanan kolom Supplier..
6. Berikan drop-down DataWindow dddwo_mas_supplier pada kolom
7. Simpan DataWindow.
Buat Window Pemanggil Laporan
1. Save As w_rpt_purchase_period_ret menjadi w_rpt_purchase_period_supplier_ret.
2. Ganti object DataWindow dw_1 dengan dwo_rpt_panggil_periode_supplier.
3. Klik kanan mouse pada kontrol Retrieve, kemudian ketikkan skrip:
datetime ldt_start,ldt_end
string ls_supp_id
ldt_start = dw_1.getitemdatetime( 1, 'period_1')
ldt_end = dw_1.getitemdatetime( 1, 'period_2')
ls_supp_id = dw_1.getitemdatetime( 1, ' supp_id')
idw_control.retrieve(ldt_start,ldt_end,ls_supp_id)
4. Klik ikon Save untuk menyimpan perubahan window.
Masukkan DataWindow laporan dan window pemanggil laporan ke menu Report > Pembelian > Per Supplier.
32
BAB IV
User Access
Anda dapat memberikan user akses kepada setiap user, kecuali user Administrator. Untuk memberikan
user access kepada user adalah sebagai berikut:
1. Klik tab Administrator pada menu tree, kemudian klik menu User.
2. Klik jendela User (jendela 1).
a. Klik kanan mouse jendela User, pilih New.
b. Ketikkan User Id, misalnya user1
c. Ketikkan User Name, misalnya Tomy
d. Ketikkan Password, misalnya T0m!
e. Klik drop down Level dan pilih Operator
f. Klik ikon Save.
3. Klik jendela User Access (jendela 2).
a. Klik kanan mouse jendela User, pilih New.
b. Pilih menu yang akan dapat diakses oleh user Tomy, misalnya:
c. Master Product → Hanya bisa Insert [klik Insert dan Active]
d. Master Customer → Hanya bisa Insert dan Amend [klik Insert, Amend dan Active]
e. Transaction → Purchasing Automatically → Hanya bisa: Insert, Preview, dan Print [klik Insert,
Preview, Print dan Active]
f. Klik ikon Save.
Keluar dan Login dengan User user1

Test memasukkan data Product, Edit, Hapus, dan lain-lain.
Test memasukkan data Transaksi, Edit, Hapus, Preview dan Print.
33
BAB V
Project
8.1.1 Project build option

Anda dapat memberikan opsi pada project seperti Prompt for overwrite, Windows classic style dan Rebuild
apakah Full atau Incremental.
• Prompt for overwrite
Jika pilih hal ini di centang maka PowerBuilder akan mengkonfirmasi sebelum menimpa file yang
sebelumnya sudah pernah dibuat.
• Windows classic style
Pilihan ini akan membuat tampilan kontrol dengan tampilan Windows classic style walau windows XP
Anda set dengan Appearance Windows XP style. Semua window dan kontrol DataWindow akan
menggunakan standar kontrol Windows, sedangkan kontrol-kontrol yang lain akan ditampilkan dengan
bentuk tampilan baru.
• Rebuild
Ada dua pilihan yaitu Full atau Incremental. Pilihan Fullakan mengompilasi keseluruhan kode program,
sedangkan pilihan Incremental hanya akan mengompilasi bagian kode program yang diubah saja sejak
kompilasi terakhir.
8.1.2 Code generation options

Ketika Anda merencanakan satu aplikasi, salah satu yang mendasar yang harus dipikirkan adalah format hasil
kompilasi yang Anda ingin. PowerBuilder menyediakan dua alternatif yaitu Pcode atau Machine Code. Pilihan
Pcode (pseudocode)
• Pcode
Pcode (kependekan dari pseudocode) adalah satu bahasa yang diinterprestasikan yang didukung oleh
semua platforms PowerBuilder. Hal ini adalah sama dengan yang digunakan PowerBuilder di dalam file
PBL untuk menyimpan objek, hanya saja objek dalam file Pcode (PBD) dapat dijalankan. Keuntungan
dari Pcode termasuk ukuran filenya yang kecil, keandalan dan portabilitas.
• Machine Code
Pilihan ini akan menghasil file kode mesin (file dengan ekstensi dll) atau dynamic library. Keutungan dari
file kode mesin adalah kecepatan eksekusi.
8.1.3 File Resource

File resources (PBR—PowerBuilder Resource) adalah bagian dari komponen aplikasi PowerBuilder berupa
file gambar dan ikon yang diperlukan untuk menjalankan aplikasi. File-file ini akan diikutsertakan dalam file
executable aplikasi sehingga Anda tidak perlu lagi mengikutsertakan file-file gambar yang digunakan pada
saat pembuatan aplikasi.
Nama file gambar harus dilengkapi dengan nama direktory yaitu D:\TrainingPB\Developer2017\images. Anda
dapat memberikan nama relatif direktory sehingga nama file gambar harus diketikkan seperti di bawah ini:
..\images\logo.bmp
34
Selengkapnya cara membuat file resource ikuti langkah-langkah di bawah ini:
1. Klik ikon (Edit) pada PowerBar1.
2. Ketikkan nama file gambar seperti contoh file application.pbr
4. Klik arahkan folder ke Developer2017\images.
5. Ketikkan application pada kotak isian File Name.
6. Klik drop-down Resouce Files (*.pbr).
7. Klik tombol Save, maka akan terbentuk file application.pbr.
Pada project ada lima pengaturan yaitu General, Libraries, Version, Securities dan Run. Dua dari pengaturan
ini, yaitu pengaturan General dan pengaturan Libraries harus Anda lakukan setiap Anda membuat project.
Untuk menentukan pengaturan umum, ikuti langkah-langkahnya di bawah ini:

1. Klik ikon (New).
2. Kilik tab Project.
3. Klik Applcation dan klik OK.
4. Klik tab General.
5. Menentukan nama file EXE:
a. Klik tombol (select) pada Executabel file name.
b. Arahkan folder ke D:\TrainingPB\LatihanPB\\appl.
c. Ketikkan stock sebagai nama file EXE (inventory.exe).
d. Klik tombol Save.
6. Menentukan file Resource:
File resource (PBR) yang akan digunakan adalah file resoure yang telah Anda buat yang telah dijelaskan
pada bagian file resources di atas.
a. Klik tombol (select) pada Resource file name.
b. Arahkan folder ke D:\TrainingPB\LatihanPB\\appl.
c. Klik file application.pbr.
d. Klik Open.
7. Project build option:
a. Klik kotak cek Windows classic style.
b. Klik RadioButton Full.
8. Dalam Code generation options, klik Pcode.
Pada saat pembuatan aplikasi, Anda telah membuat beberapa file pustaka (BPL). Jika Anda tidak menentukan
libraries maka file-file pustaka tersebut akan dibagung menjadi satu dalam file EXE sehingga file EXE akan
menjadi besar.
Untuk mengatur libraries pada project, ikuti langkah-langkah di bawah ini:
1. Klik tab Libraris.
2. Klik kotak cek inv_master.bpl.
3. Klik kotak cek inv_transaction.bpl.
4. Klik kotak cek inv_report.bpl.
5. Klik kotak cek pag22_int.bpd.
6. Klik kotak cek pag22_dev.bpl.
File inv_main.pbl tidak perlu dicentang karena file ini cukup kecil ukurannya, maka file ini digabungkan ke
dalam file INVETORY.EXE.
Setelah project selesai dibuat, simpanlah dengan langkah-langkah sebagai berikut:

1. Klik ikon (Save) pada PowerBar, maka akan muncul window untuk menyimpan project.
Ketikkan stock pada kotak isian Projects.
2. Ketikkan keterangan singkat dalam kotak isian Comments jika diperlukan.
35
3. Klik nama file pustaka tempat di mana project akan disimpan, misalnya inv_main.pbl.
Anda bebas menentukan file pustaka tempat penyimpanan project dalam aplikasi.
4. Klik OK.
5. Backup file-file aplikasi Anda.
Kini Anda siap untuk membuat file eksekusi dengan mengelik ikon (Deploy Project) pada PainterBar1 atau
pilih menu Design » Deploy Project.
Jika tidak terjadi error saat deploy berlangsung, maka akan terbentuk file eksekusi, yaitu:
• inventory.exe
• inv_master.pbd
• inv_transaction.pbd
• inv_report.pbd
• pag22_inv.pbd
• pag22_dev.pbd
Anda dapat menjalan aplikasi pada windows dengan menjalankan file inventory.exe dalam folder
C:\Aplikasi\Stock\Appl.
8.2 File Runtime

File runtime adalah file-file dll yang diperlukan untuk menjalankan file eksekusi aplikasi. Ada dua kelompok
file runtime yang dibutuhkan yaitu runtime PowerBuilder dan file runtime database sesuai dengan database
yang Anda gunakan.
8.2.1 File Runtime PowerBuilder

File runtime PowerBuilder adalah file-file dll yang diperlukan untuk menjalankan file eksekusi yang dibuat
dengan PowerBuilder.
Pada PowerBuilder telah disediakan tools untuk membuat file instalasi file Runtime yaitu dengan
PowerBuilder Runtime Packager yang dapat Anda gunakan baik untuk aplikasi windows (aplikasi
client/server) maupun untuk aplikasi web base yang dijalankan pada browser IE.
Untuk membuat file instalasi file runtime aplikasi windows, ikuti langkah-langkah di bawah ini:
1. Pada Windows, pilih menu Start » Sybase » PowerBuilder 11.5 » PowerBuilder Runtime Packager.
2. Berikan tanda centang kotak cek yang diperlukan. Pada aplikasi stock m_product yang menggunakan
koneksi database menggunakan ODBC, maka Anda cukup mecentang kotak cek ODBC Database Driver
(ODB).
3. Klik tombol Create.
4. Ketikkan nama file instalasi PBCLTRT115Win.msi
5. Klik tombol Done.
6. Kopilah file PBCLTRT115Win.msi dari folder C:\Documents and Settings\Administrator\Local
Settings\Application Data ke dalam folder lain agar dapat diintal pada komputer user.
36

DiktatProf2017-MySQL - Indonesia

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

DiktatProf2017-MySQL - Indonesia

Diunggah oleh

Hak Cipta:

Format Tersedia

TRAINING POWERBUILDER

PAKET PROFESIONAL 2017

Copyrigth © Syahrial Chan

Jakarta, 05 November 2016

Kata Pengantar ............................................................................................................ 2

1.2 Membuat Workspace

1.3 Membuat Target

Gambar 1.1.Tree Library

1.4 Membuat Window Halo Dunia

st_1 cb_1 title

Gambar 1.2. Window Halo

1.5 Menambah File Pustaka Baru

1.7 Menggabungkan File Pustaka ke dalam Target

1.8 Menggabungkan File PAG 2.2 ke dalam Target

1.9 Membuat ODBC

1.10 Profile Database

1.11 Melakukan Koneksi Database

1.12 Login Aplikasi

1.13 Memanggil Aplikasi

Gambar 1.4.Lingkungan Utama Aplikasi

2.1 Grup Menu

2.2 Menu Item

3.1.2 DataWindow Edit

Gambar 3.1. Toolbar Alignment Kontrol pada DataWindow

Menentukan Warna Background dan Teks Kolom

Menyamakan Ukuran Kontrol

Menyamakan Jarak Vertikal Antara Dua Kontrol

Meratakan Kontrol Ke Atas

Gambar 3.2. DataWindow Edit Master Supplier

3.1.3 DataWindow Laporan

Mengatur Lebar Kolom DataWidow

Neste d Report Page Computed field

Gambar 3.4. Drop-down Kontrol

Membuat Garis Pembatas Judul Kolom

3.1.4 Menset DataWindow ke Menu Tree

4.2 DataWindow Transaksi

Membuat DataWindow Detil Transaksi

Menempelkan drop-down DataWindow Product

Gambar 3.5. DataWindow View Detail Transaksi

DataWidow Master Detil

Gambar 3.6. DataWindow View Master Detail Transaksi

5.2.2 DataWindow Edit

DataWindow Detil Transaksi

Gambar 3.7. DataWindow Edit Detail Transaksi

Mengabil/Menampilkan Unit/Satuan saat Product Id dipilih

DataWindow Master Detil Transaksi

Gambar 3.8. DataWindow Edit Master Transaksi

5.3 DataWindow Laporan

Pembuatan DataWidow Master Detil

Gambar 3.11.. DataWindow Laporan Purchase Brang Per Periode

Pembuatan DataWindow Laporan

5.3.3 Laporan Per Periode Per Supplier

DataWindow Pemanggil Periode Supplier

4. Klik ikon Save untuk menyimpan perubahan window.

Keluar dan Login dengan User user1

8.1.1 Project build option

8.1.2 Code generation options

8.1.3 File Resource

Untuk menentukan pengaturan umum, ikuti langkah-langkahnya di bawah ini:

Setelah project selesai dibuat, simpanlah dengan langkah-langkah sebagai berikut:

8.2 File Runtime

8.2.1 File Runtime PowerBuilder

Anda mungkin juga menyukai