1

Introduction to Introduction to Visual BasicVisual Basic

-CG507--CG507-

2

IntroductionIntroduction

Bahasa Pengaturcaraan Visual Bahasa Pengaturcaraan Visual (Visual Programming (Visual Programming Language)Language)

Bahasa Pengaturcaraan yang menggunakan teknik-teknik visual Bahasa Pengaturcaraan yang menggunakan teknik-teknik visual untuk menggambarkan hubungan antara data (more on objek)untuk menggambarkan hubungan antara data (more on objek)

Visual Basic ProgrammingVisual Basic Programming

Salah satu contoh bahasa pengaturcaraan visual.Salah satu contoh bahasa pengaturcaraan visual.

Bagaimana Tercipta nama Visual BasicBagaimana Tercipta nama Visual Basic

Visual – Kaedah untuk mencipta antaramuka (GUI)Visual – Kaedah untuk mencipta antaramuka (GUI)

Basic – Adalah bahasa BASIC (Beginners All Purpose Symbolic Basic – Adalah bahasa BASIC (Beginners All Purpose Symbolic Instruction Code)Instruction Code)

Visual Basic – Evolusi daripada bahasa BASIC. Visual Basic – Evolusi daripada bahasa BASIC.

3

Programming languagesProgramming languages

Structured ProgrammingStructured Programming

Stress on the function. Terdiri drp fungsi2x & prosidur yg saling Stress on the function. Terdiri drp fungsi2x & prosidur yg saling berinteraksi & berkongsi maklumat. (Exp:berinteraksi & berkongsi maklumat. (Exp:C,Pascal,COBOLC,Pascal,COBOL))

Object Oriented ProgrammingObject Oriented Programming

Stress on the data. Objek-objek yg berinteraksi. Setiap objek Stress on the data. Objek-objek yg berinteraksi. Setiap objek mempunyai keadaan & operasinya sendiri.(Exp:mempunyai keadaan & operasinya sendiri.(Exp:VisualVisual BasicBasic))

Event Driven ProgrammingEvent Driven Programming

Kod tidak mengikut laluan yang ditetapkan, bahagian kod yang Kod tidak mengikut laluan yang ditetapkan, bahagian kod yang berlainan akan dilaksanakan sebagai tindakbalas terhadap eventberlainan akan dilaksanakan sebagai tindakbalas terhadap event

(Exp:(Exp:VisualVisual BasicBasic))

4

Version Of Visual BasicVersion Of Visual Basic

1)Learning Edition1)Learning Edition

2)Professional Edition2)Professional Edition

3)Enterprise Edition3)Enterprise Edition

Includes the advanced features of database management

5

The Object ModelThe Object Model

Dalam visual Basic you will work with objects yang mana ianya Dalam visual Basic you will work with objects yang mana ianya m’punyai m’punyai propertiesproperties and and methodsmethods..

ObjectsObjects

Form-windows and dialog box Form-windows and dialog box

Control-Such as text boxes, command button, list boxes…etc.Control-Such as text boxes, command button, list boxes…etc.

PropertiesProperties

Color, size, location, nameColor, size, location, name

MethodsMethods

Action yang melibatkan objek dipanggil methods. Contohnya Action yang melibatkan objek dipanggil methods. Contohnya Move, Print, ShowMove, Print, Show and and ClearClear..

6

Three Step ProcessThree Step Process

1)Setting up interface1)Setting up interface

Menyediakan form dan control yang diperlukanMenyediakan form dan control yang diperlukan

2)Defining the properties2)Defining the properties

Set properties untuk objekSet properties untuk objek

3)Creating the code3)Creating the code

Menaip aturcaraMenaip aturcara

7

The Visual The Visual Basic Basic

EnvironmentEnvironment

8

How To Start The Visual Basic 6.0?

Start All Programs Microsoft Visual Studio 6.0 Microsoft Visual Basic 6.0

9

ToolboxForm

Form Layout Window

Form Window

Properties Window

Main VB Windows

Menu Bar

Toolbar

Project Explorer Window

10

The Form WindowThe Form Window

Disini tempat anda menyediakan antaramuka pengguna. Apabila Disini tempat anda menyediakan antaramuka pengguna. Apabila anda membuka new project, vb akan memberi anda new form anda membuka new project, vb akan memberi anda new form dengan default name nya ‘Form1’ .dengan default name nya ‘Form1’ .

The Project Explorer WindowThe Project Explorer Window

Pegang filenames yang terdapat dalam project andaPegang filenames yang terdapat dalam project anda

The Properties WindowThe Properties Window

Properties Window digunakan untuk set properties kepada objek Properties Window digunakan untuk set properties kepada objek dalam projek anda.dalam projek anda.

The Form Layout WindowThe Form Layout Window

Position form semasa executePosition form semasa execute

The ToolboxThe Toolbox

Menyediakan control(textbox,command button..) yang diperlukan Menyediakan control(textbox,command button..) yang diperlukan

11

Label

Frame

CheckBox

ComboBox

HScrollBar

Timer

DirListBox

Shape

Image

OLE

PictureBox

Textbox

CommandButton

OptionButton

ListBox

VScrollBar

DriveListBox

FileListBox

Line

Data

The ToolboxThe ToolboxMenyediakan control(textbox,command Menyediakan control(textbox,command button..) yang diperlukanbutton..) yang diperlukan

12

The ToolbarThe Toolbar

Menu BarMenu Bar

Add S

tandard

EX

E P

roje

ct

(buka

new

pro

ject

)

Add F

orm

Menu E

dit

or

Open P

roje

ct

Save P

roje

ct

Cut

Copy

Past

e

Find

Undo

Red

o Sta

rt

Toolb

ox

Obje

ct B

row

ser

Form

Layout

Win

dow

Pro

ject

Explo

rer

End

Bre

ak

Pro

pert

ies

Win

dow

13

Menjadi identiti kepada control,digunakan dalam aturcara

How text akan dipaparka(left@right@center)

Show 3D or Flat

Color behind the text

Color Tulisan

14

ComboBox – cboState, cboName

Form – frmCitizen

Frame – fraCitizen

OptionButton – optCitizen

CheckBox – chkCitizen

CommandButton – cmdCitizen

Label – lblCitizen

TextBox – txtCitizen

Horizontal scroll bar – hsbCitizen

Vertical scroll bar – vsbCitizen

Image – imgCitizen

Picture box – picCitizen

List Box – lstCitizen

Shape - shpCitizen

15