Project

VB 6.0
PROGRAM
APLIKASI
WEDDING
ORGANIZ
ER

MEGAWEDDIN POLITEKNIK NEGERI MALANG

G
TAHUN 2021
ORGANIZER

1
1. Buka Aplikasi VB Net 6 terlebih dahulu, maka akan muncul tampilan seperti di bawah ini. Pilih
Standard exe

Gambar Tampilan awal Visual Basic Net 6

2. Click pada Commond Button “Open”, kemudian akan muncul Project dan juga Form pengerjaan untuk
mendesain

Gambar Tampilan untuk klik open

2
Setelah click Open, maka akan muncul lembar kerja berupa Project dan Form pengerjaan seperti pada gambar di
bawah ini.

FORM

PROJECT

Gambar Tampilan Form dan Project VB

3. Mendesain Form sesuai dengan konsep usaha yang akan kita buat. Untuk mendesain, bisa disesuaikan
dengan kreasi masing-masing individu dengan memanfaatkan objek-objek yang ada pada jendela
Toolbox.

Tampilan Desain Layar Utama MegaWedding Organizer

3
Langkah membuat desain Layout Utama pada MegaWedding Organizer :

1. Pertama, memilih gambar yang cocok untuk dijadikan background layar utama, dengan cara klik image
yang ada di Toolbox kemudian menyesuaikan ukuran gambar yang diinginkan (Stretch:True)
2. Membuat desain nama usaha “MegaWedding Organizer”, dengan menggunakan label, kemudian
mempercantik nama usaha dengan tekan (Backstyle:Transparent), mengubah (font) dan mengasih warna
(Forecolor)
3. Memberikan desain tulisan “Selamat datang” yang disertai dengan penjelasan mengenai system informasi
wedding. Pemberian desain di halaman utama ini dimaksudkan agar para pelanggan mengetahui system
wedding ini (Menggunakan label)
4. Menambahkan keterangan informasi mengenai akun social media MegaWedding Organizer dengan
menggunakan label dan menambahkan logo social media dengan image serta mengatur font nya agar terlihat
menarik
5. Setelah bagian sisi kiri sudah di desain, selanjutnya mendesain pada bagian sisi kanan dengan memberikan
konsepan “log in”. Disitu terdapat password dan username yang harus diisikan (Menggunakan textbox).
Username : MegaWedding
Password : jayaterus
Jika salah username dan password, system informasi wedding akan mengingatkan secara otomatis.
Disini saya mengilustrasikan bahwa system informasi wedding ini dapat digunakan secara mandiri oleh
pelanggan yang hadir di lokasi tanpa harus mengantri/mengandalkan pelayan. Seperti halnya menggunakan
mesin beli pulsa di Indomaret. Password dan username hanya bisa diminta di pelayan MegaWedding
Organizer
6. Username dan password terisi dengan benar maka dapat menekan tombol masuk (Menggunakan
commandbutton)

Langkah selanjutnya, memberi kode pada perintah-perintah yang ingin dijalankan. Berikut kode yang
digunakan pada desain layar utama “MegaWedding Organizer”

Private Sub Command1_Click()

If Text1 = "MegaWedding" And Text2 = "jayaterus" Then
Form1.Hide
Form2.Show
Text1 = ""
Text2 = ""
4
 MsgBox "SELAMAT DATANG SILAHKAN MELAKUKAN PEMESANAN DI MegaWedding
ORGANIZER KAMI", vbOKOnly, "MENU UTAMA"
ElseIf Text1 = "MegaWedding" Then
MsgBox "USERNAME YANG ANDA MASUKKAN SALAH", vbOKOnly, "PERINGATAN"
ElseIf Text2 = "jayaterus" Then
MsgBox "PASSWORD YANG ANDA MASUKKAN SALAH", vbOKOnly, "PERINGATAN"
Else
MsgBox "USERNAME DAN PASSWORD YANG ANDA MASUKKAN SALAH", vbOKOnly,
"PERINGATAN"
End If
End Sub

Private Sub Form_Load()

