Федорович О.Е., Прохоров А.В., Головань К.В. Системы промышленной автоматизации на основе технологии SCADA

Подождите немного. Документ загружается.

Редактор представления данных. Разработка графической базы проекта

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

элемента рисования. Настроим атрибуты цилиндра, как показано на

рис. 3.25.

Рис. 3.25. Настройка атрибутов цилиндра

При настройке цвета следует указать самый темный цвет из

светло-серой гаммы, как показано на рис. 3.26.

Рис. 3.26. Выбор цвета

Далее разместим цилиндр на экране Участок 1. Для этого пе-

реведем курсор мыши в рабочую область редактора, выберем место,

где должен располагаться нижний левый угол элемента и нажмем ле-

вую кнопку «мыши» – это будет точка привязки цилиндра. После этого

на экране появится контурный прямоугольник, размеры которого ме-

няются при перемещении мыши. Установим нужный размер цилиндра

и нажмем левую кнопку «мыши» повторно. Контурный прямоугольник

исчезнет с экрана, а вместо него появится цилиндр такого же разме-

ра. Теперь пририсуем к верхнему торцу цилиндра эллиптическую

крышку. Для этого нажмем левую кнопку «мыши» еще раз на иконке

объемных элементов и в появившемся меню выберем элемент Шар.

Настроим атрибуты элемента рисования Шар, как показано на рис.

3.27. Порядок размещения шара аналогичен порядку размещения ци-

линдра.

Чтобы изменить размер или положение графического элемента,

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

системной инструментальной панели.

Установите этот цвет

ля цилинд

Кнопка

выбора

цвета

Лабораторная работа № 3

Рис. 3.27. Настройка атрибутов шара

Переведем курсор в рабочую область экрана, подведем его к

границе графического элемента и при изменении его формы нажмем

левую кнопку «мыши». При этом графический элемент обводится кон-

турным прямоугольником, как показано на рис. 3.28.

Рис. 3.28. Изменение размера графического элемента

Для изменения размеров графического элемента необходимо

перевести курсор мыши в область контурного прямоугольника, к од-

ной из 8 точек изменения размера. При этом появятся стрелки, пока-

зывающие направление изменения. Далее следует нажать левую

кнопку «мыши» и, удерживая ее в нажатом состоянии, перемещением

мыши добиться требуемого размера графического элемента. После

того как левая кнопка «мыши» будет отпущена, новый размер графи-

ческого элемента зафиксируется.

Чтобы переместить графический элемент в другую область эк-

рана, необходимо подвести курсор к контурному прямоугольнику. Од-

нако курсор не должен попадать на точки изменения размера. При

смене вида курсора следует нажать левую кнопку «мыши» и, не от-

пуская ее, перемещением мыши изменить положение графического

элемента. После того как левая кнопка «мыши» будет отпущена, но-

вое положение элемента зафиксируется.

Нарисуем теперь рамку по центру емкости. В ней будет разме-

щена гистограмма, отображающая уровень. Вторую рамку располо-

жим под емкостью для вывода в ней числовых значений давления и

уровня.

Точка изменения

азме

Редактор представления данных. Разработка графической базы проекта

Выполним двойной щелчок «мыши» на иконке группы прямо-

угольников. При этом на экране появится меню выбора элемента

группы. Нажмем левую кнопку «мыши» на элементе Рамка. После

этого пиктограмма выбранного элемента отобразится в соответст-

вующей ячейке инструментальной панели, а на экран будет выведен

диалог настройки атрибутов элемента рисования Рамка. Вид этого

диалога показан на рис. 3.29.

Рис. 3.29. Настройка атрибутов рамки

Установим в этом диалоге два флага: наличие заполнения и ис-

пользование системных цветов Windows для объемных элементов.

После этого разместим две рамки, как показано на рис. 3.30.

Рис. 3.30. Размещение рамок

Теперь в рамке, расположенной под емкостью, сделаем две

надписи: Уровень и Давление. Для этого нажмем на иконке статиче-

ского текста в инструментальной панели элементов рисования. При

этом на экран выводится диалог настройки атрибутов (рис. 3.31).

Рис. 3.31. Настройка атрибутов статического текста

Первая Рамка

Вторая Рамка

Стиль выравнивания

Цвет символов

Параметры шрифта

Окно ввода текста

Лабораторная работа № 3

Нажмем левую кнопку «мыши» на кнопке настройки параметров

шрифта. Установим в появившемся диалоге шрифт Arial, начертание

– полужирный, размер – 8, набор символов – кириллица. Зададим

черный цвет символов и выравнивание по левому краю. Наберем в

