Что такое mashup qlik sense
Mashup в Qlik Sense: как наше марафонское приложение превратилось в шаблон для мэшапа
Осенью прошлого года мы разработали приложение с аналитикой по Московскому марафону 2014-2017, потом участвовали с ним в конкурсе #QlikForSwag и заняли первое место в первом периоде, ну а теперь продолжение истории. Бразильский партнер Qlik, компания Sense Templates попросила у нас приложение и на его основе разработала одностраничный шаблон мэшапа под названием «Marathon». Сегодня расскажу об этом мэшапе и вообще о том, чем могут пригодится такие шаблоны мэшапов.
Мэшап «Марафон»
Компания Sense Templates разрабатывает готовые для использования шаблоны мэшапов для Qlik Sense. Шаблон на основе нашего приложения с аналитикой по Московскому марафону 2014-2017 стал пятым в их коллекции. Шаблон мэшапа для Qlik Sense «Марафон» — одностраничник, который объединяет в себе элементы дизайна, изображения, чарты, KPI, и отлично подходит для сторителлинга в работе с данными. Кстати, надеюсь, вы оцените, как обыграны цвета =)
Немного технических деталей, прежде чем вы сможете посмотреть мэшап:
Вот какой мэшап получился на основе нашего приложения:
Что такое шаблон мэшапа и зачем он может быть нужен?
Мы (Консультационная Группа АТК) разрабатываем для клиентов кастомные мэшапы – например, для ПАО Сбербанк мы разработали mashup-ы для отображения данных модели Qlik Sense и подключили их к модели. Ну а затем, эти мэшапы уже подключили в iPad-приложение «мобильное рабочее место», которое используют более чем 300 клиентских менеджеров Sberbank CIB — корпоративно-инвестиционного бизнеса Сбербанка.
Ребята из Sense Templates создают шаблоны мэшапов, на основе HTML, CSS, JavaScript, Angular и других технологий. Особенность в том, что если вам нравится дизайн мэшапа и ваши данные идеально под него «ложаться», для создания мэшапа на основе вашего приложения(й) Qlik Sense вам практически не приходится ничего программировать.
Из важного и полезного о мэшапах:
Коллеги, поделитесь, используете ли вы мэшапы Qlik Sense и для каких задач?
Mashups overview
ON THIS PAGE
Mashups overview
In the context of web development, a mashup is a web page or web application that uses content from more than one source to create a single new service displayed in a single graphical interface.
By using active content, your visualizations are updated when state changes. You can also subscribe to data and change the state through the visualizations.
In short, it works like the following:
You open a WebSocket to Qlik associative engine using the qlik.openApp method.
Connecting your mashup to Qlik Sense data
This section describes how the mashup code connects to the Qlik Sense data.
Authentication for mashups
Does the virtual proxy that you are using require authentication? Something to be aware of when using the Capability APIs is not only will Qlik Sense check for authentication when you connect to an app, it will also check for authentication when requesting files from behind the virtual proxy. If you are hosting your mashup within Qlik Sense behind a virtual proxy that requires authentication then as soon as you try to load the mashup, Qlik Sense will check for authentication. Qlik Sense will also check for authentication when loading the necessary Capability API assets (such as require.js and CSS files) from behind a virtual proxy that requires authentication. This means that you need to deal with authentication before you can successfully load any assets from behind the virtual proxy. See Authentication solutions for some possible ways to authenticate a mashup.
Single Qlik Sense object integration
You can integrate single Qlik Sense visualizations, sheets or snapshots into an iframe. You use the Single Integration API to define how the object should be integrated into your web site.
The Single configurator is a Qlik Sense tool that provides an easy way of creating simple mashup pages without having to write any code at all. It returns a Qlik Sense object, which is identified in an URL. The Qlik Sense object is typically a visualization from an app, for example a Line chart.
Qlik Dev Hub – Введение в разработку API Qlik Sense 3.0
В статье “Qlik Dev Hub – Введение в разработку API Qlik Sense 3.0” будут приведены базовые принципы нестандартных разработок с использованием Qlik Sense API.
Как попасть в Qlik Dev Hub для разработки
Вариант 1:
Вариант 2: 
При переходе по ссылке откроется Qlik Sense Dev Hub: 
Состав Qlik Dev Hub
Что такое Qlik Dev Hub?
Qlik Dev Hub – это инструментарий для разработки решений для Qlik Sense с использованием API-Интерфейсов.
Qlik Dev Hub был разработан специально для упрощения доступа к объектам приложения Qlik Sense и разработки API-интерфейсов Qlik Sense. Для работы с Qlik Developer Hub необходимо знать JavaScript, HTML, CSS. Qlik Dev Hub доступен на сервере Qlik Sense или на персональном компьютере с установленной программой Qlik Sense.
Что такое Mashups?
Mashup – это веб-страница или веб-приложение, которое использует контент из более чем одного источника для создания единого нового сервиса, отображаемого в одном графическом интерфейсе.
Mashup editor – это конфигуратор, который обеспечивание простой способ создания простых страниц mashup без необходимости создания какого-либо кода. Конфигуратор создает url-адрес c HTML-страницей, где встроена визуализация Qlik Sense.
Редактор Mashup помогает вам создать персональный mashups, который будет отображать данные Qlik Sense на вашей веб-странице. Он поддерживает форматы файлов JavaScript, HTML и CSS. Ряд шаблонов и пример кода поставляются с установкой Qlik Sense, чтобы помочь вам разобраться в разработке Mashup.
Примеры Qlik Sense Mashup
Схема использования Qlik Sense Mashup – Embedded Analytics
Фреймворки CSS, которые поддерживаются Qlik Sense (в т.ч. для разработки MASHUPS)
Что такое Visualization Extensions?
Visualization extensions (расширение для визуализации) – использование веб-технологий (библиотек для визуализации данных на JS) для нестандартных визуализаций. Сегодня невозможно включить в инструменты визуализации Qlik Sense все инструменты web-графиков. Одна только библиотека D3.JS Включает в себя десятки возможных вариантов отображения данных. При этом каждый месяц появляются новые варианты отображения данных. С помощью Qlik Sense API можно получить данные из модели и подключить их к библиотеки JavaScript.
Что такое Widget Libraries?
Виджеты – это простые объекты приложений, созданные с использованием только HTML и CSS/LESS. Виджет создается в специальном редакторе и после сохраняется в Widget Library. Виджеты похожи на Visualization Extensions, но виджеты не требуют программирования на JavaScript. Виджеты лучше всего подходят для создания простых визуализаций, таких как KPI объекты или таблиц. Виджеты также могут использоваться для добавления простых функций к листам, таких как: кнопки для очистки выборки или создания моментальных снимков.
Что такое QlikView Documents?
В Qlik Dev Hub имеется утилита конвертирования документа QlikView 12 в приложение Qlik Sense (работает не идеально).
Tools – Инструменты Qlik Dev Hub. Описание среды разработки Qlik Sense
Single Configurator
Extension Editor
Mashup Editor
Widget Editor
Engine API Explorer
QlikView Converter
Концепт Hypercube для Qlik Sense Developers
Опубликовано qliksense-expert в 19.08.2019 19.08.2019
Содержание урока по Qlik Sense
HyperCube
HyperCube можно считать сердцем большинства визуализаций. Это определение cube, предоставляемое Qlik Data Engine, которое содержит всю информацию о том, какие данные запрашиваются и как они рассчитываются. Если выборка (selections) применяется к HyperCube, отображаются только выбранные значения.
HyperCube можно визуально представить как обычную прямую таблицу в Qlik с набором измерений и метрик, а также с дополнительными атрибутами.
Объект qHyperCubeDef играет значительную роль в создании визуализаций и других компонентов, которые в значительной степени зависят от механизма Qlik engine для расчетов.
qHyperCubeDef
qHyperCubeDef – это описание объекта, который передается в API Qlik Engine для создания запроса для обработки. Большинство визуализаций, встроенных в Qlik Sense, основаны на определении HyperCube на корневом уровне (root level), то есть код расширения (extension) построен на этой технологии.
Фундаментальное определение HyperCube ( гиперкуба) выглядит следующим образом:
По-умолчанию, большинство расширений (extensions) не будут иметь никаких измерений или мер, определенных в их первоначальных свойствах ( initialProperties ), чтобы позволить пользователю достичь того же самого путем добавления измерений и метрики через панель свойств.
Произведение параметров qWidth*qHeight никогда не может превышать 10000 ячеек данных. Если вам необходимо вернуть более 10 000 ячеек данных для конкретного варианта использования или визуализации, вам потребуется реализовать последующую нумерацию (subsequent pagination) страниц в своем коде.
qHyperCubeDef properties – свойства
Существует несколько высокоуровневых свойств, которые могут помочь изменить и установить базовый HyperCube, даже за пределами измерений и мер.
qDimensions
qDimensions определяет массив измерений, которые будут использоваться в HyperCube. Обычно qDimensions определяется с помощью панели свойств, но это также может быть сделано вручную непосредственно в файле JSON. Последнее рекомендуется только для использования в мэшапах (mashup), когда вы определяете визуализацию на лету.
В дополнение к имени измерения (dimension name), Вы также можете определить параметры, такие как:
Если вы используете панель свойств (property panel) для определения измерений, простое использование этих свойств в качестве ссылочных значений позволяет вам определять их напрямую, например:
qMeasures
qMeasures очень похож на qDimensions, но помогает вам определить меры. Как и в случае с измерениями, они обычно задаются через панель свойств (property panel).
qInitialDataFetch
qInitialDataFetch помогает определить, сколько ячеек данных первоначально извлекается из вычисленного HyperCube.
qStateName
qInterColumnSortOrder
Свойство qInterColumnSortOrder помогает определить порядок сортировки по столбцам в HyperCube. Он определяется с помощью массива целых чисел, например, [1,3,2,0], который указывает, в каком порядке будут сортироваться столбцы.
qSuppressZero
qSuppressZero удаляет строки с нулевыми значениями во всей строке HyperCube, если установлено значение true.
qSuppressMissing
qSuppressMissing удаляет строки, в которых отсутствуют значения по всей строке HyperCube, если установлено значение true.
qMode
qMode определяет, в какой структуре будет возвращен HyperCube. По умолчанию и для большинства соответствующих случаев использования режим данных возвращается в виде таблицы. Дополнительные расширенные режимы доступны следующим образом:
Pivot Table representation – Представление сводной таблицы ( qMode P )
Stacked Table representation – Представление Стековая таблица ( qMode K )
Tree representation – Представление дерева ( qMode T )
Эти различные типы представлений являются расширенными и возвращают Вам предварительно агрегированный формат базовых измерений и мер, включая промежуточные итоги.
qNoOfLeftDims
Это свойство применяется к сводным таблицам и сложенным сводным таблицам.
В структуре сводной таблицы этот параметр используется, чтобы помочь определить, сколько и какие измерения заданы в виде строк, а какие повернуты по горизонтали (отображаются в столбцах). Это относительно продвинутый вариант, и дополнительную документацию по этому вопросу можно найти на странице справки Qlik Sense.
qAlwaysFullyExpanded
Это свойство применяется к сводным таблицам и сложенным сводным таблицам.
Это свойство гарантирует, что ячейки всегда раскрыты (Fully Expanded), если установлено значение true.
qMaxStackedCells
В сложенном режиме/в режиме с накоплением (qMode = K), этот параметр определяет максимальное количество ячеек для начальной выборки данных (по умолчанию 5000).
qPopulateMissing
Пропущенные значения или нули возвращаются как дефисы (-) в модели данных. qPopulateMissing заменяет числовые нули на 0, а строковые нули – пустыми строками.
qShowTotalsAbove
qIndentMode
Это свойство применяется к сводным таблицам и сложенным сводным таблицам.
Это свойство применяет отступ для сводных таблиц и позволяет изменять макет таблицы ( layout ), добавляя отступ в начало каждой строки.
qCalcCond
qCalcCond определяет условие вычисления для всего гиперкуба для вычисления. Это особенно полезно, когда у вас широкие таблицы с очень сложными вычислениями, и вы хотите убедиться, что пользователь отфильтровал подмножество данных перед запуском вычисления в движок Qlik. Тяжелые вычисления не только увеличивают время расчета, но и увеличивают использование RAM на вашем сервере Qlik Sense.
qSortbyYValue
Это свойство применяется к сводным таблицам и сложенным сводным таблицам.
qSortbyYValue включает сортировку по возрастанию или убыванию в значениях меры.
Возращаемая структура qHyperCube structure
В расширении (extension) MasteringQS следующий пример иллюстрирует возвращенный вычисленный qHyperCube для образца измерения и метрики:
Теперь Вы, наверное, можете интуитивно распознать большинство объектов и переменных. Любое свойство, начинающееся с буквы q, является свойством определения Qlik; однако есть некоторые дополнительные, которые не имеют префикса (например, заголовок и подзаголовок).
Для начала обратите внимание на следующие объекты:
В свою очередь каждая ячейка содержит следующую информацию:
Результат выглядит намного дружелюбнее:
qListObjectDef
The following code is an example of creating a qListObjectDef and writing the resulting list object into the console:
Код возвращает следующий результат:
qStringExpression и qValueExpression
Знак = в строковом выражении не является обязательным. Даже если знак = не указан, выражение вычисляется. Строковое выражение не оценивается, если выражение окружено чистыми кавычками.
Kill the hypercubes
Find the code shown in this video for both the Visualization API and the Capabilities API: https://github.com/ChristofSchwarz/qs-mash-KillHypercube
Mash-Up APIs Part 4: Creating Hypercubes
Qlik Sense Tutorial | Creating Qlik Sense Mashup by using Hypercube
Mash-Up APIs Part 3: Connecting to Fields
Getting started building mashup – Qlik Sense
Мэшапы в Qlik Sense: интересные идеи
Добрый день, коллеги! Сегодня хочу показать несколько интересных примеров встраивания мэшапов Qlik Sense, которые можно встретить на просторах сети. Надеюсь, они подадут вам новые интересные идеи.
Встроенная карта
Начну с примера из России. «Пыльца Club», социальный проект, призванный помочь в управлении симптомами пыльцевой аллергии, на этой неделе разместил у себя мэшапы Qlik Sense с данными о самочувствии пользователей мобильного приложения за последние 2 дня (аллерген – береза). Карта полностью интерактивна и охватывает уже не только Россию: https://pollen.club/traffic/.
Смена тем и стилей
В этом примере вы видите, как просто можно поменять оформление дэшборда в мэшапе Qlik Sense.
Как видно, здесь смена стилей реализована при помощи опции в выпадающем списке справа. При нажатии кнопки, активируется другой стиль CSS, который отвечает за новые настройки заголовков, шрифтов, цветов и прочего.
Работа с элементами вне макета
В этом примере вы видите как элементы, размещенные вне макета, могут помочь в более тонкой настройке дэшборда.
Интерактивные возможности для фильтрации данных сделаны с помощью листбоксов. Листбоксы в этом примере изначально скрыты от пользователя. Когда пользователю нужно добавить дополнительный фильтр, он может просто открыть панель фильтрации данных и активировать кнопку фильтры «Toggle filters». Кстати, стандартный зеленый и серый при выборке в листбоксах могут быть настроены с помощью CSS-стилей.
Всплывающие окна
Всплывающие окна легко реализовать с помощью twitter bootstrap, например, так:
В этом примере видно, как с помощью выделения «лассо» можно выделить данные на поп-ап карте с дальнейшим масштабированием.
До новых встреч! Прокомментируйте, кто уже активно работает с мэшапами Qlik Sense, какие у вас впечатления и планы.
« Консультационная Группа АТК» – крупнейший ELITE партнер Qlik на территории России. Компания уже завершила внедрение системы QlikView в более 200 ведущих российских и международных компаниях: АльфаСтрахование, SPAR, Heinz, Фармстандарт, Salamander и других. С 2009 года « Консультационная Группа АТК» входит в ТОП-10 крупнейших BI-интеграторов России ( по версии TAdviser), а также является интегратором « Лучшего BI-проекта-2013» в компании INCITY и « Лучшего масштабного аналитического решения 2015» в компании Orange Business Services.
Проектная команда по QlikView – высокопрофессиональные сертифицированные специалисты в области архитектуры BI, интеграции разнородных источников, ETL, визуализации, управления проектами и методологии внедрения BI. Специалисты « Консультационной Группы АТК» разработали ряд технологических и визуализационных ноу-хау, например, ATK Qlik 1C Коннектор, предназначенный для эффективной и высокоскоростной интеграции QlikView/Qlik Sense и 1C, а также АТК QlikView R Коннектор для интеграции с прогнозной аналитикой R Project.
На базе выполненных проектов « Консультационная Группа АТК» создала библиотеку моделей отраслевых решений для розничной торговли, микрофинансирования, дистрибуции, страхования, фармацевтики, производства.
Редакция CNews готова принять пресс-релизы компаний на адрес news@cnews.ru.
Приглашаем вас делиться комментариями о материалах CNews на наших страницах платформ Facebook, Telegram и Twitter.