Getting Started With Qt Creator UPDATE 2019 - Revision history

Btisler: Added redirect to intended page

2020-09-18T18:49:18Z

Added redirect to intended page

CBost at 19:52, 8 July 2019

2019-07-08T19:52:18Z

CBost at 19:51, 8 July 2019

2019-07-08T19:51:06Z

CBost at 19:32, 8 July 2019

2019-07-08T19:32:31Z

CBost: /* Adding Source Files */

2019-07-08T18:50:20Z

‎Adding Source Files

CBost at 18:47, 8 July 2019

2019-07-08T18:47:02Z

CBost at 18:46, 8 July 2019

2019-07-08T18:46:03Z

CBost at 18:45, 8 July 2019

2019-07-08T18:45:17Z

CBost: Created page with "{{todo| Complete (02.03.2015-10:42->BS+);(06.18.2015-14:25->BS+);(06.18.2015-15:48->KY+);(11.16.2015-11:35->MD+);(11.16.2015-12:15->MG+);(11.16.2015-12:20->KY+)|Brian Serrano|..."

2019-07-08T18:26:40Z

Created page with "{{todo| Complete (02.03.2015-10:42->BS+);(06.18.2015-14:25->BS+);(06.18.2015-15:48->KY+);(11.16.2015-11:35->MD+);(11.16.2015-12:15->MG+);(11.16.2015-12:20->KY+)|Brian Serrano|..."

New page

{{todo| Complete (02.03.2015-10:42->BS+);(06.18.2015-14:25->BS+);(06.18.2015-15:48->KY+);(11.16.2015-11:35->MD+);(11.16.2015-12:15->MG+);(11.16.2015-12:20->KY+)|Brian Serrano| project=OE 5.0,BS,KY,MD,MG,Complete}}
{{#seo:
|title=Getting Started with Qt Creator
|titlemode=append
|keywords=Qt Creator, Tutorial, Qt Creator Examples
|description=The following page can be used to get familiarized with EMAC Qt Creator.
}}





The following page demonstrates the process of getting familiar with EMAC Qt Creator and running it on the target machine.
__TOC__





=== Video Series ===
<youtube>https://www.youtube.com/watch?v=tlHZOxhxAfo</youtube>

{{:Templateimpl:bg | initials=BS | title=Getting Started with Qt Creator | desc=The following page can be used to get familiarized with EMAC Qt Creator. | project=OE 5.0 }}
Qt Creator is a cross-platform Open Source Integrated Development Environment (IDE) that can be used to develop software for many different languages. It includes a visual debugger and an integrated GUI layout and forms designer.

For more information visit the Qt Project site http://qt-project.org/wiki/Category:Tools::QtCreator.



{{:Templateimpl:geninfo | initials=BS | title=Getting Started with Qt Creator | desc=The following page can be used to get familiarized with EMAC Qt Creator. | project=OE 5.0 }}
=== Tools Required ===
These tools should already be installed if you installed the EMAC SDK using the automatic installer.
* [[Getting_Started_with_the_EMAC_OE_SDK | EMAC OE 5.X SDK]]
* EMAC Qt Creator
* GNU <code>make</code>
* CMake
=== Setup ===
# Make sure the system has the [[Getting_Started_with_the_EMAC_OE_SDK | EMAC OE 5.X SDK and tools installed. ]]
# Launch EMAC Qt Creator.



{{:Templateimpl:using | initials=BS | title=Getting Started with Qt Creator | desc=The following page can be used to get familiarized with EMAC Qt Creator. | project=OE 5.0 }}

1. Launch Qt Creator using one of the following methods:
* Click the Qt Creator icon on the the desktop
* In the terminal, execute the following commands:
{{cli | username=developer | hostname=ldc | cd ~/EMAC-SDK/emac-QtCreator/bin }}
{{cli | username=developer | hostname=ldc | pwd=~/EMAC-SDK/emac-QtCreator/bin | ./qtcreator.sh }}

2. To generate a new project from Qt Creator, select '''New Project''' on the opening splash window. The examples being used are all written in the <code>C programming</code> language.

[[File:QtCreatorGUInew.png|600px|left|thumb|Figure 1: Qt Creator GUI]]
 

