MODUL PRAKTIKUM PEMROGRAMAN VISUAL LANJUT

Transkripsi

1 MODUL PRAKTIKUM PEMROGRAMAN VISUAL LANJUT STUDI KASUS : APLIKASI INPUT BARANG + REPORT (Microsoft Access 2007 Visual Studio 2010 Crystal Report 2010) DOSEN PENGAMPU MATA KULIAH ATEP RUHIAT, M.KOM.

2 MEMBUAT APLIKASI INPUT DATA SEDERHANA 1. Membuat Database Database yang digunakan yaitu Microsoft Access. Langkahnya sebagai berikut : 1) Buatlah folder Aplikasi Input Barang pada drive D. 2) Buka program Microsoft Access. Klik Blank Database 3) Lalu simpan di lokasi D:\APLIKASI INPUT BARANG dan beri nama dbbarang.accdb. 4) Klik tombol Create. 5) Buatlah table baru dengan cara Create Table Design 6) Perhatikan hasil table berikut : 7) Lalu simpan dengan nama BARANG. Halaman : 1

3 2. Membuat Interface Form Untuk interfacenya dibuat di Visual Studio. Langkahnya sebagai berikut : 1) Buka program Microsoft Visual Studio. Lalu New Project 2) Pada kotak Name isi dengan Aplikasi Input Barang dan klik OK. 3) Buatlah desain seperti berikut : 4) Aturlah properties menjadi seperti ini No Komponen Properties 1 Label1 2 Label2 3 Label3 4 Label4 5 Label5 6 Box1 Name Nilai KODE BARANG NAMA BARANG HARGA BELI HARGA JUAL STOK TXTKODE Halaman : 2

4 Box2 Box3 Box4 Box5 DataGridView1 Button1 13 Button2 14 Button3 15 Button4 Name Name Name Name Name Name Name Name Name TXTNAMA TXTHBELI TXTHJUAL TXTSTOK DGBARANG BTNSIMPAN SIMPAN BTNUBAH UBAH BTNHAPUS HAPUS BTNKELUAR KELUAR 5) Lalu simpan project tersebut di folder yang telah dibuat D:\APLIKASI INPUT BARANG\ 3. Pindahkan database dbbarang.accdb Kemudian pindahkan database ke D:\APLIKASI INPUT BARANG\Aplikasi Input Barang\Aplikasi Input Barang\bin\Debug Halaman : 3

5 4. Membuat Class Koneksi 1) Kembali ke tampilan visual studio, lalu buatlah file Class dengan cara klik icon Add New Item pilih Add Class. 2) Lalu beri nama file kelas tersebut ClsKoneksi Add. 3) Lalu ketikkan kode program dibawah ini. Imports System.Data Imports System.Data.OleDb Public Class ClsKoneksi Protected SQL As String Protected Cn As OleDb.OleDbConnection Protected Cmd As OleDb.OleDbCommand Protected Da As OleDb.OleDbDataAdapter Protected Ds As DataSet Protected Dt As DataTable Public Function OpenConn() As Boolean Cn = New OleDb.OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=dbBarang.accdb") Cn.Open() If Cn.State <> ConnectionState.Open Then Halaman : 4

6 Else Return False Return True End If End Function Public Sub CloseConn() If Not IsNothing(Cn) Then Cn.Close() Cn = Nothing End If End Sub Public Function ExecuteQuery(ByVal Query As String) As DataTable If Not OpenConn() Then MsgBox("Koneksi gagal!!", MsgBoxStyle.Critical, "Error") Return Nothing Exit Function End If Cmd = New OleDb.OleDbCommand(Query, Cn) Da = New OleDb.OleDbDataAdapter Da.SelectCommand = Cmd Ds = New Data.DataSet Da.Fill(Ds) Dt = Ds.Tables(0) Return Dt Dt = Nothing Ds = Nothing Da = Nothing Cmd = Nothing CloseConn() End Function End Class 5. Membuat Kode Program Langkahnya sebagai berikut : 1) Buka area kode program, ketikan kode program dibawah ini Public Class F_BARANG Dim SQL As String Dim Proses As New ClsKoneksi Dim tblbarang As DataTable Dim data As DataSet Halaman : 5

7 End Class 2) Lalu buatlah dua buah prosedur Tampil_Data dan Atur. Public Class F_BARANG Dim SQL As String Dim Proses As New ClsKoneksi Dim tblbarang As DataTable Dim data As DataSet Sub Tampil_Data() tblbarang = Proses.ExecuteQuery("select * from barang") DGBARANG.DataSource = tblbarang End Sub Sub Atur() TXTKODE. = "" TXTNAMA. = "" TXTHBELI. = 0 TXTHJUAL. = 0 TXTSTOK. = 0 TXTKODE.Focus() BTNSIMPAN.Enabled = True BTNUBAH.Enabled = False BTNHAPUS.Enabled = False BTNKELUAR. = "KELUAR" End Sub End Class 3) Lalu double-click diarea kosong dan ketikkan kode program berikut Private Sub F_BARANG_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Call Tampil_Data() Call Atur() End Sub 4) Selanjutnya double-click pada tombol SIMPAN. Private Sub BTNSIMPAN_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BTNSIMPAN.Click If TXTKODE. = "" Or TXTNAMA. = "" Or _ TXTHBELI. = "" Or TXTHJUAL. = "" Or _ TXTSTOK. = "" Then Halaman : 6

