Skip to main content

Overview

Development in Qodly relies on the use of Qodly Studio, an innovative platform for creating business web applications. Our primary goal with Qodly Studio is to provide developers with a seamless, 100% web-based development experience. This platform empowers developers to:

  • Design and modify data models that align with your business logic.
  • Effortlessly link data with ORDA dataclasses.
  • Visually craft webforms by simply dragging and dropping components onto a canvas.
  • Instantly preview web pages.
  • Execute QodlyScript code directly within web events or datasource events.
  • Write and debug code directly within the browser.
  • Fine-tune privileges and roles as per your requirements.

Ultimately, Qodly Studio allows developers to build comprehensive web-based business applications using just a web browser, significantly minimizing the need for extensive coding. Importantly, JavaScript is not a mandatory component in this process.

Requirements​

For development purposes, Qodly Studio supports the following web browsers:

  • Chrome
  • Edge
  • FireFox

It is recommended to have a screen resolution of 1920x1080 for an optimal experience.

info

Deployed Qodly applications are accessible on all popular web browsers, with no specific requirements.

Accessing Qodly Studio​

Access to Qodly Studio is granted to developers once they complete a series of authentication steps to enter the Qodly Console, as outlined in the Architecture chapter. From the Development or Staging environments within the Qodly Console, you can access your application instance in Qodly Studio by either:

  • Clicking on the Studio button on the Overview page.
  • Clicking on the Studio URL in the General tab for the open environment.

Qodly Studio Homepage Overview​

When you first step into Qodly Studio, you'll immediately encounter a user-friendly interface. It's divided into three key sections: the Explorer ⓵ on the left, a Header bar⓶ at the top, and a Grid container⓷ in the center.

  1. Explorer: is where you'll find an overview of your project's essential elements:

    • qodlyOverview Webforms: Serve as containers, enveloping various components within your application.
    • qodlyOverview Methods: Function as distinct blocks of code that fulfill specific roles within your application. While they can be invoked from class functions or other methods, components can't directly interact with them.
    • qodlyOverview Classes: Serve as the cornerstone for organizing your code around objects, granting components the capability to directly interact with them.
    • qodlyOverview Shared: Streamline the management and integration of local images and files within your app.
    • qodlyOverview Debugger: Provides a suite of debugging tools that address different types of errors during the development phase.
    • qodlyOverview Roles And Privileges: Play a pivotal role in enforcing data access restrictions within your application, ensuring that the right users access the right data.
    • qodlyOverview Model: Defines how data is accessed and stored within structures referred to as datastore classes.
    • qodlyOverview Settings: Offer options to configure application-specific settings.

  2. Header bar: provides quick access to several project-related options:

    • qodlyOverview Debug: Initiate a debug session on the server, attaching it to your browser, and enable debugging for your app.
    • qodlyOverview Save All: Save all changes made across all open windows within your app.
    • qodlyOverview Data: Provide access to the Data Explorer, facilitating data-related operations.
    • qodlyOverview Preview: Allows you to assess your application's appearance and functionality with ease.
    • qodlyOverview Settings: Present a range of options for configuring application-specific settings, tailoring the environment to your app's needs.

  3. Grid container: houses a collection of swift shortcuts for a range of actions:

    • Create New: Offers convenient quick links for:
      • qodlyOverview Webforms: Speedily initiate the creation of a new Webform.
      • qodlyOverview Classes: Generate a new Class.
      • qodlyOverview Methods: Generate a new Method.
      • qodlyOverview Data: Provide access to the Data Explorer, facilitating data-related operations.
    • Recent Files: Displays the most recently accessed files, allowing you to quickly revisit your recent work.
    • What's New: Keeps you updated with the latest news and announcements from the Qodly team.