CS112 Scientific Computation Department of Computer Science Wellesley College Blind to change More on GUIs.

Slides:



Advertisements
Similar presentations
Chapter 8 Improving the User Interface
Advertisements

The Web Warrior Guide to Web Design Technologies
CS112 Scientific Computation Department of Computer Science Wellesley College Geese honk, but they don’t wave Sinusoidal waves.
Prerequisites Essentials of Windows 95/97 Office graphic copyright by Microsoft Corp.
Visual Basic 2010 How to Program. © by Pearson Education, Inc. All Rights Reserved.2.
Visual Basic 2010 How to Program Reference: Instructor: Maysoon Bin Duwais slides Visual Basic 2010 how to program by Deitel © by Pearson Education,
A graphical user interface (GUI) is a pictorial interface to a program. A good GUI can make programs easier to use by providing them with a consistent.
A Guide to Oracle9i1 Creating an Integrated Database Application Chapter 8.
ArcView Documents Francisco Olivera, Ph.D., P.E. Department of Civil Engineering Texas A&M University.
1 Introduction to the Visual Studio.NET IDE Powerpoint slides modified from Deitel & Deitel.
CS112 Scientific Computation Department of Computer Science Wellesley College Interactive Programs Graphical User Interfaces.
More on Creating GUIs in Java using Swing David Meredith Aalborg University.
Programming a GUI Hanan sedaghat pisheh. For calling GUI, we need a function with no inputs or outputs First We create a m.file m file has the same name.
Introduction to Graphical User Interfaces. Objectives * Students should understand what a procedural program is. * Students should understand what an.
Microsoft Visual Basic 2008 CHAPTER 8 Using Procedures and Exception Handling.
Department of Mechanical Engineering, LSUSession VII MATLAB Tutorials Session VIII Graphical User Interface using MATLAB Rajeev Madazhy
A short intermission about function handles and cell arrays A MATLAB function may be referenced by a handle. >> sphere(100)
Introduction to the Graphical User Interface (GUI) in MATLAB
Matlab GUIs GUIDE.
CS 170 – INTRO TO SCIENTIFIC AND ENGINEERING PROGRAMMING.
Introduction to Matlab & Data Analysis
Internet Browsing the world. Browse Internet Course contents Overview: Browsing the world Lesson 1: Internet Explorer Lesson 2: Save a link for future.
BZUPAGES.COM Visual Programming Lecture – 5 Miss. SADAF MAJEED SIAL Computer Science Department Bahauddin Zakariya University Multan.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
GUI development with Matlab: GUI Front Panel Components 1 GUI front panel components In this section, we will look at -GUI front panel components -Programming.
Graphical User Interfaces I The central station is the bubble gum planet with 280 pounds of clay and three head phone lines that come out and orbit the.
function varargout = MovieJoiner(varargin) % MOVIEJOINER M-file for MovieJoiner.fig % MOVIEJOINER, by itself, creates a new MOVIEJOINER or raises the.
UNIT 7 Describing how an item functions [2] (infinitive with or without ‘to’)
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 3.1 Test-Driving the Welcome Application 3.2.
Graphic User Interfaces (GUI) GUI provides a way to interact friendly with possibly complex programs. There are two types of GUI: - MDI: multiple document.
Chapter 2 – Introduction to the Visual Studio .NET IDE
Introduction to Matlab & Data Analysis 2015 In this tutorial we will: Build a practical application using GUIDE Learn more about graphical user interface.
CS324e - Elements of Graphics and Visualization Java GUIs - Event Handling.
PLACING AND LINKING GRAPHICS
CS 101 Test 2 Study Guide Acronyms RAD - Rapid Application Development IDE - Integrated Development Environment GUI - Graphical User Interface VB - Visual.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 25.1 Test-Driving the ATM Application 25.2.
Computer Programming and Basic Software Engineering 9 Building Graphical User Interface Creating a Multiple-Form Interface.
GUI development with Matlab: GUI Front Panel Components GUI development with Matlab: Other GUI Components 1 Other GUI components In this section, we will.
Chapter Eleven The X Window System. 2 Lesson A Starting and Navigating an X Window System.
Excel Macros 1 Macros or, How to Automate Part of Your Spreadsheet or Worksheet.
POWERSHELL BASICS. BACKGROUND  Powershell is a task automation and scripting language based off the.NET framework  It provides the user full access.
Computer Science I Recap: variables & functions. Images. Pseudo-random processing.
Windows Basics Computers 1. Windows Desktop What is the desktop? What is the desktop? –On-screen work area on which windows, icons, menus, and dialog.
CS112 Scientific Computation Department of Computer Science Wellesley College Interactive Programs Graphical User Interfaces.
EGR 115 Introduction to Computing for Engineers
INFORMATION SYSTEM – SOFTWARE TOPIC: GRAPHICAL USER INTERFACE.
Computer Science [3] Java Programming II - Laboratory Course Lab 4 -1 : Introduction to Graphical user interface GUI Components Faculty of Engineering.
Creating Menus Menu Bar – behaves like standard Windows menus Can be used in place of or in addition to buttons to execute a procedure Menu items are controls.
EGR 115 Introduction to Computing for Engineers Graphical User Interface Design in MATLAB - Part 2 Monday 24 Nov 2014 EGR 115 Introduction to Computing.
Introduction to Matlab Module #10 Page 1 Introduction to Matlab Module #10 – Creating Graphical User Interfaces Topics 1.Overview of GUI Development using.
COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.
Lecture (7) Introduction to GUI Eng. Osama Talaat 1.
Working with the Window Object JavaScript considers the browser window an object, which it calls the window object.
MATLAB and SimulinkLecture 61 To days Outline Graphical User Interface (GUI) Exercise on this days topics.
Customizing Menus and Toolbars CHAPTER 12 Customizing Menus and Toolbars.
COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.
Chapter 7 Multiple Forms, Modules, and Menus. Section 7.2 MODULES A module contains code—declarations and procedures—that are used by other files in a.
Topics Graphical User Interfaces Using the tkinter Module
Graphical User Interface in MATLAB
Chapter Topics 15.1 Graphical User Interfaces
Chapter 2 – Introduction to the Visual Studio .NET IDE
HCI/CHI: Computer-Human Interaction
3.01 Apply Controls Associated With Visual Studio Form
3.01 Apply Controls Associated With Visual Studio Form
More on Graphical User Interfaces
MATLAB GUI with GUIDE 報告人:張捷勝.
Fourier Series GUI Implementation.
funCTIONs and Data Import/Export
Presentation transcript:

