Диаграмма Ганта в HTML

Сегодня было реализовано отображение диаграммы Ганта на дашборде в HTML клиенте. Диаграмма Ганта используется в решении Контроль выполнения проектов. Внешний вид несколько отличается от варианта диаграммы Ганта в версии на MS Silverlight, но все основные параметры обрабатываются и выводимое содержимое диаграммы соответствует оригиналу.

На текущий момент нам осталось в HTML реализовать отображение иерархии объектов и индикаторов (спидометров). После этого мы сможем приступить к полномасштабному тестированию HTML клиента.

kpi-suite-diagramma-ganta

button

Диаграммы в HTML

Диаграммы уже отображаются на дашбоардах в HTML. С ними пришлось повозиться, поскольку есть серьезные отличия в свойствах и работе компонент на SilverLight и на платформе Ext JS. Диаграммы чаще всего используются для отображения динамики изменения значений показателя KPI в карточке показателя (дашбоарде показателя). Диаграммы также можно использовать на сборных дашбоардах для сравнения значений из разных показателей. Диаграммы используются в карточках сотрудников в системе мотивации персонала для визуализации общей эффективности работы человека за отчетный период.

kpi-suite-diagrammy-v-html

Проводник в HTML

Проводник заработал. Отображаются и запускаются файлы в HTML клиенте. Тестируем систему на телефоне, планшете и ПК. С телефона навигация усложнена за счет мелкого экрана, но работает стабильно. Следует тренировать пальцы 🙂

Напоминаем, что в HTML версии системы будут доступны просмотр и редактирование значений элементов (KPI, риски, проекты, процессы) из структур данных, отображение дашбоардов, работа с документами и многое другое.

kpi-suite-provodnik-failov

Геометрия элементов в HTML

Работаем над конвертацией текстовых элементов. Смотрим геометрию и основные параметры. Данные передаются из структур данных. Некоторые из демонстрационных дашбоардов уже правильно отображаются в html.

kpi-suite-html-dashboard-text-elementy-s-povorotami

Векторы в HTML

Тестируем разные варианты векторов в html. Необходимо правильно перекинуть из Silverlight элементы в html, иначе дашбоарды просто будут расходиться по графике. Даже окантовки можно красить градиентом, рисунком и простым сплошным цветом. Сохраняются также прозрачность и тени.

kpi-suite-html-dashboard-custom-shapes-text-elements

Редактор в Дашбоарде

Наконец научили дашбоарды вводить данные KPI и заполнять таблицы. Теперь нет необходимости каждый раз открывать таблицу, чтобы внести значение. Как в html вводим в текстовое поле значение и просто сохраняем. Система передаст данные на пересчет и подгрузит новые значения в дашбоард.

sistema-motivatsii-otsenka-po-kpi-kartochka-s-pokazatelyami