QT Creator Setup - Revision history

Quintenlb: Added link to git code

2022-10-09T15:47:54Z

Added link to git code

← Older revision		Revision as of 15:47, 9 October 2022
Line 1:		Line 1:
	Our data logging system has the possibility to connect an external screen, this can be utilized to inform the pilot of our solar boat about critical information such as the incoming and outgoing power. Creating a user interface is quite important for this purpose as reading lines of text from a terminal is not only difficult but is also quite terrible at drawing the pilots attention to the most important information. To create our graphical user interface we used Qt, Qt is a library for c++ code and provides an open-source library for non-commercial projects. Building Qt applications for our datalogging system requires setting up a toolchain, this document walks through the setting up of said toolchain to quick start Qt application creation for the EoI-Datalogging system. If you plan to develop for any other embedded Linux system this guide may provide you with some information as well as much of it is not system-specific.		Our data logging system has the possibility to connect an external screen, this can be utilized to inform the pilot of our solar boat about critical information such as the incoming and outgoing power. Creating a user interface is quite important for this purpose as reading lines of text from a terminal is not only difficult but is also quite terrible at drawing the pilots attention to the most important information. To create our graphical user interface we used Qt, Qt is a library for c++ code and provides an open-source library for non-commercial projects. Building Qt applications for our datalogging system requires setting up a toolchain, this document walks through the setting up of said toolchain to quick start Qt application creation for the EoI-Datalogging system. If you plan to develop for any other embedded Linux system this guide may provide you with some information as well as much of it is not system-specific.

	This guide is a follow up of EoI-Datalogger-Filesystem, here it is explained why we want to cross-compile Qt for the datalogging system.		This guide is a follow up of EoI-Datalogger-Filesystem, here it is explained why we want to cross-compile Qt for the datalogging system. The code for the setup can be found here: https://git.engineersofinnovation.nl/datalogger/qt-tools

Quintenlb: Made formatting changes for better readability

2022-09-14T14:46:22Z

Made formatting changes for better readability

← Older revision		Revision as of 14:46, 14 September 2022
Line 13:		Line 13:
	=== 3. Add the linux-eoi-datalogger-g++ mkspec to ~/Qt/5.14.0/Src/qtbase/mkspec/devices ===		=== 3. Add the linux-eoi-datalogger-g++ mkspec to ~/Qt/5.14.0/Src/qtbase/mkspec/devices ===

	<pre>mkdir ~/Qt/5.14.0/Src/qtbase/mkspec/devices/linux-eoi-datalogger-g++~~</pre>~~		<pre>mkdir ~/Qt/5.14.0/Src/qtbase/mkspec/devices/linux-eoi-datalogger-g++
	~~<pre>~~cd ~/Qt/5.14.0/Src/qtbase/mkspec/devices/linux-eoi-datalogger-g++~~</pre>~~		cd ~/Qt/5.14.0/Src/qtbase/mkspec/devices/linux-eoi-datalogger-g++
	~~<pre>~~wget https://git.engineersofinnovation.nl/datalogger/qt-tools/-/raw/master/linux-eoi-datalogger-g++/qmake.conf~~</pre>~~		wget https://git.engineersofinnovation.nl/datalogger/qt-tools/-/raw/master/linux-eoi-datalogger-g++/qmake.conf
	~~<pre>~~wget https://git.engineersofinnovation.nl/datalogger/qt-tools/-/raw/master/linux-eoi-datalogger-g++/qplatformdefs.h</pre>		wget https://git.engineersofinnovation.nl/datalogger/qt-tools/-/raw/master/linux-eoi-datalogger-g++/qplatformdefs.h</pre>

	=== 4. Mount the Debian filesystem at ~/Documents/rootfs/rootfs ===		=== 4. Mount the Debian filesystem at ~/Documents/rootfs/rootfs ===
