1. Help
  2. Quick start
  3. First steps

First stepsΒΆ

Purpose of this module

In this module, we will create the project to be used throughout the tutorial, and get to know the Q Studio user interface.

  1. Create the project

    1. Start Q Studio.

    2. To create a new project, click image1New: the project templates window opens.

    3. Select Main project: this project is prepared with the typical elements useful for the design of an HMI application.

    4. Set the project name, for example MyProject, and the path in which to create it.

    5. Click OK: the project is created in the set path, inside a folder with the same name.

  2. Get to know the Q Studio interface

    ../_images/cbe94399eb16cdabfa9f0e408a063d9b0a6649ab.png

    Part

    Description

    A

    Main toolbar

    B

    Project] panel: project elements/features, organized in folders

    C

    Types panel: objects and variables from which to derive other objects and variables

    D

    Object Editor

    E

    Properties panel of the element of the selected project

    F

    Events panel: events and associated commands of the selected object

    Below is the description of some buttons in the main toolbar:

    Button

    Function
    ../_images/48ad750d9541ca8682a2a6a4a0f2f1eeb8d01d4c1.png

    Create, open or close a project.
    ../_images/fda0b9a3b429491a657f28ad907e288ef58b679a2.png

    Save the project or export the Q Application.
    ../_images/818d89b05aedc19443e2b17a9ae8d0be0206d69f1.png

    Cancel the last operation.
    ../_images/3eda688eeab117435436efa75834fa51b01280ec1.png

    Repeat the last operation.
    ../_images/c51e5e017e137f37ee8b9fec60de8fef110293253.png

    Open the project resource window for displaying, importing or deleting project files such as images, videos, documents, certificates, etc.
    ../_images/31246fe0b937efe206b515d80c777ae783bc08d58.png

    Open the object libraries and template variables window.
    ../_images/15a3b5eb05ae164aeda4542a41f72d2cfd513a6f2.png

    Open the .NET project integrated in the UNIQO project, to integrate functionality through C# code.
    ../_images/81f0d2cd4c4c82685c6a014740772fb26a91558b2.png

    Compile, transfer and run the application on the target.
    ../_images/7f65cb19f1262c3ff8e923726629fa8f22978ad62.png

    End the Q Application on the target.
    ../_images/3372e1e9c86daec4897e45c16d5fa9700b5561bb7.png

    Open the Q Studio general settings window.
    ../_images/a998b6c1c8f3463fcf174ac119bd276bd19acc582.png

    Open the UNIQO local manual in the browser.

  3. Get to know the section dedicated to graphical elements

    In the Project panel, the UI folder is the folder dedicated to graphical elements and the general appearance of the HMI application. The template project we started from includes the following objects:

    • DefaultStyleSheet: style sheet with the global formatting properties of the various project elements (colors, fonts, borders, margins, etc.)

    • NativePresentationEngine: object with which to set, among other things, the start window of the HMI application at runtime (Start window) and the style sheet to use (Style sheet).

    • MainWindow (type): main window, that is the basic element that contains all the graphical elements of the HMI application.

    In addition to these objects, inside the UI folder we will create the different graphical elements to be displayed (navigation menu, pages, switches, etc.).

See also

Related concepts

Presentation engine

References

Q Studio Interface

image2 Install UNIQO

Set the main window image3