PERTEMUAN 4 PERANCANGAN PROGRAM.

Presentasi berjudul: "PERTEMUAN 4 PERANCANGAN PROGRAM."— Transcript presentasi:

1 PERTEMUAN 4 PERANCANGAN PROGRAM

2 Pembuatan Module Module digunakan untuk membuat prosedur, fungsi atau definisi variabel secara public yang akan digunakan pada beberapa form yang ada pada program, sehingga tidak perlu lagi pembuatan prosedur, fungsi dan definisi variabel yang berulang- ulang disetiap form. Langkah-langkah pembuatan modul: 1. Pilih menu: Project >>Add Module 2. Tambahkan Reference sebelum mengetikan code. Pilih menu Project >> Reference, cari Microsoft ActiveX Data Object 2.5 Library kemudian ceklist. 3. Setelah reference ditambahkan ketikan code dibawah pada module.

3 Code Module Membuat Procedure dalam Module Option Explicit
Public conn As New ADODB.Connection Sub Conn_open() Set conn = New ADODB.Connection conn.CursorLocation = adUseClient conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & App.Path & _ "\db\db_keuangan.mdb" End Sub Sub Main() Call Conn_open Frm_Menu.Show Public Sub Bersih_form(frm As Form) Dim x As Control For Each x In frm If TypeName(x) = "TextBox" Then x.Text = "" If TypeName(x) = "ComboBox" Then x.Text = "" If TypeName(x) = "OptionButton" Then x.Value = False Next

4 Penjelasan Code 1. Prosedur awal yang dibuat Conn_open untuk koneksi ke database, dengan nama database db_keuangan.mdb yang disimpan dalam folder /db . 2. Sub Main adalah prosedur yang digunakan untuk memulai program, jadi setelah pembuatan prosedure tersebut atur project properties. 3. Pilih Menu Project >> Project Properties, ubah Startup Object: Sub Main

5 Desain Form Menu Utama Tampilan Form Menu Utama

6 Langkah Pembuatan Form Menu Utama
1. Tambahkan form baru, menu Project >> Add MDI Form 2. Klik menu Tools >> Menu Editor (CTRL + E). 3. Untuk Caption, ketikan &File (tanda ampersand “&” disebelah kiri “F”, digunakan sebagai kunci untuk dropdown menu File nantinya dengan menekan “ALT+F” pada keyboard sama dengan mengklik menu File dengan mouse). 4. Untuk Name: mnFile 5. Klik tanda “panah kanan” untuk membuat menu level 2 dibawah menu File.

7 Tampilan Menu Editor Object Properties Form1 (MDIForm)
Caption: Menu Utama – Sistem Informasi Keuangan Name: frm_Menu StartUpPosition: 1 – CenterOwner WindowState: 2 – Maximized

8 Desain Form Perkiraan Langkah berikutnya menambahkan component yang akan digunakan pada form. Add Component (CTRL+T) atau dari menu pilih Project >> Component, cari component yang tampak pada gambar dibawah. Klik kanan pada ListView untuk mengatur properties (Lihat Gambar 6).

9 Object Properties Form1 (Form) Caption: Edit Perkiraan Name: frm_perkiraan Label1 (Label) Caption: Kode Akun: BorderStyle: 1-Fixed Single Label2 Caption: Nama Akun: Label3 Caption: Tipe Akun: Label4 Caption: press [Enter] Font: Arial/Italic/size: 9 Text1 (TextBox) Name: txtKode Text2 Name: txtNama Text3 Name: cmbTipe Command1 (CommandButton) Caption: &Hapus Name: cmdHapus Command2 Caption: &Simpan Name: cmdSimpan Command3 Caption: &Tutup Name: cmdTutup ListView1 (ListView) Klik Kanan>>Properties (Lihat Gambar)

10 Selanjutnya klik pada tab [Column Header], untuk insert column:
Text : Kode Akun Width: (bebas) Text: Nama Akun Text: Tipe Akun Untuk menambahkan Column Setelah selesai mendesign form langkah selanjutnya tentu saja pengetikan code program agar dapat berjalan seusai yang diinginkan. Lihat pada Modul Praktikum

11 Desain Form Jurnal Umum

12 Mengatur property pada DataGrid:
Diketikan dengan format: dd/mm/yyyy Mengatur tampilan pada DataGrid:

13 Perintah pada Command Text (SQL):
SELECT tmp_jurnal.kode_akun, Perkiraan.Nama_akun, tmp_jurnal.debet, tmp_jurnal.kredit FROM Perkiraan INNER JOIN tmp_jurnal ON Perkiraan.Kode_akun = tmp_jurnal.kode_akun; Setelah pengaturan property pada Adodc, selanjutnya mengatur property pada DataGrid melalui jendela properties. Cari property: DataSource >> Adodc1. Klik kanan pada DataGrid Akan tampil jendela konfirmasi “Replace existing grid layout ...” >> jawab: Yes.

14 Pilih Tab Columns untuk merubah Caption pada header grid –hanya caption yang diubah, kemudian pilih Tab Layout untuk merubah Alignment –column yang dirubah: debet dan kredit (Alignment: 1 – dbgRight) dan Tab Format, ubah format pada column debet dan kredit menjadi Currency. Note: Setelah selesai mengatur tampilan DataGrid yang diinginkan hilangkan component Adodc1 pada form.

15 Sebelum melanjutkan, buka kembali module yang telah dibuat kemudian tambahkan perintah sebagai berikut: (untuk source code selanjutnya lihat di modul praktikum) Option Explicit Public conn As New ADODB.Connection ‘Perintah yang ditambahkan Public strKodeAkun, strNamaAkun As String Public RSjurnal As New ADODB.Recordset Public RSjurnalDetil As New ADODB.Recordset Dan pembuatan prosedur Hapus_isiTabelTemp, sebagai berikut: Public Sub Hapus_isiTabelTemp(rs As ADODB.Recordset, _ Optional strKey As String, Optional strField As String)  If strField <> "" Then rs.Filter = strField & "='" & strKey & "'" rs.MoveFirst Do Until rs.EOF rs.Delete rs.MoveNext Loop End Sub

16 Desain Form Daftar Perkiraan
Object Properties Form1 (Form) Caption: Daftar Perkiraan Name: frm_DaftarAkun Frame1 (Frame) Caption: Enter Kode Akun: Text1 (TextBox) Name: Text1 ListView1 (ListView) Pengaturan Properties (Lihat: Gambar 6) Atur Sesuai dengan tampilan diatas. Command1 (CommandButton) Caption: &OK Name: cmdOk Command2 Caption: &Tutup Name: cmdTutup Source Code lihat di modul praktikum

17 Desain Form Saldo Perkiraan
Object Properties Form1 (Form) Caption: Daftar Saldo Perkiraan Name: frm_SaldoAkun Frame1 (Frame) Caption: Filter: Combo1 (ComboBox) Name: cmbTipe ListView1 (ListView) Pengaturan Properties Sesuai dengan tampilan diatas. Command1 (CommandButton) Caption: Akun &Baru Name: cmdOk Command2 Caption: &Ubah Akun Name: cmdUbah Command3 Caption: &Tutup Name: cmdTutup Label1 (Label) Caption: TOTAL DEBET Label2 Caption: TOTAL KREDIT Text1 (TextBox) Name: txtTotalDebet Text2 Name: txtTotalKredit Source Code lihat di modul praktikum