Topics Forms Frame Title Bar Client Area Components – TextBox, Button, RichTextBox, etc. Events & Event Handlers Dialog Boxes Purpose – User Input/Output.

Slides:



Advertisements
Similar presentations
Introduction to Computers Section 6A. home The Operating System (OS) The operating system (OS) is software that controls the interaction between hardware.
Advertisements

Information System Design Lab 5&6. User Interface Design.
Why ROOT?. ROOT ROOT: is an object_oriented frame work aimed at solving the data analysis challenges of high energy physics Object _oriented: by encapsulation,
CHAPTER TWO Creating Simple Visual Basic.NET Windows Applications.
Chapter 6 Graphical User Interface (GUI) and Object-Oriented Design (OOD)
MaskEdit Control The MaskEdit Control is an ActiveX Control that is a specialised version of a TextBox. MaskEdit’s allow for validation of input by ensuring.
1 Pertemuan 02 Visual Basic Environment and Control Matakuliah: D0524 / Algoritma dan Pemrograman Komputer Tahun: 2005 Versi:
Review CSC 171 FALL 2004 LECTURE 21. Topics Objects and Classes Fundamental Types Graphics and Applets Decisions Iteration Designing Classes Testing and.
10.1 AWT The AWT classes Users today expect a Graphical User Interface (GUI) Improves application usability Difficult to implement cross-platform.
Chapter 13: Designing the User Interface
DT265-2 Object Oriented Software Development 2 Lecture 3 : Windows Programming Lecturer Pat Browne
Microsoft Visual Basic 2012 CHAPTER TWO Program and Graphical User Interface Design.
Software Quality Assurance 2/20 WELCOME Graphic User Interface Testing.
ACM/JETT Workshop - August 4-5, ExceptionHandling and User Interfaces (Event Delegation, Inner classes) using Swing.
Introduction to Graphical User Interfaces. Objectives * Students should understand what a procedural program is. * Students should understand what an.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
GUI’s Part Two wxWidgets components. Resources for wxWidgets Sample code on course website wxWidgets web site.
Department of Mechanical Engineering, LSUSession VII MATLAB Tutorials Session VIII Graphical User Interface using MATLAB Rajeev Madazhy
CHAPTER TWO Creating Simple Visual Basic.NET Windows Applications.
1 1 Lab1 Ismail M. Romi – IT Dept, PPU, Visual Basic 2005 Programming Tour.
Java Programming: From Problem Analysis to Program Design, Second Edition1  Learn about basic GUI components.  Explore how the GUI components JFrame,
Visual Basic 2005 CHAPTER 2 Program and Graphical User Interface Design.
1 After completing this lesson, you will be able to: Start Windows XP Professional. Log on to a Windows XP Professional computer on a network domain. Log.
Microsoft Visual Basic 2005: Reloaded Second Edition Chapter 2 Creating a User Interface.
1. 2 CSC111H User Interface Design - some guidelines Dennis Burford
Selected Topics in Software Engineering - Distributed Software Development.
Dale Roberts GUI Programming using Java - Introduction Dale Roberts, Lecturer Computer Science, IUPUI Department of Computer.
CHAPTER TWO Creating Simple Visual Basic.NET Windows Applications.
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
CNS 1410 Graphical User Interfaces. Obectives Students should understand the difference between a procedural program and an Event Driven Program. Students.
Timer class and inner classes. Processing timer events Timer is part of javax.swing helps manage activity over time Use it to set up a timer to generate.
Software Quality Assurance WELCOME Graphic User Interface Testing.
The parts of a Computer Window
1 © 2001 John Urrutia. All rights reserved. Chapter 6 Graphical User Interfaces GUI’s.
Copyright © 2010 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Starting Out with Programming Logic & Design Second Edition by Tony Gaddis.
SEEM3460 Tutorial GUI in Java. Some Basic GUI Terms Component (Control in some languages) the basic GUI unit something visible something that user can.
Personal Project. Topic Modeling and Presenting Data from a Publication Objectives –Using XML related techniques to model and present data from a publication.
Integrated Development Environment Visual Basic IDE Slide 2 of 10 Topic & Structure of the lesson Introduction Integrated Development Environment Tool.
Copyright © 2015 Pearson Education, Inc. Publishing as Pearson Addison-Wesley C H A P T E R 13 GUI Programming.
Chapter Eleven The X Window System. 2 Lesson A Starting and Navigating an X Window System.
Object-Oriented Application Development Using VB.NET 1 Chapter 10 VB.NET GUI Components Overview.
Microsoft Visual Basic 2010 CHAPTER TWO Program and Graphical User Interface Design.
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
Understand How to Create New Controls and Extend Existing Controls Windows Development Fundamentals LESSON 2.3A.
INFORMATION SYSTEM – SOFTWARE TOPIC: GRAPHICAL USER INTERFACE.
Graphical User Interface Components Version 1.1. Obectives Students should understand how to use these basic Form components to create a Graphical User.
Graphical User Interface (GUI)
Chapter 6 Graphical User Interface (GUI) and Object-Oriented Design (OOD)
Introduction to GUI in 1 Graphical User Interface Nouf Almunyif.
Visual Basic/ Visual Studio Brandon Large. Connecting to prior knowledge In your notes write down what the two main parts of the computer are. The “software”
Microsoft Visual Basic 2005: Reloaded Second Edition
Topics Graphical User Interfaces Using the tkinter Module
Chapter Topics 15.1 Graphical User Interfaces
G063 - Data flow diagrams.
An Introduction to Computers and Visual Basic
Address Book Example
Program and Graphical User Interface Design
Chapter 1: An Introduction to Visual Basic 2015
Timer class and inner classes
G063 - Data flow diagrams.
Nat 4/5 Computing Science Operating Systems
Graphical User Interfaces in Java Event-driven programming
Topics Graphical User Interfaces Using the tkinter Module
Chapter 15: GUI Applications & Event-Driven Programming
What are the main uses of Microsoft Word?
The University of Texas – Pan American
Let us Flex our Gooey Guis, Sire
Lecture 23 CS 507.
TA: Nouf Al-Harbi NoufNaief.net :::
TA: Nouf Al-Harbi NoufNaief.net :::
Presentation transcript:

Topics Forms Frame Title Bar Client Area Components – TextBox, Button, RichTextBox, etc. Events & Event Handlers Dialog Boxes Purpose – User Input/Output Flow of Control

Objectives After completing this topic, students should be able to: Correctly design and use classes (components) in GUI design. * Know how to correctly design forms that use GUI components. * know how to design and use GUI event handlers. Design and implement flow of control in a GUI design. Use the TextBox, Button, RichTextBox, TabControl, RadioButton, etc. Describe the differences between visible and non-visible componets. Correctly use GUI components to implement a Windows application.

GUI design is the process of providing a user the necessary Forms, TextBoxes, Buttons, RadioButtons, TabControls, etc. to provide an elegant, efficient and usable user interface. GUI design and implementation is useful when we find want a natural relationship between a user interface and the input and output necessary to control the associated application. GUI design makes it possible to provide a continuous user interface flow of control for input/output.

Example and Terminology

Terminology Form Title Bar Buttons Minimize, Max/Restore, Close FrameClient Area

Components ButtonTabControlPanelRichTextBox Hi TextBox

GUI Application Design GUIBusiness Rules File I/O Employee Salary Sales Hourly File System Array