8 "INFORMASI") Else "','" _ MsgBox("DATA ADA YANG KOSONG", MsgBoxStyle.Information, On Error Resume Next SQL = "Insert into barang values('" & TXTKODE. & & TXTNAMA. & "'," & TXTHBELI. & "," _ & TXTHJUAL. & "," & TXTSTOK. & ")" Proses.ExecuteQuery(SQL) MsgBox("DATA TELAH BERHASIL DISIMPAN") Call Tampil_Data() Call Atur() End If End Sub 5) Untuk melakukan perubahan atau penghapusan data dilakukan dengan cara mencari KODE BARANG yang akan diubah atau dihapus. Double click inputan KODE BARANG dan ketikkan kode program berikut : Private Sub TXTKODE_Changed(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TXTKODE.Changed tblbarang = Proses.ExecuteQuery("select * from barang where kode_barang like '" & TXTKODE. & "%'") DGBARANG.DataSource = tblbarang If tblbarang.rows.count = 1 Then TXTNAMA. = tblbarang.rows(0).item("nama_barang") TXTHBELI. = tblbarang.rows(0).item("harga_beli") TXTHJUAL. = tblbarang.rows(0).item("harga_jual") TXTSTOK. = tblbarang.rows(0).item("stok") BTNSIMPAN.Enabled = False BTNUBAH.Enabled = True BTNHAPUS.Enabled = True BTNKELUAR. = "BATAL" Else TXTNAMA. = "" TXTHBELI. = 0 TXTHJUAL. = 0 TXTSTOK. = 0 BTNSIMPAN.Enabled = True BTNUBAH.Enabled = False BTNHAPUS.Enabled = False BTNKELUAR. = "KELUAR" End If End Sub Halaman : 7

9 6) Kemudian double-click tombol UBAH, dan ketikkan kode program berikut : Private Sub BTNUBAH_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BTNUBAH.Click If TXTKODE. = "" Or TXTNAMA. = "" Or _ TXTHBELI. = "" Or TXTHJUAL. = "" Or _ TXTSTOK. = "" Then MsgBox("DATA ADA YANG KOSONG", MsgBoxStyle.Information, "INFORMASI") Else On Error Resume Next SQL = "Update barang Set nama_barang='" _ & TXTNAMA. & "',harga_beli=" & TXTHBELI. & ",harga_jual=" _ & TXTHJUAL. & ",stok=" & TXTSTOK. & " where kode_barang='" & TXTKODE. & "'" Proses.ExecuteQuery(SQL) MsgBox("DATA TELAH BERHASIL DIPERBAHARUI") Call Tampil_Data() Call Atur() End If End Sub 7) Lalu double-click tombol HAPUS, dan ketikkan kode program berikut : Private Sub BTNHAPUS_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BTNHAPUS.Click If TXTKODE. = "" Or TXTNAMA. = "" Or _ TXTHBELI. = "" Or TXTHJUAL. = "" Or _ TXTSTOK. = "" Then MsgBox("DATA ADA YANG KOSONG", MsgBoxStyle.Information, "INFORMASI") Else On Error Resume Next Dim konfirmasi As String konfirmasi = MsgBox("Anda yakin akan menghapus data ini?", MsgBoxStyle.YesNo, "Konfirmasi") If konfirmasi = vbyes Then SQL = "Delete From barang where kode_barang='" & TXTKODE. & "'" Proses.ExecuteQuery(SQL) MsgBox("DATA TELAH BERHASIL DIHAPUS") Call Tampil_Data() Call Atur() Else Exit Sub Halaman : 8

10 End If End If End Sub 8) Lalu double-click pada tombol KELUAR dan ketikkan kode program berikut : Private Sub BTNKELUAR_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BTNKELUAR.Click If BTNKELUAR. = "KELUAR" Then Dispose() Else Call Atur() End If End Sub 6. Menjalankan Program 1) Tekan tombol F5 atau klik icon berikut : 2) Akan muncul form berikut : 3) Lalu coba isi data sesuai dengan form tersebut misal : KODE BARANG NAMA BARANG HARGA BELI B001 BUKU GAMBAR 3000 B002 BUKU TULIS 2700 B003 PENSIL 1500 B004 PENGGARIS 1200 HARGA JUAL STOK Halaman : 9

11 B005 PENGHAPUS ) Untuk melakukan perubahan dan menghapusan data, caranya dengan mencari KODE BARANG yang akan diubah atau dihapus sehingga fasilitas UBAH dan HAPUS menjadi aktif. Implementasi ubah data : Halaman : 10

