User avatar
loeischandra
Posts: 25
Joined: 23 Feb 2015 17:04

Pengenalan Browser

Browser adalah modul untuk menampilkan berbagai macam informasi dari hasil query sql berbentuk tabel. Browser berisi daftar sebuah data secara urut yang ditampilkan secara interaktif. Berikut adalah contoh browser Inventory Master.
Browser Inventory Master
Browser Inventory Master
BrowserInventory.jpg (135.05 KiB) Viewed 2046 times
Nah selanjutnya adalah mengenal komponen pada browser. Buka module configuration -> Browser. Pilih salah satu contoh Browser.Inventory.Item.Database. Maka akan muncul tampilan seperti dibawah ini.
Setting Browser
Setting Browser
SettingBrowser.jpg (100.31 KiB) Viewed 2047 times
Keterangan:
1. Overview adalah konfigurasi umum pada browser
2. Column adalah konfigurasi nama kolom dan tampilan data
3. Variable adalah pemberian komponen pada browser, biasanya untuk filter data
4. Command adalah konfigurasi tambahan button di toolbar atas browser
5. Summary adalah konfigurasi aggregate function, biasanya berisi total penjumlahan

Overview
Pada panel overview yang harus diisi adalah code, caption dan expression. Selain itu jika tidak diisi atau dibiarkan default tidak masalah.
Overview
Overview
BrowserOverview.jpg (76.09 KiB) Viewed 2046 times
Keterangan:
1. Code adalah nama modul browser yang dibuat. Penamaan pada browser tanpa ada karakter spasi dan cara penamaan nya dimulai dengan kata Browser. Misal untuk inventory master, maka akan diberi nama Browser.Inventory.Item.Database. Cara penamaan tidak fix namun digunakan supaya lebih rapi.
2. Caption adalah judul yang tampil pada bagian nama tab panel. Penamaan caption pakai format tag html.
3. Expression adalah hasil query sql server. Yang perlu diingat yaitu hasil query tidak ada deklarasi nama kolom yang sama. Selain itu sudah diberi alias dan tidak ada kolom tanpa nama (No Column name).
4. Visible adalah fungsi keamanan yang menempel pada modul browser. Level user akan dibatasi dengan mengisi user permission di kolom visible ini.
5. Detail code adalah nama code detail. Jika diisi maka pada saat user klik salah satu data pada browser akan diredirect ke form hasil input.
6. Report code adalah nama code report.
7. Add/Remove adalah keamanan pada browser. Jika Detail code diisi maka tombol Add/Remove akan tampil sesuai dengan user permission yang diinput.
8. Style adalah jenis tampilan pada browser. Ada dua tipe yaitu fit dan panel. Fit yaitu variable filter akan tampak dan tidak tertutup panel. Sedangkan jika pilih panel maka variable filter akan tertutup jika klik tombol show.
9. Callback formula adalah tambahan manual script pada tampilan browser supaya lebih user interaktif. Menggunakan pemrograman javascript.

Column
Yang perlu diperhatikan untuk column adalah pengisian kolom key dan name. Key primary hanya boleh disetting minimal satu di masing-masing browser. Nama kolom pada browser didapat dari hasil query pada kolom expression di panel overview.
Column
Column
BrowserColumn.jpg (60.23 KiB) Viewed 2046 times
Keterangan:
1. Add adalah tombol untuk menambah manual kolom browser. Penambahan manual tetap harus tetap sesuai dengan jumlah kolom pada query.
2. Remove adalah tombol untuk menghapus kolom. Jika ada kolom yang tidak perlu ditampilkan, maka dihapus dari kolom. Supaya program berjalan lebih cepat, maka query juga disesuaikan dengan tidak menampilkan kolom yang dihapus.
3. Remove All adalah tombol untuk menghapus semua kolom.
4. Auto generate adalah tombol untuk mengkalkulasi nama kolom secara otomatis. Jika nama kolom sudah ada, maka tidak akan di replace. Selain itu akan ditambahkan dibaris paling bawah.
5. Order adalah index penomoran kolom.
6. Key adalah penanda kolom. Key ada tiga yaitu primary, index up, index down. Primary artinya kolom tersebut akan diambil nilainya jika user klik baris di browser dan melemparkan menjadi parameter pada detail form. Index up artinya hasil query browser akan di sort ascending berdasarkan nama kolom tertentu. Index down arti nya hasil query browser akan di sort descending berdasarkan nama kolom tertentu.
7. Name adalah penamaan kolom. Nama ini bersifat case sensitif.
8. Caption adalah judul kolom pada browser.
9. UI Type adalah tipe user interface komponen kolom. Ada 12 tipe UI Type dan dibahas disini http://forum.graylite.com/viewtopic.php?f=15&t=7
10. UI Width adalah batas lebar pada komponen user interface.
11. Scale adalah batas angka dibelakang koma jika UI Type adalah number atau money.
12. Hide adalah fasilitas untuk membuat kolom tidak terlihat.
13. Freeze adalah fasilitas anti scroll ke kanan supaya kolom tetap terlihat.
14. Read Only adalah fasilitas data baris tidak bisa di copy paste nilainya. Sekalipun bisa dicopy paste, tetap tidak akan merubah data pada database. Karena tidak ada perintah update atau insert di module browser ini.

