Web Data Window with PB7

Creating Data Window
Langkah-langkah:
1.Pelajari Web DW development Cycle Task and Diagram
2.Jalankan PowerBuilder 7.0.
“dari task bar:Start pilih Program>Sybase>PowerBuilder 7.0>PowerBuilder
3.Buat sebuah library baru dengan nama test_htmldw.pbl
Jika anda pertamakali menggunakan PowerBuilder 7.0,anda akan melihat window ‘PowerBuilder requiers an application’. Pada tombol ‘New’click pada icon application. ketikan nama applikasi dengan test_htmldw didalam test_htmldw.pbl dan click tombol Finish.
4.Lakukan koneksi ke database EASDemo DB V3
Pilih window >Database Profile atau klik pada tombol ‘Database Profile’pada toolbar
Dari list instlled “Database Interfaces’,klik pada ODBC,jika EAS DEMO DB V3 tidak ada tanda check pada database icon kemudian pilih EAS DEMO DB V3 lalu pilih ombol Connect,jika tanda check ada pada datbase icon tersebut maka anda sudah connect.
5.Pada PowerBuilder,buat sebuah datawindow baru dengan mengunakan Tabular presentation dan Quick select SQL.
Pilih File>New>DataWindow>Tabular dan Klik OK,Pilih Quick select dan tekan tombol Next. Pilih table ‘customer’dan pilih 3 atau 5 kolom. Lalu klik OK,selanjutnya tekan tombol next dua window berikutnya
Setelah anda ada di DataWindow Painter,tambahkan dua tombol di footer:namakan keduanya dengan Next Page dan Previous Page. Definisikan actionnya dengan PageNext dan PagePrior (untuk mendiinisikan action kedua tombol tersebut ada di General Tab pada Property)
Untuk melihat/memunculkan properties klik pada datawindownya
Di tab General dari properties datawindow,check pada ‘HTML DataWindow’
Option ‘HTML DataWindow’gunanya untuk membuat datawindow menjadi HTML presentation ketika anda preview datawindow
Pilih Design>HTML Preview
Klik di icon panah kanan untuk menggulung tab kearah kanan pada property datawindow. Di tab ‘HTML Generation’property set ‘Rows per Page’menjadi 5
Pilih Design>HTML Preview untuk melihat datawindow yang di convert ke HTML. Tombol navigation anda akan terlihat (Next &Previous) tapi tidak akan berfungsi.
Simpan datawindow anda dengan nama d_namaanda_htmldw di test_htmldw.pbl. Lalu keluar dari PowerBuilder.
Catatan:Didalam PowerSite dan PowerJ terdapat tool DataWindow Builder,tool tersebut sama dengan datawindow painternya PowerBuilder. Anda bisa menggunakan DataWindow Builder tersebut untuk meng-edit atau membuat datawindow.
Kunci dari fitur baru Web DataWindow ini adalah komponen yang di install di PB Runtime selama melakukan proses instalasi Jaguar CTS 3.0. Komponen ini disebut dengan HTML (DataWindow) Generator. Metod dari komponen HTML Generator ini adalah merubah DataWindow PowerBuilder (termasuk didalamnya:retrieve data dan format DataWindow) menjadi HTML.
Ketika kita menggunakan semua komponen EAStudio dalam mengimplementasikan fitur baru Web Datawindow ini,programer sama sekali tidak melakukan apa-apa disisi PowerBuildernya. Tetapi yang harus kita perhatikan adalah PBL atau PBD yang didalamnya terdapat datawindow yang akan kita gunakan di EAStudio harus dikenal oleh Jaguar. Perhatikan apakah direktori pbl tersebut sudah ada didalam path sistemnya Jaguar Server !.
Fitur-Fitur DataWindow yang Suport Maupun Tidak
Hampir semua presentation style DataWindow bisa digunakan,kecuali Graph,RichText,OLE dan Composite.
Beberapa fitur yang tidak suport adalah:Graph,sliding,autosize hight tau width,edit mask,resizable atau moveable object,OLE,richtext,dan nested report. Jika anda mengunakan fitur-fitur yang tidak support diatas akan diabaikan.
Preview Datawindow ke HTML
Pada tab General dalam properties datawindow terdapat property checkbox ‘HTML DataWindow’. Perubahan setting pada property ini menandakan datawindow anda bisa di preview sebagai Web DataWindow sewaktu anda memilih menu Design>HTML Preview. Secara otomatis browser default anda akan membuka layout datawindow anda

sumber : ilmu komputer