12 Implementasi hapus data : Halaman : 11

13 Latihan Buatlah satu tabel baru pada database dbbarang.accdb yaitu PELANGGAN. Dengan field seperti berikut : Nama field Tipe Data Field size Keterangan NO_PELANGGAN 10 Primary Key NAMA_PELANGGAN 50 ALAMAT 100 STATUS 30 NO_HP Selanjutnya buatlah form input data pelanggan beserta kode programnya sehingga program tersebut lengkap dengan fitur simpan, pencarian, ubah, dan hapus. Halaman : 12

14 7. Membuat Report Hal yang paling penting dalam pembuatan program yaitu output yang dapat dihasilkan. Untuk membuat report pada visual studio kali ini menggunakan Crystal Report. Ikutilah langkah berikut : 1) Installkan terlebih dahulu CRforVS yang telah di download. 2) Tunggu sampai prosesnya selesai. 3) Lalu buka project yang sebelumnya sudah dibuat. 4) Pilih menu Project - Add New Item Halaman : 13

15 5) Pilih Reporting Crystal Reports, beri nama daftar_barang.rpt lalu Add. 6) Akan muncul tampilan seperti dibawah ini. pilih Using the Report Wizard Standard OK. 7) Pada pilihan Create New Connection, lalu double click pada OLE DB (ADO) Microsoft Office 12.0 Access Database Enginer OLE DB Provider - Next Halaman : 14

16 8) Pada kotak Data Source cari lokasi penyimpanan databasenya BARANG\Aplikasi Input Barang\Aplikasi Input Barang\bin\Debug\ D:\APLIKASI INPUT Halaman : 15

17 9) Lalu hapus alamatnya dan pada pilihan Office Database Type pilih Access. Klik Finish. Halaman : 16

18 10) Lalu pilih tabel BARANG klik tombol > untuk memilih tabel sebagai sumber datanya. Kalau sudah klik tombol Next. 11) Kemudian pada tahapan Field pindahkan semua field pada tabel BARANG dengan mengklik tombol >> lalu klik Next. Halaman : 17

19 12) Tahapan Grouping (untuk mengelompokan field). Klik tombol Next karena dalam kasus ini tidak ada field yang akan dikelompokan. 13) Pada tahapan Report Style, silahkan pilih bentuk reportnya, lalu klik tombol Finish. Halaman : 18

20 14) Hasilnya seperti tampilan dibawah ini 15) Lalu pada area Report Header, tambahkan objek Object dan ketikkan DAFTAR BARANG untuk memberikan judul laporan. Halaman : 19

21 16) Kemudian aturlah pada Propertiesnya yaitu HorAlignment dan Fontnya. 17) Sehingga menjadi seperti tampilan dibawah ini. Halaman : 20

22 18) Lalu simpan (CTRL+S). 8. Membuat Form Untuk Menampilkan Report Langkah selanjutnya yaitu membuat form untuk menampilkan report yang telah dibuat yaitu daftar_barang.rpt. ikuti langkah berikut : 1) Tambahkan form baru, pilih menu Project Add Windows Form. 2) Lalu beri nama F_DAFTAR_BARANG.vb dan klik tombol Add. Halaman : 21

23 3) Hasilnya seperti tampilan dibawah ini. 4) Selanjutnya tambahkan (F_DAFTAR_BARANG.vb) objek CrystalReportViewer dan letakan pada form Halaman : 22

24 Catatan : Jika objek CrystalReportViewer tidak muncul, klik kanan pada project Aplikasi Input Barang Properties Compile Advanced Compile Options. Lalu ubah Target framework (all configurations) pilih.net Framework 4, kemudian klik OK dan Ctrl+S. Halaman : 23

25 5) Lalu diatas terdapat navigation, lalu klik nanti akan muncul pilihan seperti dibawah ini. 6) Kemudian pilih Choose a Crystal Report dan pada pilihan Specify a Crystal Report for the control pilih daftar_barang.rpt, lalu klik OK. Halaman : 24

26 7) Hasilnya seperti tampilan dibawah ini. 9. Memanggil Report Selanjutnya tinggal memanggil report yang telah dibuat pada saat aplikasi dijalankan. Caranya sebagai berikut : 1) Buka form (F_BARANG.vb), lalu tambahkan satu buah Button baru. Halaman : 25

27 2) Lalu atur propertisnya menjadi (=CETAK dan Name=BTNCETAK). 3) Double-click tombol CETAK, dan ketikkan kode program berikut : Private Sub BTNCETAK_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BTNCETAK.Click F_DAFTAR_BARANG.CrystalReportViewer1.RefreshReport() F_DAFTAR_BARANG.Show() End Sub 4) Lalu tekan tombol F5, dan jalankan F_BARANG.vb. Halaman : 26

28 5) Klik tombol CETAK dan akan muncul tampilan seperti dibawah ini. Halaman : 27