Membangun Aplikasi Cerdas-Cermat Sederhana Dengan VB 6

download Membangun Aplikasi Cerdas-Cermat Sederhana Dengan VB 6

of 27

  • date post

    26-Mar-2015
  • Category

    Documents

  • view

    467
  • download

    20

Embed Size (px)

Transcript of Membangun Aplikasi Cerdas-Cermat Sederhana Dengan VB 6

MembuatProgramAplikasiCerdasCermat DenganVB6

Oleh:

IndraWidiatmojo

2010

SekilastentangVisualBasic6(VB6) VisualBasicadalahsalahsatubahasapemrograman yangberorientasi object(ObjectOrientedProgramming/OOP)yangsangatmudahdigunakandan dipelajari. Basic menunjukan bahasa pemrograman BASIC (Biginner All PurposeSymbolicIntructionCode).VisualBasicdiproduksidandikembangkan olehsuatuperusahaanyangbernamaMicrosoftCorporation(miliknyabangBill Gattes)yangjugamemproduksisistemoperasiyangterkenalbernama Windows jaditingkatkompetibelitasnyadengansistemoperasiWindowsbagus. SamadenganhalnyapemrogramanJava,VisualBasicjugamempunyaifasilitas GraphicUserInterface(GUI)dimanakitabisamendesaintampilanprogramyang kita inginkan. Perbedaan antara pemrograman Java dan pemrograman Visual Basic(VByangakrapkitasebut)adalah,kalaudipemrogramanJavasifatbahasa pemrogramannya terstruktur. Pengertian dari pemrograman terstruktur adalah dimana setiap pernyataan dieksekusi setelah pernyataan sebelumnya sesuai denganurutannya.KalaudiVBsifatbahasapemrogramannyaadalaheventdriven ialah eksekusi program ditentukan dari event yang disebabkan aksi dari user terhadapobjek,pesandarisistem,aplikasilain,ataueventdariaplikasiitusendiri. Disinipenulisanakanberbagipengalamansedikittentangpemrograman VisualBasic6(VB6).Disinipenulisakanmemberiresepcaramembuataplikasi cerdascermatdengansederhanadenganmenggunakanVB6.

By:IndraWidiatmojo 2

BagianbagiandariVB6 Sebelum kita memulai membuat program aplikasi tersebut, alangkah baiknyakitamengetahuidahulufiturfituryangadadiVB6. BagiantampilanutamaVB6

BidangKerjaStandarExeVisualBasic

BagiantoolbarVB6Start Stop

ToolbarVB6

Keterangan: Start:Untukmenjalankanprogram Stop:Untukmenghetikanjalannyaprogram

By:IndraWidiatmojo 3

BagiantoolboxVB6

ToolboxVB6

Keterangan: Sekumpulandariobjekuserinterfacedankontroluntukprogramaplikasi BagianprojecteksplorerViewObject

ViewCode

ProjecteksplorerVB6

Keterangan: Tempatdaftarformdanmodulproyekaplikasi ViewCode:Untukmenampilkanjendelakode(CodeWindow) By:IndraWidiatmojo 4

Object

Prucedure

Jendelakode(CodeWindow)

ViewObject:Untukmenampilkanjendelaobject

Jendelaobject(Viewobject)

By:IndraWidiatmojo 5

Bagiandaripropertieswindow

PropertiesWindowVB6

Keterangan: Tempatsettingpropertisdariobjekyangdipilih,misalnyawarna,captiondan lainlaindariobjekyangbersangkutan

Bagianlayoutwindow

LayoutWindowVB6

Keterangan: Tempatmengaturposisirelatifformterhadaplayarmonitor

By:IndraWidiatmojo 6

MEMBANGUNPROGRAMAPLIKASI CERDASCERMAT

Desainprogramsepertidibawahini!Command2 Label6 Label1

Timer1 RichTextBox1 Command1 Command7 Label2 Shape1 Label3 Shape2 Shape3 Label4 Label9

Frame1 Command5 Command4 Command3

Frame2 Command6

Label5 Label7

Label8

By:IndraWidiatmojo 7

Tabelkomponenprogramyangdiperlukan:GambarKomponen NamaKomponen Timer1 RichTextBox1 Propertiesyangdiubah Interval=225 BorderStyle=0rtfNoBoerder Font=TimenewRoman Size=14 BackStyle=0Transparent Caption=0 Font=MSSansSerif Size=10 Caption=(Kosong) BorderStyle=1FixetSingle Font=TimeNewRoman Size=14 Caption=(Kosong) BorderStyle=1FixetSingle Font=TimeNewRoman Size=14 Caption=(Kosong) BorderStyle=1FixetSingle Font=TimeNewRoman Size=14 Caption=(Kosong) BorderStyle=1FixetSingle Font=MSSansSerif Size=8 FontStyle=Bold BackStyle=0Transparent Caption=SoalNomor: Font=MSSansSerif Size=10

Label1

Label2

Label3

Label4

Label5

Label6

By:IndraWidiatmojo 8

GambarKomponen

NamaKomponen Label7

Propertiesyangdiubah Caption=(Kosong) BorderStyle=1FixetSingle Font=MSSansSerif Size=10 Alignment=2Center BackStyle=0Transparent Caption=0 Font=TimeNewRoman FontStyle=Bold Size=28 ForeColor=Putih Alignment=2Center BackStyle=0Transparent Caption=POIN Font=TimeNewRoman FontStyle=Bold Size=12 BackStyle=Opaque BorderColor=Coklat BackStyle=Opaque BorderColor=Coklat BackStyle=Opaque BorderColor=Coklat BackColor=Coklat Caption=PilihanJawaban BackColor=Coklat Caption=KonfirmasiJawaban BackColor=Coklat Caption=Jawaban

Label8

Label9

