Скачать "MasterSCADA 4D. Основы разработки графического интерфейса пользователя. Часть 1"
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252F3Kd6SaD7UOo%252Fmaxresdefault.webp&w=1139&q=75)
Подождите немного, мы готовим ссылки для удобного просмотра видео без рекламы и его скачивания.
Похожие ролики из нашего каталога
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252F_Wm1kd1oaYI%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FkOj9AIcb0Jw%252Fsddefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252F0pcL8KdnhGo%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F6AHuZxBbk1Y%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FT6FO6NIMucY%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FXTEmf3Ro1S0%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FiI5cBASeBD4%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fr3BKUPwomNk%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FzMvuvPUwxJA%252Fmaxresdefault.jpg&w=1139&q=75)
Теги видео
Субтитры
Английский
00:00:00
добрый день коллеги прием прием как меня00:00:04
слышно прошу вас отравить плюсе00:00:07
кочанчики чтобы я понимала что все в00:00:09
порядке со связью00:00:11
так вот они полетели первые плюсы вижу00:00:16
связи все в порядке значит тогда начнем00:00:19
еще раз добрый день коллеги меня зовут00:00:22
ксения харченко00:00:23
я менеджер по маркетингу компании instat00:00:26
я очень рада приветствовать всех вас00:00:29
сегодня на нашем вебинаре прошел месяц00:00:32
нашей последней встречи и знаете мы с00:00:35
коллегами решили что месяца это пожалуй00:00:37
слишком много так что постараемся00:00:39
выходить в эфир00:00:41
почаще хотя бы раз в две-три недели00:00:44
расписание сейчас у нас скоро она00:00:50
появится не знаете и пока все еще00:00:53
постепенно подключаются к нашему эфиру00:00:55
краз расскажу о последних новостях нашей00:00:59
компании скажите пожалуйста видно ли вам00:01:06
презентацию которую я сейчас00:01:08
подключила да вот лежу плюсики00:01:15
да замечательно так и последних новостях00:01:19
во второй половине июня мы выпустили00:01:22
пятую версию одного из самых популярных00:01:24
продуктов линейки мастера писи сервер00:01:27
modes универс мастера би си00:01:29
главные отличительные особенности нового00:01:32
релиза стала поддержка 64-битной00:01:36
архитектуры кто знаком с линейкой00:01:39
данного писи сервера уже могли заметить00:01:41
что появились две новые версии и новые00:01:44
редакции00:01:45
на 10 и 60 тысяч штыков00:01:49
64-битная версия собирается только для00:01:51
версии на 60000 и на 200 тысяч штыков00:01:55
trial-версия уже доступен для скачивания00:01:57
с нашего сайта в разделе00:01:58
демонстрационные версии так что можете00:02:01
заходить за пробовал скачивать и еще00:02:03
одна немаловажная новость мы реализовали00:02:06
поддержку программных ключей защиты для00:02:09
всех программных продуктов нашего00:02:11
грызлов00:02:12
так что теперь любой лицензии можно00:02:14
приобрести с программной защитой00:02:22
равной защиты можете приобрести любую из00:02:26
любой из продуктов нашего производства00:02:28
активации для таких ключей возможно как00:02:31
онлайн 24 часа сильнее неделю так и00:02:35
офлайн для машины без подключения к00:02:37
интернету00:02:38
возможны обновления расширения и00:02:41
привязка нескольких рецензий на один00:02:43
програмный ключ00:02:44
также хочу обратить ваше внимание что00:02:46
программный продукт и теперь имеет едине00:02:49
дистрибутивно которые возможно скачать00:02:51
нашего и цепи сервера связи с этим00:02:54
заказа будут комплектоваться дивизий00:02:55
дисками и только при указании такой00:02:57
необходимости пользователем ссылки на00:03:00
необходимо дистрибутива направляется по00:03:02
электронной почте говорим указываете при00:03:05
обращении более подробная информация00:03:07
представлена нашему стоите и так что00:03:10
случае возникновении вопросов вы всегда00:03:12
можете обратиться в отдел продаж00:03:13
программного обеспечения получение более00:03:16
подробные консультации00:03:21
так что перейдем к основным встречи00:03:25
сегодняшний вебинар у посвященных плохом00:03:28
на компанию инсан платформе для00:03:30
автоматизации и диспетчеризации00:03:31
мастерская на 4d в этот раз мы00:03:34
остановимся подробнее на вопросе00:03:36
разработки графического интерфейса00:03:38
пользователя рамках данной темы мы00:03:41
расскажем что является основа00:03:44
графического интерфейса в мастерская d4d00:03:46
поговорим о графических элементах их00:03:49
свойствах и реализации этих свойств00:03:51
рассмотрим назначение событий и избей00:03:54
разберем различные приемы организации00:03:56
миграции и покажем на примере процесс00:03:59
создания импорта и динамизации00:04:02
параметров пользовательского00:04:03
sbg изображение в конце по традиции00:04:07
будем готовы ответить на ваши вопросы00:04:09
так мы уже предвещая самый популярный00:04:12
вопрос чат00:04:13
а будет запись эфира отвечаю будет думаю00:04:17
что уже в течение суток по окончании00:04:19
эфира мы добавим запись вебинара на00:04:21
наш канал youtube найти нас там очень00:04:24
просто достаточно пить в поиске master00:04:27
scada или летит плейлист вебинары кстати там00:04:30
тоже вы и найдете запись всех прошедших00:04:33
встреч и много других полезных видео00:04:36
кроме того завтра послезавтра мы00:04:39
обязательно сделаем рассылку по всем00:04:41
участникам сегодняшнего вебинара00:04:42
со ссылкой на запись и другие материалы00:04:45
нашей встречи и еще пару слов по00:04:48
организации вебинаров как видите у нас00:04:50
есть чат правом верхнем углу платформы00:04:53
рядом складки чат вы найдете раздел00:04:55
вопросы очень большая просьба все вопрос00:04:59
по бинару писать именно в этот раздел по00:05:02
ходу вебинара наши специалисты будут00:05:04
стараться отвечать на них а также конце00:05:06
вебинара мы выделим немного эфирного00:05:09
времени и предоставим возможность00:05:10
следующему лично поотвечать на ваши00:05:13
вопрос а что же пожалуй по организации00:05:16
мне все и пришло время перейти к00:05:18
основной части программы огромным00:05:21
удовольствием хочу пригласить в эфир00:05:23
сегодняшнего спикера ведущего00:05:25
специалиста ильи варламова я добрый день00:05:30
ксения спасибо за предоставленное слова00:05:33
представлюсь для наших уважаемых00:05:36
слушателей и зрителей меня зовут00:05:38
варламов илья геннадьевич я являюсь00:05:41
ведущим инженером или ведущим00:05:43
специалистом компании нсо сейчас я00:05:45
включу трансляцию трансляцию00:05:49
свой экрана своего компьютера и мы00:05:55
продолжим так начать показ что-то пока00:06:12
не появилось а старый исчез появился у00:06:20
кого-нить а вот я вижу то все появился00:06:23
появилась появился экран моего00:06:26
компьютера00:06:29
итак мы сегодня говорим поговорим мы00:06:33
продолжаем и продолжаем серию вебинаров00:06:35
посвященные00:06:36
посвященных нашему продукту master scada00:06:40
4d00:06:41
и сегодня мы поговорим об основах00:06:43
разработки графического интерфейса00:06:45
пользователя в этой в этой нашей среде00:06:49
для тех кто впервые зашел на наш вебинар00:06:54
я надеюсь что большая часть конечно00:06:56
большая часть конечно это уже наши00:06:59
постоянные зрители кто не в первый раз00:07:02
уже смотрит вы бинар поставьте00:07:03
пожалуйста пожалуйста плюсики в чате00:07:06
приветствуем друг друга вот но пока есть00:07:10
немного вот уже уже там несколько плюсов00:07:13
спасибо большое вдруг кто-то по два00:07:15
плюсика ставит даже кто то по три00:07:17
наверное это означает что три вебинара00:07:19
наших видели спасибо большое за пост00:07:21
запад постоянный интерес к нашим00:07:24
вебинаром большое спасибо те кто те кто00:07:28
присоединился только в первый раз00:07:30
буквально два слова скажу скажу что наша00:07:35
компания занимается основным00:07:37
направлением деятельности является00:07:38
разработка тиражируем его программного00:07:41
обеспечения для асу тп00:07:43
занимается эта компания 8 1988 года этим00:07:48
и продукты которые на сегодняшний день00:07:51
мы представляем для пользователя это00:07:54
master scada двух поколений это00:07:59
классическая master scada классическая00:08:03
master scada00:08:04
третьего поколения и мастерская d4d00:08:08
которыми горю сегодня мастер описи00:08:10
сервера чем в тени уже сегодня сказала00:08:13
популярный очень популярный у psy серы00:08:17
не только в нашей стране и за рубежом он00:08:18
продается вот так же купит эксперт эта00:08:22
программа для00:08:25
на расчету настройка пит регуляторов но00:08:27
мы сегодня говорим о master scada 4d00:08:29
которые мы разрабатываем свете концепции00:08:32
industry 40 который отличает поддержку00:08:37
интернет-технологий высокая степень00:08:39
децентрализации и унификации исполнения00:08:43
унификация исполнения различных00:08:44
компонентов проектов на операционных00:08:47
системах различного вида вот в этом00:08:48
направлении мы движемся вот и00:08:51
непосредственно перейдя к продукту к00:08:53
нашему мастерская00:08:55
и непосредственно к визуализации я00:08:57
покажу сейчас слайд одно из наших00:09:00
предыдущих презентаций когда я00:09:03
рассказывал об архитектуре тогда кратко00:09:06
об этом тоже мы коснулись сейчас тоже00:09:07
скажу что система визуализации00:09:10
у нас построена из следующих компонентов00:09:12
находится веб-сервер который транслирует00:09:15
скомпилированный код разработанный в00:09:17
среде снов среде разработки и00:09:20
графического клиента графические клиенту00:09:23
на собственный встроенный существует но00:09:25
поскольку основана визуализация на00:09:28
стандарте html5 вот та к этому00:09:33
веб-серверу можно подключиться не только00:09:35
нашим собственным графическим клиентам00:09:37
но и по сути любым веб-браузером который00:09:40
может находиться не только на этой не00:09:43
только надо не только в этом узле не00:09:46
только на этом устройстве00:09:47
где находится сервер ну из любого00:09:50
другого устройства вот еще один слайд из00:09:52
нашей прежней презентации вот по http00:09:56
по протоколу https любого устройства00:09:59
можно через веб-браузер зайти на тот00:10:02
узел на котором установлен сервер наш00:10:05
сервер визуализации сервер данных и00:10:07
получить при этом на картинку то есть00:10:11
установка специального программного00:10:13
обеспечения для клиентских мест как00:10:16
таковая не требуется его можно00:10:17
установить наш собственный клиент но00:10:19
можно обойтись обычным и обычным00:10:21
браузером но теперь перейдём00:10:23
непосредственно непосредственно от слов00:10:26
в делу и посмотрим как00:10:33
выглядит все в жизни откроем среду00:10:38
разработки master scada 4d00:10:40
и я создам новый проект новый проект00:10:43
назовем его нужно ли ну допустим00:10:46
визуализация визуализация а язык этот00:10:53
прошу прощения визуализация создать так00:11:12
закрою стартовую страницу я00:11:15
знакомство со средой не буду заново00:11:17
повторяйте это очень подробно00:11:18
рассматривал на предыдущих вебинарах в00:11:20
частности на первом кто не видел00:11:23
посмотрите вот сейчас сразу с ходу мы в00:11:26
этот раз мы никакой контроллер00:11:28
программировать не будем но все будем00:11:30
смотреть на текущем устройстве то есть00:11:33
на компьютере на котором я разрабатываю00:11:35
поэтому правой кнопкой щелкаем по00:11:36
системе добавить я добавлю просто arm00:11:38
автоматической работы рабочее место00:11:40
оператора в объектах добавим хотя бы00:11:46
один объект лучше все в объектной00:11:48
структуре создавать некоторые у нас00:11:50
любят прямо в непосредственных узел все00:11:53
по напихивать и программы и окна но00:11:56
правильнее конечно все через объектную00:11:59
структуру делать и в этом объект я00:12:01
добавлю хотя бы одно окно00:12:03
добавить окно назову его приветствие00:12:11
приветствие с чего начинают adac те кто00:12:18
только осваивают среду00:12:20
скажу что не забывайте сразу назначить00:12:23
одно из окон стартовых к правой кнопкой00:12:25
мыши щелкну назначить стартовым окном в00:12:27
шаблон экрана вот когда много окон00:12:30
системе исполнителя системы должны00:12:32
понимать какого на нужно начинать какой00:12:34
какой является стартом00:12:38
так что касается окна и сменю-ка я сразу00:12:42
его изменил сразу немного00:12:47
разрешение по-умолчанию разрешения у нас00:12:50
стоит full hd это предназначено для00:12:52
достаточно больших хороших экранов у нас00:12:54
сейчас не тот случай через интернет00:12:57
зачастую00:12:58
качество обрезается и если мелкие00:13:01
слишком питали будут то это будет не00:13:03
очень хорошо я чуть-чуть изменю сейчас00:13:04
разрешение сделаю его поменьше но 720 на00:13:09
480 сделаем вот окно уменьшилась у нас00:13:15
чего начинает все книжки по00:13:17
программированию с публикации с вывода00:13:21
через среду исполнении фразы hello word00:13:25
но ну или что на русском языке означает00:13:29
здравствуй мир номер наверное это00:13:31
слишком громко пока что для нашего00:13:34
случая мы напишем более скромную фразу00:13:38
привет участникам вебинара для этого я00:13:41
помещу в окно графический элемент00:13:44
который называется текст и наберу00:13:48
непосредственно сам текст привет00:13:51
[музыка]00:13:53
участникам участникам вебинара и !00:14:01
даже без него так вот вы видите00:14:05
отобразилось это надпись я сделала00:14:07
покрупнее шрифт 24 она уже не помещается00:14:13
увеличим размер и по горизонтали и по00:14:17
вертикали и вот такая вот надпись у нас00:14:20
будет привет участникам вебинара как ее00:14:23
увидеть и где00:14:24
если посмотреть в настройках редакторов00:14:26
я говорил что у нас есть собственный00:14:28
клиентом можно также в браузере это все00:14:31
увидеть но давайте это все посмотрим в00:14:33
настройках среды есть вкладка клиенты00:14:37
chi mai00:14:38
где собственно можно поставить флаг или00:14:41
птичка как в обиходе обычно говорят00:14:45
использовать ли встроенный клиент00:14:46
визуализации обычно ну верни похожая00:14:49
птичка есть в мониторе00:14:51
среды исполнения также шаблоне экран с00:14:56
такой настрой вот если снять то будет00:14:59
обычный браузер00:15:00
если птичку поставить то будет запущен00:15:03
собственных клиент визуализации можно00:15:04
также указать полноэкранном режиме они в00:15:07
оконном но оставим пока так как есть00:15:08
применить вот и теперь посмотрим что из00:15:12
этого получилось запускаем режим00:15:15
исполнения00:15:17
проект будет сначала скомпилирован то00:15:21
что мы изобразили в окне преобразуется в00:15:24
javascript код графические части00:15:27
преобразуются в векторное изображение00:15:32
и вот мы видим в граффити в нашем00:15:34
собственном графическом клиенте00:15:36
открылось то что мы только что создали00:15:37
привет участникам вебинара наш00:15:42
собственный графический клиент собран на00:15:44
базе движка chromium то есть по сути00:15:46
дела является примерно чем-то похожим на00:15:50
браузерное если чем отличается чем он00:15:52
отличается от обычного классического00:15:53
браузера если посмотрите надеюсь уже00:15:57
многие увидели у него нет адресной00:15:59
строки то есть нет никакой возможности здесь00:16:02
набрать какой другой адрес например00:16:04
яндекс ну или например автору00:16:07
для того чтобы на него перейти то есть у00:16:09
оператора такой возможности не будет00:16:12
это вовсе не означает что вовсе не00:16:15
означает что нельзя открыть в браузере00:16:19
ту самую страницу not я сейчас запущу00:16:21
еще одну еще одну копию00:16:25
[музыка]00:16:28
давайте откроем уже какой нибудь еще00:16:31
одну копию браузера00:16:33
[музыка]00:16:39
вот и наберу в ней00:16:42
локальный адрес localhost 100 27001 он00:16:46
уже погиб заказывает вот вы видите в00:16:50
обычном браузере если наберу00:16:52
айпи адрес либо этого узла у нас сервер00:16:55
находится прямо на этом компьютере00:16:57
на котором я все это делаю поэтому я00:16:59
набрал айпи адрес localhost 27001 либо00:17:03
могу набрать адрес того узла на котором00:17:06
находится сервер и в обычном браузере в00:17:09
принципе увижу то же самое увижу тот же00:17:11
самый ту самую надпись которые которая у00:17:15
нас была но больше мы не будем остальное00:17:20
будем смотреть непосредственно в клиенте00:17:23
[музыка]00:17:26
вернемся вернемся в среду разработки00:17:29
отключу runtime вернемся к нашей00:17:33
визуализации для обеспечения00:17:36
взаимодействия взаимодействия человека00:17:40
ту то есть оператора или какого-то00:17:42
другого пользователя с непосредственно00:17:46
системы управления или как говорят для00:17:48
обеспечения chi mai00:17:49
это человеко-машинного интерфейса служат00:17:53
различные элементы визуального00:17:56
представления которые представлены00:17:59
которые у нас набор которых есть в00:18:01
палитре00:18:02
некоторые элементы с одним из них мы уже00:18:04
познакомились это вот элемент00:18:07
графического представления визуальном00:18:09
представлении который называется текст00:18:10
он служит для отображения текста есть00:18:13
много других компонентов некоторые из00:18:16
них служат только для отображения то00:18:18
есть только отображают другие00:18:21
интерактивные то есть они с помощью их00:18:25
можно вводить какую-то информацию00:18:27
непосредственно в проект это элементы00:18:29
такие как вот кнопка например00:18:31
очень популярный элемент флаг о которой00:18:34
мы уже говорили или птичка в народе ну00:18:36
или как говорят checkbox иногда есть00:18:40
различные элементы это ввод пароля00:18:43
инкремент различные компоненты которые00:18:47
позволяют в00:18:48
дить ту или иную информацию кроме вот00:18:51
этих стандартных элементов визуального00:18:55
представления вот в общем списке у нас в00:18:58
первых четырех папках отображаются те00:19:01
самые стандартные которые самые ходовые00:19:03
самые необходимые это вот элементы00:19:06
обеспечения диалога это в папке control00:19:10
и разлить более сложные элементы00:19:11
находятся такие как график и журнал о00:19:14
которых уже были вы бинар и у нас кирилл00:19:17
клинков рассказывал если кто не видел00:19:22
посмотреть эти вебинары есть панели00:19:24
разметки различные мы чуть позже00:19:26
коснемся а также различные примитивы00:19:29
такие как линия ну и всякие фигуры с00:19:31
помощью их можно нарисовать кроме этого00:19:33
кроме этих стандартных примитивных фигур00:19:36
есть набор библиотека изображений00:19:38
например библиотека бы из общих она в00:19:40
принципе содержит не только картинки но00:19:43
и алгоритмы то есть содержит готовые00:19:46
объекты но кроме готовых объектов можно00:19:48
воспользоваться просто картинками из00:19:50
этой библиотеки она содержит00:19:52
технологические различные компоненты00:19:54
такие как вот видите трубопровод00:19:56
трубопровод в изометрии воздуховоды00:19:59
отличаются трубопровод тем что00:20:01
квадратного сечения00:20:02
различные дальше пошли различные00:20:04
технологические устройства такие как вот00:20:06
насос и клапаны и задвижки конвейеры и00:20:12
воздуходувки ну всякие вот всякие00:20:14
емкости вот есть а также есть gustowski00:20:16
элементы функциональных схем00:20:18
вот который просто ну как на чертежах00:20:21
они обозначаются кроме этого есть00:20:24
картинки с индикаторами различными с00:20:28
кнопками00:20:29
есть дополнительный интерфейс у нас00:20:32
библиотека гуо которая содержит кнопки в00:20:36
нескольких стилях например вот стиль00:20:38
метра то же самое только чуть более00:20:40
объемная в нескольких стилях наборы00:20:45
наборы кнопок можно использовать их00:20:47
также если не хватает картинок в00:20:50
библиотеках можно импортировать свои00:20:52
изображения об этом я расскажу ближе к00:20:55
концу нашей сегодняшней встречи00:20:59
вот если посмотреть на вот выбрать любой00:21:05
из любой из элементов визуальное00:21:09
представление если посмотреть на панели00:21:12
свойств у каждого из них у каждого из00:21:14
них несколько десятков00:21:17
свойств или параметров и вот тут самое00:21:20
интересное что любой из этих параметров00:21:23
может быть динамизированный что это00:21:25
значит его можно связать с некой00:21:29
переменной в проекте с технологической00:21:32
например и сделать чтобы любой из этих00:21:34
свойств00:21:35
изменялось в зависимости от этой00:21:37
технологической переменной но чтобы это00:21:41
проиллюстрировать давайте удалю эти00:21:45
компоненты которые только что просто так00:21:49
вытащил для того чтобы посмотреть00:21:51
изменяющиеся свойства проиллюстрировать00:21:53
как это сделаю как это делается я00:21:55
добавлю00:21:56
возьму несколько генераторов возьму в00:22:01
проект включу несколько генераторов00:22:03
понятно что понятно что в жизни это00:22:08
будут реальные переменные но у меня00:22:09
сейчас чтобы нагляднее показать00:22:12
используя генератор и добавить программа00:22:14
добавлю программа ну например на языке00:22:16
f5 вот и в эту программу вставлю00:22:20
генераторы не где их можно найти у нас00:22:23
есть библиотека аскат00:22:25
там есть набор целый различных00:22:28
генераторов вот ведь есть генератор00:22:29
импульсов есть генератора сигналов я00:22:31
часто использую эти генераторы для для00:22:33
для кладочных целей ну возьмем генератор00:22:39
генератор синуса где он вот он генератор00:22:43
синус и перетащу на мнемосхему и еще00:22:46
возьму генератор пилообразного сигнала и00:22:54
он вот он м.п.00:22:57
генератор пилообразного сигнала тоже о00:23:00
перетащу изменит некоторые параметры так00:23:02
амплитуда у синуса00:23:03
единицы так и оставим период сделаем 2000:23:08
секунд но чтобы не слишком быстро и не00:23:10
слишком медленно менялся смещение чуть00:23:13
чуть подниму00:23:15
потому что амплитуда у нас единица она00:23:19
это все полная амплитуда00:23:20
если оставить 0 то будет плюс-минус00:23:22
ноль-пять так что я подниму среднюю00:23:25
точку и таким образом у нас от нуля до00:23:29
единицы будет меняться непосредственно00:23:30
синус так теперь пиво пила00:23:36
период пилы00:23:38
поменьше сделать 10 секунд амплитуду00:23:40
задан 360 никому эта цифра ничего не00:23:44
напоминает00:23:46
360 почему бы это могло относиться нет00:23:50
никто ничего пока не нет никаких идей за00:23:53
этом приз пока нет ни вручаем так дальше00:23:58
непосредственно объекте создам два00:23:59
параметра добавить параметр00:24:02
и l'oreal вещественного типа так и00:24:05
останется так и назову его синус00:24:07
синус00:24:11
добавлю еще один параметр объект00:24:14
добавить параметр 2 так и назову пиво00:24:19
[музыка]00:24:22
вот и свяжу синус так вот среди ответа в00:24:29
360 градусов вот правильный ответ да00:24:31
звучать и я смотрю конечно 360 мы первое00:24:36
что на ум приходит 360 градусов для чего00:24:38
именно такой я покажу попозже так00:24:41
смотрите синус мы перетаскиваем прямо на00:24:44
выход функционального блока00:24:46
синуса и беру подберу параметра объекта00:24:52
и тащу его на выход fb out вот при этом00:24:56
что происходит вот смотрите у нас на00:24:57
выход на входах и выходах всем про всех00:25:00
программ существует так называемый00:25:03
клеммники ну на входе тоже есть но00:25:04
сейчас у нас нет входных переменных00:25:07
поэтому не будем используется произошло00:25:09
с выхода out на клеммнике создался00:25:13
промежуточный параметр синус это00:25:15
program- этот параметр выхода программы00:25:17
на него с выхода fb связь про ложилась00:25:23
на этот параметр00:25:24
а уже с него непосредственно в дереве в00:25:26
параметры объекта синус то же самое00:25:29
сделаю с пилой00:25:31
вот у нас два параметра передается с00:25:34
выхода функциональных блоков на выход00:25:36
программы с выхода программы00:25:37
непосредственно дерево систем ну на этом00:25:39
все закроем больше мы к этим00:25:43
возвращаться не будем к этой программе00:25:46
надеюсь этом все правильно выставил но00:25:47
если что неправильно мы всегда сможем00:25:49
вернуться и поправить так и теперь что00:25:55
можно динамизированный возьму самый00:25:57
простой вариант чтобы продемонстрировать00:26:00
возьму какой-нибудь элемент00:26:03
технологический например например00:26:05
емкость00:26:07
вот у нас емкость емкость и если00:26:19
посмотреть на него из параметров у этой00:26:21
емкости среди прочих свойств есть в00:26:24
группе параметров управления уровнем00:26:26
уровень у нас во всех емкостях и00:26:29
подобных технологических элементах00:26:33
элементов меняется в диапазоне от нуля00:26:37
до единицы чтобы управлять этим уровнем00:26:39
и мы просто перетаскиваем и параметр00:26:42
синус просто перетаскиваем на параметры00:26:45
управления уровня появляется значок00:26:47
связи и тогда уровень будет зависеть от00:26:50
нашей технологические перемены в дереве00:26:52
проекта ну давайте мы это посмотрим как00:27:01
это будет выглядеть вот наш уровень и вы00:27:06
видите что он меняется привет участникам00:27:09
вебинара да вот уровень в емкости00:27:12
которые у нас по закону синуса00:27:15
изменяется от 0 до верхнего положения00:27:19
этой самой00:27:20
до верхнего положения этой самой емкости00:27:23
так можно указывать емкость естественно00:27:25
другие параметры этой емкости тоже могут00:27:28
быть динамизированный это цвет жидкости00:27:30
цвет корпуса00:27:31
вот мы пока трогать не будем кстати00:27:35
обратил внимание что у меня не весь00:27:37
заполняется браузер я немножко не то00:27:38
поставил разрешение сейчас я чуть00:27:41
исправлю 920 все-таки сделаем пошире00:27:46
стал более при более для глаза будет00:27:51
комфортно при широком экране так но что00:27:55
касается вот этого параметра00:27:57
уровень жидкости в этом конкретно в этом00:27:59
изображении тут в общем ничего00:28:01
удивительного нет00:28:02
этот параметр именно и предназначается00:28:04
для того чтобы оказывать уровень в этой00:28:08
самой емкости00:28:11
вот я щас покажу несколько примеров00:28:14
динамизации с помощью параметров которые00:28:16
вроде бы в явном виде ну не очевидно что00:28:20
именно для этого предназначены и что с00:28:22
ними можно делать но допустим я хочу не00:28:25
просто уровень чтобы жидкостью у меня00:28:28
менялся в этой емкости а хочу сделать00:28:30
чтобы некий указатель у меня показывал00:28:32
еще на этот уровень00:28:35
пойду в примитивы00:28:37
с помощью чего сделаем указатель возьму00:28:40
обычный треугольник треугольник размещу00:28:44
его рядом с ёмкостью изменил цвет то где00:28:53
он у нас есть цвет заливка изменю этот00:28:58
треугольник сделаю синим раз уж у нас00:29:00
все синий эту пусть будет треугольник00:29:02
синий вот он он а дальше смотрите что я00:29:04
сделаю вот он сейчас у меня показывает00:29:07
чуть чуть правее наверное лучше сейчас00:29:10
он у меня показывает на нижний уровень в00:29:12
емкости этот треугольник я посмотрю00:29:15
параметры смотрим параметры00:29:17
расположения этого не выделился он00:29:21
параметры расположения вот расположение00:29:25
этого этого элемента графического и вот00:29:28
у него по координате y координата x это00:29:30
у нас по горизонтали00:29:32
координата x это положение по вертикали00:29:34
причем точка отсчета является верхний00:29:37
левый угол то есть это 0 .00:29:39
что касается икса икс то в общем то00:29:43
всегда нарастает вправо по оси y у нас00:29:46
как бы немного перевернута то есть она00:29:48
00 верху и возрастает физ так сейчас у00:29:52
него текущее положение 360 ой 300 340 по00:29:58
высоте00:29:59
340 запишем это значение или просто00:30:02
запомним дальше что я сделаю я перемещу00:30:05
этот треугольник перемещу этот00:30:08
треугольник чтобы он показывал на00:30:10
верхнее положение и посмотрю какой тогда00:30:13
какая координата по y будет в этом00:30:16
случае вот сейчас она равна 16000:30:19
16000:30:21
вот а дальше что я сделаю я сделаю чтоб00:30:23
эта координата тоже у меня так отключу00:30:26
режим исполнения чтобы эта координата00:30:27
тоже у меня менялась вместе с уровнем00:30:31
вот на координату y я перетаскиваю нашу00:30:34
переменную синус вот мышкой просто drug00:30:37
in дропом на y вот и смотрите появился00:30:41
значок связи на любую связь в master00:30:45
scada 4d можно наложить конвертацию для00:30:48
того чтобы преобразовать значения из00:30:51
одного из одной величины в другую00:30:53
не прибегая к программированию или не00:30:56
прибегая к скриптам00:30:57
как в некоторых складах там шага без00:30:59
скрипта нельзя сделать без скриптов у00:31:02
нас можно вот нажимаем на значок линии00:31:05
связи дальше нажимаем карандаш00:31:07
редактировать конвертацию ставим00:31:12
линейный кусочно способ преобразования и00:31:15
добавляем две опорные точки при нуле00:31:19
когда бочка у нас будет пустая ставим00:31:21
координату 340 это была внизу она00:31:29
находилась у нас 340 вот а при единица00:31:34
когда технологические переменная будет00:31:36
равна единице вверх должен подняться00:31:41
треугольник то есть его текущее00:31:42
положение на можем был внизу конечно00:31:44
оставить его текущее положение это 16000:31:46
от он по умолчанию представляет00:31:48
закрываем вот но дальше чтобы не просто00:31:52
был указатель заодно с одним как00:31:56
говорится одним движением00:31:59
двух зайцев поймаем покажут покажу еще00:32:04
допустим я хочу чтоб рядом с указателем00:32:06
еще и значения было подписано я беру00:32:09
control синус сверху вернее параметр00:32:11
синус и просто тащу его на мнемосхему00:32:14
левой кнопкой мыши располагаю рядом с00:32:18
нашим указателем вот допустим здесь00:32:21
будет само значение уровня ну например в00:32:24
процентах измеряется уровень00:32:26
отображаться должен генерируется у меня00:32:29
от нуля до единицы00:32:31
поэтому что мы сейчас сделаем опять же00:32:33
таки00:32:34
смотрим выбираем на находим эту связь00:32:40
нажимаем редактировать конвертацию опять00:32:42
линейной кусочно я конвертации добавляем00:32:44
две опорные точки то есть при нуле00:32:47
это у нас будет так и будет 0 этом я00:32:50
сейчас процент и буду переводить00:32:52
показания вот этого текстового поля при00:32:54
единички а синус нас за единицы00:32:56
нарастает только допустим 100 процентов00:33:00
должно быть значение должно отображаться00:33:03
вот теперь еще такой момент у нас число00:33:08
с плавающей запятой то есть вещественное00:33:10
это значение вещественный генератора00:33:12
синуса00:33:13
там может быть очень большое в ходе00:33:15
вычислений большой00:33:16
10 большой десятичный хвост то есть00:33:18
рациональное такое значение конечно весь00:33:21
этот хвост зачастую не нужно чтобы00:33:23
показывался в поле в поле вывода поэтому00:33:26
его нужно обрезать до разумного значения00:33:30
вот рядом с полем текст есть такой00:33:36
параметр формат значений здесь можно как00:33:38
раз задать сколько знаков после запятой00:33:40
нужно выводить00:33:41
если я щас вот например обозначу напишу00:33:45
f1 такая запись будет означать что нужно00:33:49
выводить один знак после запятой если00:33:51
поставим 2 то два знака после запятой00:33:53
будет выводиться и так далее но я еще00:33:56
хочу чтобы не просто само значение00:33:58
показывалась а чтобы было показано что00:34:00
это именно в процентах отображается00:34:02
тогда непосредственно с вот этого00:34:05
значения выводимое нужно взять фигурные00:34:08
скобки00:34:11
берем закрываем их фигурные скобки00:34:14
начали фигурную скобку и в конце00:34:17
фигурная скобка и все что вне фигурных00:34:19
скобок находится можно написать что00:34:21
угодно любой текст я сейчас просто00:34:24
процент и поставлю проценты чтобы00:34:26
отображались нам чтобы отображалось00:34:29
процентах вот такая такой фонд такая00:34:32
форма записи и осталось еще что00:34:34
завизировать также положение положение00:34:37
идем смотрим координата y координата y00:34:42
тоже связываем синус дракон тропам то00:34:46
чем мышкой на координату y чтобы это00:34:49
значение вместе с указателем00:34:51
перемещалась тоже нажимаем редактировать00:34:54
конвертацию линейно кусочно и две00:34:58
опорные точки так и у нас при нуле00:35:03
значение должно быть вспоминаем 340 вот00:35:08
ну а в верхней части уже по умолчанию00:35:11
записано но можно кстати наоборот их00:35:14
менять просто00:35:15
исходное состояние внизу чтобы было00:35:18
указателя закрываем но теперь смотрим00:35:21
что все это получилось нажимаем00:35:22
запускаем режим исполнения проект00:35:27
сейчас будет скомпилирована тонна лечат00:35:29
во весь экран у меня уже поместится да00:35:33
да что то значение не сработало что то00:35:36
значение не меняется она на не steam00:35:38
связал секунду сейчас проверим ничего00:35:40
страшного этого процесса отладки обычное00:35:44
дело эфиру нас прямой вот так что00:35:50
[музыка]00:35:52
координата x может это связал смотрим00:35:59
конвертер линейно кусочно я они поставил00:36:02
видите одну все нулю при предназначен00:36:05
сопоставлено 2 опорная точка та единица00:36:08
должна быть вот синус меняется от нуля00:36:11
до единицы 1 опорная точка 000:36:13
соответствует 340 вторая единица00:36:15
соответствует 160 закрываем опять00:36:17
запускаем режим исполнения надеюсь00:36:20
сейчас получится все то что задумывалось00:36:23
ну вот да вот собственно не только00:36:29
меняется уровень в бочке есть указатель00:36:32
который вместе с этим с этим уровнем то00:36:34
также следует за ним а также рядом с00:36:37
указателем есть также в рядом с00:36:41
указателем есть значение где мы00:36:43
ограничили одним знаком после запятой00:36:46
вот и указали что в процентах показывать00:36:50
вот такая вот такая вот динамизация00:36:53
может быть неявное но тем не менее00:36:57
присутствуй теперь все заработало покажу00:37:00
еще пару приемов динамизации может быть00:37:02
тоже не совсем очевидных сперва с00:37:05
первого взгляда вот и перейдем пары00:37:07
потом дальше так чуть более по центру00:37:13
сделаю нашу приветствую фразу что еще00:37:15
можно динамизированный только положение00:37:17
в принципе любые конечно же любые вот из00:37:20
набора этих параметров можно00:37:22
динамизированный я сейчас на пример00:37:25
приведу пример наиболее наиболее00:37:27
встречаемых например можно00:37:29
детализировать свет какого-нить элемента00:37:32
возьму индикатор вытащу его на00:37:36
мнемосхему изменю размер00:37:41
кстати дайте я сейчас отменю кстати все00:37:45
знают что если откинуть например за00:37:47
уголок в роста мышкой то размер меняется00:37:50
непропорционально вот можно исказить00:37:52
геометрию00:37:53
фигуры отменю сейчас нажму control z00:37:55
отменяю а если зажатым контролом тянуть00:37:59
за хендлер ну то есть вот эту точку00:38:02
угол в уголочке элемента зажатым00:38:05
контролом то как бы я не тянул он все00:38:08
равно будет изменяться изменяться он00:38:11
будет видеть и пропорционально вот если00:38:14
с зажатым контролом тянуть но то ставим00:38:19
оставим такой вот индикатор этот00:38:21
индикатор специально содержит параметры00:38:23
цвета их можно у любого конечно можно00:38:27
детализировать потому что цвет у нас00:38:28
есть у любого контрола как минимум00:38:30
заливка любого элемента я сделаю что00:38:33
возьму тот самый сину с которыми уже00:38:35
экспериментировали и свяжу его с00:38:39
параметром цвет горящего индикатора00:38:41
вот опять идем в редактор конвертации в00:38:47
конвертер ставим линейный кусочку00:38:50
конвертацию две опорные точки я добавляю00:38:52
нажмем на плюсик низом так не забудь00:38:56
теперь единичку поставить как и в00:38:57
прошлом эксперименте забыл так и00:39:01
указываем как в каком диапазоне нужно00:39:04
менять цвет называю наживаю выбор00:39:06
палитры допустим при нуле сделаем цвет00:39:09
желтый применить а при единички я сделаю00:39:15
цвет красный00:39:16
то есть допустим от технологической00:39:18
величины чтобы менялся цвет ну допустим00:39:21
температура чем выше тем краснее00:39:23
какая-нибудь деталь из желтого в00:39:25
перехода через оранжевый будет конечно00:39:27
красный перетекать вот но этот индикатор00:39:31
у нас этот индикатор00:39:35
он имеет параметр работа то есть его00:39:39
можно включить он будет светиться иначе00:39:40
цвета будут очень тусклые они будут но00:39:43
такие они вот под темным на под темным00:39:46
поэтому что мы сделаем я возьму добавлю00:39:51
в объект еще00:39:52
параметр логического типа добавить00:39:54
параметр цвет поставим bull а вернее тот00:40:01
не цвет этот тип возьмем bull00:40:03
логического типа00:40:04
и назову его управления00:40:09
правление назову этот параметр офис и00:40:12
методы управления так теперь поправили00:40:18
управление и берем этот просто логически00:40:21
параметр из дерева правой кнопкой мыши00:40:23
перетаскиваем на мнемосхему00:40:27
отпускаем вставить и выбираем как каким00:40:30
контролом вставить нужно этот параметр00:40:32
выбираем кнопка с фиксацией чтобы можно00:40:34
было включить нам эту включить этот00:40:39
индикатор00:40:40
и соответственно это же кнопка будет00:40:41
управлять вставилась кнопка с уже со00:40:44
связью00:40:45
который будет управлять этим это00:40:47
переменной а собственно переменную мы00:40:50
свяжем с цветом индикатора00:40:52
вернее с его параметрам работы вот00:40:54
работа отпускаем ну тут конвертировать00:40:58
ничего не нужно там логической она так00:41:00
есть вот но и что еще хочу показать я00:41:06
немного сейчас допущу некоторые00:41:07
хулиганство часто к разным устройствам я00:41:13
думаю многие00:41:15
много истории знаете анекдотических про00:41:18
всякие то микроволновку на холодильнике00:41:20
утюги и прочее там часто в инструкции00:41:22
одним из первых пунктов написан00:41:24
запрещается использовать не по00:41:27
назначению00:41:28
не по назначению что под этим00:41:30
подразумевается это ну на всякий случай00:41:32
пишут вот я сейчас сделаю точностью до00:41:35
наоборот нем много по хулиганьё и00:41:37
использую один из параметров явно не по00:41:39
назначению00:41:40
я возьму эту кнопку и параметр pivot00:41:50
параметр пила свяжу с параметром кто00:41:55
отгадает каким слежу с параметром с00:41:59
параметром угол поворота вот не зря я00:42:03
задавал пилу до 360 да я думаю все уже00:42:09
догадались что теперь из этого00:42:10
произойдет так параметр работа я связал00:42:15
связал ну вроде все должно ли фер00:42:17
получится переходим в режим исполнения и00:42:24
смотрим что у нас в результате вышла00:42:27
привет участникам вебинара говорит00:42:30
master scada 4 да я вот мы видим нашу00:42:32
кнопку которая благодаря моему00:42:35
хулиганство теперь вращается нажмем на00:42:37
эту кнопку но несмотря на то что00:42:39
вращается нас сохраняет00:42:40
работоспособность и вот посмотрите на00:42:43
цвет индикатора он изменяется от желтого00:42:46
до красного при заполнении сейчас падать00:42:49
начнет у нас наш синус его значение00:42:51
начнет падать и цвет меняется постепенно00:42:54
к ярко-желтом и при нуле будет совсем00:42:56
желтый вот он желтый щас начала расти00:42:58
переменная цвет меняется через оранжевые00:43:03
постепенно буры и даже сам00:43:05
и красный самом верхнем пределе вот00:43:07
таким образом можно менять цвет допустим00:43:10
чтобы температура зависело от00:43:12
какого-нибудь технологического параметра00:43:15
на самом деле не только цвет можно00:43:17
менять можно менять вот что угодно все00:43:19
что здесь параметры любые параметры00:43:21
которые видите все можно00:43:22
динамизированный привел лишь несколько00:43:26
примеров на все привести невозможно00:43:29
естественно и ограничено то что можно00:43:32
сделать посредством этого ограниченного00:43:35
ну только фантазии на наверное вот00:43:39
потому что можно сделать много чего00:43:42
ну перейдем для того чтобы обеспечить00:43:47
взаимодействие человека и системы00:43:50
управления00:43:51
мы рассмотрели только одну группу это00:43:54
параметры до их параметры можно изменять00:43:56
динамизированный записи масти вот00:43:58
что у нас находится в теле бойца другим00:44:01
способом взаимодействия организации00:44:04
взаимо и взаимодействия пользователя и00:44:06
системы управления является событием для00:44:10
того чтобы вот мы сейчас только00:44:13
свойства у всех элементов только00:44:15
смотрели непосредственно параметры00:44:18
события где находится находится на этой00:44:21
же панели только ее нужно переключить в00:44:23
режим отображения событию в правом00:44:25
верхнем углу увидите участка кнопка были00:44:27
было свойства а рядом с ней флажок такой00:44:30
это режим отображения событий перейдем в00:44:34
этот режим нажму я на флажок00:44:36
что это за событие это событие в00:44:39
основном ну связанные с мышью нажатием00:44:42
мыши отпускание мышцы клик мыши вот00:44:45
какого либо символов покидания мыши00:44:50
конкретного элемента ну и так далее00:44:52
потеря фокуса вот различные различные00:44:54
события которые происходят в интерфейсе00:44:58
непосредственно в чем ой человека машину00:45:00
в интерфейсе и на каждое из этих событий00:45:02
можно назначить какое-либо действие ну00:45:05
например чаще наиболее часто00:45:07
используемые какие у нас события выделю00:45:10
фигуру элемент емкость и какой сценарий00:45:15
допустим часто делаются при по щелчку00:45:18
при щелчке по какому-нибудь компоненту00:45:21
открывается дополнительное окно00:45:22
всплывающие где какие-то подробности00:45:25
представленные этого представлены00:45:29
подробности от этого элемента либо00:45:32
управления либо какая-то дополнительная00:45:33
информация00:45:35
но для того чтобы это дополнительное00:45:36
окно открыть его нужно сначала создать00:45:40
добавлю еще одно окно окно вернет на00:45:45
объекте щелкать добавить окно вот00:45:47
открылось новое окно я изменю его еще00:45:51
меньше сделаю его параметры00:45:56
изменю его на ну допустим 500 на 30000:46:02
это будет для всплывающего окна00:46:03
достаточно для некоторых даже и этого00:46:05
много вот такое00:46:07
но будет а что мы туда поместим а помещу00:46:09
к я туда тренд мы идем в папку control и00:46:14
берем обычный тренд и помещаем раз00:46:20
растягиваю во весь вовсю окно и на этом00:46:24
тренде чтобы показывалась отображалось00:46:26
на технологическая нашей переменной а00:46:28
вот тот же самый сильный с помощью00:46:29
которой мы генерируем я перетаскиваю00:46:31
просто на тренд выделю тренд поменяю00:46:38
только шкалу тренда у этого опера у нас00:46:41
единственный тропам по умолчанию на от 000:46:43
до 100 и синус у нас от нуля до единицы00:46:46
поэтому так вот я и поменяю поменяю00:46:50
шкалу ну и толщину линии00:46:52
сделать побольше чтобы было лучше видно00:46:55
если качество трансляции быть неважно00:46:57
вот возвращаемся на приветственное окно00:47:00
выделяем наш элемент00:47:02
графический компонент переходим в режим00:47:06
отображения событий находим клик мыши00:47:09
чем отличается кстати клик мыши от00:47:11
нажатия00:47:12
просто мыши клик мыши эта комбинация00:47:14
двух действий нажатия и отпускания00:47:17
вот правой кнопкой по клику мыши щёлкаем00:47:20
выбираю добавить видите вот здесь00:47:23
перечень всех действий которые можно00:47:25
добавить их очень много перейти перейти00:47:28
на другое окно вы дать импульс завершить00:47:31
сессию но много разных метод можно00:47:33
вызвать открыть адрес00:47:34
я выберу открыть всплывающее окно вот00:47:37
открыть всплывающее окно меня появятся00:47:42
параметры открытия сливающий в окна00:47:44
видите можно назначить где его открывать00:47:47
по центру либо определенным координатам00:47:49
либо рядом с элементом но я оставлю как00:47:53
есть по центру все-таки нас большое окно00:47:55
и нужно вот параметру от носа поставить00:47:57
что именно мы хотим открыть я беру вот00:47:59
это окно пока нет ни переименовал лучше00:48:02
переименовывать окно окно одинарного00:48:04
получилось давайте назовем его тренд ему00:48:08
надо сразу переименовал преминул и00:48:10
желательно потому что иначе будет в00:48:12
проекте и 10 окон с одноименными00:48:15
названиями у них разбираться тяжело так00:48:17
перетаскивая выделяем опять емкость00:48:20
клик мыши вот открыть всплывающее окно и00:48:26
вот на этом параметр окно нужно00:48:28
перетащить то окно которое нужно открыть00:48:29
я беру тренд и перетаскивая его на00:48:32
параметрах но вот запускаем режим00:48:38
исполнения смотрим что из этого00:48:39
получилось вот тоже самое прелестное00:48:47
окно еще раз привет участникам вебинара00:48:50
щелкаем мышью по емкости и вот00:48:55
пожалуйста открылась всплывающее окно у00:48:57
нас открылось всплывающее окно где00:49:01
рисуется собственно тренд той переменой00:49:05
которая с помощью которой мы00:49:08
динамизированный все элементы но как00:49:11
правило обычно делать более сложные00:49:12
всплывающие окна часто с управлением но00:49:15
принцип остается тот самый какие еще00:49:19
события можно использовать давайте мы00:49:20
это закроем но тут в общем то00:49:22
классический синус я думаю вы видите его00:49:25
представлять в представлениях он не00:49:27
нуждается закрываем останавливаем режим00:49:31
можно писать не останавливать но так уж00:49:33
чтобы глаз не раздражали переменные00:49:36
которые здесь отладочные которые здесь00:49:39
маячит какие еще способы навигации00:49:45
рассмотрим несколько способов навигации00:49:48
которые можно организовать с помощью от00:49:50
событий с помощью событий и действий для00:49:54
того чтобы нам это организовать00:49:57
навигацию ну соответственно нужны00:49:59
наверное еще нужно создать еще окна так00:50:02
объект добавить окно добавлю я окно00:50:09
назовем это окно сразу переименуем00:50:13
назовем всех 1100:50:18
[музыка]00:50:22
непосредственно в окне но также я его00:50:24
сделаю что пони уж одинакового размера00:50:26
были00:50:28
[музыка]00:50:29
920 сделали на 480 мире изменю чуть-чуть00:50:33
разрешение так такое там было до 920 48000:50:39
да вот она такого размера добавлю00:50:44
control текст в это окно ой 4 тренд00:50:48
провал нет метро папка добавлю текст и00:50:55
так и написано немцах номер один самый00:50:58
главный параметр у каждого control у нас00:51:00
выделен синим цветом чтобы легче было00:51:02
найти в длинном списке всех параметров00:51:05
которые можно изменить цех00:51:10
номер один также размер текста крупнее00:51:17
сделаем и control естественно не control00:51:22
и элемент визуальное представление тоже00:51:26
сделал чуть побольше вот такой вот такое00:51:29
вот окно вернусь на предыдущий на00:51:31
приветственное как же нам на это окно00:51:32
перевести перри перейти возьму00:51:35
иконку у нас много разных библиотеки00:51:38
которые серые они по умолчанию не00:51:40
подключены не подключены в проект я00:51:44
сейчас выберу например библиотеку bass00:51:47
айкан при попытке что-либо из нее00:51:52
добавить значит диалог запросит хотите00:51:59
ли вы добавить стать библиотеки в проект00:52:01
эту библиотеку она сейчас будет впредь00:52:04
непосредственно добавлено после чего ее00:52:07
можно использовать возьму кнопку00:52:09
перехода вот такую право конечно я ее00:52:16
сделаю поменьше вот такое вот мы00:52:22
поменяем цвет фона у нее чтобы уж раз в00:52:24
сиднее у нас все было сделаем там стене00:52:26
сделаю так же синие вот и здесь мы опять00:52:31
же событие назначим сейчас будет быстрее00:52:35
будут делать чтобы не астана клик мыши00:52:37
добавить00:52:38
и теперь мы выбираем открыть окно если00:52:42
раньше было открыть всплывающее окно ту00:52:43
теперь открыть окно выбираем выбираем00:52:46
открыть окно и здесь в параметрах мы00:52:49
указываем какое окно нам нужно открыть00:52:50
мы хотим перейти на ch1 вот и00:52:53
перетаскиваем на окно цех 1 вот ну00:52:56
теперь если мы туда перейдем нам же надо00:52:58
смело вернуться назад поэтому в00:53:00
редакторе берем окну цех 100:53:04
ищем иконку которая бы отображала домик00:53:08
то есть назад домой также размер размер00:53:12
все сделаем поменьше относят нам было00:53:15
здесь делаем так же это же поменять цвет00:53:19
тоже сделаем свет тоже синий более00:53:25
радостный и на эту кнопку нужно00:53:28
соответственно зеркальное действие на00:53:31
клик мыши добавить открыть окно и здесь00:53:38
указать окно исходное и а именно00:53:40
приветствие приветствие окно00:53:42
добавили но проверяем что из этого вышло00:53:46
запускаем режим исполнения у нас00:53:53
стартовое окно появилась со всеми теми00:53:56
самыми предметами нажимаем стрелку00:53:59
переходим на ch1 нажимаем на сахар на00:54:03
окница один домик опять возвращаемся на00:54:07
исходную страничку замечательно то есть00:54:13
она сейчас есть два окна с перекрестным00:54:15
переходом с одного на другой зачастую00:54:17
делать более сложную навигацию как00:54:20
правило много окон находятся в проекте00:54:23
для этого мы сейчас добавим некое окно в00:54:27
окно или как врач называет фрейм и там00:54:29
сделаем отображение с нескольких с00:54:32
нескольких источников что для этого надо00:54:37
ну да по я добавим сам по себе добавим 300:54:39
с наверное сначала добавим сам фрейм00:54:43
перейдем в папку00:54:44
панели и вот здесь есть контейнер окна00:54:47
контейнер окна перетащим перетащим00:54:52
непосредственно в на наше окно00:54:56
увеличу я его размера00:55:01
но чуть побольше вот деньги вот так вот00:55:07
и по высоте тоже по высоте то сделаю00:55:12
побольше таким вот такой вот такое вот00:55:17
окно в панель окна до окно в окне00:55:21
и мы сделаем чтобы управление в этом00:55:24
контейнере чтобы отображались различные00:55:26
компоненты как это сделать вот для того00:55:30
чтобы понизить поражались их сначала00:55:31
надо создать да я сейчас создам00:55:34
несколько компонентов в принципе можно00:55:39
было бы просто окна создать ну давайте00:55:41
уж правильно все делать я в объекте00:55:43
состав еще один объект объект вот назову00:55:48
назовем его00:55:50
участок варки00:55:51
[музыка]00:55:54
pilsa кто-нибудь на третью склада есть00:55:56
здесь стыке с чего у нас участок варке00:56:00
не состоит помнит это вам это всем00:56:04
привет вова00:56:06
кто-то пишет что нет звука действительно00:56:08
звука нет или у кого-то одного нет или у00:56:11
всех нет звука поставьте плюсики если00:56:15
звуки есть есть звук вот пишут есть звук00:56:18
а ну наверно у кого-то в 1 пропала да ну00:56:21
у кого то одного пропала наверное ну00:56:24
ладно мы тогда продолжим надеюсь если00:56:28
кто-то что-то упустил то в записи все00:56:30
это будет видно хорошо так участок варки00:56:34
участок варки добавим окно в этом00:56:37
участке варки00:56:38
я прям скопирует текст но потом разность00:56:44
участок варки добавить окно то есть я00:56:49
создал объект участок варки в нем уже00:56:52
так не то добавил папка добавилось так00:56:56
участок варки добавить окно00:56:58
вот добавилось окно сразу его назову00:57:02
участок варки00:57:03
[музыка]00:57:05
как размер его надо поменять размер00:57:08
лучше сделать чтоб соответствовал00:57:10
контейнеров чтобы то никаких полей00:57:12
лишних не появлялась размер контейнера у00:57:16
нас 720 и 180 на 380 руб расставлены так00:57:26
и вытащу00:57:27
элемент текст для того чтобы отобразить00:57:31
что это именно участок варки там есть00:57:34
более интересный способ я его другим00:57:35
объектам покажу пока так оставим вот он00:57:39
участок варки так ну размер шрифта и и00:57:44
тут больше уже сделаю соответственно00:57:47
нужно будет чуть-чуть поменять размер00:57:49
участок варки так и что у нас на участке00:57:54
варки00:57:55
[музыка]00:58:02
так участке варки какой аппарат был00:58:06
кто скажет кто учился на третью скоро00:58:11
дам щас я вот на эту вот такой был00:58:14
аппарат а именно мешалка вот ну чтобы ей00:58:19
управлять уж сразу чтобы все было00:58:21
функционально закончена в ночной гекко00:58:24
управления мы сегодня строить не будем00:58:26
просто и так на это же время добавил00:58:28
когда-нибудь мы вернемся к этому проекту00:58:30
и создадим задел на будущее добавим00:58:34
параметр логическое типа назовем00:58:37
управление00:58:42
назовем управление вот и мы этот00:58:44
параметр логического типа просто берем00:58:46
правой кнопкой мыши перетаскиваем на00:58:48
мнемосхему00:58:49
вот эта кнопка нам еще понадобится00:58:51
дальнейшем кнопка фиксации но чтобы00:58:53
управлять можно этой мешалкой а также я00:58:56
здесь еще что сделаю этот параметр00:59:00
логически управления свяжу с вращением00:59:02
но чтобы живая хоть картинка была так00:59:08
участок варки создадим еще один участок00:59:13
добавить объект чтобы несколько у нас уж00:59:18
объектов было отображалась у нас в окне00:59:21
добавлю объект отгрузка добавлю00:59:27
объект отгрузка соответственно скопируй00:59:31
сразу это имя добавлю окно щелкаем по00:59:37
объекту00:59:38
добавить окно и тоже его назовем это00:59:42
окно отгрузка вот тоже окно00:59:49
уменьшит чуть-чуть координаты сейчас тут00:59:52
немного назначений может быть скучновато00:59:56
процедура мы потом посмотрим сразу01:00:00
что в результате полу то получится так01:00:05
на 380 720 380 ставлю также сюда01:00:14
название отгрузка01:00:18
было видно так отгрузка андрус ко дну01:00:22
скачать еще поменять размер шрифта чуть01:00:26
побольше соответственно нужно будет01:00:30
размер текста память отгрузка но сделать01:00:33
здесь что-нибудь01:00:34
что будет больше похоже на отгрузку так01:00:39
возьмем ту самую емкость объект емкости01:00:45
возьмем емкость ну раз отгрузка значит01:00:48
нужна какая-то штуцер до ён .01:00:51
трубопроводы берем трубу бросаем и01:00:55
подгоняем эту трубу просто можно с01:00:58
клавиатуры все компоненты двигаются по01:01:01
сетке сделаны таким образом чтобы без01:01:04
подгонки01:01:05
без точной подгонки по пиксельной01:01:06
стыковались вот например есть у нас01:01:09
такая труба мы на нее хоть и много01:01:12
нам требуется на нее клапан наложить на01:01:16
эту трубу мы берем просто клапан тащим01:01:18
его на мнемосхему отпускаем и вот01:01:21
смотрите он прямо этот клапан01:01:24
он просто поверх трубы то есть не нужно01:01:27
из двух кусков составлять трубу можно01:01:30
взять единый кусок трубы а клапан по01:01:32
верху и он стыкуется с этой с этим01:01:35
трубопроводам причем по сетке ну по01:01:38
сетке можно перемещать вот смотрите вот01:01:40
примерно когда но при нужном шаги он01:01:45
станет куда надо ну на трубопровод для01:01:47
уж совсем хорошего и чтобы совсем01:01:50
красиво красиво было01:01:53
сделаем еще уголок на трубу01:01:56
развернем его развернем этот уголок вот01:02:04
ну и в отгрузку куда мы будем куда мы01:02:09
будем это все01:02:13
куда мы будем все это сливать отгружать01:02:17
вернее подключить библиотеку01:02:19
рот инженеринг и возьмём из ее сейчас01:02:23
она когда подключиться возьмем01:02:24
какой-нибудь грузовик но смысле01:02:28
цистерну вот возьмем в которой это01:02:30
отгружаться будет ну вот01:02:35
давайте вот так более-менее похожи01:02:40
конечно может кто-то поспорить что01:02:42
размеры но тут размеры не важно важна01:02:44
суть так и так у нас есть сделали мы два01:02:47
окна идем наткнуться их один цех 101:02:54
ставим кнопку обычную первую кнопку я01:03:00
сделаю просто обычным способом вот с01:03:04
последующими сделаем чуть иначе вернее с01:03:08
последующими01:03:09
одно здесь кнопка напишем на ней участок01:03:14
варки часто кварки и на эту кнопку01:03:23
назначим события по клику мыши клик мыши01:03:29
добавить01:03:32
открыть окно открыть окно и открываем и01:03:37
какое окно соответственно мы уже создали01:03:39
окно участок варки вот а на дереве в01:03:41
объекте участок варки мы его01:03:43
перетаскиваем в параметр окно а где его01:03:47
открыть чтоб она скрывалась не в новом01:03:49
окне фрейм берем просто надпись вот эту01:03:51
фрейм и тащим на наш вот этот фрейм где01:03:54
это надо открывать перетащили01:03:57
кроме этого мы сделаем чтобы другие тоже01:03:59
здесь01:04:00
открывались кроме этого нужно задать по01:04:03
умолчанию с какой с какой мнемосхемы01:04:06
будет стартовать от фрейм вот у нас окно01:04:09
по умолчанию мы сюда тоже переносим окно01:04:12
связываем участок варки и вот она здесь01:04:15
появляется участок варки дальше сделаем01:04:20
еще одно окно01:04:22
дублировать тут будет запрошен01:04:26
восстанавливать связи мы не будем их01:04:28
устанавливать не будем устанавливать01:04:36
связи у меня участке варки оказывается01:04:41
не удалилось часть не удалилось01:04:51
оказывается частью01:04:52
часть надписи старой но ничего страшного01:04:55
это все исправимо шрифт идет так то есть01:05:06
у нас будет несколько кнопок который01:05:08
будет управлять разными разными будет01:05:11
открывать разные окна а вот во втором01:05:13
окне01:05:14
во втором окне напишем видеонаблюдение01:05:18
[музыка]01:05:25
а наблюдения и вот видеонаблюдения01:05:28
[музыка]01:05:31
откроем опять события клик мыши удалить01:05:37
открыть окно ах я не там удалил ну 1 час01:05:44
сейчас01:05:48
ним так окно окно есть видео наблюдения01:05:56
отменилась так видеонаблюдения еще раз01:06:05
для наблюдения вот появилась выделяем01:06:10
видеонаблюдение переходим окно01:06:11
отображение событий клик мыши открыть01:06:17
окно а вот нет мы удалим это событие01:06:19
открыть окно вот а добавим на клик мыши01:06:23
добавим открыть адрес открыть адрес и01:06:29
здесь я сейчас напишу фрейм также01:06:32
перенесем на наше окно а в открыть адрес01:06:38
я сейчас скопирую адрес01:06:44
один наш внутренний и вставлю01:06:48
а именно адрес будет 1006 52 вот ведя01:06:56
наблюдение будем видео смотреть а такой01:06:59
вопрос как вы думаете что мы увидим в01:07:04
этом фрейме с видеокамеры какое01:07:06
изображение с видеокамеры будет ну01:07:08
как-то в чате ответит какие версии будут01:07:11
что что у нас будет на изображении стенд01:07:16
кто сказал стенд горелый юрий юрий01:07:37
горело и сказал что там будет стенд ну01:07:39
посмотрим давай давайте не будем давайте01:07:44
не будем забегать вперед сохраним01:07:46
небольшую интригу01:07:53
значит по кнопкам у нас будут01:07:56
открываться различные различные01:07:58
изображения в этом самом в контейнере я01:08:01
сейчас продемонстрирую еще один способ01:08:03
добавления этой кнопки я сейчас вручную01:08:05
и добавляла можно сделать проще так01:08:08
секундочку видеонаблюдения чет у меня01:08:10
мелким шрифтом я сейчас увеличу шрифт и01:08:18
помещается до 14 1401:08:25
так и отгрузка вот видите у нас есть01:08:29
объект отгрузка я весь объект правой01:08:32
кнопкой мыши беру и перетаскиваю на01:08:34
мнемосхему прямо объект тащу и из01:08:38
контекстного меню выбираю вставить01:08:40
кнопку перехода в окно01:08:42
отгрузка и у меня сразу вставляется01:08:45
кнопка это кнопка сразу содержит01:08:51
название того окна которой нужно открыть01:08:54
если мы зайдем в свойства этого окна то01:08:58
там уже будут назначить на видите клик01:09:00
мыши и уже назначена какое окно нужно01:09:03
открыть единственное что есть открывать01:09:05
нужно во фрейме нужно назначить цифре01:09:07
имбирем фрейм и перетаскиваем01:09:09
непосредственно на сам фрейм так01:09:14
отгрузка но и шрифта же сделали чуть01:09:17
чуть побольше и сейчас мы еще немножко и01:09:21
увидим увидим что у нас в результате01:09:26
получилось 14 через компом был вот но01:09:33
даст достаточно наверно там уже много01:09:35
тут переходим в режим исполнения01:09:39
нажимаем загрузить конфигурацию01:09:45
[музыка]01:09:47
загрузить конфигурацию переходим на01:09:49
второе окно тут привет участникам01:09:51
вебинара то мы уже все видели по01:09:55
умолчанию 1 страницу часто кварки ну-ка01:09:57
управления видите о за даже работает01:09:59
вращаются у нас лопасти мешалки01:10:03
переходим на страницу отгрузки здесь у01:10:07
нас грузовик переходим на страницу01:10:11
видеонаблюдения тут у нас запросит час01:10:14
пароль админ окну и я думаю да к те кто01:10:28
написали стенд они конечно же были правы01:10:31
это нам не большой привет из предыдущего01:10:35
от предыдущих от предыдущих вебинаров01:10:39
вот это тот самый стенд с вентилятором01:10:41
так что те кто те кто сказал стенд они01:10:45
были совершенно правы вот тот кто первый01:10:49
назвал стоит и будет стенд значит01:10:53
получит сегодня01:10:56
сувенир от нас я напомню что это тот01:11:01
самый проект который это тот проект01:11:07
который мы делали тот проект который мы01:11:12
делали на первом вебинаре вот можно01:11:15
зажечь лампочку можно включить01:11:17
вентилятор это небольшой проект01:11:20
небольшой вернее про небольшой01:11:22
при-привет нам всем из прошлого это тот01:11:25
же самые стенд и тут же самые проект и01:11:27
он до сих пор и он до сих пор она01:11:30
работает01:11:31
вот так вот таким вот образом мы между01:11:36
этими картинками можем переключаться01:11:40
один из способ на способов навигации но01:11:44
я сейчас использовал для примера только01:11:47
чья control и только те элементы01:11:50
визуального представлений о которой у01:11:52
нас уже содержится уже содержится в01:11:56
нашей библиотеке зачастую пользователям01:11:58
нужно какие-то свои элементы добавлять01:12:02
на давайте я покажу сейчас как это01:12:04
делается тут есть два варианта можно01:12:07
добавить растровую картинку можно01:12:09
добавить картинку вектор они01:12:11
принципиально отличаются вот если дети с01:12:15
растровой картинка и мы ничего сделать01:12:17
не сможем ну давайте мы просто добавим у01:12:19
нас есть такой control картинка просто01:12:24
добавляем его на мнемосхему01:12:28
вот и непосредственно в самом контроля01:12:31
[музыка]01:12:34
так вот добавлен непосредственно самому01:12:37
контроль и есть параметры изображения01:12:39
как всегда самый главный параметр у нас01:12:42
синим цветом это проставиться нажимаем01:12:44
на многоточие01:12:45
появляется диалог здесь мы можем так01:12:50
изображением здесь мы можем добавить01:12:52
картинку я добавлю логотип нашей01:12:55
компании применить вот мы видим над01:12:58
логотип что ещё можно сделать но часто01:13:02
говорят что вот эти кнопки на мне01:13:04
нравятся перейдем сейчас на участок01:13:09
варки говорят ну не нравится например01:13:12
внешний вид кнопки01:13:13
хочется что-нибудь более изысканная но01:13:17
это тоже можно сделать берем выделяем01:13:19
кнопку ищем параметр01:13:24
он есть изображение фона сейчас внешний01:13:29
вид внешний вид изображения фона01:13:32
открываем опять диалог медиа проекта01:13:35
вот я возьму кнопку которую я стащил01:13:38
где-то в интернете прям скажу добавить01:13:41
применить ну конечно на изначально01:13:45
немножко01:13:46
искажена получилось так здесь нужно01:13:48
кое-что нам поправить заливку фона во01:13:50
первых нужно сделать прозрачную01:13:51
поскольку поскольку уже так поскольку01:13:59
уже на чтобы взять чтобы все полотно по01:14:05
дня не за не заливалось вот и01:14:07
рамку надо убрать рамка рамка внешний01:14:10
вид рамка толщина рамки01:14:13
она сейчас на мне нужно ставим ноль01:14:16
локинг и все так смотрим что получилось01:14:20
[музыка]01:14:26
так ну 1 стартовой странице всем еще раз01:14:29
лишь не привет а я не убрал сару надпись01:14:32
но ничего вот можно вот кнопка она также01:14:34
работает вот если вы хотите внимание мы01:14:37
добавили свою кнопку также появился01:14:39
логотип вот на на страничке закрываем но01:14:44
тут с обычным изображением все01:14:46
достаточно просто с растровым но01:14:48
единственное что раз твое изображение с01:14:51
ней сделать ничего нельзя а если01:14:52
говорить про такой такие такое01:14:55
изображение как с асв j01:14:58
scalable vector graphic то там можно им01:15:01
управлять я сейчас покажу как это можно01:15:03
сделать01:15:05
to know кнопки сейчас надпись поправлю а01:15:10
то она там накладываются на кнопку01:15:11
управления беру совсем так и теперь01:15:19
переходим к добавлению к процедуре01:15:21
добавления с фиджи изображения с фиджи и01:15:24
тоскливый был lexus график01:15:26
масштабирование векторная графика01:15:29
она характерна тем что дело даже не в01:15:33
том что в растровом изображении при01:15:34
большом увеличении01:15:36
будет всего в пикселах это не самое01:15:38
важное нужно хорошем качестве сжать01:15:40
изображение to-do список не будет01:15:42
сделать ничего нельзя а вот со свежей01:15:44
можно открою01:15:47
дайте я сейчас запущу запустим01:15:50
какой-нибудь графический редактор я01:15:53
запущу такой редактор который называется01:15:55
young inkscape это бесплатный редактор01:16:02
те кто кто настоящие художники и01:16:06
дизайнеры конечно они пользуются более01:16:08
профессиональными более01:16:10
профессиональными редакторами или01:16:12
иллюстратор или еще какой-нибудь01:16:14
но у меня поскольку поскольку у меня с01:16:21
рисованием делов стоит тяжко01:16:24
ну собственно как как художнику мне01:16:28
вполне место вот рядом с этими господами01:16:31
да и результат наверное будет такой же01:16:34
ну поэтому я без лишних без каких-либо01:16:37
изысков01:16:39
нарисую что нет совсем примитивная но я01:16:42
нарисую светофор вернее некий прообраз01:16:44
этого светофора открываем открыл я01:16:47
inkscape беру выделяю рисование круг вот01:16:54
и на рисующий от круг следующего как01:16:59
будто бы у нас это огонь будет для01:17:01
светофора01:17:04
так чуть-чуть01:17:07
центрируем вот цвет у него конечно же01:17:10
сверху та красная должен быть темно01:17:12
красный с делами01:17:15
еще 10 светофору настолько из двух будет01:17:19
состоять компонентов это два круга01:17:22
хватит нам 2 для показа01:17:24
для демонстрации так вот расположу как01:17:30
не делают они не суть важно и конечно но01:17:32
так это темно-зеленый должен быть но01:17:35
такой сделать свет и сейчас самый важный01:17:37
момент можно нарисовать как более01:17:39
изысканную какую-то вещь01:17:41
тут самое главное что те вещи которые01:17:43
потом скади те куски те фрагменты01:17:45
изображений которые в скаде потом01:17:47
предполагается изменять нужно выносить в отдельные01:17:50
группы выделяем эту фигуру и вот пойди о01:17:55
еде идентификаторы этой группой а потом01:17:58
покажу как они выглядят непосредственно01:17:59
в тексте01:18:00
нужно дать какое-нибудь осмысленное01:18:02
название но тут я сейчас выделен красный01:18:04
свет я его назову01:18:05
red у нас будет красный установить01:18:12
выделен следующий следующую фигуру эту01:18:16
нас зеленый цвет назову его green green01:18:25
и нажимая установить ну вот вроде бы все01:18:28
и так каждая отдельная отдельная часть01:18:32
изображения которые предполагается01:18:34
менять нужно отдельно называть отдельной01:18:37
группой так сохранить теперь берем файл01:18:41
сохранен файл сохранить как и вот здесь01:18:49
еще один важный момент если вы в01:18:53
последующем хотите править то есть иметь01:18:56
исходник перед глазами то нужно01:18:57
сохранить как будто escape с фиджи вот01:19:01
но в редактор и лучше импортировать вот01:19:04
здесь вот есть оптимизированные 2g01:19:07
сейчас найду потому что01:19:10
редактор кроме непосредственно нужной01:19:12
информации в эти файлы очень много всего01:19:15
лишнего напихивать osis выбрать01:19:19
оптимизированные свяжет а он сохраняет01:19:21
только то что нужно так мы его назовём01:19:25
светофор01:19:29
окей секунды язык01:19:32
светофор светофор с веджем01:19:35
сохраняем ничего выбирать не нужно так и01:19:39
пишем сохранить закрываем редактор в01:19:48
принципе можно его и дать на всякий01:19:51
случай все таки его ставлю просто вернул01:19:54
так идем в изображение в папку из виджея01:19:57
сохранил вот он наш светофор01:19:59
дайте я покажу как он и себя выглядит01:20:01
открыть с помощью вот редактор not fade01:20:04
плюс плюс откроем вот что из себя01:20:06
представляет с фиджи на сохраненный01:20:08
намек мы видим параметры изображения в01:20:11
юбок с его размеры вот и в самое что нам01:20:15
нужно это вот они наши эти группы вот01:20:17
начало так сначала групп и вот конец вот01:20:20
наши две группы которые мы создавали01:20:23
группа01:20:24
айди red и вот ее цвет по умолчанию01:20:27
свойства фил значит заполнить и группа01:20:31
сайте green тоже ее пути пасы и свойства01:20:36
фил и цвет по умолчанию вот так он01:20:39
выглядит созданный нами sve je01:20:41
это по сути дела математическая модель01:20:44
которая рендерится непосредственно при01:20:47
отображении в браузере закрываем теперь01:20:50
идём идём непосредственно в редактор в01:20:55
редактор master scada 4d в библиотеках01:20:57
открываю локальную можете взять любую01:21:00
другую яблоко льный правый клик правой01:21:03
кнопкой кликаем добавить окно и потом в01:21:10
этом окне опять правой кнопкой кликаем01:21:12
по это щелкаю по окну и вот здесь есть01:21:15
пункт меню01:21:16
импорт с vigy в более ранних версиях01:21:19
этот пункт назывался импортировать01:21:22
список параметров с версия 1 210 он уже01:21:25
называется свое нормальное название01:21:27
имеет импорт из фиджи вот его и выбираем01:21:31
выбираем импорт из фиджи01:21:32
выбираем изображение которое нам нужно01:21:36
импортировать вот светофор который мы01:21:38
делали нажимаю кнопку открыть01:21:41
и вот появляется мастер импорта01:21:45
справа можно раскрыть те самые группы01:21:48
вот они две группы которые я создал в01:21:51
редакторе ну а внизу параметры в you01:21:53
бокса в данном случае и чтобы управлять01:21:56
этими элементами группами нужно вот01:22:00
нажать на кнопку добавить параметр и01:22:02
дальше выбираем аиде элемента с фиджи01:22:05
это то самое что я в редакторе задавал01:22:07
выбираю red красный выбираю а требует01:22:11
что с ним нужно сделать в данном случае01:22:13
мы заполняем цветом выбираю три but feel01:22:16
вот а теперь в левом столбце нужно01:22:20
назвать нужно задать имя параметра как01:22:23
он будет выглядеть в master scada то01:22:25
есть это будет та самая ниточка за01:22:27
которую из проекта мы можем дергать01:22:29
изображения для детей заказу за которую01:22:31
мы можем дергать за нитку чтобы что-то01:22:34
поменять в изображении но для красного я01:22:36
так и назову красный01:22:44
нас еще один есть еще одна группа01:22:45
зеленый есть да поэтому мы добавим еще01:22:48
один параметр01:22:50
выберем группу green также свойства фил01:22:55
вот и назовем его параметр как он будет01:22:58
выглядеть в скаде у нас так и напишем01:23:02
зеленый зеленый01:23:07
и применить нажимаем кнопку применить01:23:09
вот вы видите что появился наш светофор01:23:12
и у него в параметрах появились те самые01:23:15
вот параметры за которой которые можно01:23:18
изменять01:23:19
что с этим дальше мы будем делать моего01:23:21
применим например мы сделаем светофор01:23:23
для того чтобы водитель грузовика на01:23:26
отгрузки видел01:23:27
можно ли отъезжать уже или нет берем из01:23:31
библиотеки этот светофор кстати он01:23:33
добавился смотрите вокальная он01:23:35
добавился и в палитру можно из палитры01:23:37
добавлять давайте прям из палитры его01:23:39
перетащу01:23:40
этот светофор он слегка великоваты01:23:44
уменьшим не страшно но there слишком01:23:47
уменьшили ну вот так нормально вот и01:23:51
чтобы он что-то показывал светофор нам01:23:54
же им надо управлять да я создам два01:23:55
логических параметра в объекте отгрузка01:24:00
объект отгрузка добавить параметр назову01:24:07
управу красный управление управление01:24:12
красным цветом типологические буду тип01:24:15
логически применить и еще один параметр01:24:18
добавлю в отгрузки в объекте отгрузка01:24:22
добавить еще один параметр01:24:25
назову его управу01:24:27
зеленый зеленый управление зеленый позже01:24:33
типологический bull все применить два01:24:36
параметра дерев просто выношу правой01:24:38
кнопкой мыши на мнемосхему тащу вставляю01:24:41
как кнопка фиксации сделаем да конечно у01:24:45
нормального светофора01:24:48
должна быть логика какая то работа но01:24:51
нам сейчас мы сейчас не логику изучаем а01:24:53
визуализация а логику мы когда-нибудь допишем дойдем01:24:56
до вебинара по программированию и01:24:58
возьмем этот же проект допишем логику01:25:00
так управление зеленым также правой01:25:03
кнопкой01:25:04
тащим на мнемосхему вставить кнопка01:25:07
фиксации кнопка фиксации вот сразу01:25:11
название вставляется что чем управляется01:25:13
и непосредственно перейдём к светофору01:25:15
кнопки то мы вставили с логическими01:25:17
параметрам надо связать управление01:25:19
красным связываем с красным параметрам01:25:22
светофора управление зеленым связываем с01:25:27
зеленым цветом на даже назначить доу01:25:30
связи появились а это делается с помощью01:25:32
конвертации мы это уже проходили сегодня01:25:35
то есть мы уже рассматривать нажимаем01:25:37
кнопочку редактировать конвертацию тут01:25:39
теперь ставим нелинейно кусочно как01:25:41
прошлый раз а просто точечную потому что01:25:44
у нас всего два значения true и false01:25:46
вот при фас мы сделаем чтоб также был01:25:49
темно-красный а при true01:25:51
давайте поменяем цвет какой нибудь чтобы01:25:53
был у нас поярче01:25:54
ну можно выбрать либо из палитры либо из01:25:57
списка давайте прям выберем чтоб он01:26:00
назывался01:26:01
вот он будет вот красный цвет при01:26:06
светящимся закрыть и то же самое сделаем01:26:09
с зеленым вот зеленый нажимаем01:26:12
редактировать конвертацию тоже точечная01:26:14
тоже фолз приму при у по умолчанию01:26:17
оставим при true01:26:19
сделаем green green green green и он там01:26:24
вот он глен вот но я не ручаюсь за то01:26:28
что цветам прям уж такие хорошие но тут01:26:30
уже на мне для не до этих нет ни да как01:26:35
сказать не сможете совсем красивые цвета01:26:46
но нам не до глубокой эстетики главный01:26:48
принцип показать включая еще раз01:26:52
запуская режим исполнения01:26:54
[музыка]01:26:57
запуская режим в исполнении ну начальная01:27:02
страница все тут также здесь также можно01:27:05
включить01:27:06
смеситель с нашей собственной кнопки вот01:27:08
я убрал кстати у01:27:09
надпись и переходим в отгрузку что01:27:12
наиболее интересно нажимаем красный01:27:16
видите загорелся красный нажимаем01:27:19
зеленый зеленый поменял свой цвет ну01:27:24
можно оба сразу конечно же было логику и01:27:27
они не прописывал сделал просто01:27:29
примитивная01:27:30
от кнопок вот таким вот образом можно01:27:33
управлять какими-нибудь частями01:27:39
какими-нибудь частями изображение но я01:27:44
сейчас сделал очень простой можно01:27:46
конечно и посложнее делать вот ну на01:27:50
этом что хочу сказать так заново ввести01:27:55
пароль в общем-то на этом на сегодня01:27:58
наверное основную часть мы закончим я01:28:03
много но я рассмотрел только основные01:28:06
моменты организации пользовательского01:28:09
интерфейса конечно я рассмотрел сегодня01:28:11
далеко не все остались сегодня не01:28:14
рассмотрены такие более сложные01:28:16
инструменты как триггеры окна01:28:18
как параметры окна как назначение01:28:22
исполнения программы в дереве в программ01:28:25
непосредственно задачей крана я думаю мы01:28:28
для этого для более сложного для более01:28:30
сложных функционала мы сделаем следующую01:28:32
часть вебинара визуализация часть 201:28:36
следите за расписанием кому интересны01:28:40
более вот эти сложные функции они01:28:41
конечно более скучные чем то что мы01:28:43
рассмотрели сегодня но тем не менее тем01:28:48
не менее значит их можно сделать так01:28:52
вернусь я сейчас еще один момент не01:28:54
расходитесь сейчас будет вручение призов01:28:56
мне конечно01:28:59
сейчас одну секунду нет это не то одну01:29:06
секунду вы знаете кто первый ответил что01:29:11
стенд будет мне вот очень хочется так01:29:13
сейчас секунду я бы просмотре учат назад01:29:16
назад просмотре чат давайте сейчас01:29:19
открою admin откроем еще раз этот01:29:31
откроем еще раз тент01:29:34
ну пусть вот так знаете 1 так стенд вот01:29:41
я нашёл нашёл в чате где это место 101:29:44
правильный ответ дал стенд написал01:29:47
написал юрий горелый и я хотел очень01:29:50
признать тому человеку который первый01:29:53
ответил на этот вопрос но не знаю01:29:56
насколько вот меня меня администратор01:29:58
наши маркетологи подскажут в принципе01:30:00
правильный первый ответ юрий горелый дал01:30:02
но юрий горела является нашим партнером01:30:04
хоть и очень хорошему уважаемым01:30:06
справедливо ли раздавать призы именно01:30:09
партнером вот возможному юрию горел и01:30:12
отдельный придадим а давайте я сейчас01:30:14
вот что сделаю стенд с вентилятором кто01:30:18
юрий юрий горелый вот кто первый ответил01:30:21
стенд кроме юрия артём артём золотухин01:30:25
артем золотухин давайте так я вручу01:30:28
извини юрий извините юрий я артёму01:30:32
золотухину01:30:36
вручу01:30:37
назначаю сегодня приз вот а юрий01:30:40
угорелая если и горел ему если наши01:30:42
маркетологи дадут согласием это же приз01:30:45
вручим свой отдельный ладно что за приз01:30:48
приз у нас как всегда я сейчас войду в01:30:50
кадр не просто в кадр а прям изображение01:30:53
которое у нас в скаде находится заодно01:30:57
те кто меня еще не знает может быть мы01:31:00
познакомимся добрый день меня зовут илья01:31:03
варламов вот а приз за правильный ответ01:31:07
у нас01:31:09
у нас традиционно фонарик сад с наборов01:31:13
и отвертка с набором насадок вот такой01:31:16
приз у нас остается01:31:18
достается господину золотухину01:31:22
а может даже юрию горилла мы тоже дадим01:31:24
на этом позвольте с вами завершить на на01:31:29
этой радужной ноте завершить наш01:31:33
завершить свой свой рассказ у нас уже01:31:37
время к сожалению вышла если01:31:38
администратор и скажут что можно01:31:42
продлить может насчет на вопросы ответим01:31:46
видно меня было дать и посмотрим смогу01:32:10
ли сейчас на что-нибудь так что я сразу01:32:15
прислано гулякова про tribute to01:32:19
отвлекло так как я понял в атрибуты01:32:22
можно вставлять любые атрибуты01:32:25
векторного редактора не только те что01:32:28
были ну в принципе да в принципе да если01:32:30
вы вручную умеете редактировать 2g и01:32:34
хорошо в этом ориентируетесь если тех01:32:36
атрибутов которые в мастере01:32:38
вставляются если их не хватает то в01:32:40
принципе мы можем выслать документацию01:32:42
как самостоятельно править файлы в том01:32:47
числе прописывать все вот эти вот01:32:48
параметры если вы видели наши нашу тему01:32:52
проект вентиляция то там тоже в общем то01:32:54
все эти из фиджи нарисованы01:32:58
нарисованные непосредственно но01:33:00
дизайнерах конечно рисовал ну там они01:33:02
вручную все провели там вот пар вы01:33:04
видели вращаетесь насоса01:33:06
все это можно сделать да конечно нет нет01:33:09
не только те атрибуты я показывал все01:33:11
только самое простое01:33:14
так отмечаю удовлетворил я ответил на01:33:18
вопрос нет не знаю так дальше золотухин01:33:20
хотелось бы в бинар по базам данных01:33:24
чтение из них будет такой вебинара у нас01:33:26
даже списке он есть но не назначена ещё01:33:28
не назначена ищу когда01:33:33
[музыка]01:33:35
дачу можно пример анимация своего с01:33:38
анимацией всё сложнее но анимацию в01:33:40
принципе да напишите на почту01:33:42
непосредственно вам вышлем какой-нибудь01:33:45
пример в принципе вот у нас вентиляторы01:33:47
насоса они в общем то с анимации все01:33:49
сделаны но там вручную надо это тогда01:33:51
[музыка]01:33:56
игорь рицко интересуется можно ли01:33:58
документация по снг приложить к рассылке01:34:00
видео к семинару ну какую документацию01:34:04
если имеется ввиду вот этот простой01:34:06
импорт какой я сейчас показываю утром в01:34:09
общем-то на видео все показано все01:34:11
достаточно хорошо вот ну в принципе да01:34:16
наверно можно там у но она очень такая01:34:18
простая у нас документация до приложим01:34:21
есть ещё расширенная документация для01:34:23
тех кто вручную имеется sve je править01:34:25
вот я показывал я показывал как он01:34:28
выглядит вот кстати html xml файлу01:34:34
сформировался при импорте сейчас я01:34:36
давайте покажу01:34:37
открыть с помощью тут уже куда-то делся01:34:42
notepad окну дать в обычном блокноте01:34:46
откроем вот xml файл вот можно вручную01:34:49
прописать вот эти параметры вот они01:34:51
видите те же самые типы что чему что01:34:53
красный и соответствует именно01:34:55
атрибуту red вот это можно все вручную01:34:58
прописывать на это есть инструкция01:35:00
если вы сильны в самом из виджея все01:35:02
язви то можно очень сложные вещи делать01:35:05
и в общем то но непосредственно праве01:35:10
создавая вот такой вот файл там уже да01:35:14
действительно можно более сложная вещь01:35:16
делать01:35:17
[музыка]01:35:21
последний буквально так сейчас секунду в01:35:27
чате в чате в чате как добавить звук в01:35:34
проект или кто или от кого-то интересует01:35:42
эта тема будем отдельно рассматривать я01:35:45
сказал что тема01:35:47
задачи в этом исполнении различных fb01:35:52
задача экрана это отдельная тема сейчас01:35:55
просто быстро скажу что есть для этого01:35:58
специальный функциональный блок плей01:35:59
sound01:36:01
сейчас я его попробую найти локальная01:36:04
полная полную библиотеку так бы и зомби01:36:13
функции01:36:14
я не тут системные сейчас секунду01:36:19
функции системные не помню здесь они нет01:36:23
[музыка]01:36:32
нет не тут так где же этот plays out я01:36:36
уже сейчас я найду в общем ей свой есть01:36:39
fb play sound этот нужно назначить01:36:44
задачу и травма и он будет01:36:46
воспроизводить звук сейчас я учет не01:36:49
найду схода не туда пошел на системная а01:36:55
вот fb01:36:57
системная send email но вот видите вот01:37:04
наше все эти системные системные эти01:37:07
самые блоки01:37:11
так кирилл может подскажет интернах вот01:37:14
плей sound вот нашел вот fb плей sound у01:37:17
него соответственно есть входные и01:37:18
выходные параметры назначить его01:37:20
обязательно нужно для исполнения в01:37:22
задачу экрана то есть не в сервере чтоб01:37:24
он исполнялся вы его когда поместите01:37:27
плей sound нужно сейчас в какую-нибудь в01:37:33
отгрузку допустим геймплей sound01:37:36
назначим в отгрузку и вот из исполнении01:37:40
добавить задачу нет ни здесь в свойствах01:37:47
исполнении сейчас задачи родительского01:37:49
его нужно назначить задачу экрана задачу01:37:52
экрана и тогда он будет в браузере01:37:54
непосредственно играть звук примерно так01:37:56
ну вообще это отдельную тему хотели01:37:59
этому посвятить ну вот и offer двух01:38:00
словах сказал ксения вопросы раздел01:38:10
вопросы секунду так как экспортировать01:38:19
параметры емкости файл к сожалению таких01:38:22
возможностей нет зачем она вам нужно вы01:38:26
можете вы можете поступить хакерским01:38:30
способом и прям из браузер и любое01:38:32
изображение вытащить ну или напишите мы01:38:34
вам пришлем нескучно зачем вам эта01:38:36
емкость отдельном файле ты отдашь если01:38:42
необходимо из правительственного после01:38:44
импорта scada нужно импортировать заново01:38:46
до нужно импортировать нужно01:38:49
импортировать заново да я рекомендую ну01:38:53
понятно что если иллюстратором вы01:38:55
пользуетесь там можно сохранить и свой01:38:58
формат как бы исходники свечи вот если01:39:01
пользуетесь эскейпом то сохранять01:39:04
обязательно два варианта первый для01:39:06
импорта сохранять это как я показывал01:39:08
оптимизированные sve je этот исходник01:39:11
который чтобы потом править нужно01:39:13
сохранять как инскипп с веджем01:39:16
вот это как бы исходник будет там очень01:39:18
много будет лишней информации которая01:39:20
для импорта не учитель нужно01:39:22
как экспортируем файл и он сказал это01:39:26
сказал так чтобы импортировать файл01:39:30
это вот продолжение проекта моя одесская01:39:33
да я поняла но ну пока непонятно зачем01:39:35
группу01:39:36
я приняв проекте использовать емкость01:39:39
куда то еще и вы хотите отнести стали ну01:39:41
как то вот напишите для чего мы вам в01:39:48
принципе можем либо выслать либо можете01:39:50
еще раз повторяю01:39:52
f12 любое изображение можете из браузера01:39:55
вытащить в общем-то это такой полу01:39:59
хакерский способ но имейте в виду01:40:00
авторские права все равно принадлежат01:40:02
нам мы не можем закрепить эти01:40:05
изображение в силу того что из браузера01:40:07
можно что угодно выдернуть вот но01:40:10
авторские права на все эти изображения01:40:12
они наши если вы его где-то еще будете01:40:14
использовать то это нарушение авторских01:40:16
прав01:40:18
так емко свою нарисовать ну пожалуйста01:40:21
нарисуйте01:40:22
авторские права это вот с01:40:26
восклицательными знаками авторские права01:40:28
интересно значит не нравится что01:40:30
авторские права ну ну понимаете мы за01:40:34
это на это потратил ник некие усилия01:40:36
пусть там не очень большие а не01:40:38
требуется по рисованию этого это емкости01:40:41
но все-таки давайте как бы уважать чужой01:40:44
труд вопрос если у кого какие то еще01:40:54
вопросы будут помнить и что для вас это01:40:56
работать технической поддержки01:40:59
куда можно обратиться и вам подробную01:41:02
консультацию и я хочу тебя поблагодарить01:41:06
и такой интересный и полезный я01:41:14
нарисовал так так прощаюсь спасибо01:41:17
большое спасибо всем за внимание01:41:20
оставайтесь на не смотрите наши01:41:22
следующие вебинары я думаю что впереди01:41:25
нас будет зачем интересного спасибо01:41:30
так и хочу еще сказать подарок артём01:41:34
золотой напишите нам пожалуйста на01:41:36
маркетинг . руб после эфира01:41:40
чтобы вы могли отправить вам подарок так01:41:46
и большое спасибо коллеги всем вам за то01:41:49
что сегодня были с нами за ваши вопросы01:41:52
думаю что уже завтра мы направили письмо01:41:55
каждому участнику сегодняшнего эфира со01:41:57
ссылкой на задней встречи также с формой01:42:00
обратной связи и думаю что мы еще01:42:03
приложим как обычный к телом все вопросы01:42:06
эфира с ответами чтобы у каждого из вас01:42:09
они были снимите что касается обратной01:42:13
связи будем признательны если оставите01:42:15
свой отзыв по сегодняшним гнали01:42:17
обратно здесь от вас помогает нам делать01:42:20
видео и бинары максимально полезными что01:42:24
касается следующих встреч в данный01:42:26
момент мы согласовываем с писанием01:42:28
ближайшее время будет анонс на нашем01:42:30
сайте или соцсетях так что следите за01:42:33
новостями чтобы ничего не пропустить на01:42:36
этом пожалуй все еще раз благодарим что01:42:39
были с нами сегодня01:42:40
желаю всем вам чудесного дня и01:42:42
продуктивной рабочей недели до новых01:42:45
встреч до свиданияОписание:
Запись вебинара от 13.07.2020 г. Программа. 1. основа графического интерфейса (HMI) в MasterSCADA 4D; 2. свойства графических элементов. Динамизация свойств; 3. события и действия; 4.основные приёмы организации навигации; 5. вложенные контейнеры; 6 обзор встроенных графических библиотек; 7. создание, импорт и динамизация параметров собственного SVG изображения; 8. ответы на вопросы. Архив проекта, созданного в рамках вебинара, доступен для скачивания по ссылке – ftp://ftpGuestDemo:[email protected]/MasterSCADA4D/Projects/Webinar/Visualization.zip
Готовим варианты загрузки
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах
Вопросы о скачивании видео
Как можно скачать видео "MasterSCADA 4D. Основы разработки графического интерфейса пользователя. Часть 1"?
Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.
Какой формат видео "MasterSCADA 4D. Основы разработки графического интерфейса пользователя. Часть 1" выбрать?
Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.
Почему компьютер зависает при загрузке видео "MasterSCADA 4D. Основы разработки графического интерфейса пользователя. Часть 1"?
Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.
Как скачать видео "MasterSCADA 4D. Основы разработки графического интерфейса пользователя. Часть 1" на телефон?
Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.
Как скачать аудиодорожку (музыку) в MP3 "MasterSCADA 4D. Основы разработки графического интерфейса пользователя. Часть 1"?
Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.
Как сохранить кадр из видео "MasterSCADA 4D. Основы разработки графического интерфейса пользователя. Часть 1"?
Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.
Сколько это всё стоит?
Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.