Text1 = ""
Text2 = ""
Text2.PasswordChar = "*"
End Sub
4. Langkah selanjutnya yaitu mendesain Form kedua, Form Beranda. Dibuat semenarik mungkin dengan
memanfaatkan objek yang ada di Toolbox. Di form beranda ada beberapa menu diantaranya : menu
beranda, catalog, gallery, transaksi, tentang kami, dan menu keluar (Menggunakan commandbutton)

5
  Pemilihan background disesuaikan dengan nama usaha yang telah dipilih
 Memberikan keterangan tulisan (system informasi pemesanan, nama usaha&alamat usaha) dengan
menggunakan label dan mengatur font serta warna agar tulisan terlihat cantik
 Kemudian memberi kode pada perintah-perintah yang ingin dijalankan. Berikut kode yang digunakan
pada desain beranda “MegaWedding Organizer”

1. Beranda

2. Tekan menu Catalog

Perintah yang diberikan pada menu “Catalog” yaitu

Private Sub Command2_Click()
Form3.Show
Form2.Hide
End Sub

6
 Maka akan muncul secara otomatis menu yang telah dipilih. Seperti pada gambar dibawah ini

Gambar form 3

Mendesain Form 3 (catalog). Dengan cara menambahkan gambar-gambar decor yang sudah disediakan
oleh MegaWedding Organizer. Untuk menambahkan gambar klik image pada Toolbox kemudian insert
gambar dan sesuaikan ukuran gambar. Setelah didesain maka tampilannya akan seperti gambar di atas.
Private Sub Command2_Click() >>>> perintah untuk kembali ke beranda (tekan menu beranda)
Form2.Show
Form3.Hide
End Sub
3. Menu gallery

7
Ketika menekan menu gallery, pelanggan dapat melihat beberapa dokumentasi foto dari MegaWedding
Organizer. Seperti yang terlihat gambar dibawah ini

Untuk kembali ke menu beranda dapat menekan icon rumah di pojok atas kiri. Maka akan secara
otomatis kembali ke beranda.
Perintah yang diberikan pada icon rumah (beranda) yaitu
Private Sub Image5_Click()
Form2.Show >>>>> membuka form2
Form4.Hide>>>>>>menutup form4
End Sub

8
 4. Menu Transaksi
Mendesain form transaksi. Didesain sesuai dengan kreasi masing-masing.

Langkah pertama untuk mendesain form order yaitu :

1. Mendesain identitas usaha, seperti mnama usaha, serta alamat usaha. Selain itu juga mendesain judul form nya.

Untuk membuat pemanis seperti ini,

bisa menggunakan label.
>> Klik label pada Tolbox kemudian
atur sehingga ukurannya menjadi
sangat kecil.
Untuk menambahkan tulisan “MegaWedding
Organizer” dan alamat :
>> Klik label yang ada pada Toolbox,
>> Kemudian atur ukuran label sesuai dengan
keinginan.
>> Atur font, ukuran font dan alignment pada jendela
properties.

2. Langkah kedua yaitu mendesain template untuk data client.

Tampilannya seperti pada gambar dibawah ini :

Tampilan Layout Data Client

Untuk data client, cara membuatnya yaitu dengan klik frame yang ada pada Toolbox. Kemudian atur ukuran
frame sesuai dengan keinginan serta kebutuhan. Kemudian pada jendela properties- caption, ubah caption dan
tuliskan “DATA CLIENT”.

9
 - Untuk objek “Nama, Alamat, Booking, Event, Day, Month, Year”, menggunakan label yang ada pada
Toolbox, ubah masing-masing caption yang ada di jendela properties.
- Pada text1, menggunakan objek TextBox yang ada pada Toolbox.
- Kemudian menambahkan ComboBox untuk memilih tanggal, bulan, dan tahun.

Agar pada ComboBox bisa menampilkan hari, tanggal, tahun ketika program di jalankan, maka kode yang
digunakan adalah :

Private Sub Form_Load()

Combo1.AddItem "1"

Combo1.AddItem "2"

Combo1.AddItem "3"

dst… sampai dg tgl 31

Combo2.AddItem "Jan"

