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

Материал из Intellex
Перейти к навигации Перейти к поиску
Строка 29: Строка 29:
GUI – это экранные формы, при помощи которых осуществляется работа с отчетом.
GUI – это экранные формы, при помощи которых осуществляется работа с отчетом.


Основное окно для размещения компонентов добавляется по умолчанию.  
В ходе работы с закладкой "GUI" браузер может запросить разрешение на просмотр текста и изображений, скопированных в буфер обмена. Необходимо нажать на кнопку "Разрешить".[[Файл:ДА рис6.png|без|обрамить]]Основное окно для размещения компонентов добавляется по умолчанию.[[Файл:ДА рис4.png|без|обрамить]]
[[Файл:ДА рис4.png|без|обрамить]]
'''1.''' На панели справа в поле «Заголовок окна» введите наименование «Новый отчет».[[Файл:ДА рис5.png|без|обрамить]]
'''1.''' На панели справа в поле «Заголовок окна» введите наименование «Новый отчет».[[Файл:ДА рис5.png|без|обрамить]]
В ходе работы браузер может запросить разрешение на просмотр текста и изображений, скопированных в буфер обмена. Необходимо нажать на кнопку "Разрешить".
'''2.''' Сохраните "Новый отчет", нажав на кнопку сохранения в левом верхнем углу.  
[[Файл:ДА рис6.png|без|обрамить]]
[[Файл:ДА рис7.png|без|обрамить]]'''3.''' Нажмите на панели справа на компонент «Вкладки» для размещения в окне.
 
=== Сохранение аналитики ===
После добавления заголовка окна сохраните документ, нажав в левом верхнем углу на (Рисунок 7). После сохранения в правом верхнем углу отобразятся соответствующие сообщения. Последующие внесенные изменения сохраняются также по данной кнопке и применяются ко всей аналитике.
[[Файл:ДА рис7.png|без|обрамить]]
 
=== Добавление компонентов ===
Добавьте компонент «Вкладки». Для добавления компонента необходимо в рабочей области выбрать объект, в который он должен быть размещен и нажать на боковой панели справа на нужный компонент. Также добавить компонент можно, перетащив его в рабочую область, зажав левую кнопку мыши (Рисунок 8).
[[Файл:ДА рис8.png|без|обрамить]]
[[Файл:ДА рис8.png|без|обрамить]]
Далее выделите курсором вкладку и последовательно добавьте на нее следующие поля:
'''4.''' Выберите компонент "Вкладка"  и последовательно добавьте на нее следующие компоненты:
 
# Числовое поле
# Текстовое поле
# Выбор даты
# Выпадающий список


После добавления компонентов в правом верхнем углу отображаются соответствующие сообщения (Рисунок 9).
1) Числовое поле
[[Файл:ДА рис9.png|без|обрамить]]
Для каждого компонента определен набор свойств (подробное описание в Руководстве пользователя «Дизайнер аналитики»). Свойства каждого компонента отображаются справа при его выделении (Рисунок 10).
[[Файл:ДА рис10.png|без|обрамить]]
Выделите курсором компонент «Числовое поле» и в его свойствах задайте:


●       Уникальное имя - field1
2) Текстовое поле


●       Подпись - Число
3) Выбор даты


●       Значение - 1000
4) Выпадающий список


Для этого необходимо выделить нужное свойство компонента и в поле справа вписать значение (Рисунок 11).
После добавления компонентов в правом верхнем углу система отобразит информационные сообщения .
[[Файл:ДА рис9.png|без|обрамить]]
'''5.''' Выделите компонент «Числовое поле» и на панели справа в свойствах задайте следующие значения:
{|
!Свойство
!Значение
|-
|Уникальное имя
|field1
|-
|Подпись
|Число
|-
|Значение
|1000
|}
[[Файл:ДА рис11.png|без|обрамить]]
[[Файл:ДА рис11.png|без|обрамить]]
Далее задайте значения для следующих компонентов:
'''6.''' Для компонентов "Текстовое поле" и "Выбор даты" задайте следующие значения:
 
