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.
For development purposes, Qodly Studio supports the following web browsers:
It is recommended to have a screen resolution of 1920x1080 for an optimal experience.
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.
Explorer: is where you'll find an overview of your project's essential elements:
- Webforms: Serve as containers, enveloping various components within your application.
- 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.
- Classes: Serve as the cornerstone for organizing your code around objects, granting components the capability to directly interact with them.
- Shared: Streamline the management and integration of local images and files within your app.
- Debugger: Provides a suite of debugging tools that address different types of errors during the development phase.
- Roles And Privileges: Play a pivotal role in enforcing data access restrictions within your application, ensuring that the right users access the right data.
- Model: Defines how data is accessed and stored within structures referred to as datastore classes.
- Settings: Offer options to configure application-specific settings.
Header bar: provides quick access to several project-related options:
- Debug: Initiate a debug session on the server, attaching it to your browser, and enable debugging for your app.
- Save All: Save all changes made across all open windows within your app.
- Data: Provide access to the Data Explorer, facilitating data-related operations.
- Preview: Allows you to assess your application's appearance and functionality with ease.
- Settings: Present a range of options for configuring application-specific settings, tailoring the environment to your app's needs.
Grid container: houses a collection of swift shortcuts for a range of actions:
- Create New: Offers convenient quick links for:
- 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.