Technology Stack

Apty includes a suite of tools that help enhancing User Experience on any web based application through applying Workflows and data governance concepts to it. Apty consists of three main components, each exercising specific functions for seamless integration with the hosting application; namely, Player, Editor and Admin Portal. 

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

Apty Assist Components

Widget

Studio

Admin Portal

The Player is implemented as a multi-platform browser extension available for Google Chrome, Internet Explorer, Mozilla Firefox, and Microsoft Edge. In order to be compatible with various browsers, the extension is designed as a simple piece of code that injects the Player's JavaScript directly to the target application. This means that there is no background script and the whole Player runs directly in the context of the hosting application.

Editor is a component of Apty that connects to the Chrome browser with an open hosting application. 

Using the Editor 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 Client's web application.


Admin Portal is a web-based tool that hosts the Apty content including Workflows, Validations, Tooltips, Launchers and Announcements and is used for Apty Content Delivery.

The admin tool is cloud based and is deployed in AWS platform with all the latest security policies. Admin module also hosts the Analytics to view the ROI, effectiveness of the Apty content.



BACKEND




Amazon Web Services ensure secure environment of the SaaS model deployment.




PostgreSQL for storing metadata.


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

Lens

Insights Dashboard

Lens is used for creating blueprints of how certain Activities are expected to be performed within the hosting application.

For example, to create a new Opportunity in Salesforce, a user should:
1. Go to the Marketing application
2. Open the Opportunities tab
3. Click [+ New opportunity]
4. - 10. Fill out specific fields in the form.
5. Save the form.

Each of the steps represents interaction with a specific page element (button, tab, field, etc.) and is performed in a specific order, together forming an Activity.

Activity is an invisible model of how end users are expected to behave within application, which is used for comparison with actual user behavior.

More about Lens.
The statistics from the Activities graph are reported in the Insights Dashboard.

What data is collected by Apty?

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.

More about Insights Dashboard.


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.


Python is a programming language used for performing data analysis functions.

Did you find it helpful? Yes No

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