Technology Stack

Apty includes a suite of tools that helps in enhancing User Experience on any web-based application through applying Workflows, Validations, Tooltips, Launchers, and Announcements. Apty consists of three main components, each exercising specific functions for seamless integration with the hosting application; namely, Widget, Studio(Desktop App and Browser) and Admin Portal. 

This article briefly describes Apty components and the technology stack behind them. Refer to the respective section by clicking the links below:

Apty Assist Components

Apty Widget

The Widget is implemented in two ways:

A multi-platform browser extension: which is available for Google Chrome, Internet Explorer, Mozilla Firefox, and Microsoft Edge, in order to make it compatible with various browsers, an extension is designed which is a simple piece of code that injects the Widget's JavaScript directly to the target application, which will be executed in the context of the target application 

An injected version: in which the widget starts appearing when a code snippet is directly injected to the host application.

Apty Studio

Studio is a desktop application of Apty that connects to the Chrome browser through studio extension. 

Using the Studio you can add and customize instructional content (Workflows, Tooltips, etc.) to elements of the hosting application in a couple of clicks and instantly preview the result on the browser screen. It is an intuitive tool that hosts smart algorithms but does not require in-depth technical knowledge for embedding interactive elements into the Client's web application.

Apty Admin Portal

Admin Portal is a web-based tool that manages the contents of Workflows, Validations, etc. by publishing the content of the tools to the widget,  adding translations to the tools etc. Apart from this Admin Portal also handles all the configurations which are to be done in tenant-level such as user management, user creation, user identification, application customization, white-labeling, etc.

This also hosts the Apty Insights and Activities that aids to track and analyze user interaction, usage based on use cases, capturing user activity. 

Another major feature includes Apty Goals, With Goals, you can monitor, analyze, and predict the progress of your business process goals and track their Completion Rate.

The admin tool is cloud-based and is deployed in AWS platform with all the latest security policies

Backend

    Amazon Web Services ensure secure environment of the SaaS model deployment.
PostgreSQL for storing metadata.
Elasticsearch to store Analytics data

Frontend

Widget Tech Stack

Studio and Admin Portal Tech Stack

React for building UI components of the extension.Angular for building UI components.
Redux for managing the state of the applicationNgRX for managing the state of the application.
Redux-Saga for managing side-effects like API calls and data manipulation

Apty Insights Components

Activity 

Used to define the expected action pattern required to perform some Activity within the host application. For example, to complete a simple login, a user performs a set of actions. Once the login page is loaded, a user typically:

  1. Types in an email or user name in the Username field
  2. Types in a password into the Password field.
  3. Clicks the Login button.

To "remember" the course of a seemingly simple procedure the following data should be collected: 

  • Each user action is considered to be a system event,
  • Each element a user interacts with passes various properties to Apty with the aim of identifying each element in a unique way (ID, class, relationship with other page elements, etc.)

In essence, Activity is a combination of a user's step-by-step actions in the host application, which are registered by tracking events and properties identifying the elements that a user interacts with. 

The statistics from the Activities graph are reported in the Insights Dashboard

Learn how to create Activity  

Insights Dashboard

Apty Insights Dashboard is used for collecting data related to application usage, average activity per session, and error trends. Each connected application is distinguished by the unique name and time the zone it operates in.
Overall, Insights Dashboard is a set of graphs showing the trends for the respective metric, namely New Users, Active Users, Average Activity session time, Activity by Segment, Error Trend, Top Activity Completion.
If Activities have been created for multiple User Segments, the Activities line graph displays the data for each of them and can be filtered by various time intervals for deeper analytics analysis.

Learn more about Apty Insights Dashboard 

Apty Goals

Apty's Goals feature is an advanced monitoring component available in Apty Admin Console. Goals are application-specific and based on the requirement, you can create as many Goals as you want for a hosted application.

Learn more about Goals

 Technologies used for Analysis functions includes:

Elasticsearch is a distributed, RESTful search that helps to collect and analyse the key words that your end users specified in the Search of the Apty Widget.
Amazon Kinesis Data Firehoseis used to capture, transform, and load streaming data into Amazon Elasticsearch Service.

For more details, follow this link.

Golang is a primary programming language user for building the functions represented by the Insights components.




Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.