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
The Widget is implemented in two ways:
An injected version: in which the widget starts appearing when a code snippet is directly injected to the host application.
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
|Amazon Web Services ensure secure environment of the SaaS model deployment.|
|PostgreSQL for storing metadata.|
|Elasticsearch to store Analytics data|
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 application||NgRX for managing the state of the application.|
|Redux-Saga for managing side-effects like API calls and data manipulation|
Apty Insights Components
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:
- Types in an email or user name in the Username field
- Types in a password into the Password field.
- 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|
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'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.|
|Golang is a primary programming language user for building the functions represented by the Insights components.|