Мобильное приложение FineBI

FineBI предоставляет возможность использования мобильного приложения для быстрого взаимодействия с дашбордами в режиме реального времени.

Введение в систему

Система поддерживается как на Android, так и IOS, и позволяет использоваться в качестве карманной версии на телефоне или планшете.

Кроме того, функционал системы позволяет учесть необходимость разработки мобильного приложения в процессе создания дашбордов при помощи опции Mobile Layout.

Для интеграции мобильного приложения необходима наличие плагина "BI Mobile Layout H5", который используется системой по умолчанию.

Сценарии применения:

Установка приложения на девайс, получение ссылки на дашборд, подключение приложения к системе и просмотр элемента через «Catalog - Dashboard».
Получение доступа к дашборду с помощью HTML5.

Встроенная мобильная верстка

Система располагает автоматической версткой дашборда под мобильные устройства – результат переноса дашборда без изменений со стороны разработчиков будет выглядеть следующим образом.

На дашборд накладываются следующие правила:

Компоненты располагаются вертикально друг за другом.
Расположение компонентов зависит от расположения их источников.
Высота компонента настраивается автоматически в зависимости от его содержимого.
Компонент-фильтр скрывается под отдельной кнопкой и не отображается на дашборде.

Ручная мобильная верстка

Чтобы самостоятельно задать параметры мобильной адаптации дашборда перейдите в «More - Mobile Layout».

Задайте кастомные настройки для вашего мобильного интерфейса – например, как представлено на изображении.

«Reset» – вернуться к базовым настройкам мобильной верстки,

«Scaling» – увеличить размер отображаемых элементов мобильного приложения,

«Back to Dashboard» – вернуться к дашборду,

«Save» – сохранить изменения,

«Mobile effect preview» – просмотреть настройки в мобильном формате,

«Hidden components» – область отображения скрытых элементов,

«Style settings» – настроить отображение страницы или компонента.

Компоненты дашборда, отображение которых не является необходимым в мобильном приложении, возможно скрыть при помощи кнопки «Глаз» в правом углу элемента. Все скрытые элементы хранятся в панели скрытых компонентов справа во вкладке «Hidden Components».

Чтобы вернуть компонент, нажмите на кнопку «Глаз» компонента правой панели, и компонент вернется последним в списке элементов мобильного приложения.

Настройте элементы дашборда – уменьшите/увеличьте его размер, измените расположение на дашборде, измените ширину столбцов таблицы.

Настройте отображение страницы «Page Setting» – с помощью «Component Gap» измените отступы между компонентами, установите фон (цвет/изображение) при помощи «Background», настройте отображение фильтров с «Show all filter components in the parameter panel».

Настройте отображение компонентов дашборда «Component Settings» – измените отображение кнопки увеличения в правом углу компонента «Hide FullScreen Button», выберите тип адаптации компонента, формы или текста с помощью «Adaptive Display».

Настройте макет дашборда с помощью «Grid Layout» (размер компонента не адаптируется под размер содержимого) или «Adaptive Layout» (размер компонента адаптируется под размер содержимого).
Чтобы вернуть базовые настройки мобильного приложения, нажмите «Reset».

Настройка мобильного приложения FineBI

Мобильное приложение поддерживается на IOS и Android и является удобным дополнением к компьютерной версии программы для отслеживания ключевых показателей в режиме реального времени.

Установите приложение на ваше мобильное устройство (IOS – https://apps.apple.com/us/app/dataanalyst-v11/id1592053200, Android – https://play.google.com/store/apps/details?id=com.finereact.v11&hl=en&gl=US).
Откройте приложение и перейдите на страницу входа в систему – введите логин, пароль пользователя и требуемый сервер.

Чтобы создать новый сервер, нажмите «New Server» и введите его имя и адрес, который можете запросить у администратора FineBI.

Также можете использовать QR-код, чтобы добавить новый сервер – откройте ПК-версию приложения, перейдите в «Manage - Mobile Platform - App Configuration» и нажмите «Generate QR Code» для получения QR-кода.

Затем отсканируйте QR-код с мобильного приложения, чтобы автоматически заполнить информацию по нему.