Convertigo Studio

Convertigo Studio Tutorial: From Setup to Your First Mobile App

Convertigo Studio is a powerful Low-Code / No-Code platform designed to accelerate enterprise mobile application development. It bridges the gap between complex backend data and cross-platform mobile user interfaces. This tutorial guides you through installing the environment, configuring your workspace, and building your very first functional mobile application. Prerequisites and System Requirements

Before beginning the installation, ensure your development machine meets the following hardware and software baselines.

Operating System: Windows ⁄₁₁ (64-bit), macOS 12 (Monterey) or higher, or Linux (Ubuntu 20.04 LTS or equivalent).

Memory: Minimum 8 GB RAM; 16 GB RAM is strongly recommended for running mobile simulators.

Disk Space: At least 4 GB of free solid-state drive (SSD) space.

Java Runtime: Convertigo Studio comes bundled with its own embedded OpenJDK environment, eliminating the need for a separate manual Java installation. Step 1: Downloading and Installing Convertigo Studio

To secure the latest stable build, download the installer directly from the official repository.

Navigate to the Convertigo Open Source Download Page or the official Convertigo GitHub releases page.

Select the installer package matching your operating system architecture. Execute the installation file:

Windows: Run the .exe installer and follow the wizard instructions.

macOS: Open the .dmg file and drag Convertigo Studio to your Applications directory.

Linux: Extract the .tar.gz archive to your preferred installation directory (e.g., /opt/). Step 2: Launching and Initial Workspace Configuration

When you launch Convertigo Studio for the first time, you must establish your working environment.

Select a Workspace: A prompt will request a directory to store your projects. Choose a dedicated directory outside of system root folders to prevent permission conflicts. Click Launch.

The Welcome Screen: Studio opens to a welcome dashboard. Close this screen to reveal the primary integrated development environment (IDE) workspace.

UI Overview: The Studio interface is divided into three critical panels:

Project Explorer (Left): Manages your application tree structures, connectors, and UI components.

Properties View (Right): Allows configuration of specific parameters for the item selected in the Project Explorer.

Schema Viewer (Center): Provides a visual canvas for layout orchestration and process workflows. Step 3: Creating Your First Project

Let us initialize a standard cross-platform mobile application architecture.

Navigate to the top menu bar and click File > New > Convertigo Project. In the Project Name field, type MyFirstMobileApp.

Under Project Type, select Mobile Application (Application Project).

Leave the default template selection as Blank to build the application from scratch.

Click Finish. Convertigo Studio will generate the complete project scaffolding within your Project Explorer. Step 4: Designing the Mobile User Interface

Convertigo uses an Angular and Ionic-based component architecture for mobile UIs. We will build a simple view featuring a text input, a button, and a dynamic response label.

Expand your project tree: MyFirstMobileApp > Application > MobileApplication.

Double-click ngx-App to reveal the user interface structures, then expand ngx-App > RootPage.

Right-click on Content within the page structure, select New Component, and choose Ionic Components > ion-item.