Selasa, 29 November 2016

Tutorial Koneksi ke Report Viewer pada Visual Studio C#




Hi Cendikians ^^)/
Assalamu'alaikum wr wb..

Hari ini, kita akan saling berbagi ilmu tentang:

Tutorial Koneksi ke Report Viewer pada Visual Studio C# 

Untuk Report (sistem pelaporan yang menampilkan hasil analisis data) pada visual studio C# terdapat dua cara yaitu menggunakan Report Viewer dan Crystal Report. Nah, yang akan kita bahas disini adalah Report Viewer saja..
 Berikut tampilan program ini ketika di jalankan:



 Report ini menampilkan pelaporan dan memungkinkan kita untuk langsung mencetak laporan tersebut.
Berikut source code yang digunakan:

           Form 1
Variable Komponen
Source Code

private void Form1_Load(object sender, EventArgs e)
        {
            // TODO: This line of code loads data into the 'db01DataSet1.tabelkita' table. You can move, or remove it, as needed.
            this.tabelkitaTableAdapter.Fill(this.db01DataSet1.tabelkita);

        }
      
//code yang muncul otomatis ketika menambahkan project data source pada datagridview
dataGridView1

btnCetak
private void btnCetak_Click(object sender, EventArgs e)
        {
            Form2 cuz = new Form2();
            this.Hide();
            cuz.Refresh();
            cuz.Show();
        }

                 Form 2
Variable Komponen
Source Code

private void Form2_Load(object sender, EventArgs e)
        {
            // TODO: This line of code loads data into the 'db01DataSet1.tabelkita' table. You can move, or remove it, as needed.
            this.tabelkitaTableAdapter.Fill(this.db01DataSet1.tabelkita);

            this.reportViewer1.RefreshReport();
        }      
//code yang muncul otomatis ketika menambahkan project data source padareport viewer

Dan berikut langkah-langkah koneksi ke report viewer:


(Gambar 3.1 Membuat database sql seperti biasa)

(Gambar 3.2 Mengisi field-field pada database)

(Gambar 3.3 Mengisi data pada tabel database)

(Gambar 3.4 Membuat dataGridView pada Form)

(Gambar 3.5 Mengkoneksikan dataGridview ke database)

(Gambar 3.6 Membuat button Cetak)

(Gambar 3.7 Membuat Form baru dan menambahkan Report Viewer)

(Gambar 3.8 Mengklik “Design a new report”)

(Gambar 3.9 Memilih database yang akan digunakan)

(Gambar 3.10 Menyusun field)

(Gambar 3.11 Mengklik Next)

(Gambar 3.12 Memilih style tabel, kemudian “Finish”)

(Gambar 3.13 Akan muncul tampilan seperti ini)

(Gambar 3.14 Memilih database sebelumnya pada “Choose Report”)

(Gambar 3.15 Menambahkan source code memanggil form2 pada btnCetak)

(Gambar 3.16 Tampilan awal ketika di Run)

(Gambar 3.17 Tampilan setelah mengklik tombol Cetak)

Sekian untuk hari ini, semoga bermanfaat buat kita besama, terutama saya sendiri. 
Wassalam, Salam Cendikians ^^)/

Selasa, 15 November 2016

Tutorial Database Visual Studio dari Microsoft Access

Tutorial Database Visual Studio dari Microsoft Access

Assalamu'alaikum --)7

Hi Cendikians ^^)/, hari ini kita akan sharing tentang tutorial menghubungkan database dari Microsoft Access ke dataGridView pada Visual Studio. Okey langsung aja, check it out!



1. Membuat file baru pada Ms.Access

2. Klik pada View-pilih Design View

3. Memberi nama tabel yang akan dibuat


4.  Buatlah field atau kolom sesuai keinginan

5. Klik icon tabel di atas View untuk memunculkan tabel data
  
6. Mengisikan data-data pada tabel 
 

7.  Buka Visual Studio, buat project baru Windows Form dan masukkan dataGridView 
 

8.  Klik icon drop down pada dataGridView dan klik Add Project Data Source
 

9. Klik Next


10. Klik New Connection 
 

11. Klik Browse
 

12.  Pilih file dari Ms. Access yang telah dibuat sebelumnya

13. Klik Ok
 


 14. Klik Next
 
 
15. Klik Next 

16. Centang semua lalu klik Finish


17.  Datagridview telah terhubung dengan database dari Ms.Access

18. Tampilan jika program dijalankan


Sekian, semoga artikel ini bermanfaat untuk kita semua. Salah Khilaf mohon maaf, 
Wassalam --)7
Salam Cendikians ^^)/