окне ввода текста слова Уровень и Давление. После этого переведем

курсор в область экрана и разместим текст.

Теперь перейдем в режим редактирования и переместим вве-

денный текст. Он должен быть расположен так, как показано на

рис. 3.32.

Рис. 3.32. Размещение статического текста

Далее перейдем к размещению динамических элементов. Окон-

чательный вид экрана Участок 1 показан на рис. 3.33.

Рис. 3.33. Вид экрана рассматриваемого примера

Чтобы показать уровень заполнения емкости, используем ФО

Гистограмма. Выберем ее нажатием соответствующей кнопки инст-

рументальной панели. При этом на экране появится диалог настройки

атрибутов данной ФО (рис. 3.34).

Настроим атрибуты гистограммы, как показано на рис. 3.34. Да-

лее свяжем ее с реальным значением канала УРОВЕНЬ1 из объекта

базы каналов _БАЗА. После этого поместим гистограмму внутри рам-

ки, расположенной по центру емкости.

Для вывода значений параметров в виде чисел предназначена

текстовая ФО. Для ее размещения нажмем соответствующую кнопку

инструментальной панели ФО. При этом на экране появится диалог

настройки атрибутов данной ФО (рис. 3.35).

Настроим атрибуты текстовой формы, как показано на рис. 3.35.

При этом цвет символов установим темно-синим, а фона – светло-

серым.

Редактор представления данных. Разработка графической базы проекта

Рис. 3.34. Настройка атрибутов гистограммы

Рис. 3.35. Настройка атрибутов динамического текста

Свяжем данную ФО с реальным значением канала УРОВЕНЬ1

из объекта _БАЗА и разместим ее на экране под изображением емко-

сти напротив слова Уровень.

Затем сменим цвет символов в диалоге настройки атрибутов на

светло-зеленый, свяжем форму с каналом ДАВЛЕНИЕ1 и разместим

новую ФО напротив слова Давление.

Лабораторная работа № 3

Рамка, расположенная под изображением емкости, будет выгля-

деть так, как показано на рис. 3.36.

Рис. 3.36. Числовое отображение контролируемых параметров

Вывод трендов технологических параметров осуществляется с

помощью специальной ФО. Для ее размещения нажмем соответст-

вующую кнопку инструментальной панели ФО. При этом на экране

появится диалог настройки атрибутов трендов (рис. 3.37).

Настроим оси, сетку и шрифт надписей по осям графика, как по-

казано на рис. 3.37 и перейдем к настройке линий графика. Для этого

нажмем кнопку «Добав.». На экране появится диалог Атрибуты кри-

вой (рис. 3.38).

Рис. 3.37. Настройка атрибутов тренда

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

Настройки сетки

Цвет фона

Настройки горизонтальной оси

Наст

ойки ве

тикальной оси

Настройка шрифта для

надписей по осям

Флаг наличия визира

Настройка линий графика

Количество запоминае-

мых значений

Редактор представления данных. Разработка графической базы проекта

Рис. 3.38. Настройка атрибутов кривой

Свяжем эту кривую с реальным значением канала УРОВЕНЬ1.

Далее настроим диапазон вывода, цвет, стиль и толщину линии, как

показано на рис. 3.38. Подтвердим завершение настройки кривой на-

жатием кнопки «ОК».

Повторим операции по настройке кривой. На этот раз свяжем ее

с каналом ДАВЛЕНИЕ1, а цвет линии зададим светло-зеленый.

Разместим тренд так, как показано на рис. 3.33.

Последней ФО, которую разместим на экране, будет кнопка, реа-

лизующая переход на экран Участок 2.

Чтобы создать и настроить эту ФО, нажмем соответствующую

кнопку инструментальной панели ФО. Эта группа включает в себя че-

тыре ФО. После повторного нажатия той же кнопки в инструменталь-

ной панели выберем в появившемся меню кнопку с текстом мяг-

кую. Окно Атрибуты для этой ФО показано на рис. 3.39.

Настроим текст для вывода на кнопку, как показано на рис. 3.39.

Далее настроим функцию перехода на другой экран. Для этого

нажмем кнопку [+] под окном функций и выберем из меню функцию

Переход. На экране появится диалог (рис. 3.40). Выберем экран Уча-

сток 2 и нажмем кнопку «ОК». После этого установим флаг выполне-

ния функции перехода. Это осуществляется нажатием левой кнопки

«мыши» в области, расположенной в начале строки настройки пере-

ходов. После этого разместим кнопку на экране.

На этом разработка экрана Участок 1 закончена.

Второй технологический участок будет идентичен первому. Ин-