Shape1 Shape2 Shape3

Frame1

Frame2

Frame3

By:IndraWidiatmojo 9

GambarKomponen

NamaKomponen CommandButton1 CommandButton2 CommandButton3 CommandButton4 CommandButton5 CommandButton6 CommandButton7

Propertiesyangdiubah Caption=Reset Caption=Start Caption=A Caption=B Caption=C Caption=OK Caption=Exit

PengkodinganProgram Agarprogramaplikasibisaberjalan sesuaidenganyangkitainginkan perluadanyaperintahperintah.Nahperintahperintahitulahyangseringdisebut pengkodinganataujugadisebutpenulisanskriptprogram. Untuk membuat aplikasi cerdascermat kita memerlukan beberapa proceduredanvariabelyangnantinyaakandipanggilkeevent.Denganmengklik icon mau. padaprojecteksplorer,kitabisamenuliskankodingatauskriptyangkita

Tip&Trik: Tanda berarti skript atau koding pada baris tersebut cara penulisannya digabungdenganbarisdiatasnya. General: Klikobjectyangterdapatpadaviewcodedanpilihgeneral.

By:IndraWidiatmojo 10

Tulisvariabelsepertidibawahini!Dim kata As String Dim n As Double Dim i As Double

Procedure: Supayamudahpengecekan,skriptprocedureiniditulisdibawahnyageneralSub tambah() Dim nomor As Integer Dim hasil As Integer nomor = Label1.Caption hasil = nomor + 1 Label1.Caption = hasil End Sub Sub poin() Dim nilai As Integer nilai = Label8.Caption nilai = nilai + 1 Label8.Caption = nilai End sub

By:IndraWidiatmojo 11

Formload: Tambahskriptprogramdibagianformloaddengancaraklikobjectyangterdapat padaviewcodedanpilihform

Tulisskriptsepertidibawahini!Private Sub Form_Load() Shape1.BackColor = vbWhite Shape2.BackColor = vbWhite Shape3.BackColor = vbWhite Command3.Enabled = False Command4.Enabled = False Command5.Enabled = False End Sub

By:IndraWidiatmojo 12

CommandButton1:

Tambahkan skript program dibagian Command1 dengan cara klik object yang terdapatpada viewcode danpilih Command1 atauklik2x padabagiankomponenCommandButton1

Tulisskriptsepertidibawahini!Private Sub Command1_Click() Shape1.BackColor = vbWhite Shape2.BackColor = vbWhite Shape3.BackColor = vbWhite Label1.Caption Label2.Caption Label3.Caption Label4.Caption Label5.Caption Label7.Caption Frame3.Caption Label8.Caption = = = = = = = = 0 "" "" "" "" "" "Jawaban No :" & Label1.Caption 0

Command2.Enabled = True Command3.Enabled = False Command4.Enabled = False Command5.Enabled = False RichTextBox1.Text = "" End Sub

By:IndraWidiatmojo 13

CommandButton2:

Tambahkan skript program dibagian Command2 dengan cara klik object yang terdapatpada viewcode danpilih Command2 atauklik2x padabagiankomponenCommandButton2

Tulisskriptsepertidibawahini!Private Sub Command2_Click() Dim nomor As Integer Dim hasil As Integer nomor = Label1.Caption hasil = nomor + 1 Label1.Caption = hasil Shape1.BackColor = vbWhite Shape2.BackColor = vbWhite Shape3.BackColor = vbWhite Command3.Enabled = True Command4.Enabled = True Command5.Enabled = True Label5.Caption = "" Command2.Enabled = False Frame3.Caption = "Jawaban No :" & Label1.Caption End Sub

By:IndraWidiatmojo 14

CommandButton3:

TambahkanskriptprogramdibagianCommand3dengancaraklikobjectyang terdapatpadaviewcodedanpilihCommand3atauklik2xpadabagiankomponenCommandButton3

Tulisskriptsepertidibawahini!Private Sub Command3_Click() Shape1.BackColor = vbRed Shape2.BackColor = vbWhite Shape3.BackColor = vbWhite Label7.Caption = Label2.Caption Label5.Caption = "" Frame3.Caption = "Jawaban No :" & Label1.Caption End Sub

By:IndraWidiatmojo 15

CommandButton4:

Tambahkan skript program dibagian Command4 dengan cara Klik object yang terdapatpada viewcode danpilih Command4 atauklik2x padabagiankomponenCommandButton4

Tulisskriptsepertidibawahini!Private Sub Command4_Click() Shape1.BackColor = vbWhite Shape2.BackColor = vbRed Shape3.BackColor = vbWhite Label7.Caption = Label3.Caption Label5.Caption = "" Frame3.Caption = "Jawaban No :" & Label1.Caption End Sub

By:IndraWidiatmojo 16

CommandButton5:

Tambahkan skript program dibagian Command5 dengan cara Klik object yang terdapatpada viewcode danpilih Command5 atauklik2x padabagiankomponenCommandButton5

Tulisskriptsepertidibawahini!Private Sub Command5_Click() Shape1.BackColor = vbWhite Shape2.BackColor = vbWhite Shape3.BackColor = vbRed Label7.Caption = Label4.Caption Label5.Caption = "" Frame3.Caption = "Jawaban No :" & Label1.Caption End Sub

By:IndraWidiatmojo 17

CommandButton6:

Tambahkan skript program dibagian Command6 dengan cara Klik object yang terdapatpada viewcode danpilih Command6 atauklik2x padabagiankomponenCommandButton6

Tulisskriptsepertidibawahini!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:IndraWidiatmojo 18

ElseIf Label1.Caption = 2 Then If Shape2.BackColor = vbRed Then Label5.Caption = "Betul..." Label5.ForeColor = vbGreen Call tambah Call poin Else Label5.Caption =