Cara Membuat Crystal Report dengan Visual Studio 2015

Hei Blogwalkers!

Pada kesempatan kali ini, kita akan mempelajari mengenai cara membuat Crystal Report menggunakan Visual Studio 2015. Sebelumnya apa sih Visual Studio dan Crystal Report itu?

Singkatnya, Visual Studio merupakan salah satu perangkat lunak lengkap atau paket (suite) yang bertujuan untuk membuat bermacam - macam aplikasi. Sedangkan Crystal Report adalah sebuah laporan atau report yang digunakan untuk menampilkan data dari database kita di MySQL ke dalam Visual Studio.

Langsung saja, berikut merupakan langkah - langkah membuat Crystal Report dengan Visual Studio 2015.


1. Pastikan sudah memiliki Visual Studio.
Keterangan : Bagi yang belum dapat mendownload-nya dengan mengklik tulisan berikut Visual Studio Download.
2. Pastikan sudah memiliki konektor ini Connector ODBC x32 dan x64.

3. Pastikan sudah menginstal Crystal Report untuk VB-nya

Keterangan : 

Untuk Crystal Report dapat dicari dari Google, saya tidak dapat menyediakannya karenakan ukurannya yang cukup besar dan juga sebenarnya tidak gratis (namun bagi yang ingin mencari bajakannya dapat dicari di Google).

4. Instal semua perlengkapannya.
5. Pastikan sudah menjalankan XAMPP lalu merunning Apache dan MySQL
6. Setting ODBC berdasarkan langkah - langkah berikut 

gb1. cari Administrative Tools di pencarian atau Startmenu

gb2. Pada Administrative Tools pilih ODBC 32-bit atau 64-bit tergantung bit Windows yang dipakai lalu double click

gb3. Selanjutnya klik Add seperti pada gambar diatas

gb4. Setelah itu carilah MySQL ODBC ANSI atau Unicode Driver (bebas) lalu klik Finish

gb5. Isi data dalam form berikut berdasarkan kotak merah pada gambar, setelah itu klik test

Keterangan : Pada form diatas, database diisi sesuai database yang hendak kita tampilkan ke dalam Crystal Report dan untuk itu diperlukan user dan password yang benar. Apabila user atau password salah maka database-nya pun akan salah (atau bahkan tidak ada) dan jangan lupa juga untuk mengaktifkan XAMPP Apache dan MySQL sebelum menyetting ODBC ini.

User dan Password pada form diatas merupakan user dan password pada MySQL apabila database tersebut dilindungi oleh password, namun apabila belum pernah membuat user baru pada MySQL maka cukup diisi dengan root dan password dikosongkan.

gb6. Apabila sudah muncul koneksi sukses maka database dapat digunakan untuk crystal report

6. Buka Visual Studio 2015 dan klik New Project
7. Buatlah sebuah Form

gb7. buatlah form atau windows form application lalu beri nama

Keterangan : Disarankan untuk saat ini tidak mengganti nama - nama terlebih dahulu karena dapat mengganggu dalam script (salah tulis nama dalam script bisa membuat program tidak berjalan) kecuali jika sudah mengerti letak - letak namanya dalam script.

8. Setelah membuat Form selanjutnya cari Crystal Report dalam Toolbar lalu Drag and Drop ke dalam Form tersebut.

gb8. drag and drop crystal report viewer dalam toolbar reporting  kedalam form (dibelakang yang berwarna putih)

9. Cari Button dalam Toolbar dan Drag and Drop ke dalam Crystal Report

gb9. drag and drop button ke dalam crystal report berdasarkan letak yang telah ditujukan dalam gambar

Keterangan : Button tersebut nantinya akan berguna untuk menampilkan Crystal Report kita setelah di klik.

10. Masukkan CrystalReport dengan menggunakan cara berdasarkan gambar berikut.

gb10. klik project lalu add windows form

