Membuat Program Aplikasi “CerdasCermat” Dengan VB 6
Oleh :
Indra Widiatmojo
2010
Sekilas tentang Visual Basic 6 (VB 6)
Visual Basic adalah salah satu bahasa pemrograman yang berorientasi object (Object Oriented Programming / OOP) yang sangat mudah digunakan dan dipelajari. “Basic” menunjukan bahasa pemrograman BASIC (Biginner AllPurpose Symbolic Intruction Code). Visual Basic diproduksi dan dikembangkan oleh suatu perusahaan yang bernama Microsoft Corporation (miliknya bang Bill Gattes) yang juga memproduksi sistem operasi yang terkenal bernama Windows jadi tingkat kompetibelitasnya dengan sistem operasi Windows bagus.
Sama dengan halnya pemrograman Java, Visual Basic juga mempunyai fasilitas Graphic User Interface (GUI) dimana kita bisa mendesain tampilan program yang kita inginkan. Perbedaan antara pemrograman Java dan pemrograman Visual Basic (VB yang akrap kita sebut) adalah, kalau di pemrograman Java sifat bahasa pemrogramannya terstruktur. Pengertian dari pemrograman terstruktur adalah dimana setiap pernyataan dieksekusi setelah pernyataan sebelumnya sesuai dengan urutannya. Kalau di VB sifat bahasa pemrogramannya adalah event driven ialah eksekusi program ditentukan dari event yang disebabkan aksi dari user terhadap objek, pesan dari sistem, aplikasi lain, atau event dari aplikasi itu sendiri.
Disini penulisan akan berbagi pengalaman sedikit tentang pemrograman Visual Basic 6 (VB 6). Disini penulis akan memberi resep cara membuat “aplikasi cerdascermat” dengan sederhana dengan menggunakan VB 6.
By : Indra Widiatmojo 2
Bagianbagian dari VB 6
Sebelum kita memulai membuat program aplikasi tersebut, alangkah baiknya kita mengetahui dahulu fiturfitur yang ada di VB 6.
Bagian tampilan utama VB 6
Bidang Kerja Standar Exe Visual Basic
Bagian toolbar VB 6
Toolbar VB 6
Keterangan :Start : Untuk menjalankan programStop : Untuk menghetikan jalannya program
By : Indra Widiatmojo 3
Start Stop
Bagian toolbox VB 6
Toolbox VB 6
Keterangan :Sekumpulan dari objek user interface dan kontrol untuk program aplikasi
Bagian project eksplorer
Project eksplorer VB 6
Keterangan :Tempat daftar form dan modul proyek aplikasiView Code : Untuk menampilkan jendela kode (Code Window)
By : Indra Widiatmojo 4
View Code
View Object
Jendela kode (Code Window)
View Object : Untuk menampilkan jendela object
Jendela object (View object)
By : Indra Widiatmojo 5
Object Prucedure
Bagian dari properties window
Properties Window VB 6
Keterangan :Tempat setting propertis dari objek yang dipilih, misalnya warna, caption dan lainlain dari objek yang bersangkutan
Bagian layout window
Layout Window VB 6
Keterangan :Tempat mengatur posisi relatif form terhadap layar monitor
By : Indra Widiatmojo 6
MEMBANGUN PROGRAM APLIKASI “CERDASCERMAT”
Desain program seperti dibawah ini!
By : Indra Widiatmojo 7
Timer1
RichTextBox1
Command2 Label6 Label1
Command1
Command7
Label2Shape1
Label3
Shape2Shape3
Label4
Frame1
Command3
Command4
Command5
Command6
Frame2
Label7
Label5 Label8
Label9
Tabel komponen program yang diperlukan:
By : Indra Widiatmojo 8
Gambar Komponen Nama Komponen Properties yang diubahTimer1 Interval = 225
RichTextBox1 BorderStyle = 0rtfNoBoerderFont = Time new Roman Size = 14
Label1
Label2
Label3
Label4
Label5
Label6
BackStyle = 0Transparent Caption = 0Font = MS Sans Serif Size = 10
Caption = (Kosong)BorderStyle = 1Fixet SingleFont = Time New Roman Size = 14 Caption = (Kosong)BorderStyle = 1Fixet SingleFont = Time New Roman Size = 14
Caption = (Kosong)BorderStyle = 1Fixet SingleFont = Time New Roman Size = 14
Caption = (Kosong)BorderStyle = 1Fixet SingleFont = MS Sans Serif Size = 8 Font Style = Bold
BackStyle = 0TransparentCaption = Soal Nomor :Font = MS Sans Serif Size = 10
By : Indra Widiatmojo 9
Gambar Komponen Nama Komponen Properties yang diubahLabel7 Caption = (Kosong)
BorderStyle = 1Fixet SingleFont = MS Sans Serif Size = 10
Label8 Alignment = 2CenterBackStyle = 0TransparentCaption = 0Font = Time New Roman Font Style = Bold Size = 28ForeColor = Putih
Label9 Alignment = 2CenterBackStyle = 0TransparentCaption = POINFont = Time New Roman Font Style = Bold Size = 12
Shape1 BackStyle = OpaqueBorderColor = Coklat
Shape2 BackStyle = OpaqueBorderColor = Coklat
Shape3 BackStyle = OpaqueBorderColor = Coklat
Frame1
Frame2
Frame3
BackColor = CoklatCaption = Pilihan Jawaban
BackColor = CoklatCaption = Konfirmasi Jawaban
BackColor = CoklatCaption = Jawaban
Gambar Komponen Nama Komponen Properties yang diubahCommandButton1 Caption = ResetCommandButton2 Caption = StartCommandButton3 Caption = ACommandButton4 Caption = BCommandButton5 Caption = CCommandButton6 Caption = OKCommandButton7 Caption = Exit
Pengkodingan Program
Agar program aplikasi bisa berjalan sesuai dengan yang kita inginkan perlu adanya perintahperintah. Nah perintahperintah itulah yang sering disebut pengkodingan atau juga disebut penulisan skript program.
Untuk membuat aplikasi “cerdascermat” kita memerlukan beberapa procedure dan variabel yang nantinya akan di panggil ke event. Dengan mengklik
icon pada project eksplorer, kita bisa menuliskan koding atau skript yang kita mau.
Tip & Trik :
Tanda berarti skript atau koding pada baris tersebut cara penulisannya digabung dengan baris diatasnya.
General :Klik object yang terdapat pada view code dan pilih general.
By : Indra Widiatmojo 10
Tulis variabel seperti dibawah ini!
Dim kata As StringDim n As DoubleDim i As Double
Procedure :Supaya mudah pengecekan, skript procedure ini ditulis dibawahnya general
Sub tambah()Dim nomor As IntegerDim hasil As Integer
nomor = Label1.Captionhasil = nomor + 1Label1.Caption = hasilEnd Sub
Sub poin()Dim nilai As Integer
nilai = Label8.Captionnilai = nilai + 1Label8.Caption = nilaiEnd sub
By : Indra Widiatmojo 11
Form load :Tambah skript program dibagian form load dengan cara klik object yang terdapat pada view code dan pilih form
Tulis skript seperti dibawah ini!
Private Sub Form_Load()Shape1.BackColor = vbWhiteShape2.BackColor = vbWhiteShape3.BackColor = vbWhite
Command3.Enabled = FalseCommand4.Enabled = FalseCommand5.Enabled = FalseEnd Sub
By : Indra Widiatmojo 12
CommandButton1 :Tambahkan skript program dibagian Command1 dengan cara klik object yang terdapat pada view code dan pilih Command1 atau klik 2x pada bagian komponen CommandButton1
Tulis skript seperti dibawah ini!
Private Sub Command1_Click()Shape1.BackColor = vbWhiteShape2.BackColor = vbWhiteShape3.BackColor = vbWhite
Label1.Caption = 0Label2.Caption = ""Label3.Caption = ""Label4.Caption = ""Label5.Caption = ""Label7.Caption = ""Frame3.Caption = "Jawaban No :" & Label1.CaptionLabel8.Caption = 0
Command2.Enabled = TrueCommand3.Enabled = FalseCommand4.Enabled = FalseCommand5.Enabled = FalseRichTextBox1.Text = ""End Sub
By : Indra Widiatmojo 13
CommandButton2 :Tambahkan skript program dibagian Command2 dengan cara klik object yang terdapat pada view code dan pilih Command2 atau klik 2x pada bagian komponen CommandButton2
Tulis skript seperti dibawah ini!
Private Sub Command2_Click()Dim nomor As IntegerDim hasil As Integer
nomor = Label1.Captionhasil = nomor + 1Label1.Caption = hasil
Shape1.BackColor = vbWhiteShape2.BackColor = vbWhiteShape3.BackColor = vbWhite
Command3.Enabled = TrueCommand4.Enabled = TrueCommand5.Enabled = True Label5.Caption = ""Command2.Enabled = FalseFrame3.Caption = "Jawaban No :" & Label1.CaptionEnd Sub
By : Indra Widiatmojo 14
CommandButton3 :Tambahkan skript program dibagian Command3 dengan cara klik object yang terdapat pada view code dan pilih Command3 atau klik 2x pada bagian komponen CommandButton3
Tulis skript seperti dibawah ini!
Private Sub Command3_Click()Shape1.BackColor = vbRedShape2.BackColor = vbWhiteShape3.BackColor = vbWhite
Label7.Caption = Label2.CaptionLabel5.Caption = ""Frame3.Caption = "Jawaban No :" & Label1.CaptionEnd Sub
By : Indra Widiatmojo 15
CommandButton4 :Tambahkan skript program dibagian Command4 dengan cara Klik object yang terdapat pada view code dan pilih Command4 atau klik 2x pada bagian komponen CommandButton4
Tulis skript seperti dibawah ini!
Private Sub Command4_Click()Shape1.BackColor = vbWhiteShape2.BackColor = vbRedShape3.BackColor = vbWhite
Label7.Caption = Label3.CaptionLabel5.Caption = ""Frame3.Caption = "Jawaban No :" & Label1.CaptionEnd Sub
By : Indra Widiatmojo 16
CommandButton5 :Tambahkan skript program dibagian Command5 dengan cara Klik object yang terdapat pada view code dan pilih Command5 atau klik 2x pada bagian komponen CommandButton5
Tulis skript seperti dibawah ini!
Private Sub Command5_Click()Shape1.BackColor = vbWhiteShape2.BackColor = vbWhiteShape3.BackColor = vbRed
Label7.Caption = Label4.CaptionLabel5.Caption = ""Frame3.Caption = "Jawaban No :" & Label1.CaptionEnd Sub
By : Indra Widiatmojo 17
CommandButton6 :Tambahkan skript program dibagian Command6 dengan cara Klik object yang terdapat pada view code dan pilih Command6 atau klik 2x pada bagian komponen CommandButton6
Tulis skript seperti dibawah ini!
Private Sub Command6_Click()Dim pesan As String
pesan = Chr(13) & "*************** SOAL HABIS **************" & Chr(13) & Chr(13)
& ""
If RichTextBox1.Text = "" Then MsgBox "Klik Start untuk memulai", vbInformation, "Info" ElseIf Shape1.BackColor = vbWhite And Shape2.BackColor = vbWhite And
Shape3.BackColor = vbWhite Then MsgBox "jawaban belum dipilih", vbInformation, "Info"
ElseIf Label1.Caption = 1 Then If Shape1.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If
By : Indra Widiatmojo 18
ElseIf Label1.Caption = 2 Then If Shape2.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If ElseIf Label1.Caption = 3 Then If Shape3.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If ElseIf Label1.Caption = 4 Then If Shape2.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If ElseIf Label1.Caption = 5 Then If Shape3.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If ElseIf Label1.Caption = 6 Then
By : Indra Widiatmojo 19
If Shape1.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If ElseIf Label1.Caption = 7 Then If Shape3.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If ElseIf Label1.Caption = 8 Then If Shape2.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If ElseIf Label1.Caption = 9 Then If Shape1.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If ElseIf Label1.Caption = 10 Then If Shape3.BackColor = vbRed Then Label5.Caption = "Betul..."
By : Indra Widiatmojo 20
Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption = "Salah!!!" Label5.ForeColor = vbRed Call tambah End If If Label8.Caption >= 8 Then RichTextBox1.Text = pesan RichTextBox1.Text = RichTextBox1.Text & "Nilai : A" & Chr(13) & "" RichTextBox1.Text = RichTextBox1.Text & "Nilaimu ISTIMEWA" ElseIf Label8.Caption = 7 Then RichTextBox1.Text = pesan RichTextBox1.Text = RichTextBox1.Text & "Nilai : B" & Chr(13) & "" RichTextBox1.Text = RichTextBox1.Text & "Nilaimu BAGUS" ElseIf Label8.Caption = 6 Then RichTextBox1.Text = pesan RichTextBox1.Text = RichTextBox1.Text & "Nilai : C" & Chr(13) & "" RichTextBox1.Text = RichTextBox1.Text & "Nilaimu LUMAYAN" ElseIf Label8.Caption = 5 Then RichTextBox1.Text = pesan RichTextBox1.Text = RichTextBox1.Text & "Nilai : D" & Chr(13) & "" RichTextBox1.Text = RichTextBox1.Text & "Nilaimu KEBANGETEN" ElseIf Label8.Caption >= 0 Then RichTextBox1.Text = pesan RichTextBox1.Text = RichTextBox1.Text & "Nilai : E" & Chr(13) & "" RichTextBox1.Text = RichTextBox1.Text & "Nilaimu KEBANGETEN NGANGGO BANGET" End IfEnd IfShape1.BackColor = vbWhiteShape2.BackColor = vbWhiteShape3.BackColor = vbWhiteEnd Sub
By : Indra Widiatmojo 21
CommandButton7 :Tambahkan skript program dibagian Command7 dengan cara Klik object yang terdapat pada view code dan pilih Command7 atau klik 2x pada bagian komponen CommandButton7
Tulis skript seperti dibawah ini!
Private Sub Command7_Click()Unload MeEnd Sub
By : Indra Widiatmojo 22
Label1 :Tambahkan skript program dibagian Label1 dengan cara klik object yang terdapat pada view code dan pilih Label1 atau klik 2x pada bagian komponen Label1 dan pada bagian procedure yang mulanya Click ubah menjadi Change
Tulis skript seperti dibawah ini!
Private Sub Label1_Change()If Label1.Caption = 1 Then RichTextBox1.Text = "Pemilik perusahaan APLE yang produknya terkenal " RichTextBox1.Text = RichTextBox1.Text & "dengan merek MAC adalah?" Label2.Caption = " " & "Steve Jobs" Label3.Caption = " " & "Bill Gattes" Label4.Caption = " " & "Trovald Linus" ElseIf Label1.Caption = 2 Then RichTextBox1.Text = "Siapakah pengusaha ayam goreng Kentucky Fried Chiken " RichTextBox1.Text = RichTextBox1.Text & "yang meraih kesuksesannya pada tahun
1955?" Label2.Caption = " " & "Asa Candler" Label3.Caption = " " & "Colonel Sanders" Label4.Caption = " " & "Renee Mouborgne" ElseIf Label1.Caption = 3 Then RichTextBox1.Text = "Untuk menyembunyikan perbedaan database " RichTextBox1.Text = RichTextBox1.Text & "dan memberikan method sederhana untuk " RichTextBox1.Text = RichTextBox1.Text & "melakukan queri pada berbagai macam
database dengan " RichTextBox1.Text = RichTextBox1.Text & "perubahan kode seminimal mungkin " RichTextBox1.Text = RichTextBox1.Text & "adalah fungsi dari?" Label2.Caption = " " & "ADODC"
By : Indra Widiatmojo 23
Label3.Caption = " " & "ODBC" Label4.Caption = " " & "ADODB"
ElseIf Label1.Caption = 4 Then RichTextBox1.Text = "Bahasa mesin di dunia IT di sebut juga dengan bahasa ?" Label2.Caption = " " & "Tingkat tinggi" Label3.Caption = " " & "Assembly" Label4.Caption = " " & "Mekanik"
ElseIf Label1.Caption = 5 Then RichTextBox1.Text = "Type soket apakah yang bisa digunakan untuk prosesor " RichTextBox1.Text = RichTextBox1.Text & "Intel Core I7 ?" Label2.Caption = " " & "Type Slot" Label3.Caption = " " & "LGA 775" Label4.Caption = " " & "LGA 1366" ElseIf Label1.Caption = 6 Then RichTextBox1.Text = "Gunung yang berada di selat sunda adalah gunung?" Label2.Caption = " " & "Gunung Anak Krakatau" Label3.Caption = " " & "Gunung Galunggung" Label4.Caption = " " & "Gunung Krakatau" ElseIf Label1.Caption = 7 Then RichTextBox1.Text = "Gerakan yang ada di dalam tenggorokan kita disaat kita " RichTextBox1.Text = RichTextBox1.Text & "menelan suatu makanan disebut gerakan?" Label2.Caption = " " & "Mekanisme pencernaan" Label3.Caption = " " & "Gravitasi dalam tubuh" Label4.Caption = " " & "Peristaltik" ElseIf Label1.Caption = 8 Then RichTextBox1.Text = "Ada berapa benua dibumi ini?" Label2.Caption = " " & "6 Benua" Label3.Caption = " " & "5 Benua" Label4.Caption = " " & "4 Benua" ElseIf Label1.Caption = 9 Then RichTextBox1.Text = "Kerajaan pertama yang ada di indonesia adalah?" Label2.Caption = " " & "Kutai" Label3.Caption = " " & "Taruma negara" Label4.Caption = " " & "Mataram Kuno" ElseIf Label1.Caption = 10 Then RichTextBox1.Text = "manusia purba pertama di Indonesia adalah?" Label2.Caption = " " & "Homosapien" Label3.Caption = " " & "Megantropus erectus" Label4.Caption = " " & "Pitekantropus erectus" Else Command3.Enabled = False Command4.Enabled = False Command5.Enabled = FalseEnd IfEnd Sub
By : Indra Widiatmojo 24
Timer1 :Tambahkan skript program dibagian Timer1 dengan cara klik object yang terdapat pada view code dan pilih Timer1 atau klik 2x pada bagian komponen Timer1
Tulis skript seperti dibawah ini!
Private Sub Timer1_Timer()On Error Resume Nextkalimat = "Cerdas Cermat BY : INDRA WIDIATMOJO"i = Len(kalimat)kata = kata & Mid(kalimat, n, 1)Form1.Caption = kata
If n = i Then kata = "" n = 1 Else n = n + 1End IfEnd Sub
By : Indra Widiatmojo 25
Testing Program
Setelah semua koding program atau skript program ditulis secara lengkap
dan benar, lalu anda jalankan dengan cara mengklik icon yang terdapat pada toolbar atau juga bisa menekan “F5” pada keyboard. Dan hasilnya akan seperti pada gambar dibwah ini.
Tampilan program aplikasi “cerdascermat”
By : Indra Widiatmojo 26
Untuk mengetest program yang kita buat, kita cukup klik “start” pada program tersebut selanjutnya anda baca soal yang tampil pada program tersebut lalu anda pilih jawaban A, B, atau C. Untuk mengecek apakah jawaban anda tadi benar atau tidak klik “OK”
Hasil test program
Penutup
Demikian resep bagaimana membangun aplikasi “Cerdascermat” sederhana dalam bahasa pemrograman Visual Basic 6 dan sedikit tentang pemrograman Visual Basic itu sendiri. Semoga anda dapat memahami. SELAMAT MENCOBA
By : Indra Widiatmojo 27