Combo2.AddItem "Feb"

Combo2.AddItem "Mar"

dst… sampai dg Des

Combo3.AddItem "2021"

Combo3.AddItem "2022"

End Sub

*Begitupun dengan Combo4, Combo5, dan Combo6

Tampilan program ketika dijalankan adalah seperti pada gambar di bawah ini :

Gambar Tampilan ComboBox saat Program dijalankan

3. Langkah ketiga yaitu mendesain layout pilihan paket wedding.

10
Tampilannya seperti pada gambar dibawah ini :

Gambar Tampilan Layout Pilihan Paket

Gambar Tampilan Harga yang Muncul di Label28

>> Klik frame pada Toolbox
>> Desain frame pada form
>> Tambahkan label untuk tulisan “MegaWedding Organizer”
>> Tambahkan objek Option Button untuk menyajikan beberapa pilihan paket.
Agar ketika OptionButton di klik, harganya muncul pada label28, maka perlu memasukkan rumus pada
objek OptionButton seperti berikut ini :
Private Sub Option1_Click()
Label28 = "Rp 27.000.000"
End Sub
Private Sub Option2_Click()
Label28 = "Rp 35.000.000"
End Sub
Private Sub Option3_Click()
Label28 = "Rp 45.000.000"
End Sub
Private Sub Option4_Click()
Label28 = "Rp 65.000.000"
End Sub
dst….

Maka, ketika program dijalankan, tampilannya seperti pada gambar dibawah ini :

11
 Gambar Tampilan Ketika OptionButton diklik, maka Harga akan muncul di Label28

4. Mendesain Layout Pembayaran. Layout pembayaran menggunkan objek Frame.

Gambar Tampilan Layout Pembayaran

>> Yang menggunakan objek label : Harga Paket, Down Payment, Cash Payment, Kembali, Sisa Pembayaran,
Pelunasan, Label28, Label31, Label35, Label26, Label37, Label36.

Caranya : klik label pada Toolbox kemudian atur ukuran label sesuai kebutuhan masing-masing

>> Yang menggunakan OptionButton :

Caranya : klik OptionButton padaa Toolbox kemudian buat sesuai ukuran yang diinginkan.

>> Yang menggunakan CommondButton : “OK”, “BAYAR”

>> Yang menggunakan TextBox : Text3, Text4

12
Kode yang diisikan pada Layout Pembayaran adalah sebagai berikut :

 Ketika harga paket muncul di label28, maka selanjutnya kita memilih prosentase dari DP yang akan kita
bayarkan. Maka pada OptionButton prosentasi DP klik 2x dan menuliskan kode berikut :
Private Sub Option9_Click()
Label31 = CCur(Label28) * 10 / 100
End Sub
*(Ketika klik OptionButton 10%, maka pada label31 akan muncul berapa harga yang harus dibayar pada
saat DP.)
Private Sub Option10_Click()
Label31 = CCur(Label28) * 15 / 100
End Sub
Private Sub Option11_Click()
Label31 = CCur(Label28) * 20 / 100
End Sub
Private Sub Option12_Click()
Label31 = CCur(Label28) * 25 / 100
End Sub
 Kemudian pada Text3 merupakan tempat untuk meletakkan berapa nominal uang yang dibayarkan oleh
client ke kita. Setelah itu, kita klik CommondButton OK yang berada disamping kanan Text3. Pada
CommondButton OK berisikan rumus sebagai berikut :
Private Sub Command3_Click()
Label35 = Val(Text3) - Val(Label31)
Label26 = CCur(Label28) - CCur(Label31)
End Sub
*(Ketika kita klik OK, maka pada Label35 akan muncul nominal uang kembalian yang kita terima
setelah membayar DP, dengan mengurangkan uang yang kita bayarkan dengan DP yang harus kita
bayar)
*(Ketik kita klik OK, maka pada Label26 juga akan muncul sisa pembayaran yang harus kita bayar
sebelum event wedding, dengan mengurangkan Harga Paket Wedding dengan uang DP yang harus kita
bayar.)
 Kemudian ketika pelunasan dilakukan 10 hari setelah Booking, maka akan mendapatkan diskon 2% dari sisa
