Создание аналитики в Дизайнере аналитики: различия между версиями

Материал из Intellex
Перейти к навигации Перейти к поиску
 
(не показаны 23 промежуточные версии этого же участника)
Строка 1: Строка 1:
Осуществите вход в систему и откройте Дизайнер аналитики ([http://10.144.18.111/index.php/Сценарий_работы_с_платформой_приложений_ХМ Сценарий работы с платформой приложений ХМ]).
[[Общие принципы работы с ХМ#Запуск и завершение работы в системе|Осуществите вход в систему]] и откройте Дизайнер аналитики.


== Создание аналитики ==
== Создание аналитики ==
1. После открытия Дизайнера аналитики нажмите на иконку в правом нижнем углу экрана.  
1. После открытия Дизайнера аналитики нажмите на иконку в правом нижнем углу экрана.  
[[Файл:ДА рис1.10.png|без|обрамить]]2. В открывшемся диалоговом окне «Добавление нового аналитического режима» введите наименование "Новый отчет" и нажмите "Создать новый режим".
[[Файл:ДА 1.png|без|обрамить]]
2. В открывшемся диалоговом окне «Добавление нового аналитического режима» введите наименование "Новый отчет" и нажмите "Создать новый режим".
[[Файл:ДА рис2.1.png|без|обрамить]]
[[Файл:ДА рис2.1.png|без|обрамить]]
Дизайнер аналитики содержит следующие закладки:
Дизайнер аналитики содержит следующие закладки:
Строка 29: Строка 30:
GUI – это экранные формы, при помощи которых осуществляется работа с отчетом.
GUI – это экранные формы, при помощи которых осуществляется работа с отчетом.


В ходе работы с закладкой "GUI" браузер может запросить разрешение на просмотр текста и изображений, скопированных в буфер обмена. Необходимо нажать на кнопку "Разрешить".[[Файл:ДА рис6.png|без|обрамить]]Основное окно для размещения компонентов добавляется по умолчанию.[[Файл:ДА рис4.png|без|обрамить]]
Основное окно для размещения компонентов добавляется по умолчанию.[[Файл:ДА рис4.png|без|обрамить]]
'''1.''' На панели справа в поле «Заголовок окна» введите наименование «Новый отчет».[[Файл:ДА рис5.png|без|обрамить]]
'''1.''' На панели справа в поле «Заголовок окна» введите наименование «Новый отчет».[[Файл:ДА рис5.png|без|обрамить]]
'''2.''' Сохраните "Новый отчет", нажав на кнопку сохранения в левом верхнем углу.  
'''2.''' Сохраните "Новый отчет", нажав на кнопку сохранения в левом верхнем углу.  
[[Файл:ДА рис7.png|без|обрамить]]'''3.''' Нажмите на панели справа на компонент «Вкладки» для размещения в окне.
[[Файл:ДА рис7.1.png|без|обрамить]]
'''3.''' Нажмите на панели справа на компонент «Вкладки» для размещения в окне (или зажмите левой кнопкой мыши и перетащите компонент в окно).
[[Файл:ДА рис8.png|без|обрамить]]
[[Файл:ДА рис8.png|без|обрамить]]
'''4.''' Выберите компонент "Вкладка"  и последовательно добавьте на нее следующие компоненты:
'''4.''' Выберите компонент "Вкладка"  и последовательно добавьте на нее следующие компоненты:
Строка 47: Строка 49:
[[Файл:ДА рис9.png|без|обрамить]]
[[Файл:ДА рис9.png|без|обрамить]]
'''5.''' Выделите компонент «Числовое поле» и на панели справа в свойствах задайте следующие значения:
'''5.''' Выделите компонент «Числовое поле» и на панели справа в свойствах задайте следующие значения:
{|
{| class="wikitable"
!Свойство
!Свойство
!Значение
!Значение
Строка 62: Строка 64:
[[Файл:ДА рис11.png|без|обрамить]]
[[Файл:ДА рис11.png|без|обрамить]]
'''6.''' Для компонентов "Текстовое поле" и "Выбор даты" задайте следующие значения:
'''6.''' Для компонентов "Текстовое поле" и "Выбор даты" задайте следующие значения:
{|
{| class="wikitable"
!Компонент
!Компонент
!Свойство
!Свойство
Строка 88: Строка 90:
|}
|}
'''7.''' Выберите компонент "Выпадающий список" и заполните свойства следующими значениями:
'''7.''' Выберите компонент "Выпадающий список" и заполните свойства следующими значениями:
{|
{| class="wikitable"
!Свойство
!Свойство
!Значение
!Значение
Строка 102: Строка 104:
|}
|}
'''8.''' Нажмите на кнопку «Редактировать значения».
'''8.''' Нажмите на кнопку «Редактировать значения».
 
[[Файл:ДА рис.8.2п.png|без|обрамить]]
'''КАРТИНКА'''
 
'''9.''' В появившемся окне нажмите три раза на кнопку «Добавить» для добавления значений.
'''9.''' В появившемся окне нажмите три раза на кнопку «Добавить» для добавления значений.
 
[[Файл:ДА рис.9.1п.png|без|обрамить]]
'''ЗАМЕНА КАРТИНКИ. "ОК" НАЖИМАЕТСЯ НА СЛЕДУЮЩЕМ ШАГЕ'''[[Файл:ДА рис12.1.png|без|обрамить]]
'''10.''' Выделить курсором первую строку в таблице и кликните на значении в поле «Значение», замените «Поле» на «Поле № 1», затем во второй и третьей строке также замените на «Поле № 2» и «Поле № 3» соответственно. Далее нажмите на кнопку «ОК» в окне.
'''10.''' Дважды кликните на значении в поле «Значение» в первой строке и замените «Поле» на «Поле № 1», затем во второй и третьей строке также замените на «Поле № 2» и «Поле № 3» соответственно. Далее нажмите на кнопку «ОК» в окне.
[[Файл:ДА рис10.1п.png|без|обрамить]]
 
'''КАРТИНКА С ИЗМЕНЕННЫМИ ПОЛЯМИ'''
 
'''11.''' Сохраните аналитику, нажав на кнопку "Сохранить" в левом верхнем углу.
'''11.''' Сохраните аналитику, нажав на кнопку "Сохранить" в левом верхнем углу.
== Создание стиля ==
== Создание стиля ==
Строка 118: Строка 115:
=== Добавление стиля ===
=== Добавление стиля ===
'''1.''' Перейдите на закладку "Стили".
'''1.''' Перейдите на закладку "Стили".
 
[[Файл:ДА рис.ст1.png|без|обрамить]]
'''КАРТИНКА'''
'''2.''' Нажмите на панели слева кнопку «Создать». В открывшемся диалоговом окне введите наименование «style» и нажмите на кнопку «Добавить».
 
[[Файл:ДА рис.ст2.png|без|обрамить]]
'''2.''' Нажмите на панели слева кнопку «Создать» и в открывшемся диалоговом окне введите наименование «style».  
[[Файл:ДА рис14.1.png|без|обрамить]]
'''3.''' Выделите "style" (''стиль будет отображен <s>зачеркнутым</s>, так как нигде не применяется'') для настройки свойств.
'''3.''' Выделите "style" (''стиль будет отображен <s>зачеркнутым</s>, так как нигде не применяется'') для настройки свойств.
[[Файл:ДА рис15.1.png|без|обрамить]]
[[Файл:ДА рис15.1.png|без|обрамить]]
'''4.''' Установите курсор в поле «CSS», а затем справа в свойствах нажмите на «width» и укажите значение «300px». Далее поставьте «;» и добавьте свойство «font-weight», указав ему значение «800».
'''4.''' Установите курсор в поле «CSS», а затем справа в свойствах нажмите на «width» и укажите значение «300px». Далее поставьте «;» и добавьте свойство «font-weight», указав ему значение «800».
[[Файл:ДА рис16.png|без|обрамить]]
[[Файл:ДА рис16.1.png|без|обрамить]]


=== Применение стиля ===
=== Применение стиля ===
Строка 145: Строка 140:


== Проверка созданной аналитики ==
== Проверка созданной аналитики ==
1. Выполните повторный вход в систему (Завершение работы и вход в систему). Созданный режим "Новый отчет" отобразится на главной странице системы
1. Выполните повторный вход в систему ([[Общие принципы работы с ХМ|Завершение работы]] и [[Общие принципы работы с ХМ|вход в систему]]). Созданный режим "Новый отчет" отобразится на главной странице системы


2. Откройте "Новый отчет".[[Файл:ДА рис21.2.png|без|обрамить]]
2. Откройте "Новый отчет".[[Файл:ДА рис21.2.png|без|обрамить]]
2. Проверьте корректность отображения в режиме добавленных объектов.
2. Проверьте корректность отображения в режиме добавленных объектов.
[[Файл:ДА рис22.png|без|обрамить]]
[[Файл:ДА рис22.png|без|обрамить]]
== Добавление в аналитический отчет таблицы с отображением данных из документа ==
=== Настройка представления в документе ===
'''1'''. Зайдите в Дизайнер документов и откройте ранее созданный [[Создание простого документа в Дизайнере документов|"Новый документ"]].
[[Файл:ДА табл1.png|без|обрамить]]
'''2.''' Перейдите на закладку "Представление".
[[Файл:ДА табл2.1.png|без|обрамить]]
'''3.''' На панели слева нажмите на "+" для добавления АПИ.
[[Файл:ДА рис.3.2.png|без|обрамить]]
'''4.''' В открывшемся диалогом окне введите «АПИ документ» и нажмите «ОК».
[[Файл:ДА табл4.png|без|обрамить]]
'''5.''' Проставьте галки для полей:
−       ИД ОСНОВНАЯ ТАБЛИЦА 1;
−       Число;
−       Дата;
−       Строка.
Выбранные поля отобразятся в блоке «Колонки».
[[Файл:ДА табл5.png|без|обрамить]]
'''6.''' Сохраните документ, нажав на кнопку в левом верхнем углу. В правом верхнему углу отобразиться всплывающее сообщение об успешном сохранении документа.
'''7.''' Закройте документ и перейдите на главную страницу системы.
=== Добавление таблицы в аналитику ===
==== Добавление действия "Выбор данных из представления  (API)" ====
'''1.''' Откройте Дизайнер аналитики и далее "Новый отчет".
[[Файл:ДА таб6.png|без|обрамить]]
'''2.''' Перейдите на вкладку "Действия" и слева в блоке «Действия» нажмите на «+».
[[Файл:ДА табл8.png|без|обрамить]]'''3.''' В открывшемся окне в поле «Имя» введите «Api1». В поле «Тип» выберите из выпадающего списка «Выбор данных из представления «API» и нажмите на кнопку «Добавить».
[[Файл:ДА табл4.01.png|без|обрамить]]
'''4.''' В поле "Куб" нажмите на знак поиска.
[[Файл:ДА табл4.3.png|без|обрамить]]
'''5.''' В открывшемся окне выберите "Новый документ" и нажмите "Да".
[[Файл:ДА табл4.4.png|без|обрамить]]
'''6.''' В поле "Апи" нажмите на знак поиска. Так как в "Новом документе" Апи создано одно, то значение заполнится автоматически.
[[Файл:ДА табл4.7.png|без|обрамить]]
'''7.''' В поле "Датасет" введите значение "DataSet".
[[Файл:ДА табл4.8.png|без|обрамить]]
==== Добавление в пользовательский интерфейс (GUI) ====
'''8.''' Вернитесь на закладку "GUI". Выделите в структуре окна компонент "Вкладка" и добавьте на нее "Контейнер объектов".
[[Файл:ДА рис.1901.png|без|обрамить]]
'''9.''' Выделите "Контейнер объектов", в поле "Заголовок" очистите значение, далее добавьте компоненты «Кнопка» и «Таблица». Выбранные компоненты отобразятся в списке полей окна и в структуре окна. В правом верхнем углу отобразятся соответствующие сообщения.
[[Файл:ДА рис.1902.png|без|обрамить]]
'''10.''' Выберите компонент "Таблица" и в поле "datasourse" из выпадающего списка выберите значение "DataSet".
[[Файл:ДА рис.1903.png|без|обрамить]]
'''11.''' На панели справа 4 раза нажмите на компонент "Колонка" для добавления в таблицу.
[[Файл:ДА рис.1904.png|без|обрамить]]
'''12.''' Выберите первую колонку. В поле "Название колонки" введите значение "ИД", а в поле "sourcefield" введите значение "MAIN_TABLE_1_ID".
[[Файл:ДА рис.1905.png|без|обрамить]]
В поле "sourcefield" должны быть указаны значения, соответствующие значениям в поле "Название в БД" в документе, выбранном для отображения.
[[Файл:ДА рис10.2.png|без|обрамить]]
'''13.''' Остальные колонки заполните следующими данными:
{| class="wikitable"
!Название колонки
!sourcefield
|-
|Число
|PARAMETER_1
|-
|Дата
|PARAMETER_2
|-
|Строка
|PARAMETER_5
|}
[[Файл:ДА рис.1906.png|без|обрамить]]
'''14.''' Выделите компонент "Кнопка" и в поле "Текст кнопки" введите значение "Загрузить данные документа". В поле "onclick" выберите из выпадающего списка "Api1".
[[Файл:ДА рис.1907.png|без|обрамить]]
'''15'''. Нажмите на кнопку сохранения в левом верхнем углу.
[[Файл:ДА рис.1909.png|без|обрамить]]
'''16'''. Закройте встроенную аналитику и перейдите на главную страницу системы.
=== Проверка отображения данных документа в аналитике ===
'''1'''. Откройте "Новый отчет" и нажмите на кнопку "Загрузить данные документа"*.
''* Если кнопка "Загрузить данные документа" не отображается, обновите страницу''
[[Файл:ДА табл1.1.png|без|обрамить]]
После нажатия на кнопку будут загружены данные документа, который был указан выше.
[[Файл:ДА ан1.png|без|обрамить]]

Текущая версия на 07:04, 8 ноября 2021

Осуществите вход в систему и откройте Дизайнер аналитики.

Создание аналитики

1. После открытия Дизайнера аналитики нажмите на иконку в правом нижнем углу экрана.

ДА 1.png

2. В открывшемся диалоговом окне «Добавление нового аналитического режима» введите наименование "Новый отчет" и нажмите "Создать новый режим".

ДА рис2.1.png

Дизайнер аналитики содержит следующие закладки:

−       GUI;

−       Действия;

−       Стили;

−       Иконки;

−       Свойства;

−       Локализация;

−       История;

−       Объекты куба;

−       Печатные формы.

ДА рис3.1.png

Создание пользовательского интерфейса (GUI)

GUI – это экранные формы, при помощи которых осуществляется работа с отчетом.

Основное окно для размещения компонентов добавляется по умолчанию.

ДА рис4.png

1. На панели справа в поле «Заголовок окна» введите наименование «Новый отчет».

ДА рис5.png

2. Сохраните "Новый отчет", нажав на кнопку сохранения в левом верхнем углу.

ДА рис7.1.png

3. Нажмите на панели справа на компонент «Вкладки» для размещения в окне (или зажмите левой кнопкой мыши и перетащите компонент в окно).

ДА рис8.png

4. Выберите компонент "Вкладка" и последовательно добавьте на нее следующие компоненты:

1) Числовое поле

2) Текстовое поле

3) Выбор даты

4) Выпадающий список

После добавления компонентов в правом верхнем углу система отобразит информационные сообщения .

ДА рис9.png

5. Выделите компонент «Числовое поле» и на панели справа в свойствах задайте следующие значения:

Свойство Значение
Уникальное имя field1
Подпись Число
Значение 1000
ДА рис11.png

6. Для компонентов "Текстовое поле" и "Выбор даты" задайте следующие значения:

Компонент Свойство Значение
Текстовое поле Уникальное имя field2
Подпись Текст
Значение Проверка
Выбор даты Уникальное имя field3
Подпись Дата
Значение ${sysdate}

7. Выберите компонент "Выпадающий список" и заполните свойства следующими значениями:

Свойство Значение
Уникальное имя field4
Подпись Список
Значение ключа 2

8. Нажмите на кнопку «Редактировать значения».

ДА рис.8.2п.png

9. В появившемся окне нажмите три раза на кнопку «Добавить» для добавления значений.

ДА рис.9.1п.png

10. Выделить курсором первую строку в таблице и кликните на значении в поле «Значение», замените «Поле» на «Поле № 1», затем во второй и третьей строке также замените на «Поле № 2» и «Поле № 3» соответственно. Далее нажмите на кнопку «ОК» в окне.

ДА рис10.1п.png

11. Сохраните аналитику, нажав на кнопку "Сохранить" в левом верхнем углу.

Создание стиля

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

Добавление стиля

1. Перейдите на закладку "Стили".

ДА рис.ст1.png

2. Нажмите на панели слева кнопку «Создать». В открывшемся диалоговом окне введите наименование «style» и нажмите на кнопку «Добавить».

ДА рис.ст2.png

3. Выделите "style" (стиль будет отображен зачеркнутым, так как нигде не применяется) для настройки свойств.

ДА рис15.1.png

4. Установите курсор в поле «CSS», а затем справа в свойствах нажмите на «width» и укажите значение «300px». Далее поставьте «;» и добавьте свойство «font-weight», указав ему значение «800».

ДА рис16.1.png

Применение стиля

1. Вернитесь на закладку «GUI», выделите курсором поле «Текст». В свойствах на панели справа в «Поле ввода» выберите в выпадающем списке созданный ранее стиль «style».

ДА рис17.png

2. Сохраните аналитику, нажав на кнопку "Сохранить" в левом верхнем углу.

Добавление иконки

1. Подготовьте файл в формате .png с разрешением 120х120.

2. Перейдите на закладку «Свойства» и нажмите на изображение напротив поля «Иконка».

ДА рис18.png

3. Выберите ранее подготовленную иконку в проводнике и нажмите «Открыть».

ДА рис19.png

4. Сохраните аналитику, нажав на кнопку "Сохранить" в левом верхнем углу.

5. Закройте "Новый отчет", нажав на Х в правом верхнем углу.

Проверка созданной аналитики

1. Выполните повторный вход в систему (Завершение работы и вход в систему). Созданный режим "Новый отчет" отобразится на главной странице системы

2. Откройте "Новый отчет".

ДА рис21.2.png

2. Проверьте корректность отображения в режиме добавленных объектов.

ДА рис22.png

Добавление в аналитический отчет таблицы с отображением данных из документа

Настройка представления в документе

1. Зайдите в Дизайнер документов и откройте ранее созданный "Новый документ".

ДА табл1.png

2. Перейдите на закладку "Представление".

ДА табл2.1.png

3. На панели слева нажмите на "+" для добавления АПИ.

ДА рис.3.2.png

4. В открывшемся диалогом окне введите «АПИ документ» и нажмите «ОК».

ДА табл4.png

5. Проставьте галки для полей:

−       ИД ОСНОВНАЯ ТАБЛИЦА 1;

−       Число;

−       Дата;

−       Строка.

Выбранные поля отобразятся в блоке «Колонки».

ДА табл5.png

6. Сохраните документ, нажав на кнопку в левом верхнем углу. В правом верхнему углу отобразиться всплывающее сообщение об успешном сохранении документа.

7. Закройте документ и перейдите на главную страницу системы.

Добавление таблицы в аналитику

Добавление действия "Выбор данных из представления (API)"

1. Откройте Дизайнер аналитики и далее "Новый отчет".

ДА таб6.png

2. Перейдите на вкладку "Действия" и слева в блоке «Действия» нажмите на «+».

ДА табл8.png

3. В открывшемся окне в поле «Имя» введите «Api1». В поле «Тип» выберите из выпадающего списка «Выбор данных из представления «API» и нажмите на кнопку «Добавить».

ДА табл4.01.png

4. В поле "Куб" нажмите на знак поиска.

ДА табл4.3.png

5. В открывшемся окне выберите "Новый документ" и нажмите "Да".

ДА табл4.4.png

6. В поле "Апи" нажмите на знак поиска. Так как в "Новом документе" Апи создано одно, то значение заполнится автоматически.

ДА табл4.7.png

7. В поле "Датасет" введите значение "DataSet".

ДА табл4.8.png

Добавление в пользовательский интерфейс (GUI)

8. Вернитесь на закладку "GUI". Выделите в структуре окна компонент "Вкладка" и добавьте на нее "Контейнер объектов".

ДА рис.1901.png

9. Выделите "Контейнер объектов", в поле "Заголовок" очистите значение, далее добавьте компоненты «Кнопка» и «Таблица». Выбранные компоненты отобразятся в списке полей окна и в структуре окна. В правом верхнем углу отобразятся соответствующие сообщения.

ДА рис.1902.png

10. Выберите компонент "Таблица" и в поле "datasourse" из выпадающего списка выберите значение "DataSet".

ДА рис.1903.png

11. На панели справа 4 раза нажмите на компонент "Колонка" для добавления в таблицу.

ДА рис.1904.png

12. Выберите первую колонку. В поле "Название колонки" введите значение "ИД", а в поле "sourcefield" введите значение "MAIN_TABLE_1_ID".

ДА рис.1905.png

В поле "sourcefield" должны быть указаны значения, соответствующие значениям в поле "Название в БД" в документе, выбранном для отображения.

ДА рис10.2.png

13. Остальные колонки заполните следующими данными:

Название колонки sourcefield
Число PARAMETER_1
Дата PARAMETER_2
Строка PARAMETER_5
ДА рис.1906.png

14. Выделите компонент "Кнопка" и в поле "Текст кнопки" введите значение "Загрузить данные документа". В поле "onclick" выберите из выпадающего списка "Api1".

ДА рис.1907.png

15. Нажмите на кнопку сохранения в левом верхнем углу.

ДА рис.1909.png

16. Закройте встроенную аналитику и перейдите на главную страницу системы.

Проверка отображения данных документа в аналитике

1. Откройте "Новый отчет" и нажмите на кнопку "Загрузить данные документа"*.

* Если кнопка "Загрузить данные документа" не отображается, обновите страницу

ДА табл1.1.png

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

ДА ан1.png