membuat laporan dengan crystal report
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Pojok Programmer
Berbagi Pengalaman Programming di Dunia Maya
HOME
TUTORIAL
MAGAZINES
APLIKASI INVENTORY SEDERHANA
Home » Tutorial Berbasis Komunitas » Kumpulan Tutorial .NET Framework » Tutorial: Membuat Laporan Sederhana
Menggunakan Crystal Report di Visual Studio 2010
Search
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual
Studio 2010
TENTANG PENULIS
nurhidayat
Submitted by nurhidayat on Tue, 12/17/2013 - 10:19
Offline
Last seen: 1 day 22 hours ago
Joined: 12/29/2010 - 15:52
POPULAR TAGS
ADO.NET Analisa
dan Desain Aplikasi
Inventory Belajar SQL
C# CMS Database
.NET
Drupal Magazine
MySQL
Oracle Oracle Magazine
2012 PHP PostgreSQL
Programming SQL
SQL Server Tutorial
VB.net
More
POPULAR CONTENT
Today's:
Tutorial: Membuat Laporan
Sederhana Menggunakan
Crystal Report di Visual
Studio 2010
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.
Membuat Project dan DataSet
Buat project baru dan Siapkan database, untuk tutorial ini ane pakai Local Database (dbSample.sdf). Note: cara membuat
project baru dan design database atau menggunakan database lain tidak dibahas di sini.
Desain Database
Pojok Programmer Magazine
Mei-Juni 2014
Performance Tuning
Sederhana di MySQL
Menggunakan Index
Aplikasi Inventory Sederhana
Mengisi ComboBox Dengan
Data Dari Database
Belajar SQL: Perhitungan
Stok dan Harga Rata-Rata
Barang untuk Aplikasi
Inventory
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
1/29
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
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.
Desain Datasat Setelah Proses Drag-Drop
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)
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.
Custom query untuk table Companies
Aplikasi Inventory Sederhana
- Penggunaan Trigger untuk
Langkah ke-1
Tracking Stock Barang
Representasi SQL JOIN
Secara Visual
Tutorial: Membuat Laporan
Sederhana Menggunakan
Crystal Report di Visual
Studio 2010
USER LOGIN
Username *
Password *
Request new password
CAPTCHA
This question is for testing
Langkah ke-2
whether you are a human
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
2/29
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 =
Solv e this simple math problem and
enter the result. E.g. for 1+3, enter 4.
Log in
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
3/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
4/29
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
Langkah ke-2
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
5/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
6/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
7/29
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
Langkah ke-2
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
8/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
9/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
10/29
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
Langkah ke-2
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
11/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
12/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
13/29
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
Langkah ke-2
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
14/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
15/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
16/29
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
Hasil Akhir DataSet
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
dsSample.xsd yang kita buat pada langkah sebelumnya.
Koneksi report ke data source
Using the Report Wizard
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
17/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Create New Connection
Arahkan File Path
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
18/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Data source terkoneksi
Tambahkan ke Selected Tables: Companies, Orders, OrderDetails, dan Items ke list "Selected Tables", kemudian klik next
untuk melihat relasi antar tabel
Selected Tables
Selected Tables
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
19/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Relationship antar Tabel
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.
Fields to Display
Fields to Display
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
20/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Grouping Fields
Summary Fields
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
21/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Filtering Fields
Pilih Templete
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
22/29
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
ubah layoutnya
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
23/29
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
Masukkan formula field ke report
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
24/29
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".
Subtotal
Buat field summary
Field summary tampil di report
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"
Finishing
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
25/29
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.
desain form report viewer
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.
coding form report viewer
using CrystalDecisions.CrystalReports.Engine;
?
public frmReportViewer ReportClass rpt
{
InitializeComponent ;
InitializeReport rpt ;
}
0
private void InitializeReport ReportClass rpt
{
this.crystalReportViewer .ReportSource = rpt;
this.crystalReportViewer .Zoom 0 ;
}
Buat Form untuk List Order
Buka desain Form1, ubah namanya menjadi "frmMain" kemudian tambahkan 1 buah button dan 1 buah DataGridView seperti
yang tampak dalam gambar. Selanjutnya menggunakan property window, ubah nama button1 menjadi btnPrintForm, dan
dataGridView1 menjadi grid1.
Desain Awal
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
26/29
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
DataMember = Orders
ReadOnly = True
AllowUserToAddRows = False
AllowUserToDeleteRows = False
AutoSizeColumnMode = Fill
Jika sudah maka tampilan form akan berubah menjadi seperti gambar di bawah ini
Setelah Set Property untuk grid
Sekarang saatnya menambahkan coding untuk mengambil data dari database dan ditampilkan ke grid. Silakan buka Code Editor
dan tambahkan code seperti di bawah ini
code untuk retrieve list order
public frmMain
{
InitializeComponent ;
InitializeDatabase ;
}
0
?
private void InitializeDatabase
{
ordersTableAdapter .FillList dsSample .Orders ;
}
Coding untuk Menampilkan Report adalah sebagai berikut, Buka desain frmMain kemudian klik ganda pada button btnPrintForm
untuk membuka code editor, kemudian tambahkanlah code seperti di bawah ini
Coding Tampilkan report
private void btnPrintForm_Click object sender, EventArgs e
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
?
27/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
{
// ganti cursor
Cursor = Cursors.WaitCursor;
// ambil OrderID
int col = 0;
int row = grid .SelectedCells[0].RowIndex;
int id = int grid [col, row].Value;
0
// nomor index field OrderID
// nomor index row yang dipilih
// order id yang terpilih
// 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 ;
0
// siapkan report
ReportClass rpt = new rptOrderForm
rpt.SetDataSource ds ;
;
// siapkan report viewer
Form f = new frmReportViewer rpt ;
f .ShowDialog ;
0
}
// ganti cursor
Cursor = Cursors.Default;
Hasilnya gan....
Hasil akhir tampilan form aplikasi seperti ini
List Order
Hasil akhir tampilan report yang dihasilkan seperti ini
Tampilan Report
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
28/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Download Source Code di sini gan!
Source Code silakan download di sini gan
Download Source Code Sekarang
Download Crystal Report for VS2010 Sekarang
Semoga berguna
.
Tags:
Crystal Report
1
C#
VB.net
Tutorial
374
3067
0
Category:
Microsoft .NET
Add a comment...
Comment
Idle Track · Jakarta, Indonesia
Kalau untuk Express bagaimana om ???
Reply · Like · January 17 at 9:09pm
‹ Mudah Membuat Chained Drop Down Combo Box
up
Kumpulan Tutorial Oracle Database ›
6845 reads
Copyright © 2014, Pojok Programmer.
Thanks to Sidepon | Designed by Devsaran.
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
29/29
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Pojok Programmer
Berbagi Pengalaman Programming di Dunia Maya
HOME
TUTORIAL
MAGAZINES
APLIKASI INVENTORY SEDERHANA
Home » Tutorial Berbasis Komunitas » Kumpulan Tutorial .NET Framework » Tutorial: Membuat Laporan Sederhana
Menggunakan Crystal Report di Visual Studio 2010
Search
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual
Studio 2010
TENTANG PENULIS
nurhidayat
Submitted by nurhidayat on Tue, 12/17/2013 - 10:19
Offline
Last seen: 1 day 22 hours ago
Joined: 12/29/2010 - 15:52
POPULAR TAGS
ADO.NET Analisa
dan Desain Aplikasi
Inventory Belajar SQL
C# CMS Database
.NET
Drupal Magazine
MySQL
Oracle Oracle Magazine
2012 PHP PostgreSQL
Programming SQL
SQL Server Tutorial
VB.net
More
POPULAR CONTENT
Today's:
Tutorial: Membuat Laporan
Sederhana Menggunakan
Crystal Report di Visual
Studio 2010
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.
Membuat Project dan DataSet
Buat project baru dan Siapkan database, untuk tutorial ini ane pakai Local Database (dbSample.sdf). Note: cara membuat
project baru dan design database atau menggunakan database lain tidak dibahas di sini.
Desain Database
Pojok Programmer Magazine
Mei-Juni 2014
Performance Tuning
Sederhana di MySQL
Menggunakan Index
Aplikasi Inventory Sederhana
Mengisi ComboBox Dengan
Data Dari Database
Belajar SQL: Perhitungan
Stok dan Harga Rata-Rata
Barang untuk Aplikasi
Inventory
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
1/29
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
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.
Desain Datasat Setelah Proses Drag-Drop
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)
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.
Custom query untuk table Companies
Aplikasi Inventory Sederhana
- Penggunaan Trigger untuk
Langkah ke-1
Tracking Stock Barang
Representasi SQL JOIN
Secara Visual
Tutorial: Membuat Laporan
Sederhana Menggunakan
Crystal Report di Visual
Studio 2010
USER LOGIN
Username *
Password *
Request new password
CAPTCHA
This question is for testing
Langkah ke-2
whether you are a human
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
2/29
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 =
Solv e this simple math problem and
enter the result. E.g. for 1+3, enter 4.
Log in
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
3/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
4/29
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
Langkah ke-2
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
5/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
6/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
7/29
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
Langkah ke-2
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
8/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
9/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
10/29
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
Langkah ke-2
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
11/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
12/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
13/29
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
Langkah ke-2
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
14/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-3
Langkah ke-4
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
15/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Langkah ke-5
Langkah ke-6
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
16/29
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
Hasil Akhir DataSet
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
dsSample.xsd yang kita buat pada langkah sebelumnya.
Koneksi report ke data source
Using the Report Wizard
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
17/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Create New Connection
Arahkan File Path
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
18/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Data source terkoneksi
Tambahkan ke Selected Tables: Companies, Orders, OrderDetails, dan Items ke list "Selected Tables", kemudian klik next
untuk melihat relasi antar tabel
Selected Tables
Selected Tables
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
19/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Relationship antar Tabel
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.
Fields to Display
Fields to Display
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
20/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Grouping Fields
Summary Fields
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
21/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Filtering Fields
Pilih Templete
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
22/29
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
ubah layoutnya
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
23/29
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
Masukkan formula field ke report
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
24/29
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".
Subtotal
Buat field summary
Field summary tampil di report
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"
Finishing
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
25/29
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.
desain form report viewer
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.
coding form report viewer
using CrystalDecisions.CrystalReports.Engine;
?
public frmReportViewer ReportClass rpt
{
InitializeComponent ;
InitializeReport rpt ;
}
0
private void InitializeReport ReportClass rpt
{
this.crystalReportViewer .ReportSource = rpt;
this.crystalReportViewer .Zoom 0 ;
}
Buat Form untuk List Order
Buka desain Form1, ubah namanya menjadi "frmMain" kemudian tambahkan 1 buah button dan 1 buah DataGridView seperti
yang tampak dalam gambar. Selanjutnya menggunakan property window, ubah nama button1 menjadi btnPrintForm, dan
dataGridView1 menjadi grid1.
Desain Awal
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
26/29
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
DataMember = Orders
ReadOnly = True
AllowUserToAddRows = False
AllowUserToDeleteRows = False
AutoSizeColumnMode = Fill
Jika sudah maka tampilan form akan berubah menjadi seperti gambar di bawah ini
Setelah Set Property untuk grid
Sekarang saatnya menambahkan coding untuk mengambil data dari database dan ditampilkan ke grid. Silakan buka Code Editor
dan tambahkan code seperti di bawah ini
code untuk retrieve list order
public frmMain
{
InitializeComponent ;
InitializeDatabase ;
}
0
?
private void InitializeDatabase
{
ordersTableAdapter .FillList dsSample .Orders ;
}
Coding untuk Menampilkan Report adalah sebagai berikut, Buka desain frmMain kemudian klik ganda pada button btnPrintForm
untuk membuka code editor, kemudian tambahkanlah code seperti di bawah ini
Coding Tampilkan report
private void btnPrintForm_Click object sender, EventArgs e
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
?
27/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
{
// ganti cursor
Cursor = Cursors.WaitCursor;
// ambil OrderID
int col = 0;
int row = grid .SelectedCells[0].RowIndex;
int id = int grid [col, row].Value;
0
// nomor index field OrderID
// nomor index row yang dipilih
// order id yang terpilih
// 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 ;
0
// siapkan report
ReportClass rpt = new rptOrderForm
rpt.SetDataSource ds ;
;
// siapkan report viewer
Form f = new frmReportViewer rpt ;
f .ShowDialog ;
0
}
// ganti cursor
Cursor = Cursors.Default;
Hasilnya gan....
Hasil akhir tampilan form aplikasi seperti ini
List Order
Hasil akhir tampilan report yang dihasilkan seperti ini
Tampilan Report
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
28/29
27/5/2014
Tutorial: Membuat Laporan Sederhana Menggunakan Crystal Report di Visual Studio 2010 | Pojok Programmer
Download Source Code di sini gan!
Source Code silakan download di sini gan
Download Source Code Sekarang
Download Crystal Report for VS2010 Sekarang
Semoga berguna
.
Tags:
Crystal Report
1
C#
VB.net
Tutorial
374
3067
0
Category:
Microsoft .NET
Add a comment...
Comment
Idle Track · Jakarta, Indonesia
Kalau untuk Express bagaimana om ???
Reply · Like · January 17 at 9:09pm
‹ Mudah Membuat Chained Drop Down Combo Box
up
Kumpulan Tutorial Oracle Database ›
6845 reads
Copyright © 2014, Pojok Programmer.
Thanks to Sidepon | Designed by Devsaran.
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010
29/29