University of Baghdad
Al-Khwarizmi College of Engineering
Mechatronics Engineering Department
PC Interface and Data Acquisition
Asst. Lecturer: Oger Z. Amanuel
References:
• PC Interfacing and Data Acquisition, Kevin James
• www.arduino.cc/
• www.mathworks.com
Contents
• GUI definition
• Advantages and benefits of GUI
• GUI installation
• Steps to build a GUI
• GUI examples
Graphical user interfaces (GUIs), also known as apps, provide point-and-click control of your
software applications, eliminating the need for others to learn a language or type commands in order
to run the application. Common devices like smartphones, computers and tablets all feature a visual
component known as GUI.
GUI is the acronym for graphical user interface—the interface that allows users to interact with
electronic devices, such as computers, laptops, smartphones and tablets, through graphical elements.
It’s a valuable part of software application programming in regards to human-computer interaction,
replacing text-based commands with user-friendly actions. Its goal is to present the user with
decision points that are easy to find, understand and use. In other words, GUI lets you control your
device with a mouse, pen or even your finger.
There are many other benefits to using GUI. Here are some of the most common:
1. Easy to use
Since data is represented by symbols, shapes and icons, users can easily recognize, classify and navigate
options. A simple click is all it takes to acquire a function. Because it’s so easy to use and understand, GUI has
become the preferred interface for computers and mobile devices.
2. Easy to communicate
Visual representation of data is recognized faster than text. Non-programmers find it easy to use GUIs since it
requires no experience with computing commands. They don’t have to worry about writing or debugging
code. As a result, users find GUI an easy-to-learn interface.
3. Provides shortcuts
GUI lets users take advantage of shortcut keys to minimize strokes. A combination of two keys in place of
several actions saves the user time and increases productivity. For example, a call-to-action button can pull up
a form, a prefilled letter or a list of contact information. That one button saves you from searching for the
same information.
5. Allows for multitasking
GUI lets users work and view two or more programs at the same time. For example, you can view a streaming
presentation while searching the internet from a web browser. You can watch a video while writing a review of
the presentation with a search engine in another tab.
GUI Installation
1
2
Write (guide) in command window and then choose a blank GUI option.
3
4
Allow to enter text
and edit it
A slider has a bar
and a tick that slides
across it.
Buttons let to make
immediate choices and
take actions
It is a static text
without any
change
Toggle buttons let to
change a setting
typically as off/on
states.
1. Design a GUI to multiply X by Y by using a single button, then display the result.
Firstly, the values of x and y will be changed continuously, so we need to two blocks of edit text blocks.
Secondly, it should give an order to start the multiplying.
Finally, the result should be illustrated.
Double click on the any block to edit
the parameters and prosperities.
Block's name
The name that will be
tagged in the program
Save and run the program, then edit
the code.
The result
2. Design a GUI to draw any function with one variable.
It will be
explained in
detail in the
lecture
3. Design a GUI to draw any function with two variable.
