27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Search
TENTANG PENULIS
nurhidayatOffline
Last seen: 1 day 22 hours ago Joined: 12/29/2010 - 15:52
POPULAR TAGS
.NET ADO.NET Analisa
dan Desain
Aplikasi
Home » Tutorial Berbasis Komunitas » Kumpulan Tutorial .NET Framework » Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual
Studio 2010
Submitted by nurhidayat on Tue, 12/17/2013 - 10:19
Membuat Laporan Crystal Report | Kemampuan aplikasi untuk membuat sebuah laporan yang bisa dicetak ke printer adalah hal umum yang harus bisa dilakukan sebuah aplikasi desktop. Untuk itu skill ini amat sangat diperlukan oleh seorang programmer pengembang aplikasi desktop. Tutorial ini mencoba memberikan arahan langkah demi langkah cara menggunakan vb.net untuk membuat sebuah laporan crystal report sederhana namun professional menggunakan Push Method, artinya proses pengambilan data dari database dilakukan di luar Crystal Report , namun menggunakan DataSet, dan setelah data siap, Data Set bersangkutan di-Push ke Crystal Report. Studi kasus berupa Laporan Purchase Order. Aplikasi ini dibuat menggunakan C# karena dengan menguasai C# kita lebih mudah untuk migrasi ke bahasa lain seperti Java. Namun jika kita ingin membuatnya dalam bahasa lain, seperti VB.net, itu adalah hal yang sangat mudah karena coding dalam aplikasi ini hanya beberapa baris saja.
Beberapa hal lain yang perlu diperhatikan antara lain, tutorial ini tidak membahas cara menjalankan Visual Studio, cara membuat Project baru, cara menambah Form atau DataSet baru, cara membuka Server Explorer dan sebangsanya. Ane berasumsi agan semua sudah mengetahui cara-caranya. Tutorial ini juga tidak membahas cara menyimpan data master detail ke dalam database, karena concern kita saat ini hanyalah manmpilkan data yang sudah ada dalam database menggunakan crystal report. Database yang digunakan adalah SQL Server Compact Database. Tutorial ini juga tidak membahas cara membuat database baru, cara koneksi database di .NET, cara design database yang baik dan lain sebagainya. Ane berasumsi agan semua sudah mengetahui cara-caranya.
Pojok Programmer
Berbagi Pengalaman Programming di Dunia Maya
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Dasar-dasar Stored Procedure Pada SQL SERVER 2005 ke atas
Aplikasi Inventory Sederhana - Penggunaan Trigger untuk Tracking Stock Barang Aplikasi Inventory Sederhana - Analisa dan Desain Aplikasi Aplikasi Inventory Sederhana - Desain User Interface
All time:
Aplikasi Inventory Sederhana Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 Dasar-dasar Stored Procedure Pada SQL SERVER 2005 ke atas
Programmer Berdasarkan LEVEL-nya
Data Access Component di Windows - Part 3 Representasi SQL JOIN Secara Visual Login Page Sederhana Aplikasi Inventory Sederhana - Analisa dan Desain Aplikasi Dynamic CrossTab di MySQL Aplikasi Inventory Sederhana - Analisa dan Desain Database
Last viewed:
Aplikasi Inventory Sederhana Mengisi ComboBox Dengan Data Dari Database Aplikasi Inventory Sederhana - Analisa dan Desain Aplikasi Aplikasi Inventory Sederhana - Analisa dan Desain Database Aplikasi Inventory Sederhana - Desain User Interface Mudah Membuat Chained Drop Down Combo Box LINQ Tuts. Part 2: Dengan contoh yang dapat di download)
Aplikasi Inventory Sederhana - Penggunaan Trigger untuk Tracking Stock Barang Representasi SQL JOIN Secara Visual
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010
Tambahkan DataSet baru, beri nama dsSample.xsd, setelah itu buka Database menggunakan Server Explorer. Lakukanlah drag dan drop table yang ada di Database Explorer ke atas dataset designer dsSample.xsd menjadi seperti yang ada di gambar.
Buat custom query untuk mengambil data Companies berdasarkan CompanyID, beri nama method Fill dengan
FillByCustomerID dan method Return DataTable dengan GetDataByCompanyID. Note: Perhatikan step pembuatannya di gambar.
Desain Datasat Setelah Proses Drag-Drop
Custom query untuk table Companies
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer visitor and to prevent
automated spam submissions.
Math question * 9 + 2 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.
Log in
Langkah ke-3
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Buat custom query untuk mengambil data Orders berdasarkan OrderID, beri nama method Fill dengan FillByOrderID dan method Return DataTable dengan GetDataByOrderID. Note: Perhatikan step pembuatannya di gambar.
Custom query untuk table Orders
Langkah ke-1
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Buat custom query untuk mengambil data OrderDetails berdasarkan OrderID, beri nama method Fill dengan FillByOrderID dan method Return DataTable dengan GetDataByOrderID. Note: Perhatikan step pembuatannya di gambar.
Custom query untuk table OrderDetails
Langkah ke-1
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Buat custom query untuk mengambil data Items berdasarkan OrderID, beri nama method Fill dengan FillByOrderID dan method Return DataTable dengan GetDataByOrderID. Note: Perhatikan step pembuatannya di gambar.
Custom query untuk table Orders
Langkah ke-1
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Buat custom query untuk mengambil list Orders yang terdenormalisasi, beri nama method Fill dengan FillList dan method Return DataTable dengan GetDataList. Note: Perhatikan step pembuatannya di gambar.
Custom query untuk List Orders
Langkah ke-1
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Compile aplikasi (Ctrl-F5). Langkah ini penting agar dapat maju ke langkah berikutnya. Jika tidak dilakukan kompilasi, maka Crystal Report tidak bisa menggunakan DataSet - yang kita siapkan pada langkah sebelumnya - sebagai definisi report.
Sekarang DataSet sudah siap kita gunakan
Membuat Report Definition
Tambahkan Crystal Report ke project untuk laporan List Order, pilih "Using the Report Wizard" untuk membuat definisi report, kemudian pilih Create New Connection > ADO.NET (XML) sebagai data source dan arahkan File Path ke DataSet
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Tambahkan field-field yang yang akan ditampilkan ke list "Fields to Display", kemudian tambahkan juga report grouping, summary, dan filtering jika diperlukan, akhiri dengan memilih template yang diinginkan.
Relationship antar Tabel
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Grouping Fields
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Filtering Fields
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Tampilan standar dari wizard, Silakan ubah layoutnya sesuai keinginan agan, misalkan menjadi seperti ini,
Hasil report wizardwizard
Tampilan standar dari wizard
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Tambahkan formula field untuk menghitung nilai order dengan cara klik kanan pada item "Formula Field" di window "Field Explorer". Beri nama formula tersebut "ItemAmount" dan isikan rumusnya seperti pada gambar, kemudian klik tombol "Save and Close" di pojok kanan. Note: agar tidak perlu ketik ulang nama field di formula editor, bisa dengan cara klik ganda pada field yang ada di Field Tree.
Formula Field
Tambah Formula Field
Tentukan Rumusnya
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Tambahkan Subtotal untuk field ItemAmount, dengan cara klik kanan mouse pada field Item Amount, kemudian pilih menu "Insert" -> "Summary", kemudian ubah "Summary Location" menjadi "Group 1" Hasilnya akan muncul field summary persis di bawah field "ItemAmount".
Rapikan layout report kita, misalnya menjadi seperti ini. Note: Jika "GroupFooterSection2" tidak ada pada report, silahkan klik kanan mouse pada "GroupFooterSection" kemudian pilih menu "Insert Section Below"
Subtotal
Buat field summary
Field summary tampil di report
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Buat Form untuk Menampilkan Report
buat form baru kemudian beri nama frmReportViewer, setelah itu drag dan drop komponen CrystalReportViewer dari toolbox, hasilnya akan tampak seperti gambar di bawah ini.
Kemudian buka code editor dan tambahkan coding seperti di bawah ini. Metoda yang kita pakai adalah dengan memanfaatkan constructor form untuk menerima argumen berupa report yang akan di tampilkan.
desain form report viewer
coding form report viewer
usingCrystalDecisions.CrystalReports.Engine;
publicfrmReportViewer ReportClass rpt {
InitializeComponent ;
InitializeReport rpt ;
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Kemudian drag dan drop ke form dari toolbox grup "CrystalReports1 Components", dsSample dan OrdersTableAdapter, sehingga desain form akan tampak sepert gambar di bawah ini. Selanjutnya ubah property berikut ini untuk grid1,
DataSource = dsSample1
Jika sudah maka tampilan form akan berubah menjadi seperti gambar di bawah ini
Sekarang saatnya menambahkan coding untuk mengambil data dari database dan ditampilkan ke grid. Silakan buka Code Editor dan tambahkan code seperti di bawah ini
Setelah Set Property untuk grid
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Hasilnya gan....
Hasil akhir tampilan form aplikasi seperti ini
Hasil akhir tampilan report yang dihasilkan seperti ini 0
// siapkan pengambilan data yng ingin ditampilkan di report
dsSample ds = new dsSample ;
OrdersTableAdapter orders = new OrdersTableAdapter ;
OrderDetailsTableAdapter details = new OrderDetailsTableAdapter ;
ItemsTableAdapter items = new ItemsTableAdapter ;
CompaniesTableAdapter comp = new CompaniesTableAdapter ;
// ambil data dari databse sesuai OrderID
comp.FillByCompanyID ds.Companies, id ;
items.FillByOrderID ds.Items, id ;
orders.FillByOrderID ds.Orders, id ;
details.FillByOrderID ds.OrderDetails, id ;
27/5/2014 Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
‹ Mudah Membuat Chained Drop Down Combo Box up Kumpulan Tutorial Oracle Database ›
Download Source Code di sini gan!
Semoga berguna
.
Tags: Crystal Report C# VB.net Tutorial
Category:
Microsoft .NET
6845 reads
Download Source Code Sekarang
Download Crystal Report for VS2010 Sekarang Source Code silakan download di sini gan
0
1 374 3067
Comment Add a comment...