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 Components
Apty Client
The Client 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 client 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 application | NgRX 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:
- 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 an 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.
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.
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 Firehose is 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.