Variable
Variable pada browser hampir sama dengan column di modul Detail form. Namun yang membedakan adalah fungsi nya untuk filter value pada hasil query.
Variable
Variable
BrowserVariable.jpg (71.57 KiB) Viewed 2046 times
Keterangan:
1. Add adalah tombol untuk menambah komponen filter variable.
2. Remove adalah tombol untuk menghapus komponen filter variable.
3. Auto Generate adalah tombol untuk mengkalkulasi nama filter variable sesuai dengan kolom hasil query. Biasanya pengisian variable pada browser dilakukan manual.
4. Order adalah kolom index pada variable.
5. Name adalah penamaan variable. Name bersifat case sensitif.
6. Caption adalah judul label pada komponen.
7. Data type adalah tipe data pada komponen. Tipe data ada tiga yaitu String, Number dan Date.
8. UI Type adalah tipe user interface komponen kolom. Ada 12 tipe UI Type dan dibahas disini http://forum.graylite.com/viewtopic.php?f=15&t=8
9. Control expr adalah input berisi string. Jika UI Type adalah picker atau grid. Maka diisi code name dari modul picker atau grid.
10. Default value adalah input default yang diisi secara otomatis jika user membuka modul tertentu.
11. UI width adalah batas lebar pada komponen user interface.
12. Lbl width adalah batas lebar pada komponen label di user interface.
13. Scale adalah batas baris jika UI Type diisi grid. Jika UI Type diisi number atau money maka menentukan batas angka dibelakang koma.
14. Offset adalah posisi komponen user interace.
15. Nullable adalah nilai nullable pada komponen.
16. Hide adalah fasilitas untuk membuat komponen tidak terlihat.
17. Read Only adalah fasilitas data baris tidak bisa di copy paste nilainya.

Command
Command
Command
BrowserCommand.jpg (37.77 KiB) Viewed 2046 times
Keterangan:
1. Add adalah tombol untuk menambah tombol command.
2. Remove adalah tombol untuk menghapus tombol command.
3. Order adalah index penomeran tombol yang tampil.
4. Name adalah penamaan tombol. Name bersifat case sensitif.
5. Control Expr adalah input query yang dijalankan jika user mengklik tombol tersebut.
6. Level adalah fasilitas keamanan, mengatur level member yang boleh lihat tombol command.
7. CC adalah fasilitas keamanan, mengatur cost center yang boleh melihat tombol command.
8. Type adalah tipe eksekusi tombol.
9. Message adalah notifikasi yang tampil ke user sebelum melakukan action.

Summary
Summary
Summary
BrowserSummary.jpg (23.52 KiB) Viewed 2046 times
Keterangan:
1. Add adalah tombol untuk menambah summary.
2. Remove adalah tombol untuk menghapus summary.
3. Text adalah label yang tampil di summary tertentu.
4. Aggregate Function Expression adalah potongan query aggregate function. Misal untuk menghitung jumlah total penjualan dengan sum(doc_total).
Last edited by loeischandra on 26 Feb 2015 09:05, edited 1 time in total.
User avatar
loeischandra
Posts: 25
Joined: 23 Feb 2015 17:04

Re: Pengenalan Browser

Penggunaan modul browser dimulai dengan menyiapkan query sql dan memastikan setiap nama kolom pada hasil query sql sudah ada alias name. Jadi jangan sampai masih ada hasil query sql yang kolom nya "No column name".
Query Salah
Query Salah
SalahQuery.jpg (58.68 KiB) Viewed 2046 times

Return to “Browser”