формация на экране Участок 2 будет представляться в том же виде,

что и на экране Участок 1. Поэтому осуществим тиражирование

графики, для чего скопируем рисунок с первого экрана на второй и за-

тем свяжем ФО с другими каналами.

Лабораторная работа № 3

Рис. 3.39. Настройка атрибутов кнопки

Рис. 3.40. Задание действия по переходу на экран

Для копирования рисунка необходимо выделить все копируе-

мые графические элементы, затем поместить их в буфер обмена. По-

сле этого следует перейти на нужный экран и вставить содержимое

буфера.

Для выделения рисунка на экране Участок 1 перейдем в режим

редактирования. Затем нажмем левую кнопку «мыши» в левом верх-

нем углу экрана и, удерживая кнопку мыши в нажатом состоянии и

перемещая курсор, обведем контурным прямоугольником весь рису-

Настройка

текста,

выводимого

на кнопк

Настройка

функций

кнопки

Редактор представления данных. Разработка графической базы проекта

нок. После этого кнопку мыши можно отпустить. Контурный прямо-

угольник примет минимальный размер для охвата всех попавших в

него элементов. Эту же операцию можно выполнить командой Выде-

лить все из меню Правка.

Для копирования выделенных элементов в буфер обмена сле-

дует выполнить одно из следующих действий: выполнить команду

Копировать из меню Правка; нажать кнопку

инструментальной

панели и нажать сочетание клавиш Ctrl-С.

После копирования рисунка в буфер обмена необходимо перей-

ти на экран Участок 2 и выполнить одну из следующих операций: вы-

полнить команду Вставить из меню Правка; нажать кнопку

инст-

рументальной панели и нажать сочетание клавиш Ctrl-V.

После вставки графических элементов из буфера они объеди-

нены общим выделением. Следует переместить вставленный рису-

нок, чтобы он был расположен так же, как на экране Участок 1. Что-

бы снять с рисунка групповое выделение, необходимо перейти в ре-

жим размещения графических элементов. Это делается выбором лю-

бого элемента рисования или ФО в соответствующей инструменталь-

ной панели.

Модифицируем теперь ФО на экране Участок 2. Для изменения

настроек ФО следует перейти в режим редактирования.

Далее при выделении любого графического элемента на экране

появляется диалог настройки его атрибутов. В него копируются зна-

чения атрибутов выделенного элемента.

В отличие от режима размещения новых элементов, в нижней

части этого диалога имеется кнопка «Применить». При нажатии на

ней все внесенные изменения атрибутов графического элемента, бу-

дут зафиксированы (рис. 3.41).

Рис. 3.41. Модификация атрибутов

Удалим элементы рисования, представляющие собой емкость.

Для изображения емкости на мнемосхеме второго участка используем

библиотеку графических объектов. Выберем закладку Объекты в на-

вигаторе проекта. В появившемся дереве библиотеки элементов вы-

берем группу Tanks и далее выполним двойной щелчок «мыши» на

графическом объекте Ver_Tank7. В открывшемся новом окне выпол-

ним выделение рисунка, копирование и вставку скопированного гра-

Лабораторная работа № 3

фического изображения емкости в окне Участок 2. Не снимая выде-

ление, переместим рисунок в требуемое место на мнемосхеме.

Выделим гистограмму, отображающую уровень в емкости. Необ-

ходимо соединить ее с к каналом Уровень2. Также следует соеди-

нить остальные ФО, связанные с каналом Уровень1, с каналом Уро-

вень2, а связанные с каналом Давление1 объекта – с каналом Дав-

ление2. Для изменения настроек графиков следует выбрать опреде-

ленную кривую и нажать кнопку «Ред.».

Кроме того, необходимо изменить экран для перехода и надпись

на кнопке. Эта кнопка теперь должна управлять переходом на экран

Участок 1.

На этом разработка графического интерфейса для данной зада-

чи закончена. Для проверки функционирования размещенных на эк-

ранах ФО следует перейти в режим эмуляции.

Переход в режим эмуляции реализуется нажатием кнопки

системной инструментальной панели.

Повторное нажатие этой кнопки позволяет остановить пересчет

базы каналов. В окне тренда будут выведены кривые графиков дав-

ления и уровня (рис. 3. 42).

Рис. 3.42. Отображение контролируемых параметров на тренде

Контрольные вопросы

1. Описание режимов работы редактора представления данных.

2. Типы графических элементов.

3. Общие атрибуты графических элементов.

4. Особенности настройки функций управления.

5. Способы модификации значения канала с мнемосхемы.

6. Общая характеристика ФО.