Learn by example : MATLAB App designer / Nor Hazlyna Harun, Hamirul 'Aini Hambali, Khirah Nazurah Karim and Mohamad Ghozali Hassan.

Format:

Book

Author/Creator:

Nor Hazlyna Harun, author.

Hambali, Hamirul Aini, author.

Karim, Khirah Nazurah, author.

Mohamad Ghozali Hassan, author.

Language:

English

Subjects (All):

Pattern recognition systems.

Apple computers--Programming.

Apple computers.

MATLAB.

Physical Description:

1 online resource (74 pages)

Edition:

1st ed.

Place of Publication:

Sintok : Universiti Utara Malaysia, 2017.

Summary:

This book serves as a comprehensive guide for MATLAB users to create interactive applications using the MATLAB App Designer. It covers fundamental aspects of image processing and demonstrates how to transform MATLAB scripts and functions into user-friendly standalone applications. The book is structured into two main sections: the first introduces basic image processing concepts, and the second provides a detailed, step-by-step approach to building user interfaces using App Designer. Screenshots are provided throughout to facilitate understanding, making it accessible to students and researchers at all levels. The intended audience includes MATLAB programmers and researchers who wish to deploy their code in an interactive format without requiring end users to have MATLAB installed. Generated by AI.

Contents:

Intro

Contents

Preface

Introduction

Getting Started

1 | Introduction to MATLAB Image Processing

Figure 1.1 MATLAB 2016a environments.

Figure 1.2 Directory of the "current folder".

Figure 1.3 Display of image.

Figure 1.4 Display of mxnx3 matrix.

MATLAB image coordinate

Figure 1.5 Illustration of image pixels.

Figure 1.6 Binary images pixel.

Figure 1.7 Grayscale image pixel.

Figure 1.8 RGB image pixel.

MATLAB image processing toolbox functions

Table 1.2 Common MATLAB Function

Figure 1.9 Demonstration of image processing toolbox functions

2 | App Designer

Accessing app designer

Figure 2.1 Tabbed menu.

Figure 2.2 Command window.

Overview of app designer

Figure 2.3 App designer view.

Basic of app designer

Figure 2.4 App designer toolbox.

App designer: Code view

Figure 2.5 App designer code view.

Properties panel

Figure 2.6 Properties panel.

Communicating with user interface component

Figure 2.7 Code to retrieve the property value.

Figure 2.8 Code to assign value to the property.

Figure 2.9 Code to set and retrieve the value property.

Hands on: Simple calculator

Figure 2.10 Simple calculator.

Figure 2.11 Event function.

Figure 2.12 Prompt window.

Figure 2.13 Code view.

Figure 2.14 Code of button pushed function.

Figure 2.15 Save app designer view.

Figure 2.16 Run icon.

Figure 2.17 Interface of simple calculator.

Coding image processing toolbox in app designer

Hands on: Image processing 1

Figure 2.18 Icon to create new app designer.

Figure 2.19 Design layout.

Figure 2.20 Properties panel.

Figure 2.21 Callback functions.

Figure 2.22 Callback function rename.

Figure 2.23 Syntax button pushed.

Figure 2.24 Icon button.

Figure 2.25 Image processing 1 interface.

Hands on: Slider.

Figure 2.26 Icon button.

Figure 2.27 Slider design layout.

Figure 2.28 Label renames.

Figure 2.29 Slider properties panel.

Figure 2.30 Slider callback function.

Figure 2.31 Code for the temperature slider.

Figure 2.32 Save application.

Figure 2.33 Run icon.

Figure 2.34 Temperature slider program.

Hands on: Image processing 2

Figure 2.35 Icon to add new app designer.

Figure 2.36 Image processing 2 design layouts.

Figure 2.37 Callback function.

Figure 2.38 Code for the load button.

Figure 2.39 Code for the grey button.

Figure 2.40 Code for the slider brightness.

Figure 2.41 Save dialog to save the app designer file.

Figure 2.42 Run icon.

Figure 2.43 Image processing 2 applications successfully run.

Passing values between two call back functions

Figure 2.44 Properties of code browser.

Figure 2.45 Rename property.

Figure 2.46 Code to set variable accessible to other callbacks.

Hands on: Private properties variable

Figure 2.47 Icon to add new app designer.

Figure 2.48 UI Components to add to canvas.

Figure 2.49 Renaming the figure title.

Figure 2.50 Add property variable.

Figure 2.51 Renaming the variable.

Figure 2.52 Generated code from the property variable.

Figure 2.53 Set the callback action for the upload button.

Figure 2.54 Code for the upload button.

Figure 2.55 Set the callback action for the black and white button.

Figure 2.56 Code for the black and white button.

Figure 2.57 Save file dialog to save app designer file.

Figure 2.58 Run the application.

Figure 2.59 Successfully run application.

Size of image vs axes image

Figure 2.60 Axes position property.

Figure 2.61 x and y coordinate on plane.

Figure 2.62 Image on axes.

Figure 2.63 Information on the size of image.

Hands on: Display image to fit UI axes.

Figure 2.64 Icon to add new app designer.

Figure 2.65 UI component on canvas.

Figure 2.66 Set the callback action for the black and white button.

Figure 2.67 Code for display button.

Figure 2.68 Save file dialog to save app designer file.

Figure 2.69 Run the application.

Figure 2.70 Successfully run application.

Figure 2.71 Image on axes.

Adding background images

Figure 2.72 Button icon on canvas.

Figure 2.73 To access more properties.

Figure 2.74 Icon button properties.

Figure 2.75 Open image file dialog to choose image.

Figure 2.76 Button text property.

Figure 2.77 Successfully run application.

Figure 2.78 Resized axes.

Figure 2.79 Clear the title text.

Figure 2.80 Startup function triggers event to happen when the application is run.

Figure 2.81 Code for startup function.

Figure 2.82 Turn off the handle visibility property.

Figure 2.83 Successfully run application.

3 | Build.Exe Application

Figure 3.1 Compiler window option.

Figure 3.2 Compiler library window.

Figure 3.3 Insert the app designer file that you wish to deploy.

Figure 3.4 Additional file required for the application to run.

Figure 3.5 Image for the splash screen of the application.

Figure 3.6 Package button to build the application.

Figure 3.7 The application deployment may take several hours.

Figure 3.8 Redistribution files that will show up after the deployment has completed.

Bibliography

Authors

Index.

Notes:

Description based on publisher supplied metadata and other sources.

Part of the metadata in this record was created by AI, based on the text of the resource.

Description based on print record.

Includes bibliographical references and index.

ISBN:

9789672363620

9672363621

OCLC:

1276858418