CC111 Lec7 : Visual Basic 1 Visual Basic(1) Lecture 7

CC111 Lec7 : Visual Basic 2 Objectives The student should be familiar with the Visual Basic Environment. The student should be able to build a simple Visual Basic Application.

CC111 Lec7 : Visual Basic 3 What is Visual Basic? High Level 4th Generation Programming Language Object and Event Driven Visual - Windows Based Integrated Development Environment or IDE

CC111 Lec7 : Visual Basic 4 What is VB Used For? Most Popular Programming Language Stand alone programs Customized specialized Applications –E- Commerce Web based shopping forms and inquiries User friendly Interface to applications

CC111 Lec7 : Visual Basic 5  Used by a computer equipment retail outlet to record data regarding customer orders. Example Order Entry Screen Allows user to use a mouse to click on boxes for text entry. Also enables user to click on buttons to initiate processing steps.

CC111 Lec7 : Visual Basic 6 Generations of Computer Languages 1st - Machine language nd - Procedure-oriented languages –FORTRAN for scientists and engineers –COBOL for business applications –C for UNIX operating systems 3rd - Object-oriented languages 4th - Event-driven languages. Example:VB 5th - Natural languages

CC111 Lec7 : Visual Basic 7 Compiler Vs Interpreter Higher Languages are translated to Machine Language by: –Interpreter Translates instructions to machine code line-by-line. BASIC, Quick Basic, Visual Basic –Compiler Translates the entire program to machine code before running it. Fortran, C, C++, Visual Basic is also a compiler

CC111 Lec7 : Visual Basic 8 What are the Objects in VB? Pre-programmed Code for: –Command Buttons –Labels –Pictures –Text Boxes Have both data and procedures wrapped together

CC111 Lec7 : Visual Basic 9 What is the Integrated Development Environment (IDE)?

CC111 Lec7 : Visual Basic 10 Visual Basic Environment GUI (Graphical User Interface) - forms and windows that the user sees Property - a characteristic or attribute of an object such as color and size Event - a user action such as clicking a button Code Editor window - editor specially designed to help you when writing code

CC111 Lec7 : Visual Basic 11  The Form Designer Window show the GUI application  The Toolbox is used to drag and drop components to your forms  The Properties window show the value od of the properties of each selected component(Object) Visual Studio 2008 IDE Environment

CC111 Lec7 : Visual Basic 12 Visual Basic Environment Components of the VB design environment (Form view)

CC111 Lec7 : Visual Basic 13 Visual Basic Environment Components of the VB design environment (Code view)

CC111 Lec7 : Visual Basic 14 The Code Editor Window Help window Error message box Syntax error in Red

CC111 Lec7 : Visual Basic 15 Properties Window Used to set how a control looks and behaves Holds its default values

CC111 Lec7 : Visual Basic 16 Control Toolbox Pointer Label Group Frame Check Box Combo Box Horizontal Scroll Bar Timer Directory List Box Shape Image OLE Picture Text Box Command Button Option/Radio Button List Box Vertical Scroll Bar Drive List Box File List Box Line Data Control

CC111 Lec7 : Visual Basic 17 Building Your First Application There are three primary steps in building a Visual Project: 1.Place (or draw) controls on the form. 2.Assign properties to the controls. 3.Write event procedures for the controls. WelcomeApplication.exe

CC111 Lec7 : Visual Basic 18 Starting Visual Basic

CC111 Lec7 : Visual Basic 19 Starting Visual Studio 2008

CC111 Lec7 : Visual Basic 20 Creating New Project

CC111 Lec7 : Visual Basic 21 Project initial interface

CC111 Lec7 : Visual Basic 22 Step1 :Draw your controls

CC111 Lec7 : Visual Basic 23 Step 2 : Assign Properties

CC111 Lec7 : Visual Basic 24 Changing the Form Title

CC111 Lec7 : Visual Basic 25 Changing the Form Title……………

CC111 Lec7 : Visual Basic 26 Edit Image Properties

CC111 Lec7 : Visual Basic 27 Browse for an Image

CC111 Lec7 : Visual Basic 28 Edit the SizeMode property of the PictureBox

CC111 Lec7 : Visual Basic 29 Edit the Text Property of Label1 The Text Property is changed to “ “

CC111 Lec7 : Visual Basic 30 Accessing components properties from code Label1 PictureBox1 Button1 Each Component has a name, you access its property by: componentName.PropertyName

CC111 Lec7 : Visual Basic 31 Step 3:Writing the Code (Events) Double click on the Button then write your code

CC111 Lec7 : Visual Basic 32 Writing the Code (Events)

CC111 Lec7 : Visual Basic 33 Running the Application