Application Development Environment

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.

1. Add User To Project: A user is added to the project. After clicking the button, the member's GUID can be entered in the opened window to add the user to the project.

2. Project Activation Code: The developer can access the project activation code from here. Additionally, this activation code is used for the user to join the project. The activation code can be viewed by clicking the eye icon next to it.

3. QR Activation Code: Users who want to join the project can quickly access it by scanning the QR code.

4.Documentation Manager: Grades are given for projects that have received reading permission, and the project owner is ensured to become a certificate holder. This feature has been developed for instructors and is only displayed in premium accounts.

5. Member Filter: With the Project filter button, you can search for people registered to the project as all members, invited members, and accepted members.

6. Member Search Box: You can search by entering the member's name in the Member Search Box.

7. Show All Users: This button is used to list all members. However, to list members, you need to ensure that the user is part of the project. The check button in the member box indicates that the user is not part of the project. Similarly, the "x" mark button shows that the user is part of the project, and by clicking it, you can remove the user from the project.

8. Filter by Administrators: This button is used to list the administrators. However, you must ensure that someone among the members is assigned as an administrator. To do this, click on the profile button located on the left side of the username included in the project in the member box, and then click the green button. This will make the user an administrator. It is indicated by the button turning yellow when they become an administrator. To remove someone from the administration, the same process is followed, and as soon as the yellow button turns white, the user is removed from the administration.

9. Management: It redirects the developer to the templates page.

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:

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.

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.

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 (See 'PROJECT PERMISSION GRANTING'). Once permission is granted, the names of the developers who granted reading access and the project name of the developer with reading access will appear in the list. If the permission is to be revoked, click the cancel (×) button to remove it (See 'ACCESS PERMISSION LIST').

In the example below, the user Jane Doe has granted reading access to the "LEARN APP" project.

PROJECT PERMISSION GRANTING

ACCESS PERMISSION LIST

2. This feature is used to search among the permissions.

11

Access Taken Project List

This button is displayed only on the screens of users with a premium account. A list of projects with received reading access is kept. You can click on a project from the list to view its content(See 'ACCESS TAKEN PROJECT LİST'). To exit the project's reading mode, click the "Leave" button at the top of the browser (See 'ACCESS PERMISSION LIST').

In the example below, reading access to the "Calculator APP" project has been obtained for the user Jane Doe.

ACCESS TAKEN PROJECT LİST

PROJECT READING SCREEN

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.