Praktikum 10 Mendesain Report
A. Mendesain Report Barang 1. Buka kembali project prjPenjualan.vbp yang ada di folder D:\Penjualan. 2. Klik menu Project, pilih Add Data Report.
3. Selanjutnya akan tampil Data Report Designer, tambahkan beberapa object ke dalam desain data report seperti tampak pada gambar berikut ini:
Page 104 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
Keterangan: a. Object Label1 s/d Label6 menggunakan RPTLABEL pada toolbox. b. Object bertuliskan Unbound sebanyak 4 buah dibuat menggunakan RPTTEXTBOX pada toolbox. c. Object garis pada bagian section2 dan section 5 dibuat menggunakan RPTLINE pada toolbox. 4. Kemudian aturlah properties masing-masing object pada data report sesuai tabel berikut ini: Object DataReport1
Label1
Properties Name = desRptBarang Borderstyle = 2 – Sizable Caption = Cetak Daftar Barang MDIChild = True BottomMargin=0 LeftMargin=0 RightMargin=0 TopMargin=0 WindowState = 2 - vbMaximized Caption = TOKO BAHAGIA Font= Arial, (Atur pula FontStyle=Bold, Font Size = 14)
Label2
Caption = DAFTAR BARANG Font= Arial, (Atur pula FontStyle=Bold, Font Size = 12)
Label3
Caption = Kode Barang Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Label4
Caption = Nama Barang Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Label5
Caption = Satuan Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Label6
Caption = Harga Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Text1 (Unbound) Text2 (Unbound)
DataField = kdbarang DataField = nmbarang
Page 105 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
Text3 (Unbound) Text4 (Unbound)
DataField = satuan DataField = harga
5. Sehingga hasil akhir desain report tampak seperti gambar berikut ini:
6. Simpan desain report tersebut dengan menekan CTRL-S. Beri nama file desRptBarang, kemudian klik Save.
Page 106 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
B. Mendesain Report Daftar Pelanggan 1. Klik menu Project, pilih Add Data Report.
Selanjutnya akan tampil Data Report Designer, tambahkan beberapa object ke dalam desain data report seperti tampak pada gambar berikut ini:
Keterangan: a. Object Label1 s/d Label6 menggunakan RPTLABEL pada toolbox.
Page 107 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
b. Object Unbound sebanyak 4 buah dibuat menggunakan RPTTEXTBOX pada toolbox. c. Object garis pada bagian section2 dan section 5 dibuat menggunakan RPTLINE pada toolbox. 2. Kemudian aturlah properties masing-masing object pada data report sesuai tabel berikut ini: Object DataReport1
Label1
Properties Name = desRptPelanggan Borderstyle = 2 – Sizable Caption = Cetak Daftar Pelanggan MDIChild = True BottomMargin=0 LeftMargin=0 RightMargin=0 TopMargin=0 WindowState = 2 - vbMaximized Caption = TOKO BAHAGIA Font= Arial, (Atur pula FontStyle=Bold, Font Size = 14)
Label2
Caption = DAFTAR PELANGGAN Font= Arial, (Atur pula FontStyle=Bold, Font Size = 12)
Label3
Caption = Kode Pelanggan Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Label4
Caption = Nama Pelanggan Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Label5
Caption = Alamat Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Label6
Caption = Telp Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Text1 Text2 Text3 Text4
DataField DataField DataField DataField
(Unbound) (Unbound) (Unbound) (Unbound)
= kdpelanggan = nmpelanggan = alamat = telp
Page 108 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
3. Sehingga hasil akhir desain report tampak seperti gambar berikut ini:
4. Simpan desain report tersebut dengan menekan CTRL-S. Beri nama file desRptPelanggan, kemudian klik Save.
Page 109 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
C. Mendesain Report Rekapitulasi Transaksi Penjualan 1. Klik menu Project, pilih Add Data Report.
2. Selanjutnya akan tampil Data Report Designer, tambahkan beberapa object ke dalam desain data report seperti tampak pada gambar berikut ini:
Keterangan: a. Object Label1 s/d Label11 menggunakan RPTLABEL pada toolbox. b. Object Unbound sebanyak 8 buah dibuat menggunakan RPTTEXTBOX pada toolbox. Page 110 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
c. Object garis pada bagian section2 dan section 5 dibuat menggunakan RPTLINE pada toolbox. d. Object bertuliskan SUM(Unbound) dibuat menggunakan RPTFUNCTION pada toolbox. 3. Kemudian aturlah properties masing-masing object pada data report sesuai tabel berikut ini: Object DataReport1
Label1
Label2
Label3
Label4
Label5
Label6
Label7
Label8
Label9
Properties Name = desRptRekap Borderstyle = 2 – Sizable Caption = Cetak Rekapitulasi Penjualan MDIChild = True BottomMargin=0 LeftMargin=0 RightMargin=0 TopMargin=0 WindowState = 2 - vbMaximized Caption = TOKO BAHAGIA Font= Arial, (Atur pula FontStyle=Bold, Font Size = 14) Name = lblJudul Caption = Rekap Penjualan Font = Arial (Atur FontStyle=old, Fonts Size=12) Caption = Nota Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8) Caption = Tanggal Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8) Caption = Kode Pelanggan Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8) Caption = Nama Pelanggan Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8) Caption = Alamat Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8) Caption = Total Rp. Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8) Caption = Kode Kasir Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8)
Page 111 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
Label10
Label11
Text1 Text2 Text3 Text4 Text5 Text6
(Unbound) (Unbound) (Unbound) (Unbound) (Unbound) (Unbound)
Text7 (Unbound) Text8 (Unbound) Function1 (SUM(Unbound))
Caption = Nama Kasir Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8) Caption = Jumlah Rp Font= Arial, (Atur pula FontStyle=Bold, Font Size = 8) DataField = nota DataField = tanggal DataField = kdpelanggan DataField = nmpelanggan DataField = alamat Alignment = 1 - rptJustifyRight DataField = total DataField = kdkasir DataField = nmkasir Alignment = 1 - rptJustifyRight DataField = total
4. Sehingga hasil akhir desain report tampak seperti gambar berikut ini:
5. Simpan desain form dengan menekan tombol CTRL-S, beri nama file desRptRekap, klik Save.
Page 112 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
Tahap desain report yang diperlukan sudah selesai dirancang.
D. Membuat Module untuk Pencetakan Report 1. Klik menu Project, pilih Add Module.
2. Pada dialog Add Module, pilih Module lalu klik Open.
Page 113 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
3. Selanjutnya membuat beberapa Procedure untuk mencetak laporan-laporan yang diperlukan. Ketik baris-baris perintah berikut ini:
Page 114 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
4. Simpan Module dengan menekan CTRL-S, beri nama ModREPORT, lalu klik Save.
Page 115 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
E. Membuat Form untuk Pencetakan Report 1. Klik menu Project, pilih Add Form.
2. Pilih Form, kemudian klik OPEN.
Page 116 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
3. Kemudian desainlah form baru tersebut seperti gambar berikut ini:
4. Kemudian atur properties masing-masing object yang terdapat pada form tersebut sesuai tabel berikut ini: Object Form1
Command1
Command2
Label1 Text1
Label2 Text2
Properties Name = frmDialogReport Borderstyle = 3 – Fixed Dialog Caption = Pilih Jenis Laporan MDIChild = True Name = cmdCetakBarang Caption = Cetak Daftar Barang TabIndex = 0 Name = cmdCetakPelanggan Caption = Cetak Daftar Pelanggan TabIndex = 1 Caption = Periode Name = txtPeriode1 TabIndex = 2 Text =
Caption = sampai Name = txtPeriode2 TabIndex = 3 Text =
Page 117 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
Command3
Name = cmdCetakRekap Caption = Cetak Rekap Penjualan TabIndex = 4 Sehingga hasil akhir desain form akan tampak seperti pada gambar berikut ini:
5. Double click pada area kosong form, kemudian ketiklah baris-baris perintah berikut ini:
6. Klik menu VIEW, pilih OBJECT. Kemudian double click pada tombol Cetak Daftar Barang, lalu ketik baris-baris perintah berikut ini:
Page 118 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
7. Klik menu VIEW, pilih OBJECT. Kemudian double click pada tombol Cetak Daftar Pelanggan, lalu ketik baris-baris perintah berikut ini:
8. Klik menu VIEW, pilih OBJECT, kemudian double click pada tombol Cetak Rekap Penjualan, lalu ketik baris-baris perintah berikut ini:
9. Tekan tombol CTRL-S, simpan Form dengan nama frmDialogReport, klik Save.
10. Selanjutnya, pada Project Explorer, klik ganda pada frmUtama.
Page 119 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
11. Pada form frmUtama yang tampil, klik menu Laporan, lalu klik sub menu Cetak Laporan.
12. Selanjutnya akan tampil code editor, ketik baris perintah berikut ini:
13. Selesai, tekan CTRL-S untuk menyimpan program. F. Melakukan Compile (Kompilasi) Program Setelah semua form selesai dibuat, dan sudah diuji coba tidak ada kesalahan, maka langkah selanjutnya adalah melakukan proses Compile, sehingga project akan bersifat executable (berekstensi .EXE). Cara compile project adalah sebagai berikut:
Page 120 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
1. Klik menu File, pilih Make
2. Kemudian pada dialog Make Project yang muncul, isi file name dengan Software Penjualan, lalu klik OK.
3. Tunggu hingga proses compile selesai. 4. Jika sudah selesai, tutup Visual Basic 6 Anda. 5. Selanjutnya buka Windows Explorer (My Computer), masuk ke D:\Penjualan. Page 121 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
Lalu klik kanan pada file Software Penjualan, pilih Send To, lalu pilih Desktop (Create Shortcut). 6. Tutup Windows Explorer (My Computer), lalu perhatikan di area Desktop, di situ terdapat satu ikon baru dengan label Software Penjualan.
7. Dari area desktop, double click pada ikon Software Penjualan. 8. Program sudah siap untuk digunakan.
..:: Selesai ::..
Page 122 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
Daftar Gambar 1. Screenshot Form Login
2. Screenshot Form Utama
Page 123 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
3. Screenshot Form Barang
Page 124 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
4. Screenshot Form Pelanggan
Page 125 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
5. Screenshot Form Kasir
Page 126 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
6. Screenshot Form Transaksi Penjualan
7. Screenshot Form Dialog Cetak Laporan
Page 127 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
8. Screenshot salah satu Report
Page 128 of 128 Modul Tutorial Perancangan Basis Data dan Penerapannya ke dalam Bahasa Pemrograman Visual Basic 6. Oleh: Ch. Naury. AMIK Harapan Bangsa Surakarta. 2013. [codename: tyiluartsiatiprusingnhi]