{|
1. Текстовое поле:
!Компонент
 
!Свойство
●      Уникальное имя - field2
!Значение
 
|-
●      Подпись - Текст
| rowspan="3" |Текстовое поле
 
|Уникальное имя
●      Значение - Проверка
|field2
 
|-
2. Выбор даты:
|Подпись
 
|Текст
●      Уникальное имя - field3
|-
 
|Значение
●      Подпись - Дата
|Проверка
 
|-
●      Значение - ${sysdate}
| rowspan="3" |Выбор даты
 
|Уникальное имя
3. Выпадающий список:
|field3
 
|-
●      Уникальное имя - field4
|Подпись
|Дата
|-
|Значение
|${sysdate}
|}
'''7.''' Выберите компонент "Выпадающий список" и заполните свойства следующими значениями:
{|
!Свойство
!Значение
|-
|Уникальное имя
|field4
|-
|Подпись
|Список
|-
|Значение ключа
|2
|}
'''8.''' Нажмите на кнопку «Редактировать значения».


●      Подпись - Список
'''КАРТИНКА'''


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


Для компонента «Выпадающий список» нажмите на кнопку «Редактировать значения» и в появившемся окне «Редактировать значения» три раза нажмите на кнопку «Добавить», добавив таким образом три строки в таблицу (Рисунок 12).
'''ЗАМЕНА КАРТИНКИ. "ОК" НАЖИМАЕТСЯ НА СЛЕДУЮЩЕМ ШАГЕ'''[[Файл:ДА рис12.1.png|без|обрамить]]
[[Файл:ДА рис12.1.png|без|обрамить]]
'''10.''' Дважды кликните на значении в поле «Значение» в первой строке и замените «Поле» на «Поле № 1», затем во второй и третьей строке также замените на «Поле № 2» и «Поле № 3» соответственно. Далее нажмите на кнопку «ОК» в окне.
Далее дважды кликните на значении в поле «Значение» в первой строке и замените «Поле» на «Поле № 1», затем во второй и третьей строке также замените на «Поле № 2» и «Поле № 3» соответственно. Далее нажмите на кнопку «ОК» в окне (Рисунок 12).


Структура добавленных компонентов отображается на панели слева (Рисунок 13).
'''КАРТИНКА С ИЗМЕНЕННЫМИ ПОЛЯМИ'''
[[Файл:ДА рис13.png|без|обрамить]]
Далее выполните сохранение аналитики, нажав на кнопку «Сохранить» в левом верхнем углу (Рисунок 7).


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


=== Добавление стиля ===
=== Добавление стиля ===
Для создания стиля необходимо перейти на закладку «Стили» и нажать на панели слева кнопку «Создать» (Рисунок 14). Откроется диалоговое окно с полем ввода наименования создаваемого стиля. Введите наименование «style» и нажмите на кнопку «Добавить» (Рисунок 14). Созданный стиль будет отображен на панели окна слева (Рисунок 15). Стиль отображается зачеркнутым, так как нигде не применяется.
'''1.''' Перейдите на закладку "Стили".
 
'''КАРТИНКА'''
 
'''2.''' Нажмите на панели слева кнопку «Создать» и в открывшемся диалоговом окне введите наименование «style».  
[[Файл:ДА рис14.1.png|без|обрамить]]
[[Файл:ДА рис14.1.png|без|обрамить]]
Чтобы настроить свойства стиля его необходимо выделить. Основные свойства CSS расположены панели окна справа (Рисунок 15).
'''3.''' Выделите "style" (''стиль будет отображен <s>зачеркнутым</s>, так как нигде не применяется'') для настройки свойств.
[[Файл:ДА рис15.1.png|без|обрамить]]
[[Файл:ДА рис15.1.png|без|обрамить]]
Для задания стиля сначала установите курсор в поле «CSS», а затем справа в свойствах нажмите на «width» и укажите значение «300px». Далее поставьте «;» и добавьте свойство «font-weight», указав ему значение «800» (Рисунок 16).
'''4.''' Установите курсор в поле «CSS», а затем справа в свойствах нажмите на «width» и укажите значение «300px». Далее поставьте «;» и добавьте свойство «font-weight», указав ему значение «800».
[[Файл:ДА рис16.png|без|обрамить]]
[[Файл:ДА рис16.png|без|обрамить]]


