App Builder CosmoApps

Visual no-code / low-code constructor for application design

Application design in the online constructor

The design of the application model is carried out in the online constructor, in which the data structure is designed and the behavior of standard interface elements is configured. This is possible without programming (No-Code / Low-Code), or with minimal programming using JavaScript expressions (formulas, calculated values).

App Builder View

CosmoApps App Builder

The standard interface is configured according to the principle of “disabling unnecessary”. Initially, for all application objects, an I/O interface is implemented automatically. It does not need to be written from scratch, but access to certain functions can be restricted if required by the developer.

Acceleration without losing flexibility

The application constructor simplifies development of many standard features and structures the application in a clear visual form, allowing even non-programmers to support it. Everything not covered by the platform can be implemented in JavaScript just as in any HTML5 + JS web app. Custom views (screens) can be added easily following simple rules.

Adaptive design

The platform supports an automatic adaptive I/O interface for the developed application. Interfaces work correctly across devices — from desktops to mobile phones.

JavaScript and application objects

The app can be developed by both advanced users (simple prototypes) and experienced developers (full-scale business apps). Below is an example of a project fragment:

{
    "Name": "Diary",
    "_type": "_Project",
    "_archive": false,
    "objects": [
        {
            "id": "44640e96-82a2-43c2-05ca-2282a7818be4",
            "type": "_Type",
            "BaseType": "object",
            "Browsable": true,
            "Cacheable": false,
            "IsRoot": false,
            "Properties": [
                {
                    "id": "6e31105e-9b3e-eea7-eca1-cd786745993f",
                    "Type": "string",
                    "Browsable": true,
                    "Required": true,
                    "Many": false,
                    "VisibleInList": true,
                    "VisibleInDetail": true,
                    "VisibleInLookup": false,
                    "Aggregation": "Value",
                    "Index": 5,
                    "Rules": []
                }
            ]
        }
    ]
}

Minimum code

Most I/O and reporting functions are unified and don’t require code — only configuration in the designer. This shortens development cycles dramatically: 90% of code is reused and tested. Errors are reduced by an order of magnitude, and project costs decrease. Complex object relationships are usually managed without manual programming of lists or forms, except for default values and formulas (JavaScript expressions).

Custom formulas

For example, a display field may concatenate several fields (e.g. document title + date + number). Even more complex names can be generated including current state. Examples:

Formula example Data substitution example

Modularity

The application has a modular structure: each module can itself be an application built on other modules. Modules can be standard or user-developed (employees, orders, warehouses, firms, people, security, etc.).

Modules

Cross-platform applications

You can create cross-platform mobile apps using PhoneGap, Google Power Apps or similar. Using JavaScript on both client and server allows reuse of logic and APIs.

Crossplatform apps