Chapter 1 Introduction to Visual Basic 2010 McGraw-Hill 1-1 Copyright © 2011 by The McGraw-Hill Companies, Inc. All Rights Reserved. Chapter Objectives (1 of 2) • Describe the process of visual program design and development. • Explain the term object-oriented programming. • Explain the concepts of classes, objects, properties, methods, and events. • List and describe the three steps for writing a Visual Basic project. • Describe the various files that make up a Visual Basic project. 1-2 Chapter Objectives (2 of 2) • Identify the elements in the Visual Studio environment. • Define design time, run time, and debug time. • Write, run, save, print, and modify your first Visual Basic project. • Identify syntax errors, run-time errors, and logic errors. • Use Auto Correct to correct syntax errors. • Look up Visual Basic topics in Help. 1-3 Writing Windows Applications with VB (1 of 2) • Windows Graphical User (GUI) Interface – Defines how elements look and function Text boxes Check box Radio buttons Message box Buttons Picture box Label 1-4 Writing Windows Applications with VB (2 of 2) Windows are called forms. Elements are called controls and are added using a toolbox. 1-5 Programming Languages—Procedural, Event Driven, and Object Oriented • Procedural—Cobol, Fortran, Basic • Event-Driven Programming(VB 6.0 and previous) • • Program specifies exact sequence of all operations. • Contain some elements of object-oriented programming, but not all Object-Oriented Programming (OOP) (VB .NET) • User controls sequence – Click event – Double Click event – Change event 1-6 Lego Building Blocks 1-7 The Object Model (1 of 2) In VB, you will work with objects that have properties, methods, and events. Each object is based on a class. • Objects equate to Nouns. – Forms are windows. – Controls are components contained inside a form. • Properties equate to Adjectives. – Color or size of a Form • Methods are like Verbs. – Typical methods include Close, Show and Clear 1-8 Object Model (2 of 2) • Events occur when the user takes action. – User clicks a button, User moves a form • Classes are templates used to create a new object. – Classes contain the definition of all available properties, methods, and events. – Each new object created is based on a class. • Creating three new buttons makes each button a instance of the Button class. 1-9 Object Model Analogy • Class = automobile • Properties of automobile class= make, model, color, engine, year • Object = Each individual auto is an object. – Object is also an Instance of the automobile class. • Methods = start, stop, speedup, slowdown • Events of automobile class = Arrive, Crash 1-10 Visual Studio .NET • Included in Visual Studio .NET 2008 • Visual Studio .NET Editions • Visual Basic (can also be purchased separately) • Visual C++ • C# (C sharp) • J# (J sharp) • F# (F sharp) • .NET 3.5 Framework • Express • Standard • Professional • Team System 1-11 5 D’s of Programming • DEFINE the problem – OIP • DESIGN a solution – User Interface – OEA • DEVELOP/DEBUG the solution – Enter code and test • DEPLOY the solution 1-12 VB Application Files • • • • • • One Solution File—think of one solution file equals one project: HelloWorld.sln Solution User Options File: HelloWorld.suo Form Files: HelloForm.vb Resource File for the Form: HelloForm.resx Form Designer: HelloForm.Designer.vb Project User Options File: HelloWorld.vbproj.user Once a project is run, several more files are created by the system. The only file that is opened directly is the solution file. 1-13 Visual Studio Environment The Visual Studio environment is where you create and test your projects. In Visual Studio, it is called an •Integrated Development Environment (IDE) consisting of various tools including: • • • • • • Form Designer Editor for entering and modifying code Compiler Debugger Object Browser Help Facility 1-14 Default Environment Settings Visual Studio 2010 provides an option that allows the programmer to select the default profile for the IDE. Use General Development as the default profile. 1-15 The IDE Initial Screen The Visual Studio IDE with the Start Page open, as it first appears in Windows XP, without an open project 1-16 IDE Main Window Toolbars Document Window Form Designer Solution Explorer Window Properties Window Toolbox Help Document window Solution Explorer Properties window 1-17 Solution Name Structure • Sample Programs – SPnn_Teamxx_Lastname • Homework Programs – HWnn_Teamxx_Lastname1_Lastname2 • OIP/OEA names – – – – SPnn_Teamxx_LN1_LN2_oip SPnn_Teamxx_LN1_LN2_oea HWnn_Teamxx_LN1_LN2_oip HWnn_Teamxx_LN1_LN2_oea • Where nn is the homework number • Where xx is the team number 1-18 Tool Box You can scroll to view more controls. To sort the tools in the toolbox: •Right-click the toolbox and select. •Sort Items Alphabetically from the context menu (shortcut menu). 1-19 Modes • • • Design Time — used when designing the user interface and writing code Run Time — used when testing and running a project Break/Debug Time — if/when receiving a run-time error or pause error "Look at the Title Bar" 1-20 Your First VB Program Create a program that will allow the user to press a button (Push ME) and display a message (Hello World) on the screen. When the user presses the Exit button, the program will terminate. 1-21 Define – OIP Form OUTPUT INPUT PROCESS 1-22 User Interface Design • Set up the form. – Resize the form, set certain properties, and change the form file name to helloWorldForm. – Place button controls on the form using the toolbox and set their properties. – Place a label on the form using the toolbox and set its properties. – Lock the Controls in place. 1-23 Naming Rules and Conventions • • • Have a set of standards and always follow them. No spaces, punctuation marks, or reserved words Use camel casing. • Examples –messageLabel –exitButton –dataEntryForm –paymentAmountTextBox 1-24 Naming Conventions Object Class Example Hungarian Notation Form dataEntryForm frmDataEntry Button exitButton btnExit Label totalLabel lblTotal TextBox paymentAmountTextbox txtPaymentAmount Radio button boldRadiobutton rdbBoldd CheckBox printSummaryCheckBox chkPrintSummary Horizontal Scroll Bar rateHorizontalScrollBar hsbRate Vertical Scroll Bar temperatureVerticalScrollBar vsbTemperature PictureBox landscapePictureBox picLandscape ComboBox bookListComboBox cboBookList ListBox ingredientsListBox lstIngredients SoundPlayer introPageSoundPlayer sndIntroPagesound 1-25 Setting the Form Properties • • • The default startup object is Form1 The name of the form should always be changed to adhere to naming rules The properties window shows the files properties 1-26 Form’s Screen Location • • You can set the form’s screen position by setting the StartPositionproperty of the form. To center a form on the user’s screen, set the StartPosition property to CenterScreen. 1-27 Setting Properties • • • • Button 1 Name Text Button 2 Name Text Exit Label 1 Name Text Form Name Text pushMeButton Push Me exitButton messageLabel leave blank helloWorldForm Hello World by your name 1-28 Design – OEA Form OBJECT EVENT TASK(S) 1-29 Chapter 3: Program Design Writing the Code • • • • • • While the project is running, the user can perform actions. Each action by the user causes an event to occur. Write code for the events you care about; the events you want to respond to with code. Code is written as event procedures. VB will ignore events for which you do not write code. VB will automatically name event procedures as the object name, an underscore(_) and the name of the event. 1-30 More on Writing the Code • When writing the code for your first project, you will use the following: • Remark Statement • Assignment Statement • Ending a Program • Editor Window 1-31 Editor Window • • • Declarations Section Class list Method list 1-32 Ending a Program • Methods always have parentheses. (This will help you distinguish them from Properties which never have parentheses.) • To execute a method of an object you write: Object.Method() • Current Form may be referenced as Me Close( ) 1-33 Remark Statement • • • • Also known as Comment, used for documentation; every procedure should begin with a remark statement providing explanation. Non-executable Automatically colored Green in Editor Begins with an apostrophe ( ' ) • On a separate line from executable code • At the right end of a line of executable code 'Display the Hello World message. 1-34 Assignment Statement • • • Assigns a value to a property or variable Operates from right to left — the value appearing on the right side of the equal sign is assigned to the property named on the left of the equal sign. Enclose text strings in quotation marks (" ") MessageLabel.Text=" Hello World " 1-35 Run, Save, Modify, Print, Test, Debug, and Execute • • • • • • Run Project • Open Debug Menu, Start Debugging. • Start Debugging button on the toolbar. • Press F5, the Start Debugging command. Save Project — File Menu, Save All. Modify Project if needed. "Help is always available from the Print the Code. Help Menu or by pressing F1." Correct any Errors and Rerun. When you start executing your program, the first step is called compiling, which means that the VB statements are converted to Microsoft Intermediate Language (MSIL). Your goal is to have no errors during the compile process: a clean compile. 1-36 Print the Code • • • File Menu, Print Prints complete code listing Uses arrow symbol to denote line continuation 1-37 Finding and Fixing Errors • • • Syntax Errors • Breaks VB’s rules for punctuation, format, or spelling • Smart editor finds most syntax errors, compiler finds the rest. • The editor identifies a syntax error with a squiggly blue line and you can point to an error to pop up the error message. • You can display the Error List window and line numbers in the source code to help locate the error lines. Run-Time Errors • Statements that fail to execute, such as impossible arithmetic operations Logic Errors • Project runs, but produces incorrect results. 1-38 Submitting Homework • • • • • Compress the solution folder Log on to Angel Locate Drop Box for assignment Upload the compressed file Submit 1-39 Visual Studio Help Additional Info (1 of 2) • • • • • Visual Studio has an extensive Help facility. Filter MSDN help to display VB topics only. Run MSDN from hard drive, CD, or Web. You can access MSDN on the Web at http://msdn.microsoft.com The Help system display is greatly changed and improved in Visual Studio 2010. You view the Help topics in a separate window web browser from the VS IDE, so you can have both windows opened at the same time. 1-40 Visual Studio Help Additional Info (2 of 2) • The opening Help page allows you to search for a topic, or to choose from a list of topic areas such as: Welcome to Visual Studio 2010, Documentation, What’s New, Walkthroughs, etc. 1-41