Oracle Form Builder (membuat aplikasi dengan form builder)

15 11 2007

FORM BUILDER
1. Membuat aplikasi dengan Form Builder
Developer adalah salah satu tool yang digunakan untuk membuat form dan report, salah
satunya yaitu form builder. Dalam form builder anda dapat membuat form dengan cepat
dan mudah. Dalam form builder kita dapat tuliskan trigger di dalam obyek yang kita bentuk.
Dalam form builder menyediakan empat fasilitas :


a) Object Navigator
Dalam fasilitas ini kita dapat melihat semua obyek yang pernah kita buat, dan kita juga
dapat membuat obyek dan penamaan dari objek yang kita bentuk.
b) Layout Editor
Kita dapat mendisain tampilan dalam layout editor dan kita dapat menempatkan
berbagai obyek yang ada.
c) PL/SQL
Dalam fasilitas ini kita dapat menuliskan semua code program untuk dijalankan.
d) Menu Editor
Dalam fasilitas ini kita dalap membuat menu dengan cepat, dengan menu ini kita dapat
memanggil form atau report yang pernah kita buat.
Untuk latihan kita akan entri data pelanggan, dengan ketentuan sbb:
Dengan struktur file sbb:
Nama Table : pelanggan
No. Nama Field Type Panjang
1 Kd_pel Varchar2 5
2 Nm_pel Varchar2 50
3 Alamat Varchar2 100
4 No_tel Varchar2 15
Untuk mengaktifkan form builder dengan cara:
1. Pilih Start􀃆 oracle developer􀃆 dan pilih form builder. (perhatikan gambar 4.1)
Latihan Form Builder
2
Gambar 4.1: awal untuk mengaktifkan form builder
2. Kemudian akan muncul window form builder dengan judul welcome to the form builder,
delam window ini kita pilih build a new form manually. ( perhatikan gambar 4.2 )
Gambar 4.2: windows awal form builder
3. Kemudian akan muncul window object navigator. ( perhatikan gambar 4.3 )
Latihan Form Builder
3
Gambar 4.3: Window object navigator
Beberapa fasilitas dalam form builder yang akan kita pergunakan dalam membuat aplikasi.
• Triggers pada modul : kita akan gunakan untuk mendeklarasikan variable awal, karena
trigger ini akan dijalankan secara otomatis saat form dipanggil atau dijalankan.
• Alerts : digunakan untuk memberikan pesan yang kita berikan saat aplikasi dijalankan.
• Data Block : digunakan untuk menampung blok data yang kita bentuk dalam layout
editor.
• LOVs : fasilitas ini digunakan untuk membuat tampilan data.
• Program Unit : digunakan untuk menuliskan fungsi atau prosedur
Untuk latihan ganti nama modul dari modul1 menjadi pelanggan dan juga untuk canvases.
( perhatikan gambar 4.4)
Untuk ganti nama modul atau nama canvases dapat dilakukan di properties dengan cara klik
kanan kemudian pilis property palette. Atau bisa juga langsung diganti dengan cara pilih
modul langsung diganti namanya.
Gambar 4.4: Window object navigator mengganti nama modul.
Latihan Form Builder
4
4. Setting layout editor.
Gambar 4.5: Window layout.
Memberikan warna terhadap obyek.
Gambar 4.6: windows setting warna
Fill color 􀃆 untuk memberikan warna terhadap backbackgroud pada obyek.
linel color 􀃆 untuk memberikan warna terhadap garis pada obyek.
text color 􀃆 untuk memberikan warna terhadap text pada obyek.
Canvases luar
yang menentukan
batas luar dari
form
Canvases dalam yang
digunakan untuk
menempatkan obyek
Latihan Form Builder
5
5. Membuat Blok Data dan Setting Obyek
Gambar 4.7: windows daftar obyek
Gambar 4.8: window new data block
Gambar 4.7 merupakan daftar obyek atau komponen yang disediakan
oleh form builder. Untuk menggunakan komponen tersebut tinggal clik
pada obyek yang diinginkan kemudian drop ke form.
Tetapi sebelum meletakkan obyek ke form kita harus menyediakan blok
data yang akan digunakan untuk menempatkan obyek-obyek tersebut.
Blok data dalam satu modul bisa terdapat lebih dari satu blok. Untuk
menambahkan blok data pilih data blocks kemudian pilih create
(tanda +)
Setelah pilih create maka akan muncul window, kemudian pilih pilihan
yang manual (perhatikan gambar 4.8)
kemudian berinama blok tersebut dengan nama pelanggan caranya
langsung ganti pada blok tersebut atau melalui window properties
(perhatikan gambar 4.9)
Latihan Form Builder
6
Gambar 4.9 : menambahkan blok data.
Gambar 5.10: menggunakan obyek Text dan line
Gambar 4.11: memberikan obyek text dan text item
Text item
Latihan Form Builder
7
Dalam latihan ini setting obyek text dan text item sesuai dengan gambar 4.12
Kemudian setting untuk semua text item pada fill color menjadi putih.
Kemudian berikan nama setiap text item sesuai dengan gambar 4.13
Gambar 4.12: memberikan nama pada text item
6. Setting obyek pada Properties.
Cara memberi nama untuk obyek text item, clik kanan pada obyek yang akan diberi nama
kemudian akan muncul window properties. (perhatikan gambar 4.10)
Gambar 4.13: memberikan nama obyek pada properties
Latihan Form Builder
8
Gambar 4.14: window properties
Setting untuk semua obyek text item sesuai dengan tabel
sbb:
Obyek properti Setting
Kode Pelanggan name Ckd_pel
Item type Text Item
Multi-line no
Maximum length 5
Font Name Arial
Font Size 11
Nama Pelanggan Name Cnm_pel
Item type Text Item
Multi-line No
Maximum length 50
Font Name Arial
Font Size 11
Alamat name Calamat
Item type Text item
Multi-line Yes
Maximum length 100
Font Name Arial
Font Size 11
No telepon name Cno_tel
Item type Text item
Multi-line No
Maximum length 15
Font Name Arial
Font Size 11
Latihan Form Builder
9
Gambar 4.15: window penambahan obyek frame dan command button
7. Menuliskan Code PL/SQL.
Untuk awal kita akan tuliskan code saat form dipanggil, code ini kita bisa tuliskan di trigger
untul modul. Dalam latihan ini kita akan tuliskan code ini pada trigger untuk modul
pelanggan. Caranya pilih windoews 􀃆 object navigator, sehingga muncul window navigator.
(perhatikan gamabr 4.16)
Gambar 4.16: menuliskan code pada trigger
Obyek frame
Obyek button
Setting untuk semua obyek button sesuai dengan tabel sbb:
Obyek Properti Setting
Simpan Name Simpan
Label &Simpan
Font Name Arial
Font Size 10
Hapus Name Hapus
Label &Hapus
Font Name Arial
Font Size 10
Batal Name Batal
Label &Batal
Keluar name Keluar
Label &Keluar
Font Name Arial
Font Size 10
Latihan Form Builder
10
Jika kita pilih PL/SQL maka akan muncul window ( perhatikan gambar 4.17), kemudian kita
bisa tulikan code di editor tsb.
Gambar 4.17: Menu editor
Membuat prosedur pesan.
untuk membuat prosedur pesan pertama masuk ke windows navigator kemudian pilih alert.
Kemudian pilih create (tanda +). Kemudian setting untuk alert pada properties. (perhatikan
gambar 4.18 dan 4.19)
Gambar 4.18: Membuat alert
Latihan Form Builder
11
Gambar 4.19: Setting Properties Alert
Membuat prosedur center. Dengan cara pilih program units pada window navigator
(perhatikan gambar 4.20). kemudian pilih create (tanda +), kemudian akan muncul
window (perhatikan gambar 4.21) kemudian untuk nama beri nama center dan pilih pilihan
procedure kemudian pilih ok:
Gambar 4.20: window program units
Latihan Form Builder
12
Gambar 4.21: window buat prosedur baru
setelah kita pilih oke maka akan kelihatan windows PL/SQL Editor. Untuk menulisakan.
Dalam PL/SQL Editgor Tuliskan seperti dalam gambar 4.22
Gambar 4.22: code prosedur center
Untuk menuliskan code pada saat entry kode perlanggan adalah dengan cara, kembali ke
windows layout editor, pilih obyek ckd_pel kemudian clik kanan 􀃆 PL/SQL Editor.
Gambar 4.23: pilih PL/SQL Editor
Latihan Form Builder
13
Setelah kita pilih PL/SQL Editor maka akan muncul gambar sbb:
Gambar 4.24: window trigger
Ada berbagai macam event yang bisa dijalankan pada text item, untuk kode pelanggan kita
pilih Key-Next-Item yaitu code akan dijalankan saat tombol enter dilakukan. Kemudian
setelah pilih ok maka akan muncul PL/SQL Editor sbb:
Gambar 4.25: editor PL/SQL
Latihan Form Builder
14
Tuliskan kode untuk PL/SQL kode pelanggan sbb:
Tuliskan kode untuk PL/SQL Nama pelanggan sbb:
Tuliskan kode untuk PL/SQL Alamat pelanggan sbb:
Latihan Form Builder
15
Tuliskan kode untuk PL/SQL Nomor telepon sbb:
Tuliskan kode untuk PL/SQL Command Button Simpan sbb:
Latihan Form Builder
16
Tuliskan kode untuk PL/SQL Command Button Hapus sbb:
Tuliskan kode untuk PL/SQL Command Button Batal sbb:
Tuliskan kode untuk PL/SQL Command Button Keluar sbb:
8. Menjalankan Program.
Untuk menjalankan aplikasi pilih program􀃆compile􀃆 boleh pilih Incremental/all.
Atau pilih icon run program yang tampak pada gambar 4
Gambar 4.26: Compile program
Latihan Form Builder
17
2. Latihan membuat aplikasi .
Buatlah aplikasi seperti gambar 4.24 di bawah ini.
Gambar 4.27: menu latihan entri data barang
Dengan struktur file sbb:
Nama Table : barang
No. Nama Field Type Panjang
1 Kd_brg Varchar2 5
2 Nm_brg Varchar2 50
3 Satuan Varchar2 10
4 Hr_brg Number -
Latihan Form Builder
18
3. Latihan membuat aplikasi dengan multy table.
Untuk latihan kita akan mencoba membuat aplikasi untuk mengentry data pesanan,
dengan table-tabel yang digunakan sbb:
Dengan struktur file sbb:
Nama Table : barang
No. Nama Field Type Panjang
1 Kd_brg Varchar2 5
2 Nm_brg Varchar2 50
3 Satuan Varchar2 10
4 Hr_brg Number -
Nama Table : pelanggan
No. Nama Field Type Panjang
1 Kd_pel Varchar2 5
2 Nm_pel Varchar2 50
3 Alamat Varchar2 100
4 No_tel Varchar2 15
Nama Table : PO
No. Nama Field Type Panjang
1 No_po Varchar2 5
2 Tg_pol Date
3 Kd_pel Varchar2 100
Nama Table : pesan
No. Nama Field Type Panjang
1 No_po Varchar2 5
2 Kd_brgl Varchar2 50
3 Hr_po Number
4 Jm_po number
Latihan Form Builder
19
Gambar 4.28: Buat modul baru untuk entri data pesanan
Gambar 4.29: setting awal form
Latihan Form Builder
20
Gambar 4.30 : menyiapkan window untuk message pesan
Gambar 4.31: stting pada properties untuk alert pesan
Latihan Form Builder
21
Gambar 4.32: membuat blok data.
Gambar 4.33: stting pada properties untuk blok data dpesanan dan pesanan.
Dalam kasus ini data block kita sediakan 2 blok,
yaitu blok pesanan digunakan untuk data
pesanan (po) dan untuk blok dpesanan
digunakan untuk menampung data detil pesanan
(pesan).
Jadi yang perlu diperhatikan adalah saat kita
menempelkan obyek harus sesuai dengan blok
yang ditentukan.
Latihan Form Builder
22
Membuat program unit untuk prosedur center, caranya sama seperti saat kita membuat
prosedur yang ada di latihan pertama. Pilih program unit kudian pilih create.
Gambar 4.34: membuat prosedur program unit
Gambar 4.35 : code untuk prosedur center.
Kemudian tuliskan code di atas pada editor yang nampak pada gambar 4.35)
Latihan Form Builder
23
Menempatkan obyek pada blok data. Tempatkan obyek cno_po, ctg_po, ckd_pel, cnm_pel,
calamat, cno_tel, ctotal, tombol simpan, tombol batal dan tombol keluar pada blok
pesanan. Dan untuk ckd_brg, cnm_brg, csatuan, chr_po, cjm_po dan cjumlah ditempatkan
pada blok dpesanan.
Gambar 4.36 : penggunaan obyek pada blok data.
Setting untuk semua obyek text item sesuai dengan tabel sbb:
Obyek properti Setting
Nomor pesanan name Cno_p
Item type Text Item
Multi-line No
Maximum length5
Font Name Tahoma
Font Size 11
Tanggal Pesanan name Ctg_po
Item type Text Item
Data type date
Maxlength 15
Initial value $$dbdate$$
Format mask dd-mm-yyyy
Font Name Tahoma
Font Size 11
Kode Pelanggan name Ckd_pel
Item type Text Item
Multi-line No
Maximum length5
Font Name Tahoma
Font Size 11
Nama Pelanggan Name Cnm_pel
Latihan Form Builder
24
Item type Display Item
Multi-line No
Maximum length 50
Font Name Tahoma
Font Size 11
Alamat name Calamat
Item type Display Item
Multi-line Yes
Maximum length 100
Font Name Tahoma
Font Size 11
No telepon Name Cno_tel
Item type Display Item
Multi-line No
Maximum length 15
Font Name Tahoma
Font Size 11
Kode barang Name Ckd_brg
Item type Text Item
Maximum length5
Font Name Tahoma
Font Size 11
Nama barang Name Cnm_brg
Item type Display Item
Maximum length 50
Font Name Tahoma
Font Size 11
satuan Name Csatuan
Item type display Item
Maximum length 10
Font Name Tahoma
Font Size 11
Quantity Name Cjm_po
Item type Text Item
Maximum length5
Font Name Tahoma
Font Size 11
Data type Number
Jumlah Name Cjumlah
Item type Display Item
Maximum length 15
Font Name Tahoma
Font Size 11
Data type Number
Format mask 999,999,999
Total Name Ctotal
Item type Display Item
Maximum length 15
Font Name Tahoma
Font Size 11
Data type Number
Format mask 9,999,999,999
Simpan Name Simpan
Label &Simpan
Font Name Arial
Font Size 10
Latihan Form Builder
25
Hapus Name Hapus
Label &Hapus
Font Name Arial
Font Size 10
Batal Name Batal
Label &Batal
Keluar name Keluar
Label &Keluar
Font Name Arial
Font Size 10
Menuliskan Code untuk nomor po
Latihan Form Builder
26
Code untuk Tanggal PO
Code untuk kode pelanggan
Latihan Form Builder
27
Code untuk kode barang
Key-Next-Item
declare
i number:=0;
z number :=0;
x number:=0;
xkd_brg varchar2(5);
ada boolean;
mak number:=0;
pointer number:=null;
begin
begin
select count(*) into x
from barang where kd_brg=:dpesanan.ckd_brg;
exception when no_data_found then x:=0;
end;
if x=0 then
set_alert_property(‘pesan’,alert_message_text,’Barang belum terdaftar…!!’);
x:=show_alert(‘pesan’);
delete_record;
else
begin
select nm_brg,hr_brg,satuan into :dpesanan.cnm_brg, :dpesanan.chr_po,
:dpesanan.csatuan
from barang where kd_brg = :dpesanan.ckd_brg;
exception when no_data_found then x:=0;
end;
go_block(‘dpesanan’);
if :dpesanan.ckd_brg is null then
delete_record;
end if;
pointer :=:system.cursor_record;
go_block(‘dpesanan’);
last_record;
xkd_brg := :dpesanan.ckd_brg;
mak :=:system.cursor_record;
i := 1;
ada := false;
while i <= mak-1 loop
go_record(i);
if xkd_brg = :dpesanan.ckd_brg then
set_alert_property(‘pesan’,alert_message_text,’Kode sudah ada ….!’);
x:=show_alert(‘pesan’);
go_record(pointer);
delete_record;
ada := true;
exit;
end if;
i := i + 1;
end loop;
if ada then
go_record(pointer);
go_item(‘dpesanan.ckd_brg’);
else
go_record(pointer);
go_item(‘dpesanan.cjm_po’);
end if;
end if;
end;
Latihan Form Builder
28
Code untuk jumlah barang
Latihan Form Builder
29
Code untuk simpan Data
Latihan Form Builder
30
Code untuk Batal
Code untuk keluar
Latihan Form Builder
31
Membuat LOVs untuk data pelanggan
List data pelanggan ini yang dipanggil saat kode pelanggan di double klik.
Untuk membentuk LOV aktifkan Object Navigator, pilih LOVs kemudian pilih create
(tanda +). Setelah itu akan muncul window creare new LOV pilihlah sepeti terlihat
dalam gambar 4.37, dan pilih tombol OK.
Gambar 4.37. create lov
Setelah dipih tombok Ok maka akan muncul window (perhatikan gambar 4.38)
Gambar 4.38: LOV wizard
Dalam gambar 4.38 pilih pilihan New Record Group Based On a Query, kemudian pilih
next maka akan muncul window (perhatikan gambar 4.39)
Gambar 4.39: mengisi query untuk LOV
Select kd_pel, nm_pel
from pelanggan
Latihan Form Builder
32
Setelah itu pilih next maka akan muncul window (perhatikan gambar 4.40)
Dari gambar tsb pindahkan item data yang ingin ditampilkan dari kolom record group
columns ke LOV columns. Sehingga terlihat seperti gambar 4.41
Gambar 4.40
Gambar 4.41
Tetelah memilih data yang ditampilkan kemudian pilih tombol next, maka akan muncul
window (perhatikan gambar 4.42. dalam window ini yang perlu diperhatikan adalah
Column 􀃆 berisi field/item data yang akan dimunculkan.
Title 􀃆 berisi judul label yang ada pada tampilan lov.
Width 􀃆 digunakan untuk setting berapa lebar untuk tampilan setiap datanya.
Return Value 􀃆 kolom ini boleh diisi boleh tidak, tapi dalam latihan ini diisi dengan
pesanan.ckd_pel pada field kd_pel.
Latihan Form Builder
33
Gambar 4.42
Setelah selesai kemudian pilih tombol next , maka akan muncul window (perhatikan
gambar 4.43. seperti terlihat dalam gambar tsb setting item yang ada.
Gambar 4.43.
Setelah selesai pilih tombol next, maka akan muncul window (perhatikan gambar 4.44)
Pada window ini kita harus mengisi jumlah baris yang akan tampil pada LOV.
Gambar 4.44
Latihan Form Builder
34
Selanjutnya pilih tombol next kembali, baru akan muncul window yang terakhir (perhatikan
gambar 4.45. pada window ini kita tidak melakukan apa-apa, maka langsung pilih tombol
finish.
Gambar 4.45
Setelah itu maka kita akan kembali ke object navigator, dari navigator berinama lov
tersebut dengan nama Daf_pel (seperti terlihat dalam gambar)
Gambar 4.46
Latihan Form Builder
35
Jika kita jalankan program tersebut maka akan telihat seperti gambar 4.47
Gambar 4.47

About these ads

Actions

Information

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




Follow

Get every new post delivered to your Inbox.

%d bloggers like this: