Cara Menampilkan Gambar Item di Invoice Grafik

Friday, 13 March 20
Zakky Ubaid
Zakky Ubaid
IT Support

Share

Share on facebook
Share on twitter
Share on whatsapp
Share on telegram

Apakah anda ingin menampilkan gambar item pada invoice anda? Jika iya, berikut akan dijelaskan step-by-step cara menampilkan gambar item
pada invoice grafik di software akuntansi Bee Accounting. (Note: Fitur ini hanya bisa dilakukan pada Bee versi 2.2 update tanggal 16 Mei 2013 dan Versi diatasnya)

1. Langkah pertama, klik tombol Start pada taskbar -> klik All Programs -> iReport

Gambar 1. Masuk ke aplikasi iReport

2. Setelah aplikasi iReport telah terbuka, klik tombol Open untuk membuka template invoice penjualan

Gambar 2. Klik tombol Open

3. Masuk ke folder Penjualan pada jendela Load XML jasperreports file -> Klik dua kali file dengan nama InvoicePenjualan.jrxml

Gambar 3. Buka template InvoicePenjualan.jrxml

4. Lebarkan kolom detail item supaya gambar item muat untuk ditampilkan

Gambar 4. Lebarkan kolom detail item

5. Klik tombol Image pada toolbar iReport untuk menambahkan komponen gambar

Gambar 5. Klik tombol Image pada toolbar iReport

6. Sesuaikan lokasi dan ukuran dari gambar item

Gambar 6. Sesuaikan ukuran gambar item

7. Setelah itu, klik kanan pada komponen gambar yang baru -> klik Properties

Gambar 7. Klik kanan pada komponen gambar baru lalu klik properties

8. Pada tab Image, klik tombol Expression Editor

Gambar 8. Pada tab Image, klik Expression Editor

9. Tambahkan ekspresi berikut :
com.bits.bee.bl.Pic.getInstance().getItemPictureImage(field_itemid)

Gambar 9.1. Tambahkan ekspresi berikut

Block atau highlight bagian field_itemid -> klik menu Fields dari daftar Objects and expressions -> lalu klik 2 kali pada tulisan d1_itemid

Gambar 9.2. Block/highlight bagian field_itemid, pilih Fields, lalu klik 2 kali pada tulisan d1_itemid

Berikut tampilan dari ekspresi yang sudah diedit, apabila sukses seperti gambar berikut lanjutkan dengan klik tombol Apply

Gambar 9.3. Hasil jadi

10. Masih pada jendela yang sama, ganti Image Expression Class menjadi java.awt.Image, setelah itu klik tombol close (x) pada pojok kanan atas dari jendela InvoicePenjualan

Gambar 10. Ganti Image Expression Class

11. Klik tombol Save Report untuk menyimpan perubahan pada invoice penjualan

Gambar 11. Klik tombol Save Report

Gambar 12. Invoice yang sudah bisa menampilkan gambar item

Bagikan jika tutorial ini bermanfaat :

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Share on print
Print

Panduan Yang Mungkin Juga Anda Butuhkan :