From Clomosy Docs
No edit summary |
No edit summary |
||
| Line 272: | Line 272: | ||
</div> | </div> | ||
<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>15</b> | |||
</span> | |||
<div class="m-1"> | |||
<p class="card-text mb-1"><b>Download Code</b></p> | |||
<p class="card-text">Downloads the currently open project page.</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<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>16</b> | |||
</span> | |||
<div class="m-1"> | |||
<p class="card-text mb-1"><b>Save All</b></p> | |||
<p class="card-text">Saves all pages in the project.</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<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>17</b> | |||
</span> | |||
<div class="m-1"> | |||
<p class="card-text mb-1"><b>Save</b></p> | |||
<p class="card-text">Save the currently open project page.</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<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>18</b> | |||
</span> | |||
<div class="m-1"> | |||
<p class="card-text mb-1"><b>Code Development Environment</b></p> | |||
<p class="card-text">It is the code development environment where programs can be written. The code written in this environment can later be modified, saved, and utilized.</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<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>19</b> | |||
</span> | |||
<div class="m-1"> | |||
<p class="card-text mb-1"><b>Object Helper</b></p> | |||
<p class="card-text">Access is provided to the properties of the object to be used.</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<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>20</b> | |||
</span> | |||
<div class="m-1"> | |||
<p class="card-text mb-1"><b>Code Last Error</b></p> | |||
<p class="card-text">Displays the final code error that occurs after the project is saved and run.</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<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>21</b> | |||
</span> | |||
<div class="m-1"> | |||
<p class="card-text mb-1"><b>Tab Status</b></p> | |||
<p class="card-text">In the Main Code tab, units can be opened and managed.</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
Revision as of 13:54, 30 September 2024
Haven't you created a project yet?
Go to the project creation page.
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.
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.
- 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.
8
User Defined Params
Parameters defined by the developer are created.
- 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.
- 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:
![]()
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.
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.
- 1. To grant read permission, click the relevant button. When this button is clicked, a field will open on the screen to enter the project activation code. The activation code for the project that is to receive read permission must be entered. This code must belong to a premium account. Then, click the "Okay" button to grant permission. After permission is granted, the names of the developers who have been given permission and the project name will be visible in the list. If permission is to be denied, click the cross button to revoke the permission.
- 2. This feature is used to search among the permissions.
11
Access Taken List
The list of projects with granted reading permissions is displayed. You can click on a project from the list to view its content. To leave the project, click the "Leave" button at the top of the browser. This button is displayed only on the screens of users with a premium account.
12
Documentation
Redirects to the Clomosy documentation site.
13
Color Palette
By using the color palette, the color code of a point is obtained when clicked on the screen, or the code of a color selected from the color palette is learned in Hexadecimal, HSL, or RGB format.
14
Auto Save
Ensures that the project is automatically saved within the specified time.
15
Download Code
Downloads the currently open project page.
16
Save All
Saves all pages in the project.
17
Save
Save the currently open project page.
18
Code Development Environment
It is the code development environment where programs can be written. The code written in this environment can later be modified, saved, and utilized.
19
Object Helper
Access is provided to the properties of the object to be used.
20
Code Last Error
Displays the final code error that occurs after the project is saved and run.
21
Tab Status
In the Main Code tab, units can be opened and managed.
Related Links
- Go to the Developer page to create an account and get started.