В динамических приложениях довольно часто используются кнопки. 
     Кнопки позволяют передать контроль над элементами приложения пользователю, или действуют как ссылки на другие страницы.
     В данном посте я хотел бы рассказать не только о том, как использовать кнопки, но и показать несколько визуальных приемов, которые помогут стилизовать приложение и улучшить восприятие.

     Начнем с самого начала:

  код от кнопки.bmp (Размер: 15.31 KB / Загрузок: 41)

  свойства кнопки.bmp (Размер: 33.29 KB / Загрузок: 40)

• Под указателем мыши – mouseover
  
• Вне указателя мыши – mouseout
  
• Нажата кнопка мыши – mousedown
  
• Отпущена кнопка мыши – mouseup
  

  активность.bmp (Размер: 1.51 KB / Загрузок: 39)

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

1. Скачать изображение градусника, либо нарисовать самостоятельно
   
2. Удалить из него заполненную шкалу, если такая имеется
   
   
3. Загрузить изображение в динамическую библиотеку
   
4. Создать пустой контейнер и вставить код html в поле "Данные"
   
5. Код:

   <div style = 'background:url(/Winnum/resources/themes/current/images/app/ui/designer/media/24/Weather-Thermometer-Clipart-Black-and-White-1.png); width:100%; height:100%; background-size: 100% 100%'>
    <div id = 'termometr' style = 'background:red; width:25%; height:61%;position: absolute;top:20%;left:36%'>
        <div id = 'temperature' style = 'background:white;width:100%; height:50%;position: absolute;top:0%;left:0%'>
       
        </div>
    </div>
    <div style = 'width:55%; height:25%;position: absolute;top:74%;left:21%'>
        <svg width=100% height = 100%>
            <ellipse id = "ellipce" fill = "red" cx=50% cy=50% rx=46% ry=41% />
        </svg>
    </div>
</div>
   
   
6. Отредактировать ширину и высоту шкалы (откалибровать градусник). Редактировать нужно <div id = 'termometr'> подстроить параметры ширины и высоты шкалы, и ее расположение (top, left). Для того чтобы термометр растягивался вместе с контейнером, и шкала не съезжала все параметры должны быть указаны только в %.
   
7. Что касается красного круга - то это svg рисунок, он векторный, а значит может растягиваться без потери качества, rx/ry - радиусы эллипса, а позицию ему задает его контейнер, его также нужно выставить на нужное место.
   
8. Подключить к действующему сигналу для изменения шкалы градусника
   
9. Код:

   function termoparameter(t,color){
    document.getElementById('termometr').style.background = color;
    document.getElementById('ellipce').style.fill = color;
    document.getElementById('temperature').style.height = 50 - t + '%';
}
   
   
10. Параметр t - это и есть значение температуры, color - это цвет шкалы и эллипса. Значение сигнала можно получить как через интерфейс редактора, так и с помощью baseSdkUtils.service.WNConnectorHelper.getSignal, или вы получаете температуру каким-либо еще способом.
    

Если в теге больше одного сигнала, то функция WNApplicationTagHelper.getLastTagValue возвращает значение только того сигнала, у которого стоит галочка "Определяет значение тега".
Если в теге заполнено поле  "Значение при выполнении условий",  то функция WNApplicationTagHelper.getLastTagValue возвращает то, что заполнено в этом поле.

Если нужно получать значения всех сигналов, то нужно последовательно выполнить getLastTagValue, затем получить имена сигналов тега через WNModelingHelper.getSignals, затем для каждого сигнала получить значения WNConnectorHelper.getSignal.
Ниже пример функции, которая вернет и текущее состояние тега, и значение, и значения каждого сигнала тега.

Функции WINNUM JavaScript SDK возвращает время сигналов в строку формата 'yyyy-MM-dd hh:mm: ss.SSS'.
При необходимости преобразовать в тип Date можно использовать Date.parse:

Добрый день!

В данной теме мы разберём вопросы интеграции такого решения от компании WINNUM, как планшет ручного ввода, он же WUNNUM Pad.

Необходимые дистрибутивы:
1. Коннектор RDB
2. Установленный и настроенный WINNUM Pad

Для начала необходимо:
1. Создать таблицу и указать там данные о ДСЕ 

• Пример во вложении (bd.JPG)

•  Имя поиска по базе данных 

•  Имя открытия (начала) операции 

•  Имя закрытия (конца) операции

• Пример запросов:

• Пример во вложении (example.JPG)

Файлы вложений

Эскизы(ов)
       

Для построения отчетов за длительные периоды в WINNUM используется блокчейн. 

 Длительности тегов рассчитываются в конце каждого дня для построения длительных отчетов. 
Эти же значения можно использовать в динамических приложениях, что позволяет использовать данные вместо многочисленных запросов и сокращать время выполнения команд. 

 Так, например, для получения суммарного времени работы под нагрузкой для конкретного станка можно использовать функцию getPriorityTagDuration, в результате мы получим массив из промежутков, когда тег выполнялся с учетом приоритетности, но если временной интервал указать больше двух-трех дней, то результатом будет огромный массив и выполнятся такой запрос может достаточно долго, может даже не хватить оперативной памяти, выделенной под работу браузера и получить зависание всей страницы.

 Что же делать, если нас интересует график загрузки оборудования за год? Для этого работают роботы приложений. Рассчитанное значение тегов за каждый день уже с учетом приоритетности и календаря записано роботом. Для получения этих значений достаточно воспользоваться стандартной функцией getSignal, и указать вместо сигнала адрес в структуре блокчейн.

 Общая структура запроса:
•[App ID].[Tag ID].[тип расчета].[тип значения] = значение

•Типы расчета:

Пример получения списка сигналов изделия (сначала получить по class:id изделия шаблон, затем по class:id шаблона сигналы):

Пример функции для получения списка сигналов тега визуализации:

Для создания своих приложений первое, что нужно научиться делать - это создавать свои страницы.

Создание страниц происходит в Java с использованием WINNUM SDK. SDK содержит кучу всего полезного, включая элементы пользовательского интерфейса (меню, формы, кнопки и тд). Все для того, чтобы максимально ускорить и упросить разработку своих приложений.

Созданные страницы на Java компилируются и копируются в специальные папки (в зависимости от назначения). Отрисовка страниц (написанных на Java) выполняется с помощью т.н. agw (application gateway), который с сумасшедшей скоростью печатает страницы в браузере.

Давайте создадим первую страницу на Java в WINNUM Platform. Для этого создадим новый класс, назовем его MaPage, в пакете winnum.views.my_app, пример:

• winnum-platform.system-5.0.0.jar
  
• winnum-platform.web-5.0.0.jar
  
• undertow-servlet-1.3.15.Final.jar