Line 22:		Line 22:
	=== 5. Fix some symbolc links ===		=== 5. Fix some symbolc links ===

	<pre>wget https://raw.githubusercontent.com/riscv/riscv-poky/master/scripts/sysroot-relativelinks.py~~</pre>~~		<pre>wget https://raw.githubusercontent.com/riscv/riscv-poky/master/scripts/sysroot-relativelinks.py
	sudo chmod +x ./sysroot-relativelinks.py		sudo chmod +x ./sysroot-relativelinks.py
	sudo ./sysroot-relativelinks.py ~/Documents/datalogger/rootfs/rootfs		sudo ./sysroot-relativelinks.py ~/Documents/datalogger/rootfs/rootfs</pre>

	=== 6. Start the cross-compilation ===		=== 6. Start the cross-compilation ===
	~~```~~		<pre>mkdir ~/Documents/datalogger/qt-build
	mkdir ~/Documents/datalogger/qt-build
	cd ~/Documents/datalogger/qt-build		cd ~/Documents/datalogger/qt-build

Line 34:		Line 34:

	sudo make		sudo make
	~~sudo make install~~
	~~```~~

	=== 7. Build the Qt modules ===		sudo make install</pre>
	~~```~~
	cd ~/Qt/5.14.1/Src/qtdeclarative		===7. Build the Qt modules===
			<pre>cd ~/Qt/5.14.1/Src/qtdeclarative

	~/Qt/5.14.1/EoI-Datalogger/bin/qmake .		~/Qt/5.14.1/EoI-Datalogger/bin/qmake .

	sudo make		sudo make
	~~sudo make install~~

	cd ~/Qt/5.14.1/Src/qtquickcontrols		sudo make install</pre>

			<pre>cd ~/Qt/5.14.1/Src/qtquickcontrols

	~/Qt/5.14.1/EoI-Datalogger/bin/qmake .		~/Qt/5.14.1/EoI-Datalogger/bin/qmake .

	sudo make		sudo make
	~~sudo make install~~

	cd ~/Qt/5.14.1/Src/qtquickcontrols2		sudo make install</pre>

			<pre>cd ~/Qt/5.14.1/Src/qtquickcontrols2

	~/Qt/5.14.1/EoI-Datalogger/bin/qmake .		~/Qt/5.14.1/EoI-Datalogger/bin/qmake .

	sudo make		sudo make
	~~sudo make install~~

	cd ~/Qt/5.14.1/Src/qtgraphicaleffects		sudo make install</pre>

			<pre>cd ~/Qt/5.14.1/Src/qtgraphicaleffects

	~/Qt/5.14.1/EoI-Datalogger/bin/qmake .		~/Qt/5.14.1/EoI-Datalogger/bin/qmake .

	sudo make		sudo make
	~~sudo make install~~

	cd ~/Qt/5.14.1/Src/qtserialbus		sudo make install</pre>

			<pre>cd ~/Qt/5.14.1/Src/qtserialbus

	~/Qt/5.14.1/EoI-Datalogger/bin/qmake .		~/Qt/5.14.1/EoI-Datalogger/bin/qmake .

	sudo make		sudo make
	~~sudo make install~~
	~~```~~

	~~= Setting up QtCreator =~~

	~~# Download and Install QtCreator~~
	~~# Open QtCreator~~
	~~# Set up the compiler(s) under 'Tools -> Options -> Kits -> Compilers -> Add -> GCC'~~
	~~Select /usr/bin/arm-linux-gnueabihf-gcc and /usr/bin/arm-linux-gnueabihf-g++~~

	~~4. Add the newly generated Qt version under 'Tools -~~> ~~Options -> Kits -> Qt Versions -> Add'~~		sudo make install</pre>
	~~Navigate to the installation location on the host and select the qmake file (~/Qt/5.14.0/EoI-Datalogger/bin/qmake)~~

	~~5. Add a new kit for the custom target 'Tools -> Options -> Kits -> Kits -> Add'~~		=Setting up QtCreator=
	~~Select the following options and name the kit appropriately~~
	* Device type: Generic Linux Device
	* Compiler: The previously added arm-linux-gnueabihf- compilers
	* Qt Version: The previously added Qt version

			#Download and Install QtCreator
			#Open QtCreator
			#Set up the compiler(s) under <code>Tools -> Options -> Kits -> Compilers -> Add -> GCC</code>
			#*Select '''/usr/bin/arm-linux-gnueabihf-gcc''' and '''/usr/bin/arm-linux-gnueabihf-g++'''
			#Add the newly generated Qt version under <code>Tools -> Options -> Kits -> Qt Versions -> Add</code>
			#*Navigate to the installation location on the host and select the qmake file (~/Qt/5.14.0/EoI-Datalogger/bin/qmake)
			#Add a new kit for the custom target <code>Tools -> Options -> Kits -> Kits -> Add</code>
			#Select the following options and name the kit appropriately
			#*''Device type'': Generic Linux Device
			#*''Compiler'': The previously added arm-linux-gnueabihf- compilers
			#*''Qt Version'': The previously added Qt version
	With Qt Creator now setup you can start developing applications, optionally Qt can deploy applications over SSH to the target machine but this is left up to the user		With Qt Creator now setup you can start developing applications, optionally Qt can deploy applications over SSH to the target machine but this is left up to the user

	= FAQ =		=FAQ=

	=== Q: I Don't see any text (Fonts) in my application ===		===Q: I Don't see any text (Fonts) in my application===
	A: This is a common issue with Qt, on the target device install fonts-dejavu and export the path to provide Qt with fonts before running the application		A: This is a common issue with Qt, on the target device install fonts-dejavu and export the path to provide Qt with fonts before running the application

	~~```~~		<pre>apt install fonts-dejavu
	apt install fonts-dejavu
	export QT_QPA_FONTDIR=/usr/share/fonts/truetype/dejavu		export QT_QPA_FONTDIR=/usr/share/fonts/truetype/dejavu</pre>

Quintenlb: Created page with "Our data logging system has the possibility to connect an external screen, this can be utilized to inform the pilot of our solar boat about critical information such as the incoming and outgoing power. Creating a user interface is quite important for this purpose as reading lines of text from a terminal is not only difficult but is also quite terrible at drawing the pilots attention to the most important information. To create our graphical user interface we used Qt, Qt..."

2022-09-14T14:32:44Z

Created page with "Our data logging system has the possibility to connect an external screen, this can be utilized to inform the pilot of our solar boat about critical information such as the incoming and outgoing power. Creating a user interface is quite important for this purpose as reading lines of text from a terminal is not only difficult but is also quite terrible at drawing the pilots attention to the most important information. To create our graphical user interface we used Qt, Qt..."

New page

Our data logging system has the possibility to connect an external screen, this can be utilized to inform the pilot of our solar boat about critical information such as the incoming and outgoing power. Creating a user interface is quite important for this purpose as reading lines of text from a terminal is not only difficult but is also quite terrible at drawing the pilots attention to the most important information. To create our graphical user interface we used Qt, Qt is a library for c++ code and provides an open-source library for non-commercial projects. Building Qt applications for our datalogging system requires setting up a toolchain, this document walks through the setting up of said toolchain to quick start Qt application creation for the EoI-Datalogging system. If you plan to develop for any other embedded Linux system this guide may provide you with some information as well as much of it is not system-specific.

This guide is a follow up of EoI-Datalogger-Filesystem, here it is explained why we want to cross-compile Qt for the datalogging system.

= Cross-compiling Qt =
This guide has been created using Debian 10 as the host computer for Qt v5.14.0

=== 1. Install Qt on the host computer (PC / Laptop) ===
=== 2. Install dependencies ===
<pre>sudo apt install build-essential libgl1-mesa-dev libglu1-mesa-dev qt5-default libc6-armel-cross libc6-dev-armel-cross binutils-arm-linux-gnueabi libncurses5-dev gcc-arm-linux-gnueabihf g++-arm-linux-gnueabihf gcc-arm-linux-gnueabi g++-arm-linux-gnueabi</pre>

=== 3. Add the linux-eoi-datalogger-g++ mkspec to ~/Qt/5.14.0/Src/qtbase/mkspec/devices ===

<pre>mkdir ~/Qt/5.14.0/Src/qtbase/mkspec/devices/linux-eoi-datalogger-g++</pre>
<pre>cd ~/Qt/5.14.0/Src/qtbase/mkspec/devices/linux-eoi-datalogger-g++</pre>
<pre>wget https://git.engineersofinnovation.nl/datalogger/qt-tools/-/raw/master/linux-eoi-datalogger-g++/qmake.conf</pre>
<pre>wget https://git.engineersofinnovation.nl/datalogger/qt-tools/-/raw/master/linux-eoi-datalogger-g++/qplatformdefs.h</pre>

=== 4. Mount the Debian filesystem at ~/Documents/rootfs/rootfs ===

=== 5. Fix some symbolc links ===

<pre>wget https://raw.githubusercontent.com/riscv/riscv-poky/master/scripts/sysroot-relativelinks.py</pre>
sudo chmod +x ./sysroot-relativelinks.py
sudo ./sysroot-relativelinks.py ~/Documents/datalogger/rootfs/rootfs

=== 6. Start the cross-compilation ===
```
mkdir ~/Documents/datalogger/qt-build
cd ~/Documents/datalogger/qt-build