gb11. klik installed lalu pada common items pilih reporting dan klik Crystal Report dan beri nama lalu Add

Keterangan : Pada kasus ini sebaiknya tidak mengganti namanya terlebih dahulu, karena pada script berikutnya menggunakan nama default yaitu CrystalReport1

gb12. langsung saja klik Ok

gb13. klik Create New Connection lalu pilih ODBC setelah itu pilih database yg telah kita buat pada step-6 lalu klik finish

gb14. apabila sudah muncul dalam ODBC klik akademik (yang telah di highlight) lalu klik tanda >> selanjutnya klik finish

gb15. setelah itu jadilah crystal report kita (ukuran dan letak - letaknya dapat diubah sesuai keinginan)

Pada langkah ini Crystal Report masih dalam keadaan kosong, oleh karena itu kita perlu menambahkan isi database kita kedalamnya.
Keterangan : Semua yang berada dalam Crystal Report diatas berpengaruh kepada tampilan Crystal Report yang ditampilkan nanti oleh karena itu alangkah baiknya isi Crystal Report tersebut ditata sebaik mungkin (dilebarkan section sectionnya atau dipindahkan tools-nya).


10. Masukkan isi Crystal Report dengan mengklik Field Explorer dan Drag & Drop isi sesuai yang kita butuhkan.

gb16. drag and drop isi yang kita inginkan kedalam Section 3 pada Crystal Report

Keterangan : Kita dapat men-drag and drop data dari macam macam tabel seperti dosen (pada gambar diatas) lalu tabel mahasiswa, dan atau tabel user juga dengan mengklik icon + lalu men-drag and drop yang kita inginkan kedalam Section 3.

Pastikan ukuran dari tiap tiap kolom yang kita masukkan cukup besar karena apabila terlalu kecil maka ketika ditampilkan akan berubah menjadi ##### dan bukan menampilkan data kita.

11. Cek Crystal Report dengan mengklik Crystal Report Preview

gb17. contoh data yang dimasukkan dalam crystal report

Misalkan kita telah memasukkan data seperti gambar diatas, maka untuk melihat atau meninjaunya dapat dengan mengklik Main Report Preview seperti gambar diatas.

gb18. hasil atau preview dari data yang kita masukkan yang nantinya akan ditampilkan dalam program kita

Setelah kita preview, maka selanjutnya membuat script kepada button kita yang tadi (ada di step nomor 9) untuk memanggil hasil atau preview dari Crystal Report kita apabila di klik.


12. Klik Form1.vb [Designer] diatas
13. Double Click Button lalu masukkan Script berikut.

gb19. code atau script untuk memanggil crystal report

Keterangan : CrystalReport1 merupakan nama dari CrystalReport kita pada gambar 11, apabila pada gambar 11 namanya diubah maka CrystalReport1 pada script tersebut-pun harus diubah juga sesuai nama yang telah dibuat.

CrystalReportViewer1 merupakan nama dari Form CrystalReport kita pada gambar 8 yang telah kita drag and drop tadi. Apabila ingin mengubah namanya, pada saat drag and drop kita dapat mengubahnya di bagian properties sebelah kanan (tidak muncul di photo karena di crop terlebih dahulu).
 

14. Apabila Button sudah diberi script berikut, maka program kita sudah jadi kita dapat mengetesnya dengan mengklik tombol |➤ Start | yang berada diatas.

gb20. contoh crystal report ketika sudah di play dalam program VB dan di klik dari button

Jangan lupa untuk mengkliknya terlebih dahulu pada button Report (atau Button1) yang tadi telah kita buat dan jangan lupa untuk mensave program yang telah kita buat dengan mengklik File > Save All atau dengan menekan tombol Ctrl + Shift + S.

Berikut merupakan Tutorial Membuat Crystal Report dengan Visual Studio 2015, mohon maaf apabila ada kesalahan. Sekian, Semoga bermanfaat! 😀