From Clomosy Docs

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


[[File:IDESettingsButtonV1.0.png|frameless|300px]]<br>
[[File:IDESettingsButtonV1.1.png|frameless|300px]]<br>
 
:1. The code theme is changed.
:2. The expansion and contraction of code lines are performed.
:3. Line numbers can be shown or hidden.
:4. Parentheses matching is indicated.
:5. Invisible characters can be shown or hidden.
:6. The project file is exported. This operation downloads the main code and all units in a compressed file.
:7. Another project is imported.
 
Reloading existing projects or running them in another environment is necessary. To perform this operation, follow the steps below:<br>
<li>File Selection: In the opened window, import a ".zip" file in the "Import Project Codes" section under the "Select File" part.</li>
<li>Import the File: Click the "Import" button to upload the selected file. The system will analyze the file and display the contents as a list. This list includes all units and the "Main Code" pages.</li>
 
[[File:IDEImportProcessV1.0.png|frameless|500px]]<br><br>
 
You should select which file will be kept in the "Main Code" unit among these files and add it to the list named "Main Code." Press the arrow key next to the selected file to perform this transfer. Then, you can similarly transfer other files by pressing the arrow key to add them to the "Units" list.<br>
After the documents are added to the list, complete the project import process by clicking the completion button in the bottom right corner.<br>
<li>Check When Import is Complete: Once the process is complete, all units and pages of your project will be visible on the platform. Verify the uploaded content to ensure that everything has been imported correctly.</li>
 
These steps will ensure a smooth import of your project, allowing you to continue your work from where you left off.<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: 8px 10px; border-radius: 50%; display: inline-block;">
<b>10</b>
</span>
<div class="m-1">
<p class="card-text mb-1"><b>Access Allowed List</b></p>
<p class="card-text">The project activation code that will grant read permission must be specified. This activation code should include the projects of individuals with premium accounts. A project belonging to the "Educational" company cannot be granted read permission.</p>
</div>
</div>
</div>
</div>
</div>
 
 
 
 
 
 





Revision as of 13:16, 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.

IDESettingsButtonV1.1.png

1. The code theme is changed.
2. The expansion and contraction of code lines are performed.
3. Line numbers can be shown or hidden.
4. Parentheses matching is indicated.
5. Invisible characters can be shown or hidden.
6. The project file is exported. This operation downloads the main code and all units in a compressed file.
7. Another project is imported.

Reloading existing projects or running them in another environment is necessary. To perform this operation, follow the steps below:

  • File Selection: In the opened window, import a ".zip" file in the "Import Project Codes" section under the "Select File" part.
  • Import the File: Click the "Import" button to upload the selected file. The system will analyze the file and display the contents as a list. This list includes all units and the "Main Code" pages.
  • IDEImportProcessV1.0.png

    You should select which file will be kept in the "Main Code" unit among these files and add it to the list named "Main Code." Press the arrow key next to the selected file to perform this transfer. Then, you can similarly transfer other files by pressing the arrow key to add them to the "Units" list.
    After the documents are added to the list, complete the project import process by clicking the completion button in the bottom right corner.

  • Check When Import is Complete: Once the process is complete, all units and pages of your project will be visible on the platform. Verify the uploaded content to ensure that everything has been imported correctly.
  • These steps will ensure a smooth import of your project, allowing you to continue your work from where you left off.

    10

    Access Allowed List

    The project activation code that will grant read permission must be specified. This activation code should include the projects of individuals with premium accounts. A project belonging to the "Educational" company cannot be granted read permission.



















    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!');