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.

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
Chapter 16 Graphical User Interfaces John Keyser’s Modifications of Slides by Bjarne Stroustrup
DATA RETRIEVAL AND GUI CREATION DAVID COOPER SUMMER 2014.
Tutorial 5: Working with Excel Tables, PivotTables, and PivotCharts
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.
Guide to Oracle10G1 Introduction To Forms Builder Chapter 5.
A Guide to Oracle9i1 Introduction To Forms Builder Chapter 5.
Project Plan Formatting – Fundamentals Lesson 6. Skills Matrix SkillsMatrix Skill Format a Gantt ChartModify the Gantt Chart using the Bar Styles dialog.
Matlab GUIs Making Matlab Interactive. Today’s topics What is a GUI? How does a GUI work? Where do you begin? Ways to build MATLAB GUIs.
Introduction to VBA. This is not Introduction to Excel We’re going to assume you have a basic level of familiarity with Excel If you don’t, or you need.
Access Tutorial 10 Automating Tasks with Macros
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
Pasewark & Pasewark Microsoft Office XP: Introductory Course 1 INTRODUCTORY MICROSOFT ACCESS Lesson 3 – Creating and Modifying Forms.
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.
Common user interface, yet new stuff Notice the following: Excel has tabs and buttons similar to Word new tabs: Formulas, Data new features: –name box.
PowerPoint How To: Editing Literature to Incorporate Mathematic Concepts Created by: Selena Empey.
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.
HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.
Introduction to Matlab & Data Analysis
Java Software Solutions Lewis and Loftus Chapter 10 1 Copyright 1997 by John Lewis and William Loftus. All rights reserved. Graphical User Interfaces --
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.
Consolidate Consolidate Multiple Worksheets to a Single Sheet in Excel.
MA/CS 3751 Fall 2002 Lecture 24. MA/CS 3752 ginput ginput is a Matlab function which takes one argument input: number of points to select in the image.
Chapter 15: Spreadsheet and Worksheet Basics © 2010, 2006 South-Western, Cengage Learning.
Introduction to Matlab’s Graphical User Interface (GUI) Type “guide” “Guide” creates interface on a Figure window and code in an M-file. Some hidden code.
Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room , Chris Hill, Room ,
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.
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 3 Welcome Application Introduction to Visual Programming.
Introduction to MATLAB Damon Tomlin February 22, 2008 Lecture 3: Data Visualization & User Interfaces.
Pasewark & Pasewark Microsoft Office 2003: Introductory 1 INTRODUCTORY MICROSOFT ACCESS Lesson 3 – Creating and Modifying Forms.
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
Course ILT Forms and queries Unit objectives Create forms by using AutoForm and the Form Wizard, and add or modify form headers and footers Open and enter.
Outline Announcements –Homework I due Wed. 5PM by Subject: CIS 402 Homework 1 Plain text Not allowed to use errorbar Try to do plotCI without looking.
XP. Objectives Sort data and filter data Summarize an Excel table Insert subtotals into a range of data Outline buttons to show or hide details Create.
Return to Outline Copyright © 2011 by Maribeth H. Price 3-1 Labeling and annotation.
Introduction to Matlab & Data Analysis 2015 In this tutorial we will: Build a practical application using GUIDE Learn more about graphical user interface.
Pasewark & Pasewark Microsoft Office 2003: Introductory 1 INTRODUCTORY MICROSOFT ACCESS Lesson 3 – Creating and Modifying Forms.
MATLAB for Engineers 4E, by Holly Moore. © 2014 Pearson Education, Inc., Upper Saddle River, NJ. All rights reserved. This material is protected by Copyright.
Copyright © 2010 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Starting Out with Programming Logic & Design Second Edition by Tony Gaddis.
® IBM Software Group © 2006 IBM Corporation JSF Rich Text Area Component This Learning Module describes the use of the JSF Rich Text Area component – for.
Creating User Interfaces Chapter 13 CSCI CSCI 1302 – Creating User Interfaces2 Outline Introduction Common Features of Swing GUI Components Buttons.
CS112 Scientific Computation Department of Computer Science Wellesley College Interactive Programs Graphical User Interfaces.
EGR 115 Introduction to Computing for Engineers
EGR 115 Introduction to Computing for Engineers Graphical User Interface Design in MATLAB - Part 2 Monday 24 Nov 2014 EGR 115 Introduction to Computing.
Unit 3: Text, Fields & Tables DT2510: Advanced CAD Methods.
Graphic User Interface Review of Lecture 1 to Lecture 6 C.F. Lu.
Introduction to Matlab Module #10 Page 1 Introduction to Matlab Module #10 – Creating Graphical User Interfaces Topics 1.Overview of GUI Development using.
Handle Graphics and 1D Primitives Some Handel graphics.
Lecture (7) Introduction to GUI Eng. Osama Talaat 1.
MATLAB and SimulinkLecture 61 To days Outline Graphical User Interface (GUI) Exercise on this days topics.
PATTERN RECOGNITION LAB 8 TA : Nouf Al-Harbi::
More Matlab Graphics and GUI Graphics subplots some useful commands 3D graphics GUI GUI controls The callback property Other essential properties.
Desktop Publishing Lesson 3 — Formatting Pages. Lesson 3 – Formatting Pages2 Objectives  Set up pages.  Set guides.  Use master pages.  Insert page.
Graphical User Interfaces I
Graphical User Interface in MATLAB
Microsoft Office Illustrated
Chap 7. Building Java Graphical User Interfaces
More on Graphical User Interfaces
Graphical User Interfaces -- Introduction
Happy Valentine’s Day Flowered lace background (Basic)
MATLAB GUI with GUIDE 報告人:張捷勝.
NoodleTools and Diigo.
Electrical and Computer Engineering Department SUNY – New Paltz
Defining Religious Experiences
Presentation transcript:

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 mass. The clay is not only on the top of the table but under it and under the chairs. It is inspired by the gum under tables rebelliously put there by those imprisoned in boring pedantics. It is a monument to the struggle of repressed phyiscality. Its form is never finalized as people freely sculpt it.