CS112 Scientific Computation Department of Computer Science Wellesley College Blind to change More on GUIs

Waves14-2 Functions defined in blindGUI.m blindGUI: top-level function at the beginning of the file that is called from the Command Window. This function initializes the GUI program and opens the GUI window. We will not modify this function blindGUI_OpeningFcn: executed just before the GUI window is made visible. We will modify this function to set up an initial pair of images for testing, and to create a vector to store the experimental results blindGUI.m_OutputFcn : returns outputs to the Command Window. We will not modify this function

Waves14-3 Changes to blindGUI_OpeningFcn % --- Executes just before blindGUI is made visible. function blindGUI_OpeningFcn (hObject, eventdata, handles, varargin) % variables to store image pair, initialized to airplane images handles.im1 = imread('plane1.bmp’); handles.im2 = imread('plane2.bmp’); % results of tests: number of repeats needed to detect change, for each % pair of images (currently four image pairs) handles.results = zeros(1,4); % Choose default command line output for blindGUI handles.output = hObject; % Update handles structure guidata(hObject, handles); Don’t forget to update global handles structure!

Waves14-4 imagesMenu_Callback function imagesMenu_Callback(hObject, eventdata, handles) % loads selected image pair imageChoice = get(handles.imagesMenu, 'Value'); if (imageChoice == 1) handles.im1 = imread('plane1.bmp'); handles.im2 = imread('plane2.bmp'); elseif (imageChoice == 2) handles.im1 = imread('dinner1.bmp'); handles.im2 = imread('dinner2.bmp'); elseif (imageChoice == 3) handles.im1 = imread('farm1.bmp'); handles.im2 = imread('farm2.bmp'); else handles.im1 = imread('market1.bmp'); handles.im2 = imread('market2.bmp'); end % update handles structure guidata(hObject, handles);

Waves14-5 Setting up for the user’s next action So far we’ve been concerned with responding to the user’s current action. We also need to consider, what will the user do next? This may involve enabling and disabling GUI components: set(component, 'Enable', 'on') set(component, 'Enable', 'off') Enabling or disabling a component

Waves14-6 Bells and whistles Other things you may want to explore in a GUI for your final project: - adding animation - other GUI components Slider Listbox Radio Buttons - dialog boxes - pull-down menus - mouse control