3. After selecting '''New Project''' a new window will pop up. To run a <code>C programming</code> example using EMAC hardware, select '''EMAC Project''' under the Projects tab. Then select '''EMAC C Project (CMake Build)'''. Click the '''Choose''' button on the bottom right of the window to continue to the next page as shown in Figure 3.

[[File:EMAC_C_Project.png|600px|left|thumb|Figure 2: Qt Creator EMAC Project]]
 

4. The next page will be '''Introduction and Project Location'''. Select a name for the <code> C </code> project. Once the project name is given, choose a directory to store the project. Note: It is highly recommended to store your project somewhere other than the default location. For this example, we used <code>/home/developer/Projects</code>.

[[File:Project_location1.png|600px|left|thumb|Figure 3: Qt Creator Project Location]]
 

5. The next page summarizes the '''EMAC C Project'''. Click '''Finish''' to continue.

[[File:Project_summary1.png|600px|left|thumb|Figure 4: Qt Creator Project Summary]]
 

6. The next step is to set up the device you will be using for the Qt Creator examples. Click Tools -> Options
{{note|The board used for this example is the iPac-9x25. The iPac-9x25 is a 32-bit ARM architecture. Make sure to connect power, Ethernet, and serial to the board.}}

7. Select '''Devices''' from the left pane.

[[File:Options_devices.png|600px|left|thumb|Figure 5: Qt Creator Device Option]]
 

8. Click the '''Add''' button

9. Select Generic Linux Device, then click '''Start Wizard'''.

[[File:Generic_linux.png|600px|left|thumb|Figure 6: Qt Creator Wizard Selection]]
 

10. Type in a name, the IP address, the user name, and the password for the device. Use the credentials below to sign in.

{| class="wikitable"
!colspan="2"|Table 4: Default Login Credentials
|-
! Username !! Password
|-
| root || emac_inc
|}

[[File:Device_connection.png|600px|left|thumb|Figure 7: Qt Creator Configuration Setup]]
 

11. Click '''Next'''.

12. Click '''Finish'''.

13. A connection will be established with the target device.

[[File:Device_test.png|600px|left|thumb|Figure 8: Qt Creator Device Test]]
 

14. Click '''Close'''.

15. Click '''Apply'''.

16. Navigate to the '''Projects''' tab. Here, Qt Creator will ask you to select which kits you will be using with the project. For this example, we made sure the '''arm''' kit was selected. Then click '''Configure Project'''.

[[File:Configproject.png|600px|left|thumb|Figure 9: Configureing Qt Project]]
 

17. Now, on the left side of Qt Creator, you will see the project icon, which looks like a monitor. Click this and make sure '''Arm''' is selected under '''Kit''', '''Default''' is selected under '''Build''', and the project is set to be run on the remote device under '''Run'''.

[[File:Kitselection.png|600px|left|thumb|Figure 10: Selecting Qt Kit]]
 

18. Now, simply press the green play button. The program should run on the target device and yield an output.

[[File:Qtoutput.png|900px|left|thumb|Figure 11: Successfully running Qt Project]]
 




{{:Templateimpl:conclusion | initials=BS | title=Getting Started with Qt Creator | desc=The following page can be used to get familiarized with EMAC Qt Creator. | project=OE 5.0 }}
This page is a quick getting started tutorial on how to use EMAC Qt Creator for the first time. It shows you how to create an EMAC C Project, how to set up the necessary kits for your target board, how to set up your target board, and how to build and run example projects.






{{:Templateimpl:whatnext | initials=BS | title=Getting Started with the EMAC OE SDK | desc=Basic tutorial for using the EMAC OE SDK. | project=OE 5.0 }}
* [[Getting_Started_with_the_EMAC_OE_SDK | Getting Started with the EMAC OE SDK ]]

