From Clomosy Docs

No edit summary
No edit summary
Line 104: Line 104:
</div>
</div>


[[File:IDEUnitsButtonV1.0.png|frameless|300px]]
[[File:IDEUnitsButtonV1.0.png|frameless|300px]]<br>
 


:1. To create a new unit, click the relevant button and the unit will be created.
:1. To create a new unit, click the relevant button and the unit will be created.
:2. It is used to search among the created units.
:2. It is used to search among the created units.


<div class="card mb-4" style="padding-top:10px;padding-bottom:10px;border: none; box-shadow: 0 4px 8px;">
<div class="card-body" style=" padding: 0px;">
<div class="d-flex align-items-center ">
<div class="d-flex justify-content-center align-items-center">
<span style="border: 3px solid #000000; padding: 5px 10px; border-radius: 50%; display: inline-block;">
<b>7</b>
</span>
<div class="m-1">
<p class="card-text mb-1"><b>Components</b></p>
<p class="card-text">In the development environment, you can quickly access component commands by placing the cursor in the appropriate position on the IDE and including the desired component in the project. As shown in the image below, a component can be selected from the "Components" panel on the left and added to the project.</p>
</div>
</div>
</div>
</div>
</div>


[[File:IDEComponentsButtonV1.0.png|frameless|300px]]<br><br>


<div class="card mb-4" style="padding-top:10px;padding-bottom:10px;border: none; box-shadow: 0 4px 8px;">
<div class="card-body" style=" padding: 0px;">
<div class="d-flex align-items-center ">
<div class="d-flex justify-content-center align-items-center">
<span style="border: 3px solid #000000; padding: 5px 10px; border-radius: 50%; display: inline-block;">
<b>8</b>
</span>
<div class="m-1">
<p class="card-text mb-1"><b>User Defined Params</b></p>
<p class="card-text">Parameters defined by the developer are created.</p>
</div>
</div>
</div>
</div>
</div>


[[File:IDEUserDefinedParamsButtonV1.0.png|frameless|300px]]<br>


:1. To create a new parameter, click the relevant button, and the parameter will be created.
:2. It is used to search among the created parameters.


<div class="card mb-4" style="padding-top:10px;padding-bottom:10px;border: none; box-shadow: 0 4px 8px;">
<div class="card-body" style=" padding: 0px;">
<div class="d-flex align-items-center ">
<div class="d-flex justify-content-center align-items-center">
<span style="border: 3px solid #000000; padding: 5px 10px; border-radius: 50%; display: inline-block;">
<b>9</b>
</span>
<div class="m-1">
<p class="card-text mb-1"><b>IDE Settings</b></p>
<p class="card-text">In the development environment, settings can be changed, and file import/export operations are performed. These processes facilitate the configuration of the development environment.</p>
</div>
</div>
</div>
</div>
</div>


 
[[File:IDESettingsButtonV1.0.png|frameless|300px]]<br>
 
 





Revision as of 12:03, 30 September 2024

The Clomosy integrated development environment (IDE) offers a single-window system configured by user interface settings. The image below shows that you are in the IDE screen. This development environment enhances the user experience with its numerous features and easy-to-use tools.

ProjectMainScreenV1.2.png

1

Company Name

Access to the company name is provided.

2

Project Name

Access to the project name is provided.

3

Report Page

This is the report page where developers with a premium account can view the results of the surveys and exams created.

4

Log Out

To log out of the developer account, simply click the "Log Out" button.

5

Members

Developers can add new members to the project, retrieve the project activation code, manage project members, and access information such as the management panel.

6

Units

It is used when a unit needs to be created in the development environment.

IDEUnitsButtonV1.0.png

1. To create a new unit, click the relevant button and the unit will be created.
2. It is used to search among the created units.

7

Components

In the development environment, you can quickly access component commands by placing the cursor in the appropriate position on the IDE and including the desired component in the project. As shown in the image below, a component can be selected from the "Components" panel on the left and added to the project.

IDEComponentsButtonV1.0.png

8

User Defined Params

Parameters defined by the developer are created.

IDEUserDefinedParamsButtonV1.0.png

1. To create a new parameter, click the relevant button, and the parameter will be created.
2. It is used to search among the created parameters.

9

IDE Settings

In the development environment, settings can be changed, and file import/export operations are performed. These processes facilitate the configuration of the development environment.

File:IDESettingsButtonV1.0.png
















There is the code that will be given to the members you want to access your projects with the project activation code. With this code, members can access the project via windows application or mobile application, regardless of where they are.

ProjectActivationCode.png

After sending the project code to users, users receive the code and add it to their mobile app. After this addition is made, the person's name appears in the list of project members below (if the name did not come, click the refresh button at the top right) and once accepted, access is granted.

ProjectMembers.png

When users enter the administration panel, they encounter templates here. Among these templates, people with a student membership can access the Codes and Params sections and use them as they wish. Check out [1] for more detailed information.

Management.png






Project Development Environment

The development environment is where programs are written and executed. Many settings can be configured in this environment. There are several key points to note, which have been numbered.
The area labeled [1] is the code development environment in Clomosy where you can write your programs. You can later modify, save, and use the code you write in this environment.
To save the code written in the developer environment, click the button labeled [2].
The section labeled [3] represents the activation code that will be used to add new members to the project. With this activation code, you can include multiple people in your project.
The section labeled [4] displays the list of members in the project.

Project Development Environment

Save the project by displaying text in a simple message window.

Sample Code;

ShowMessage('Hello World!');