Introduction: Control Your Arduino From Your PC With the Qt Gui
So if you want to create your own graphic interfaces, you want to control stuff just by clicking buttons from your screen, this instructable is for you.
To do this we will use Qt (say : "cute") from nokia.
Of course Qt is not the only program that can make graphical interface.
But these are the advantages of Qt :
- It is free and open source software (distributed under the terms of the GNU Lesser General Public License)
- It is C/C++, so widely used.
- You can compile your program on a lot of platform (Windows, Linux, ...)
- The possibilities are infinite (you probably have many applications coded on Qt : Skype, Google Earth, VLC, ...
I only provide basic things to start.
Here we just see how to install Qt, the serial port library and write your first program.
The program will control the brightness of a led.
I admit that you already know know C/C++. If it is not the case, there are plenty of course on the web. If your are a french speaker (like me), I suggest the course from www.siteduzero.fr which is very good to start from zero.
Step 1: Intallation of Qt
The first step of this instructable is to get and install Qt.
You can get Qt sdk from this wedsite : http://qt.nokia.com/products/
Once downloaded, follow the instruction to install it.
The first part is over. Fairly easy, isn't it?
The next part is a bit more tricky.
Step 2: Installation of the Library
Even if Qt is very huge and provides a lot of tools, there is one thing which is missing in our case :
the serial port functions.
So we have to install a library to be able to communicate with the port com.
To do this I use the qextserialport library (version 1.2alpha).
First you need to download the library on sourceforge :
http://sourceforge.net/projects/qextserialport/files/
or the last version here
http://code.google.com/p/qextserialport/
Then you extract the files.
Here comes the tricky part. The files you downloaded are not compiled.
So you must compiled them. To do so you must start the Qt prompt console.
You can find it on Windows in :
start menu,
Qt SDK,
Desktop,
Qt 4.7.3 for Desktop (MinGW)
Then send the command that are on picture 2.
Make sure that a new folder "build" was created during the compilation and the files
qextserialportd.dll and libqextserialportd.a are present.
Congratulation, you perfectly compiled the library!
Step 3: Let's Program
Now everything is installed, we can start to program.
Open Qt Creator and create a new project.
I join an example of the program, there are a lot of comments which will help to understand.
The main things to know are :
- you have to include the library in your .pro file (see the example)
- to connect a port, you need to create a variable, to open the port and then to configure it (in this order).
(Don't forget to put the right number of your port)
- to send a message through, use the function write(char*).
- to receive data use the function read :
int numBytes =portcom.bytesAvailable();
char buff[256];
portcom.read(buff, numBytes);
(you can also use the signal readyRead() to launch function when a data arrives)
- if when compiling you have the error n°1073741515 (or maybe another) that mean that you need to put the qextserialportd.dll into your .exe folder.
You can find other examples in the library example folder. That will teach you how to scan the ports or receive data.
Attachments
Step 4: Program Your Arduino
The last part is very easy.
Plug a led with its resistance to the 9 pin.
Then you just have to load the program present in Examples => Communication => Drimmer.
Here is the relevant part of the program :
const int ledPin = 9; // the pin that the LED is attached to
void setup()
{
// initialize the serial communication:
Serial.begin(9600);
// initialize the ledPin as an output:
pinMode(ledPin, OUTPUT);
}
void loop() {
byte brightness;
// check if data has been sent from the computer:
if (Serial.available()) {
// read the most recent byte (which will be from 0 to 255):
brightness = Serial.read();
// set the brightness of the LED:
analogWrite(ledPin, brightness);
}
}
Start your Qt program and control the pin 9 voltage.
Step 5: Conclusion
In this instructable, we have see how to use Qt to control your arduino.
I know that this example is very minimalist, but I'm sure that you will be able to start bigger project.
Next time I will show you how to plot graph on Qt, so you could also monitor temperature, pressure...
PS : As you probably notice it, I am not a native English speaker, I would be please if you can correct me.

Participated in the
Microcontroller Contest
24 Comments
Question 4 years ago on Step 5
I got a problem in Step.1 , the adress:http://qt.nokia.com/products/ not worked anymore.What else way can I install SDK ?
Answer 4 years ago
Try Google with key word: ‘Qt SDK’ ? ;)
5 years ago
"Plug a led with its resistance to the 9 pin", should be "a resistor". Anyway, nice job. ;)
5 years ago
Great!
8 years ago on Introduction
8 years ago on Introduction
Can you please help me with my thesis project?
I am making a gui that will read my duino's eeprom memory and if I can modify the way I present it.
8 years ago on Step 5
HI,
First of all thanks a lot for this very nice instructable.
I'm very new on QT and never handled this kind of software.
Can you please be so kind to give me more instruction on how I have to handle you file portsender.rar ( I have already decompressed it )..using qt Creator already installed?
Please forgive me..but I'm very new on this.
I hope to receive your kind reply.
My OS is Linux Mint and everything has been properly installed and working.
Thanks again.
Arnaldo Armida
Reply 8 years ago on Step 5
There is a .pro file in the archive. You open this usint Qt, and build it. Should not be more than that. Providing of course, that you have installed the serial library. openSuSE actually have this as installable so you don't have to compile the serial library your self. It is also part of Qt5
Reply 8 years ago on Step 5
I just modified it to (which makes it more "adjustable"):
win32{
INCLUDEPATH +=
CONFIG(debug, debug|release) {
LIBS +=
} else {
LIBS +=
}
}
unix:!mac:!linux*{
INCLUDEPATH +=
LIBS +=
} else:mac {
INCLUDEPATH +=
LIBS +=
} else {
INCLUDEPATH += /usr/include/qextserialport
LIBS += /usr/lib64/libqextserialport.so
}
8 years ago on Step 5
"we have seen ho.." not, "we have see ho.."
I don't find your english bad :-)
Arnaldo, have you received any assistance? What exactly is the challenge?
8 years ago on Introduction
Great Instructable.
8 years ago on Step 3
Does it work exactly the same on macs? Or do I have to write other code to make an app for OS X?
9 years ago on Introduction
Are there any Qt IDEs (commercial or open source) that have a m$ visual studio feel to it?
I was thinking of doing a simple GUI for an embedded application using Tcl/Tk but seems like there's not many resources available (ActiveState dropped Komodo GUI builder in 2007!)
Also any thoughts on GTK+, OpenBox, openFramework, wxWidgets, or any of the other popular GUI libraries http://en.wikipedia.org/wiki/List_of_platform-independent_GUI_libraries
9 years ago on Step 3
OK, I just sad that I can't use your tutorial, it's so well explained..
I saw at code.google.com/p/qextserialport that there is support for Qt5 so I thought I could follow your tutorial..
Do you still use Qt 4.7.3? Is there any chance you got the qt SDK installer?
9 years ago on Step 3
Hello. I tried to follow the steps but it didn't work on qt5.1. Do you know how do I do that? I even tried to download and install qt 4.7.3, but with no success.. Hope you can help me. So what I could manage to have on my PC is Qt 5.1.0 with Mingw. If you can get in touch with me by email I'll be so grateful too.. My email is jloibman@gmail.com
Reply 9 years ago on Step 3
The library does not seem to work on qt5.X. Instead you might use this new Qt add-on : http://qt-project.org/wiki/QtSerialPort , I have not tried but I think it has the same features that the qtserialport library.
10 years ago on Introduction
Hey mate,
I went to my Qt SDK desktop. I had 4.7.4 & 4.8.1.
I followed both your instruction for both 4.7.4 & 4.8.1 just like you've showed them in the picture.
And it seemed to work exactly how its displayed on your cmd window.
Also instead I downloaded the beta file.
QextSerialPort_1_2_Beta2. But I believe the procedure is very similar.
Then the next, I did was open the project file from your portcomsender. After this I went inside the portcomsender.pro and changed the
INCLUDEPATH += C:/Qt/qextserialport-1.2win-alpha/
LIBS += C:\Qt\qextserialport-1.2win-alpha\build\libqextserialportd.a
to
INCLUDEPATH += C:/qt/qextserialport-1.2beta/
LIBS += C:\Qt\qextserialport-1.2beta\buildlib\buildlib.pro
I did this because I could not libqextserialportd.a or any .dll files.
Im really not sure what to do here. Should I just copy the ibqextserialportd.a & .dll files from the aplha to the buildlib of the beta folder?
Reply 10 years ago on Introduction
Hi varuninnz
I am not sure that you should export the alpha files to the beta folder, this might be a bad idea.
I have not tried the beta yet so I don't know what you have to do. You should probably check what the developers expect you to do to run this new library. Usually you can easily find instructions in the downloaded files.
Tell me when you find a solution to your problem.
Cheers
10 years ago on Step 2
When i typed in this "F:\QtSDK\qextserialport-1.2win-alpha>f:\QtSDK\mingw\bin\mingw32-make.exe "
following error comes,
sbs -c winscw_udeb.mwccinc
sbs: error: tool 'MWLD' from config 'none' did not return version 'Version 3.2.*
' as required.
Command 'mwldsym2.exe -version' returned:
/bin/bash: mwldsym2.exe: command not found
Check your environment and configuration.
What went wrong?
11 years ago on Introduction
Here is the latest qextserialport project. It is no longer at sourceforge.
http://code.google.com/p/qextserialport/