Active Report adalah salah satu tool yang digunakan untuk pembuatan report di visual basic, mulai dari report yang sederhana sampai yang komplek, berikut contoh beberapa report yang bisa dibuat menggunakan active report. Selain itu active report juga sudah terintegrasi dengan IDE visual basic sehingga pembuatan report pun menjadi lebih menyenangkan, lalu bagaimana cara meload datanya ? Caranya gampang cukup menggunakan query biasa seperti query-query yang digunakan dalam pembuatan aplikasi. Untuk contoh pada tutorial pertama ini kita akan menampilkan data siswa dengan struktur tabel seperti berikut : 1. Mendesain report Mendesain report di Active Report sama mudahnya seperti mendesain tampilan di form, tinggal drag komponennya kemudian ganti nilai properties masing-masing komponennya sesuai kebutuhan. Oke langsung saja aktifkan project vb Anda kemudian klik kanan di nama project -> Add -> Data Dynamics ActiveReport 2.0
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Active Report adalah salah satu tool yang digunakan untuk pembuatan report di visual basic, mulai dari report yang sederhana sampai yang komplek, berikut contoh beberapa report yang bisa dibuat menggunakan active report.
Selain itu active report juga sudah terintegrasi dengan IDE visual basic sehingga pembuatan report pun menjadi lebih menyenangkan, lalu bagaimana cara meload datanya ? Caranya gampang cukup menggunakan query biasa seperti query-query yang digunakan dalam pembuatan aplikasi.
Untuk contoh pada tutorial pertama ini kita akan menampilkan data siswa dengan struktur tabel seperti berikut :
1. Mendesain reportMendesain report di Active Report sama mudahnya seperti mendesain tampilan di form, tinggal drag komponennya kemudian ganti nilai properties masing-masing komponennya sesuai kebutuhan.
Oke langsung saja aktifkan project vb Anda kemudian klik kanan di nama project -> Add -> Data Dynamics ActiveReport 2.0
nilai caption dari labelnya kita abaikan saja, karena akan kita ganti pada saat runtime (program dijalankan).
Setelah selesai menambahkan judul reportnya, kita akan menambahkan judul kolom, objek yang digunakan masih sama yaitu label
selanjutnya kita akan menambahkan border untuk judul kolom nya, caranya adalah dengan menyeleksi label “No.” sampai “Tanggal Lahir”, kemudian klik kanan pada salah satu label yang diseleksi pilih Format Border
pilih jenis border pada pilihan Line Styles, kemudian pada bagian Preview border yang diaktifkan hanya bagian “Atas”, “Kiri” dan “Bawah”
selanjutkan kita akan menambahkan border untuk label ayah
Gimana? jadi terlihatkan perbedaannya kenapa dipisah pembuatan border label “Ayah” dengan label lainnya.
Hasil akhir penambahan border judul kolom
Berikutnya kita akan menambahkan objek TextBox yang akan digunakan untuk menampilkan data
Khusus untuk textbox “No.” (tag merah) properties Textnya diset = 0, untuk textBox lainnya diabaikan saja dan kemudian untuk menambahkan border langkah-langkahnya sama seperti sebelumnya, hanya saja border bagian “Atas” tidak aktifkan
ada satu komponen lagi yang akan kita tambahkan yaitu komponen ADO Data Control dan saya rasa tidak perlu lagi dijelaskan apa kegunaan komponen ini.
Berikut adalah hasil akhir desain report siswanya.
2. Kode untuk reportActive Report sama seperti form dan komponen lainnya mempunyai event-event yang bisa kita isikan kode program sesuai kebutuhan, biasanya nama event tersebut diawali oleh nama sectionya, contoh :
jalankan program kemudian klik tombol “Tampilkan Report”, akan ditampilkan hasil preview data siswanya.
waduhh, ternyata setelah pindah ke halaman 2 ada data siswa yang nampil tidak sesuai harapan, lihat gambar berikut :
Setelah diusut ternyata penyebabnya adalah nilai dari tempat lahirnya terlalu panjang sehingga tampilan report jadi berantakan, nah bagaimana cara menyelesaikan masalah ini ? Disinilah peran penting dari event Detail_BeforePrint.
Oke kita kembali lagi ke desain report siswanya kemudian tambahkan kode berikut pada event Detail_BeforePrint :
Setelah cukup lama tertunda akhirnya tutorial kedua dari yang pertama ini rilis juga.Fokus pada tutorial kali ini adalah pembuatan format laporan yang sering digunakan yaitu grouping.
Contoh laporan yang akan kita buat adalah seperti berikut :
Masih menggunakan database yang sama pada tutorial pertama, kita akan tambahkan 2 buah tabel lagi yaitu kelas dan kelas_siswa
Sebelum membuat laporannya, kita liat dulu query yang digunakan untuk menampilkan data siswa berikutnya kelasnya
SELECT kelas.id AS kelas_id, kelas.keterangan AS kelas, siswa.nomor_induk, siswa.nama
FROM siswa INNER JOIN (kelas INNER JOIN kelas_siswa ON kelas.id = kelas_siswa.kelas_id) ON siswa.nomor_induk = kelas_siswa.nomor_induk
Oke sampai disini persiapan sudah cukup, saatnya kita membuka project pada tutorial pertama klik kanan di nama project -> Add -> Data Dynamics ActiveReport 2.0
jika berhasil akan ditambahkan sub node baru dengan nama ActiveReport1
kemudian ganti properties namenya menjadi arLapSiswaPerKelas dan caption menjadi Laporan Data Siswa Per Kelas
Selanjutnya kita akan menambahkan section Group dengan cara mengklik kanan salah satu section (PageHeader atau Detail) -> Insert -> Group Header/Footer
jika berhasil akan ditambahkan 2 section baru yaitu GroupHeader1 dan GroupFooter1
kemudian ganti properties namenya menjadi grpKelasID
field kelas_id mengacu pada query diatasuntuk format laporannya sesuai dengan contoh diatas
bagaimana cara mendesainnya sudah saya bahas tuntas disini.Setelah desain reportnya jadi, kita akan menambahkan beberapa baris kode di event Detail_Format
kemudian ketik kode berikut :
Private Sub Detail_Format()
With adoSiswaPerKelas.Recordset
If Not .EOF Then
txtNo.Text = Val(txtNo.Text) + 1
txtNoInduk.Text = .Fields("nomor_induk").Value
txtNama.Text = .Fields("nama").Value
End If
End With
End Sub
selanjutnya kita akan menambahkan kode di event Detail_BeforePrint
Yuph nomor urut untuk kelas berikutnya sudah dimulai dari 1
Untuk postingan kali ini rasanya cukup sampai disini, postingan berikutnya insya Allah kita masih akan membahas kasus yang sama (menampilkan daftar siswa per kelas) tetapi dengan memanfaatkan Sub Report.
Walaupun sedikit telat janji akan tetap saya penuhi untuk membahas ulang kasus padapostingan sebelumnya menggunakan sub report.Untuk refreshing dibawah ini merupakan format laporan yang akan kita buat menggunakan sub report.
Langsung saja kita aktifkan project postingan sebelumnya
kemudian klik kanan node Designers -> Add -> Data Dynamics ActiveReports 2.0
jika berhasil akan ditambahkan 2 section baru yaitu section group header dan footer
kemudian ganti properties namenya menjadi grpKelasID
field kelas_id mengacu pada query berikut
SELECT kelas.id AS kelas_id, kelas.keterangan AS kelas
FROM kelas INNER JOIN kelas_siswa ON kelas.id = kelas_siswa.kelas_id
kemudian desain laporan sesuai gambar berikut :
bagaimana cara mendesainnya sudah saya bahas tuntas disini.karena kita disini menggunakan sub report berarti kita harus menambahkan 1 report baru yang akan kita panggil melalui objek sub report.
Tambahkan report baru dengan cara mengklik kanan node Designers -> Add -> Data Dynamics ActiveReports 2.0
sampai disini kita akan mulai menghubungkan report utama dengan sub reportnya dengan cara mengaktifkan report arLapSiswaPerkelas2 kemudian klik ganda section Group Header
Sampai disini modal kita sudah cukup untuk membuat report yang lebih kompleks, insya Allah akan kita bahas di seri terakhir dari tutorial Active Report ini.
Tutorial Active Report bagian 4 – Membuat Report tanpa DatabaseOctober 31, 2011Admin Leave a comment Go to comments
Karena kesibukan ngajar (terutama nyiapin materi) di semester ini hampir saja membuat mata rantai postingan
saya terputus dibulan ini, jadi akhirnya disempat2xin juga nulisnya .
Dan sekalian permohonan maaf buat om2x yg nanya responnya enggak bisa secepat dulu, maklum alasannya juga
sama “sok sibuk” .
Oke, langsung saja beberapa waktu yang lalu ada yang nanya bagaimana menampilkan data yang ada di ListView ke ActiveReport.
Misal kita mempunyai data mahasiswa seperti berikut :
Sebelumnya kita akan membuat terlebih dulu sebuah class Mahasiswa untuk menampung data diatas kemudian tinggal kita lewatkan melalui variabel public yang kita tambahkan dibagian ActiveReportnya.