~/Qt/5.14.1/Src/qtbase/configure -opengl es2 -device linux-eoi-datalogger-g++ -device-option CROSS_COMPILE=/usr/bin/arm-linux-gnueabihf- -sysroot ~/Documents/datalogger/rootfs/rootfs -opensource -confirm-license -optimized-qmake -reduce-exports -release -make libs -prefix /usr/local/Qt/5.14.1 -hostprefix ~/Qt/5.14.0/EoI-Datalogger

sudo make
sudo make install
```

=== 7. Build the Qt modules ===
```
cd ~/Qt/5.14.1/Src/qtdeclarative
~/Qt/5.14.1/EoI-Datalogger/bin/qmake .
sudo make
sudo make install

cd ~/Qt/5.14.1/Src/qtquickcontrols
~/Qt/5.14.1/EoI-Datalogger/bin/qmake .
sudo make
sudo make install

cd ~/Qt/5.14.1/Src/qtquickcontrols2
~/Qt/5.14.1/EoI-Datalogger/bin/qmake .
sudo make
sudo make install

cd ~/Qt/5.14.1/Src/qtgraphicaleffects
~/Qt/5.14.1/EoI-Datalogger/bin/qmake .
sudo make
sudo make install

cd ~/Qt/5.14.1/Src/qtserialbus
~/Qt/5.14.1/EoI-Datalogger/bin/qmake .
sudo make
sudo make install
```

= Setting up QtCreator =

# Download and Install QtCreator
# Open QtCreator
# Set up the compiler(s) under 'Tools -> Options -> Kits -> Compilers -> Add -> GCC'
Select /usr/bin/arm-linux-gnueabihf-gcc and /usr/bin/arm-linux-gnueabihf-g++

4. Add the newly generated Qt version under 'Tools -> Options -> Kits -> Qt Versions -> Add'
Navigate to the installation location on the host and select the qmake file (~/Qt/5.14.0/EoI-Datalogger/bin/qmake)

5. Add a new kit for the custom target 'Tools -> Options -> Kits -> Kits -> Add'
Select the following options and name the kit appropriately
* Device type: Generic Linux Device
* Compiler: The previously added arm-linux-gnueabihf- compilers
* Qt Version: The previously added Qt version

With Qt Creator now setup you can start developing applications, optionally Qt can deploy applications over SSH to the target machine but this is left up to the user

= FAQ =

=== Q: I Don't see any text (Fonts) in my application ===
A: This is a common issue with Qt, on the target device install fonts-dejavu and export the path to provide Qt with fonts before running the application

```
apt install fonts-dejavu
export QT_QPA_FONTDIR=/usr/share/fonts/truetype/dejavu