CS Apps#

Based on the customer’s requirements, csAppBuilder is used to create a UI-based task similar to a form. The CS App has components such as dropdown, radio button, check box, chat bot, toggle button and various other options, all of which can be utilized for designing user interfaces. Depending on the specific needs of our customers, ConverSight’s team of data scientists collaborates on customizing and refining these components.

To watch the video, click on Creation and Deployment of CS App.

UI Task#

A UI Task is roughly comparable to a generic task. However, when creating a UI task, we use @uitask rather than @task. This will result in the creation of a UI task.

Based on the customer requirement to generate a user interface, this type of task makes extensive use of helper functions. In this case, the UI is constructed using CS App, which provides the capability to create n number of UI flows and web-based apps. With csAppBuilder, you can easily build demos and conveniently share them in Python. When you hit the tab key, a comprehensive list of functions available for csAppBuilder is displayed.

from csSDK import csapp as capp
from conversight import uitask
from csContext import CSContext

def greet(name):
    return "Hello " + name + "!"

@uitask
def New_UI_Testing(ctx: CSContext):
    """
    description of the task is given here
    """
    try:
        name = capp.Textbox(label="Name")
        output = capp.Textbox(label="Output Box")
        greet_btn = capp.Button("Hello Greet")
        greet_btn.click(fn=greet, inputs=name, outputs=output)
    except Exception as error:
        context.log.error("f"Exception in components ==> {error}")

Once you create a CS App, you can run, register and promote it just like you would with generic tasks. You also have access to additional functions such as setVersion, getVersion, showCode, editCode, deleteVersion and delete to perform various operations. Created UI Task will be saved to CS Dashboard post registering it. CS Dashboard is available under Apps Space.

../../../../_images/Launch_Pad.png — Apps Space#

A registered UI Task should be made deployable so that other users can access it.

By clicking on the icon, you can conveniently add CS Dashboard to the left side of your home screen. In the near future, you will have the ability to use Apps Space (similar to a play store) and add menus to the left side of the home screen (Configuration Tab) according to your specific requirements.

CS Dashboard#

The CS Dashboard provides a valuable platform for users to effectively manage their UI-related tasks. One of its key functionalities is the ability for users to easily deploy the specific version of their choice. This empowers users to tailor their UI experience according to their specific needs and preferences. The CS Dashboard offers users the convenience of creating new configurations using pre-existing UI tasks. This feature eliminates the need to start from scratch and enables users to leverage the existing functionalities and design elements to quickly set up their desired configurations. By streamlining the configuration creation process, the CS Dashboard enhances user productivity and efficiency in managing their UI tasks.

The CS Dashboard presents the created UI tasks in a user-friendly tabular format, providing convenient access to various fields of information for quick reference. These fields include the name of the UI task, a concise yet descriptive summary of its functionalities in the Description field, the library it belongs to, the deployed version and its access level, which can be categorized as User level, Platform level or Organization level.

In addition, the table also displays the time the UI task was initially created and the time it was last updated. This information can be particularly useful for tracking the progress of a task, identifying any modifications made and ensuring that the latest version is being used. Furthermore, the table includes an Action field that allows users to perform various operations on the listed UI tasks, such as editing, deleting or deploying new versions. This enables users to manage their UI tasks efficiently and effectively within the CS Dashboard.

To deploy a CS App from CS Dashboard#

Here is a step-by-step guide on deploying a CS App using the CS Dashboard:

Step 1: Access the CS Dashboard by clicking on it within the Apps Space interface.

NOTE
In the latest update, we've rebranded the "Launch Pad" as the "Apps Space."

../../../../_images/CSS_Launch_Pad.png — Apps Space#

../../../../_images/CSApp_Dashboard.png — CS Storyboard#

In the CS dashboard, you will find the following information displayed for each CS App:

Field	Description
Name	This field shows the name of the CS App, providing a clear identification.
Description	The description field offers a concise overview of the CS App’s functionalities, giving users a quick glimpse into its capabilities.
Library	This field indicates the specific library where the CS App is stored, helping users locate and organize their apps efficiently.
Deployed Version	The deployed version field showcases the specific version of the CS App that is currently running, ensuring users have visibility into the active version.
Level	The level field denotes the accessibility of the CS App, which can be set at different levels including user level, organization level, and platform level. This allows for granular control over who can access and interact with the app based on their respective roles or permissions.

Step 2: Click the icon and choose the option Manage Versions.

../../../../_images/CSApp_Manage_Option.png — Manage Versions#

Step 3: On the Manage Versions page, click on icon to edit the configurations of the CS App.

../../../../_images/CSApp_Manage_Page.png — Manage Versions Page#

Step 4: On the Edit Configuration page, users have the flexibility to utilize the Run on Cluster feature, allowing them to choose a cluster if they are subscribed to one, thereby improving scalability and resource allocation. They can easily enable or disable the deployment of the CS App by toggling the Deployable option and adjust the number of CPU cores allocated for the deployment of their CS App.

../../../../_images/CSApp_Edit_Configuration.png — Edit Configuration Page#

Users can easily activate or deactivate the deployment of the CS App by simply toggling the Deployable option.

../../../../_images/CSApp_Deployed.png — Deployable Toggle#

This action initiates the process of deploying the CS App on the platform. Once users have made the necessary configurations to suit their requirements, they can proceed by clicking button to commence the deployment of the CS App.

Step 5: Upon successful deployment, the CS App will be automatically included in the Apps Space for easy access.

../../../../_images/CSApp_Pin.png — Deployed CS App#

To organize the CS App, users can utilize icon to pin the app under specific topics of their choice in the Configuration tab.

../../../../_images/CSApp_Pin_To_Configuration.png — Add To Favourite#

Users can create a new menu and pin the CS App to it by clicking the Add New Menu Item icon.

../../../../_images/CSApp_Pin_Add_New_Menu.png — Add New Menu#

Users have the option to conveniently drag and drop the CS App to their desired section, effectively pinning it in the designated location. For instance, above CS App is pinned under the New Menu section, users can easily move it to that section using the drag and drop functionality.

../../../../_images/CSApp_New_Menu.png — CS App New Menu#

../../../../_images/CSApp_New_Menu_Configurations.png — Pinned CS App#

NOTE
If any changes are made to the configuration of the currently deployed version, the pinned CS App will automatically update to the new version.

Manage Versions#

In the Manage Versions page, users can efficiently manage the different versions of the CS App. The version details are presented in a tabular format, offering comprehensive information such as version number, level of access, deployment status, created and updated time.

Additionally, the table includes action fields that provide users with various options. These options include:

Task Promote
Show Code

../../../../_images/CSApp_Manage_Page_Option.png — Manage Versions Page#

Task Promote#

The Task Promote option allows users to promote the CS App version to the desired level, granting appropriate access and visibility based on their requirements.

This feature enables to elevate CS App versions to any of the three available levels: user, organization and platform.

../../../../_images/CSApp_Task_Promote_Option.png — Task Promote Levels#

Show Code#

Show Code displays the code of the CS App UI Task and it entirely depends on the access given during task creation.
There are three access that the user can assign to the task, which is:

View: Users have just view only option.
Edit: Users will have the privilege to edit the task and update the task.
No Access: Users will not be able to edit or access the task code which is restricted to all users and it is mainly used for confidential function

../../../../_images/CSApp_Task_Code.png — Show Code#

The CS Dashboard offers a user-friendly interface, allowing users to easily navigate through different versions, configure settings and initiate deployments. Additionally, features like pinning apps to specific sections and promoting versions to different access levels contribute to better organization and access control. Overall, the CS Dashboard streamlines the management of CS Apps, empowering users to efficiently handle their app-related tasks and enhance their productivity.