3.2 Perancangan Mini Piano
Untuk mempermudah dan memperlancar pembuatan Mini Piano, hal yang harus diperhatikan dan perlu diperisapkan sebelum membuat Mini Piano antara lain :
1. Membuat satu folder khusus untuk memuat semua file atau folder lain yang mendukung Aplikasi Mini Piano.
2. Membuat form tampilan Aplikasi Mini Piano.
3.3Membuat Antarmuka
Adapun langkah-langkah untuk mebuat antarmuka menu utama adalah sebagai berikut :
1. Buka program Visual Basic 6.0, dengan cara menekan Start Microsoft Visual Basic 6.0.
2. Akan tampil kotak dialog New Project, pilih Standard EXE, tekan tombol Ok. Pilih Standard EXE
Tekan Ok
Gambar 3.1 Membuat Form Baru
Universitas Sumatera Utara
3. Setelah Itu, lakukan pengaturan properties untuk komponen-komponen.
Tabel 3.1 Properties Mini Piano
Nama Kontrol Nama Properties
ValueNilai
Form Piano AutoRedraw
False BackColor
H008080FF BorderStyle
0 - None Caption
- Height
5100 MinButton
False ScaleMode
1 - Twip StartUpPosition
2 – CenterScreen Width
12900 Image1
Appearance 1-3D
Height 2700
Left 1440
Top -1080
Width 10095
Shape0, Shape5, Shape11, Shape16,
Shape21, Shape26, Shape31
BorderColor H00808080
BorderWidth 1
FileColor H00000000
FillStyle 1 – Transprant
Height 2055
Left 2400
Top 1560
Width 495
Shape2, Shape12, Shape17, Shape23,
BorderColor H0000FFFF
BorderWidth 1
Universitas Sumatera Utara
Shape28, Shape33 FileColor
H00000000 FillStyle
1 – Transprant Height
2055 Left
2400 Top
1560 Width
495 BorderColor
H0000FF00 BorderWidth
1 FileColor
H00000000 FillStyle
1 – Transprant Height
2055 Left
2400 Top
1560 Width
495 Shape4, Shape,9
Shape14, Shape19, Shape24, Shape29,
Shape35 BorderColor
H0000FFFF BorderWidth
1 FileColor
H00000000 FillStyle
1 – Transprant Height
2055 Left
2400 Top
1560 Width
495 Shape1, Shape3,
Shape6, Shape8, Shape10, Shape13,
Shape15, Shape18, Shape20, Shape22
BackColor H00000000
BorderWidth 1
FileColor H00000000
FillStyle 1 – Transprant
Height 1335
Left 1725
Universitas Sumatera Utara
Top 1560
Width 495
Label1 Appearance
0 – Flat AutoSize
False BackColor
H00C0C0C0 FillStyle
1 – Opaque Height
975 Left
8040 Label2
Appearance 0 - Flat
AutoSize False
FillStyle 1 – Opaque
Height 135
Left 4800
Label3 Appearance
1 – 3D AutoSize
False BackColor
H8000000F Caption
D3 Teknik Informatika Universitas Sumatera Utara
Font Lucida Handwriting
FortColor H0000FF00
Height 491
Left 2400
Label4 Appearance
1 – 3D FillStyle
0 – Transparent Caption
S Font
Microsoft Sans Serif ForeColor
H0000012 Label5
Caption D
Universitas Sumatera Utara
Label6 Caption
G Label7
Caption H
Label 8 Caption
J Label9
Caption L
Label10 Caption
: Label11
Caption 2
Label12 Caption
4 Label13
Caption 5
Label14 Caption
6 Label15
Caption 7
Label16 Caption
9 Label17
Caption Label18
Caption -
Label19 Caption
Z Label20
Caption X
Label21 Caption
C Label22
Caption V
Label 23 Caption
B Label 24
Caption N
Label25 Caption
M Label26
Caption Label27
Caption Label28
Caption ?
Label29 Caption
Q Label30
Caption W
Label31 Caption
E Label32
Caption R
Label33 Caption
T
Universitas Sumatera Utara
Label34 Caption
Y Label35
Caption U
Label36 Caption
I Label37
Caption O
Label38 Caption
P Label39
Caption {
Lblauthor BackStyle
0 – Transprent Caption
By : Dian Mariana Silaen Font
Lucida Handwriting ForeColor
H0000FFFF LblBlank0
BackColor H00808080
Caption 1
BackStyle 0 - Opaque
Font Small Fonts
ForeColor H008FF808
Height 495
Left 9560
LblBlank1 Caption
2 LblBlank2
Caption 3
LblBlank3 Caption
4 LblBaseKey
Appearance 0 – Flat
BackColor H000000FF
Caption C
DataDield 1 – Opaque
Height 495
Left 8640
LblBeatCtrl0 Caption
4 Font
Webdings
Universitas Sumatera Utara
FonColor H000000C0
Height 375
Left 4800
LblBeatCtrl1 Caption
8 LblBeatCtrl2
Caption ;
LblBeatCtrl3 Caption
6 LblBeatCtrl4
Caption LblDrums0
Caption Height
135 Left
4320 Top
1200 LblDrums1
Caption 1
LblDrums2 Caption
2 LblDrums3
Caption 3
LblDrums4 Caption
4 LblDrums5
Caption 5
LblDrums6 Caption
6 LblDrums7
Caption 7
LblDrums8 Caption
8 LblDrums9
Caption 9
LblDrums10 Caption
10 LblDrums11
Caption 11
LblInstrument BackColor
H00808080 BackStyle
1 – Opaque Font
Snap ITC Height
450 Left
8640 Top
360
Universitas Sumatera Utara
LblExit BackColor
8000000F BackStyle
0 – Transparent Caption
ỳ Mnubasekey0
Caption C
Index Mnubasekey1
Caption C
Index 1
Mnubasekey2 Caption
D Index
2 Mnubasekey3
Caption D
Index 3
Mnubasekey4 Caption
E Index
4 Mnubasekey5
Caption F
Index 5
Mnubasekey6 Caption
F Index
6 Mnubasekey7
Caption G
Index 7
Mnubasekey8 Caption
G Index
8 Mnubasekey9
Caption A
Index 9
Mnubasekey10 Caption
A Index
10 Mnubasekey11
Caption B
Index 11
MnuBeat0 Caption
Beat
Universitas Sumatera Utara
Index MnuDevice0
Caption Device
Index MnuDrum0
Caption mnuDrum
Index MnuMain0
Caption Piano
Index MnuMain1
Caption Drum
Index 1
MnuMain2 Caption
Beat Index
2 MnuMain3
Caption Device
Index 3
MnuMain4 Caption
Key Index
4 MnuPiano0
Caption Piano
Index tmrBeat
Interval 150
Left 7363
Top 2040
Universitas Sumatera Utara
Mulai
Baca Proses
Piano ?
Drum ?
Beat ?
Key ?
Selesai Jalankan Menu
Piano
Jalankan Menu Drum
Jalankan Menu Beat
Jalankan Menu Key
no yes
yes
no yes
no yes
no
3.4 Flowchart Mini Piano