A Qlik Sense mashup may be a website, internet site or web application which uses Qlik Sense objects from one or more Qlik Sense apps to make a singular web service with one graphical interface. In other words, a mashup may be a combination of Qlik Sense web API with an internet framework enabling web integration on Qlik Sense. you’ll create responsive sites or internet sites using data and visualizations from Qlik Sense apps.

Components of a Qlik Sense Mashup

Let us now mention the components of a Qlik Sense mashup.
i. Qlik Sense application
It is the appliance created in Qlik Sense which is that the main source of knowledge or objects to be utilized in the mashup. you’ll use data or objects from multiple Qlik Sense apps in one mashup.
ii. Web Development Components (scripts)
There are various web development scripts that contribute to creating a mashup.
HTML: An HTML script code is just like the most elementary sort of an internet page having all the specified instructions thereon . It decides the framework or the page layout of the online page.
A JavaScript code provides the logic and decides the behavior of the online page. It makes an internet page responsive and interactive.
CSS: A CSS script decides the presentation and sort of an internet page. it’s liable for all the graphics and style of the mashup.
Qext and wbl file: A .qext file keeps all the Qlik extension details (parameters). Whereas, a .wbl file has the manifest list of files included within the current mashup project.

Advantages of Mashup in Qlik Sense

• Qlik Sense mashups are beneficial to users in some ways .
• Mashups allow a simple web integration of Qlik Sense apps and its objects.
• It offers great UI flexibility in terms of design (background color etc) and functions.
• Mashups enable integrating Qlik Sense into an internet framework involving HTML, CSS, JavaScript etc.

Qlik Sense Mashup APIs

To create a Qlik Sense mashup, there are Application Programming Interfaces (APIs) available for various purposes and objectives. you only got to copy and paste the piece of code for an API method and modify it accordingly, to feature the app objects of your choice within the mashup. this permits you to simply embed different elements and develop your mashup with the foremost flexibility.
Several APIs relevant to mashup development are given below. you’ll get codes for inserting different elements like engine, backend, frontend (app), root, bookmark, variables etc. you’ll also modify these codes as per your requirement to form the online page. The API codes are usually from JavaScript or JSON libraries.
• Engine API
• Backend API
• Root API
• App API
• Bookmark API
• Field API
• Global API
• Table API
• Selection API
• Variable API
• Visualization API
• App Integration API
• Single Integration API
• Qlik-visual (web component)
• Enigma.js
• Leonardo-ui (web component)
You can get the code for these APIs and methods from the link provided here – Qlik Sense Mashup API Codes

How to Create a Qlik Sense Mashup?

Let us learn to make a Qlik Sense mashup using the Qlik Sense Desktop.
Step 1: Open the Qlik Sense Desktop then attend the Dev Hub (Qlik Sense Development Hub) shown within the image below.

Step 2: you’ll be redirected to the online browser. Here the Qlik development hub (Qlik Dev Hub) will open.

Step 3: Click on create new mashup within the Dev Hub. Enter the mashup name and choose a template for the mashup.

There are four available mashup templates which you’ll choose between .

Step 4: We are moving on with our explanation by selecting the “Basic single page mashup”. This opens the mashup editor.
Step 5: Next we’ll select an app whose objects we will use in our mashup from the Select an app option.

We have selected a sample app named Helpdesk management. All the app contents or objects gets loaded into the mashup editor as soon as you decide on an app.

Step 6: A typical mashup editor window have separate tabs for various code sets i.e. for qext, HTML, JavaScript, CSS, and one window for the pictures (jpg or png). Each script contributes into making the mashup internet site complete and more interactive.

Qext script

HTML script

JavaScript code

CSS code

An image window.
Step 7: On the preview pane, you’ll drag and drop objects from the chosen app. As shown within the screenshot attached below.

Step 8: you’ll view the created mashup during a new tab within the browser by clicking on the View option given at rock bottom .

Step 9: It shows the mashup created within the Qlik Dev Hub as an internet page.