=== Применение стиля ===
=== Применение стиля ===
Вернитесь на закладку «GUI», выделите курсором поле «Текст» и в свойствах справа найдите «Поле ввода». В «Поле ввода» в выпадающем списке выберите созданный ранее стиль «style» (Рисунок 17).
'''1'''. Вернитесь на закладку «GUI», выделите курсором поле «Текст». В свойствах на панели справа в «Поле ввода» выберите в выпадающем списке созданный ранее стиль «style».
[[Файл:ДА рис17.png|без|обрамить]]
[[Файл:ДА рис17.png|без|обрамить]]
Сохраните аналитику.
'''2.''' Сохраните аналитику, нажав на кнопку "Сохранить" в левом верхнем углу.


== Добавление иконки ==
== Добавление иконки ==
Для добавления иконки режима подготовьте файл в формате .png с разрешением 120х120 и перейдите на закладку «Свойства». Далее нажмите на изображение напротив поля «Иконка» (Рисунок 18).
'''1.''' Подготовьте файл в формате .png с разрешением 120х120.
 
'''2.''' Перейдите на закладку «Свойства» и нажмите на изображение напротив поля «Иконка».
[[Файл:ДА рис18.png|без|обрамить]]
[[Файл:ДА рис18.png|без|обрамить]]
Затем необходимо выбрать подходящую иконку (размер 120х120) и нажать «Открыть», либо дважды нажать на нужную иконку. Иконка будет загружена (Рисунок 19).
'''3.''' Выберите ранее подготовленную иконку в проводнике и нажмите «Открыть».
[[Файл:ДА рис19.png|без|обрамить]]
[[Файл:ДА рис19.png|без|обрамить]]
Далее сохраните аналитику.
'''4.''' Сохраните аналитику, нажав на кнопку "Сохранить" в левом верхнем углу.
 
== Просмотр истории создания ==
На закладке «История» отображается список операций, в которых указаны следующие параметры внесённых изменений (Рисунок 20):
 
−       Дата;
 
−       Время;
 
−       Источник;


−       Тип операции;
'''5.''' Закройте "Новый отчет", нажав на Х в правом верхнем углу.
 
−       ФИО пользователя.
[[Файл:ДА рис20.png|без|обрамить]]
История операций отображается по всем закладкам справочника или по выбранной. Для просмотра истории по выбранной закладке необходимо в выпадающем списке её выбрать.


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


1. Найти и открыть созданный режим с аналитикой в интерфейсе (Рисунок 21):
2. Откройте "Новый отчет".[[Файл:ДА рис21.2.png|без|обрамить]]
[[Файл:ДА рис21.2.png|без|обрамить]]
2. Проверьте корректность отображения в режиме добавленных объектов.
2. Проверить корректность отображения в режиме добавленных объектов (Рисунок 22):
[[Файл:ДА рис22.png|без|обрамить]]
[[Файл:ДА рис22.png|без|обрамить]]

Версия 14:07, 21 июля 2021

Осуществите вход в систему и откройте Дизайнер аналитики (Сценарий работы с платформой приложений ХМ).

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

1. Откройте «Дизайнер аналитики» и нажмите на иконку в правом нижнем углу экрана.

ДА рис1.10.png

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

ДА рис2.1.png

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

−       GUI;

−       Действия;

−       Стили;

−       Иконки;

−       Свойства;

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

−       История;

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

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

ДА рис3.1.png

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

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

В ходе работы с закладкой "GUI" браузер может запросить разрешение на просмотр текста и изображений, скопированных в буфер обмена. Необходимо нажать на кнопку "Разрешить".

ДА рис6.png

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

ДА рис4.png

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

ДА рис5.png

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

ДА рис7.png

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

ДА рис8.png

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

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

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

3) Выбор даты

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

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

ДА рис9.png

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

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

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

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

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

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

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

КАРТИНКА

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

ЗАМЕНА КАРТИНКИ. "ОК" НАЖИМАЕТСЯ НА СЛЕДУЮЩЕМ ШАГЕ

ДА рис12.1.png

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

КАРТИНКА С ИЗМЕНЕННЫМИ ПОЛЯМИ

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

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

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

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

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

КАРТИНКА

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

ДА рис14.1.png

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

ДА рис15.1.png

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

ДА рис16.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