← Older revision		Revision as of 18:49, 18 September 2020
Line 1:		Line 1:
		+	#REDIRECT [[Getting_Started_With_Qt_Creator]]
	{{todo\| Complete (02.03.2015-10:42->BS+);(06.18.2015-14:25->BS+);(06.18.2015-15:48->KY+);(11.16.2015-11:35->MD+);(11.16.2015-12:15->MG+);(11.16.2015-12:20->KY+)\|Brian Serrano\| project=OE 5.0,BS,KY,MD,MG,Complete}}		{{todo\| Complete (02.03.2015-10:42->BS+);(06.18.2015-14:25->BS+);(06.18.2015-15:48->KY+);(11.16.2015-11:35->MD+);(11.16.2015-12:15->MG+);(11.16.2015-12:20->KY+)\|Brian Serrano\| project=OE 5.0,BS,KY,MD,MG,Complete}}
	{{#seo:		{{#seo:

@@ Line 140: / Line 140: @@
 <ol>
 Alternatively, files can be added by
-<ls>Clicking '''File->New File or Project'''. This will open the New File or Project Window.</ls>
+<li>Clicking '''File->New File or Project'''. This will open the New File or Project Window.</li>
-<ls>In the New File or Project window select '''General''' under Files and Classes, and then select '''Empty File''' in the middle column. Select '''Choose...'''. This will open the Location Window.
+<li>In the New File or Project window select '''General''' under Files and Classes, and then select '''Empty File''' in the middle column. Select '''Choose...'''. This will open the Location Window.</li>
-<ls>On the location window give the file a name (Example.c), and ensure the Path field contains the project directory. Select ''Next>''', to advance to the Summary Window.</ls>
+<li>On the location window give the file a name (Example.c), and ensure the Path field contains the project directory. Select ''Next>''', to advance to the Summary Window.</li>
-<ls>On the Summary Window select '''Finish'''. The Window will close.</ls>
+<li>On the Summary Window select '''Finish'''. The Window will close.</li>
 <li>Back in Qt Creator right click on the project folder and select '''Run CMake''' to add the files to the project.</li><br />
 The files are now visible and directly editable from within the Qt Creator IDE.

@@ Line 138: / Line 138: @@
 </ol>
 <br />
 ==Changing the Remote Directory==

@@ Line 132: / Line 132: @@
 To add source files .c/.h
 <ol>
-<li>Click on '''CMakeLists.txt''' and select '''Show Containing Folder''' to open the project directory.</li>
+<li>Right click on '''CMakeLists.txt''' and select '''Show Containing Folder''' to open the project directory.</li>
 <li>Create and name files within this directory. For example we'll create Example.c and Example.h</li>
 <li>Back in Qt Creator right click on the project folder and select '''Run CMake''' to add the files to the project.</li><br />
@@ Line 138: / Line 138: @@
 </ol>
 <br />
 <!-- /*********************************************************************************************************/ -->

@@ Line 135: / Line 135: @@
 <li>Create and name files within this directory. For example we'll create Example.c and Example.h</li>
 <li>Back in Qt Creator right click on the project folder and select '''Run CMake''' to add the files to the project.</li><br />
-The files are now visible and editable from withing the Qt Creator IDE.
+The files are now visible and directly editable from within the Qt Creator IDE.
 </ol>
 <br />

@@ Line 122: / Line 122: @@
 . Now, simply press the green play button. The program should run on the target device and yield an output.
 ==Adding Source Files==
@@ Line 133: / Line 139: @@
 </ol>
 <br />
 <!-- /*********************************************************************************************************/ -->

← Older revision		Revision as of 18:45, 8 July 2019
Line 122:		Line 122:

	18. Now, simply press the green play button. The program should run on the target device and yield an output.		18. Now, simply press the green play button. The program should run on the target device and yield an output.
		+
		+	==Adding Source Files==
		+	To add source files .c/.h
		+	<ol>
		+	<li>Add the EMAC_Libgpiod.h file</li>
		+	<li>Click on '''CMakeLists.txt''' and select '''Show Containing Folder''' to open the project directory.</li>
		+	<li>Create and name files within this directory. For example we'll create Example.c and Example.h</li>
		+	<li>Back in Qt Creator right click on the project folder and select '''Run CMake''' to add the files to the project.</li><br />
		+	The files are now visible and editable from withing the Qt Creator IDE.
		+	</ol>
		+	<br />

	[[File:Qtoutput.png\|900px\|left\|thumb\|Figure 11: Successfully running Qt Project]]		[[File:Qtoutput.png\|900px\|left\|thumb\|Figure 11: Successfully running Qt Project]]