Вебдизайн в sinamics

Позволяет пользователю создавать свои загружаемые веб страницы для отображения любой информации. Изменение параметров преобразователя не поддерживаются.

Просмотр параметров преобразователей через браузер.

поддерживаются SINAMICS S120 family (CU310-2 и CU320-2) с firmware &gt, V4.6 :

Использует:

• MWSL MiniWeb Server Language (доступ к параметрам преобразователя)
• JavaScript (обновление информации)
• CSS (дизайн страницы)

объем данных пользователя не должен превышать 100 Мб.

поддерживаемые теги и возможности:

Структура

&lt,html&gt,
&lt,head&gt,
&lt,title&gt,
//титл страницы
&lt,/title&gt,
&lt,/head&gt,
&lt,body&gt,
//контент страницы
&lt,/body&gt,
&lt,html&gt,

Стили

&lt,div&gt,…&lt,/div&gt,
&lt,span&gt,…&lt,/span&gt,

Таблицы

&lt,table&gt,
&lt,tr&gt,
&lt,td&gt,
                первая строка, первая ячейка
&lt,/td&gt,
&lt,td&gt,
                первая строка, вторая ячейка
&lt,/td&gt,
&lt,/tr&gt,
&lt,/table&gt,

Ввод текста и кнопки

&lt,input type=’text’ name=’text’ value=’content’ size=’15’ /&gt,
&lt,input type=’button’id=’button’ value=’Send’ onclick=’get()’ /&gt,

Выбор

&lt,select id=selectList size=1 onchange=’switch()’&gt,
 &lt,option value=0&gt,Off&lt,/option&gt,
 &lt,option value=1&gt,On&lt,/option&gt,
&lt,/select&gt,

Списки

&lt,ul&gt,
&lt,li&gt,…&lt,/li&gt,
&lt,li&gt,…&lt,/li&gt,
&lt,/ul&gt,

iframe

&lt,iframe src=’picture1.jpg’
id=’iframe’&gt,
 Your browser does not support IFrames.
&lt,/iframe&gt,

Рисование

&lt,canvas id=’canvas’ width=’160′ height=’160’&gt,
 Canvas is not supported by your browser.
&lt,/canvas&gt,

MiniWeb Server Language (MWSL)

Для работы с преобразователем используется MWSL код.
MiniWeb представляет собой мини-сервер HTTP, отличающийся низким потреблением системных ресурсов, высокой эффективностью, хорошей гибкостью и высокой мобильностью.

Пример:

&lt,html&gt,
&lt,head&gt,
[…]
&lt,/head&gt,
&lt,body&gt,
&lt,table&gt,
&lt,tr&gt,
[…]
&lt,td&gt,
&lt,MWSL&gt,
&lt,!– //MWSL code
var string1 = ‘Hello’,
var string2 = ‘World’,
write(string1 + ‘ ‘+ string2),
–&gt,
&lt,/MWSL&gt,
&lt,/td&gt,
[…]
&lt,/tr&gt,
&lt,/table&gt,
&lt,/body&gt,
&lt,/html&gt,

Основные функции

• GetVar(&lt,variable name&gt,, &lt,variable source&gt,, &lt,format&gt,), – получение значения переменной.

• SetVar(&lt,variable name&gt,, &lt,value&gt,), – присвоение значения переменной

• WriteVar(&lt,variable name&gt,, &lt,variable source&gt,,&lt,format&gt,), – вывод переменной

• write(&lt,text&gt,), – вывод в html

JavaScript

Пример:
копируем по нажатию кнопки из поля ввода в ячейку таблицы.

&lt,input type=’text’ value=” id=’text’ size=’15’/&gt,
&lt,table&gt,
&lt,tr&gt,
  &lt,td&gt,The value is:&lt,/td&gt,
  &lt,td id=’valueColumn’&gt,&lt,/td&gt,
&lt,/tr&gt,
&lt,/table&gt,
&lt,input type=’button’ value=’Copy’ onclick=’copy()’/&gt,
…
&lt,script type=’text/javascript’&gt,
  function copy() {
document.getElementById(‘valueColumn’).innerHTML =
document.getElementById(‘text’),
}&lt,/script&gt,

CSS

Пример:

h1 {
 font-family : Arial,
 font-size : 2em,
 font-weight : normal,
}
h1.back {
 background-color : #FFFF00
}
*.back {
 background-color : #00FFFF
}

Задача создать страницы на которых будут показаны параметры преобразователя, которые будут читаться с помощью MWSL функций.
Параметры разбиты на следующие группы:

• plainTextVariables – считываются один к одному из преобразователя.

• numericVariables – числовые данные, которые в дополнение могут иметь warningLimit и criticalLimit, показываемый желтым и краснысм фоном соответсвенно.

• indicatorVariables – отображаются на странице с помощью цвета в зависимости от их значения и имеющие битовый тип.

• gaugeVariables – показываемые с помощью рисования на элементе canvas.

• barVariables – показываемые в виде столбика с помощью элемента canvas.

Пример чтения текущей скорости преобразователя с именем SERVO_02 из параметра 22:

             &lt,value&gt,
                       &lt,MWSL&gt,&lt,!–
                         WriteVar(‘SERVO_02.Params.22’, ‘PROCESS’, ‘%4.0f’),
                       –&gt,
                        &lt,/MWSL&gt,
             &lt,/value&gt,

Связь между отображением и считыванием параметра.

Циклическое обновление страницы.

Конвертирование файлов

• Все расширения .html у ссылок в текстах должны быть изменены на .mbs
• все html файлы скопировать в новую директорию, и изменить им расширения на .mcs
• Используя Web 2 XML converter (U7NW2XMX.exe) преобразовать эти файлы в .mbs

Загрузка

• • Откройте браузером IP необходимого CU
  • Залогиньтесь как ‘Administrator’

• • Выберите меню Files
  • Создайте три папки CSS, Images, Scripts и скопируйте туда все файлы из примера (другой способ переписать файлы через CF карту и ридер)
  • Переключитесь на вкладку ‘Settings’ и выберите Embeddedd и введите имя файла и название
• Эту страницу можно будет выбрать в ‘User’s Area’