Outline Announcements –HW III due Wed. 5PM Homework II Summary of Friday The New GUIDE Programming converttemp.m Advanced GUI features

Homework II Very impressed with HW II--lots of fun to grade Some cool ideas –STOP sign: use polar coordinates to position vertices –mypcolor--put NaN’s in last column and row of “fake” matrix Ensures that data determines color limits

When we last saw our heros… GUI’s are made of UIcontrols of various ilks (slider, push buttons, radio buttons etc.) Position the controls and set properties with GUIDE ‘callback’ field is a function call that gets executed when the control is activated

The New GUIDE Position your objects, set their options, and save as guiname. Matlab will create two files: –guiname.fig--binary file that contains all of the objects you created and their exact properties (including data fields) –guiname.m--function that creates your GUI & has “stubs” for the callbacks 1. loads the.fig file and renders it 2. gets handles to the objects 3. callback functions are subfunctions of this file

The New GUIDE--callbacks Callbacks are automatically set to –Tag_Callback(h,eventdata, handles, varargin) H=this object (gcbo) Eventdata is blank Handles=handles to all objects as a struct (handles.tag gets handle to object with tag=tag) Varargin—allows you to pass more info –Function stub is placed in guiname.m as a subfunction You can manually set callbacks with the property editor –No stub is created

Example converttemp We want to create a simple GUI to convert between Kelvin, Celsius, and Fahrenheit temperatures –Users will specify temperatures by typing or moving sliders K temp in K C temp in C F temp in F

Example: converttemp.m We’ve set the positions, lets set some data: –Set sliders’ min & max values +/- 100°C –Set sliders’ values=0°C –Set edits’ strings=num2str(value) –Set Celsius button to on (value=1) and others to off (0) –Set Kelvin and Fahrenheit sliders’ visibility to off –Set figures userdata to handle matrix Let’s figure out the callbacks! radio1,radio2,radio3 edit1, edit2, edit3 slide1, slide2, slide3 h=

Functionality of converttemp Top-down design is critical to GUI development –Figure out the big picture first, then the details: 1. Sketch layout of objects 2. Create layout with GUIDE 3. Describe what should happen when buttons are pressed, sliders slid in English or pseudocode 4. Add functionality gradually--simple things first

Functionality of converttemp 3. Describe what should happen when buttons pressed, sliders slid –Radio Buttons: turn corresponding slider on, others off –Edits: 1. convert string to number & adjust corresponding slider’s value 2. convert value to other units and update their edits & sliders –Sliders: 1. convert value to string & adjust corresponding edit’s string 2. convert value to other units and update their edits & sliders

Miscellaneous & Advanced GUI features File Open/Save dialogs– uigetfile & uisavefile –can place these calls in any function –especially common inside callback of GUI button Common GUI features: –There are 18 fields that all Matlab objects have (things like position, type, and tag) –ButtonDownFnc allows objects to respond to user

Button Down Functions ButtonDownFnc acts like a callback--it contains a function call that is executed when user clicks on object –Could make stop sign turn green when clicked –Get the z=f(x,y) of a patch where the user clicked (x,y): function zlookup –ax=get(gcbo,’parent’); %axes of object –xy=get(ax,’CurrentPoint’); – –z=interp2(x,y,Z,xy(1),xy(2)); –