The graphs and charts shown within the website are all responsive and alter consistent with the selections made.

At the highest of the online page, there’s a navigation bar given from where you’ll clear selections, return and forth within the selections, create bookmarks and lock/unlock the choice states. Such operations are precisely the same as they happen during a Qlik Sense app dashboard.

You can modify the apps as you wish by adding new pieces of code within the HTML, JavaScript or CSS script. you’ll make the mashup as responsive as you wish and also add non-Qlik objects. Typically, there are two sorts of objects wont to add non-Qlik objects on a mashup, a list, and a hypercube.
A list consists of knowledge values from dimensions, measures, and fields. you’ll create custom filters or drop-down lists using the list option. Once you add an inventory , the code gets added into the HTML script. The lists accompany the choice capability.
A hypercube creates responsive 3D cubes. In one hypercube you’ll have a group of values like dimensions, measures, and fields beat combination. The mashup editor possesses a hypercube builder using which you’ll add hypercube objects within the mashup.
The table shown within the image below is made by the hypercube builder. it’s a responsive table whose content changes with any selections made on the online page.

So, this brings us to the end of blog. This Tecklearn ‘Introduction to Qlik Sense Mashup’ blog helps you with commonly asked questions if you are looking out for a job in Qlik Sense BI. If you wish to learn Qlik Sense and build a career in Business Intelligence domain, then check out our interactive, Qlik Sense Certification Training, that comes with 24*7 support to guide you throughout your learning period. Please find the link for course details:

https://www.tecklearn.com/course/qlik-sense-certification-training/

Qlik Sense Certification Training

About the Course

Qlik Sense is a revolutionary Business Analytics tool to come from the Qlik stables. It provides powerful self-service analytics that are readily deployable through interactive and personalized dashboards, data visualization techniques and insightful reports. By the end of this Qlik Sense online training, you will be able to perform key skills of the self-service BI tool – Qlik Sense, such as self-service analytics, write data load scripts, data discovery, create dashboards, develop and share apps, create reports, and design and build data visualizations. All these skills will enable you to clear the Qlik Sense certification exam.

Why should you take Qlik Sense Training?

• The average annual pay for a Qlik Sense Professional is $101,871. -Indeed.com.
• HSBC, Alstom, Chrysler, Citibank, Accenture and many other MNC’s worldwide use Qlik Sense BI and it has a market share of around 5% globally.
• By the end of 2020, the market is expected to touch USD 22.8 billion as modern BI and analytics continue to expand more rapidly, Gartner said in a report.

What you will Learn in this Course?

Introduction and Installation of Qlik Sense
• Need for self-service Business Intelligence/Business Analytics
• Installation of Qlik Sense and Qlik Sense Desktop
Qlik Sense Features
• Qlik Data indexing engine
• Data dimensions relationships
• Types of Data Loading
• Types of Concatenation
Data Modelling
• Qlik Sense data architecture
• Understanding QVD layer
• Converting QlikView files to Qlik Sense files
• Incremental Load
• Scripting
• Create Master Calendar
Advance Data Modelling
• Qualify and unqualify
• Joins
• Keep
• Cross Table
• Let Vs Set
• Calendar Table Creation
Qlik Sense Enterprise
• Various Functions
• Create QVD Files
• Read Data for QVD Files
• Create QVD’s
• Create Tier 2 Qlik Sense App
Data Visualization
• Expressions
• Variables
• Extensions
• Data Visualization
Set Analysis
• Set analysis in Qlik Sense
• Use set expression like identifiers, operators, modifiers and comparative analysis
Advance Set Analysis
• Deploy comparison sets and perform point-in-time analysis
Qlik Sense Storytelling
• Storytelling feature of Qlik Sense
• Create a story and playback the story
Qlik Sense Visualization
• Qlik Sense Charts
• Advanced Charts
• Creating Dashboards
• Real Life Examples
Security
• Security aspects of Qlik Sense
• Security rules

Got a question for us? Please mention it in the comments section and we will get back to you.

716