Membuat Laporan Dengan Crystal Report PDF
Membuat Laporan Dengan Crystal Report PDF
Pojok Programmer
Berbagi Pengalaman Programming di Dunia Maya
Home » Tutorial Berbasis Komunitas » Kumpulan Tutorial .NET Framework » Tutorial: Membuat Laporan Sederhana
Menggunakan Crystal Report di Visual Studio 2010
Search
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
Tambahkan DataSet baru, beri nama dsSample.xsd, setelah itu buka Database menggunakan Server Explorer. Lakukanlah
Programmer Berdasarkan
drag dan drop table yang ada di Database Explorer ke atas dataset designer dsSample.xsd menjadi seperti yang ada di gambar.
LEVEL-nya
Data Access Component di
Desain Datasat Setelah Proses Drag-Drop
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 Buat custom query untuk mengambil data Companies berdasarkan CompanyID, beri nama method Fill dengan
LINQ Tuts. Part 2: Dengan FillByCustomerID dan method Return DataTable dengan GetDataByCompanyID. Note: Perhatikan step pembuatannya di gambar.
contoh yang dapat di
Custom query untuk table Companies
download)
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 *
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 =
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.
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.
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.
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.
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.
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
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
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
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,
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
Tentukan Rumusnya
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
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
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.
?
1 using CrystalDecisions.CrystalReports.Engine;
2
3 public frmReportViewer(ReportClass rpt)
4 {
5 InitializeComponent();
6 InitializeReport(rpt);
7 }
8
9 private void InitializeReport(ReportClass rpt)
10 {
11 this.crystalReportViewer1.ReportSource = rpt;
12 this.crystalReportViewer1.Zoom(0);
13 }
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
Sekarang saatnya menambahkan coding untuk mengambil data dari database dan ditampilkan ke grid. Silakan buka Code Editor
dan tambahkan code seperti di bawah ini
?
1 public frmMain()
2 {
3 InitializeComponent();
4 InitializeDatabase();
5 }
6
7 private void InitializeDatabase()
8 {
9 ordersTableAdapter1.FillList(dsSample1.Orders);
10 }
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
?
1 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
2 {
3 // ganti cursor
4 Cursor = Cursors.WaitCursor;
5
6 // ambil OrderID
7 int col = 0; // nomor index field OrderID
8 int row = grid1.SelectedCells[0].RowIndex; // nomor index row yang dipilih
9 int id = (int)grid1[col, row].Value; // order id yang terpilih
10
11 // siapkan pengambilan data yng ingin ditampilkan di report
12 dsSample ds = new dsSample();
13 OrdersTableAdapter orders = new OrdersTableAdapter();
14 OrderDetailsTableAdapter details = new OrderDetailsTableAdapter();
15 ItemsTableAdapter items = new ItemsTableAdapter();
16 CompaniesTableAdapter comp = new CompaniesTableAdapter();
17
18 // ambil data dari databse sesuai OrderID
19 comp.FillByCompanyID(ds.Companies, id);
20 items.FillByOrderID(ds.Items, id);
21 orders.FillByOrderID(ds.Orders, id);
22 details.FillByOrderID(ds.OrderDetails, id);
23
24 // siapkan report
25 ReportClass rpt = new rptOrderForm();
26 rpt.SetDataSource(ds);
27
28 // siapkan report viewer
29 Form f1 = new frmReportViewer(rpt);
30 f1.ShowDialog();
31
32 // ganti cursor
33 Cursor = Cursors.Default;
34 }
Hasilnya gan....
Hasil akhir tampilan form aplikasi seperti ini
List Order
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
Semoga berguna
1 374 3067 0
Category:
Microsoft .NET
Add a comment...
Comment
‹ Mudah Membuat Chained Drop Down Combo Box up Kumpulan Tutorial Oracle Database ›
6845 reads
http://pojokprogrammer.net/content/tutorial-membuat-laporan-sederhana-menggunakan-crystal-report-di-visual-studio-2010 29/29