pembayarannya. Sedangkan ketika pelunasan dilakukan >10 hari setelah Booking, maka tidak memperoleh
diskon. Disini terdapat bantuan CommondButton untuk memunculkan harga setelah diskon maupun tidak.
Berikut kode yang digunakan pada CommondButton “BAYAR” :
Private Sub Command4_Click()
If Text4 = "10" Then
*(Jika pelunasan dilakukan 10 hari setelah Booking, maka)
Label37 = "2%"
*(Pada Label37 akan muncul besarnya diskon yaitu 2%)
Label36 = Val(Label26) - Val(Label26) * 2 / 100
*(Dan pada Label36 akan muncul harga yang harus dilunasi oleh client baik yang mendapat
diskon maupun tidak)

ElseIf Text4 = ">10" Then

13
 *(Tetapi, ketika pelunasan dilakukan >10 hari, maka)

Label37 = "0%"
*(Pada Label37 akan muncul besarnya diskon yaitu 0% = tidak mendapat diskon)
Label36 = Label26
*(Dan pada Label36 akan muncul harga sesuai dengan harga yang muncul pada Label26, karena
tidak mendapat diskon sisa pembayaran)
End If
End Sub

5. Kemudian membuat perintah-perintah untuk kembali ke layar utama, halaman sebelumnya, menghapus konten
yang ada di form5, cetak bukti transaksi serta keluar dari program.

Gambar Tampilan Desain Perintah-Perintah

Terdapat gambar “Home”, disini terdapat perintah untuk kembali ke layar

utama.
Caranya : klik 2x pada picture home tersebut.
Kemudian menuliskan kode pemrograman sebagai berikut :
Private Sub Image2_Click()
Form1.Show
End Sub

Terdapat gambar “<<”, disini terdapat perintah untuk kembali ke

Form2(Form Catalog).
Caranya : klik 2x pada picture << tersebut.
Kemudian menuliskan kode pemrograman sebagai berikut :
Private Sub Image3_Click()
Form2.Show
End Sub

Terdapat gambar “Tempat Sampah”, disini terdapat perintah untuk

membersihkan semua konten yang terdapat di form3. Perintah ini sama
halnya mereset isi-isi label agar bisa digunakan kembali untuk data client
yang berbeda.
Caranya : klik 2x pada picture tempat sampah tersebut.
Kemudian menuliskan kode pemrograman sebagai berikut :
Private Sub Image1_Click()
Text1 = Clear
Text2 = Clear
Combo1 = Clear
Combo2 = Clear
Combo3 = Clear
Combo4 = Clear

14
 Combo5 = Clear
Combo6 = Clear
Label28 = Clear
Label31 = Clear
Text3 = Clear
Label35 = Clear
Label26 = Clear
Text4 = Clear
Label36 = Clear
Label37 = Clear
Option1 = Clear
Option2 = Clear
Option3 = Clear
Option4 = Clear
Option5 = Clear
Option6 = Clear
Option7 = Clear
Option8 = Clear
Option9 = Clear
Option10 = Clear
End Sub
cetak Mencetak bukti traksaksi yang telah terjadi
Private Sub Command4_Click()
Form6.Show
Form5.Hide
End Sub

Terdapat gambar “EXIT”, disini terdapat perintah untuk menutup

program dan kembali pada beranda setelah melakukan transaksi.
Caranya : klik 2x pada picture “X” tersebut.
Kemudian menuliskan kode pemrograman sebagai berikut :
15
Private Sub Image1_Click()
Private Sub Image1_Click()
Form2.Show
Form6.Hide
End Sub

Gambar Tampilan Form Order (Pelunasan 10 hari Setelah Booking)

16
 Gambar Tampilan Form Order (Pelunasan >10 hari Setelah Booking)

5. Menu tentang kami

Gambar Tampilan Form “tentang kami”yang menggunakan image dan label sebagai pengisi keterangan
17
Gambar Tampilan saat menekan menu keluar dan secara otomatis system informasi wedding akan tertutup

18