Slide 1 ICS 012 Visual Programming I Ahmed Esmat Second Semester (042)

Slide 2 ICS 012 Visual Programming I WEEK 1 v Visual and Event Driven Programming v An Overview of Visual Basic (IDE)

Slide 3 Aims and Objectives v To understand what is visual and event driven programming v The Visual Basic Programming environment – Background to BASIC – Background to Windows – Visual Basic Environment – Design/Control/Project/Form/Code Windows – Control Properties – Events & Event Driven Programming – Visual Basic Programs

Slide 4 Visual Programming Aims v Aim is to develop the necessary skills to design and construct small-scale interactive software v Aim is to educate you with the fundamental principles of designing and writing programs v Visual Basic will be the target language but skills gained will be applicable to other languages

Slide 5 Event Driven Programming v Event-driven programs respond to events from the computer, such as the mouse button being pressed. v The designer uses ready-made objects such as CommandButtons and TextBoxes, to build user interfaces that make up the application. v This approach to programming drastically reduces the amount of code required to develop a Windows application.

Slide 6 Visual Programming Languages v Windows easy to use v Programming via Visual environments –.NET – Visual C++, C# – Java, J++, J# – Borland Delphi and others… v Visual Basic developed in-house at Microsoft – Interface designer – Simple coding language – Quick to produce programs

Slide 7 Visual Basic Concepts v Controls - Processing – Everything is a ‘control’ – Controls have pre-defined ‘events’ – Code can be attached to an event – When an event occurs u if code has been attached it is executed, u otherwise default processing takes place

Slide 8 Running VB Opening screen Select this option - Standard EXE

Slide 9 Visual Basic Environment v Components of the VB Design Environment Form Project Explorer Properties Form Layout Control Toolbox Toolbar

Slide 10 Event Driven Programs in VB v In normal programming your application is always in control v In GUI(Graphical User Interface) programming you have a number of options which may be triggered v Events happen to a Control – mostly user generated events – controls can also cause events

Slide 11 Control Toolbox

Slide 12 Events v Each Control has a relevant set of Events The events that can happen to a Command Button

Slide 13 Visual Basic Environment - Properties Window v Controls - Properties – All controls have appropriate properties such as u Height, Name, Colour – they can be changed either at design-time or at run-time Main Menu v Design Time – Simply change the words alongside the property. Ie

Slide 14 Visual Basic Environment - Properties Window v Run Time – in your code/program Private Sub Form1_load() Form1.Caption = “Main Menu” End Sub

Slide 15 Visual Basic Event Processing Trigger Event Code Executed

Slide 16 Project Explorer

Slide 17 Visual Basic Program Structure v Project File – ‘.VBP’ v Form Files – ‘.FRM’ – ‘.FRX’ v Modules – ‘.BAS’ v Custom Controls – ‘.VBX’ files v Save As... – Possible problem

Slide 18 Visual Basic Environment - Using Context Sensitive Help v Context sensitive help is very useful v Select the item control that you want help on v Press the F1 key F1

Slide 19 Command Button Select the command button from the toolbar

Slide 20 Controls: Shape v A shape control allows you to ‘draw’ on the screen v You can specify the: Shape Colours FillStyle

Slide 21 Visual Separation of Controls

Slide 22 Writing VB Programs v Plan the Program Tasks v Design User Interface v Set Properties v Write Code (Event Handlers) v Test and Debug the Program v Document and Distribute the Program

Slide 23 End of Lecture