Модуль МP712 Лоран поставляется с таким WEB-интерфейсом:
Теперь у вас есть возможность его изменить исходя из своих задач и предпочтений к дизайну.
Данная статья предназначена для освоения предназначенных для этого программных инструментов
Описание процесса работы с SDK (на примере модуля МР712 Лоран)
Процесс изменения Web интерфейса модуля представляет собой следующий набор операций:
- Модификация исходного кода штатного Web-интерфейса модуля, поставляемого в качестве примера в составе SDK. Модификация подразумевает редактирование кода исходных страниц на языках HTML и JavaScript, добавление / удаление HTML страниц, графических изображений и других компонентов
- Компиляция (сборка) обновленного интерфейса в виде файла в специальном формате
- Загрузка полученного файла (образа) интерфейса в энергонезависимую память модуля через браузер по сети
Для того чтобы модернизировать Web-интерфейс модуля Лоран необходимо скачать пакет MP712_WebSDK или MP713_WebSDK с закладки СОФТ в карточке товара
Пакет SDK содержит в своем составе следующие компоненты:
- программа-компилятор интерфейса (WiBuilder.exe)
- командный файл для запуска процесса компиляции (LAURENT_RUN.bat)
- рабочая директория с примером Web-интерфейса. Именно от этого примера, представляющим собой полную копию штатного интерфейса, и следует отталкиваться при создании своего собственного интерфейса. Для модуля Laurent директория называется /Laurent_Web.
- ряд вспомогательных и сервисных компонентов
Рис. 1. Состав пакета SDK для модуля МР712 Лоран
Рассмотрим на примере как произвести редактирование, сборку и загрузку Web-интерфейса для модуля Лоран
Как уже было упомянуто выше, все файлы для Web страниц модуля МР712 находятся в директории Laurent_Web. Те страницы, которые находятся в директории /Laurent_Web/protect будут требовать ввода пароля от пользователя при попытке доступа к этим странницам. В противном случае, т.е. файлы расположены в корне директории, пароль доступа не запрашивается. После завершения редактирования кода страниц, добавления / удаления новых страниц или графических элементов, необходимо скомпилировать результирующий файл (образ) интерфейса, который будет загружаться в память модуля.
Для этого необходимо запустить файл LAURENT_RUN.bat.
Сборка интерфейса занимает считанные секунды. В результате должно появится следующее информационное сообщение, сигнализирующее об успешности сборки Web-интерфейса.
В итоге в корневой директории пакета должен появится скомпилированный образ интерфейса с именем Laurent_WI.bin
Следует обратить внимание на тот факт, что размер памяти модуля лимитирован и в результате размер образа Web-интерфейса ограничен величиной в 60 КБ. Если в процессе компиляции вы получили сообщение подобного вида:
Рис. 2. Сообщение компилятора о превышении допустимого размера Web-интерфейса
То это означает, что следует принять меры по уменьшению суммарного размера компонентов интерфейса. Особое внимание следует обратить на графические изображения. Образ интерфейса с превышением разрешенного размера настоятельно не рекомендуется к загрузке в память модуля.
После того как образ был успешно скомпилирован, его следует загрузить в память модуля. Для загрузки нового образа, следует использовать специальный загрузочный Web интерфейс, всегда доступный по умолчанию по адресу: http://192.168.0.101/web_update
Если вы изменяли IP адрес модуля, то загрузочный Web-интерфейс будет доступен по адресу:
http://Текущий IP адрес модуля/web_update
Внешний вид загрузочного Web-интерфейса показан на рисунке ниже:
Рис. 3. Загрузочный интерфейс модуля
Нажмите кнопку “Browse” и выберите только что скомпилированный файл Web-интерфейса (файл Laurent_WI.bin). Далее следует нажать кнопку “Upload”. Процесс загрузки займет от 20 до 50-60 секунд в зависимости от размера файла. По факту завершения процедуры загрузки должно появиться следующее сообщение:
Рис. 4. Завершение процесса загрузки нового Web-интерфейса
Теперь модуль будет использовать новый Web-интерфейс, только что загруженный в его память. Следует обратить внимание на то, что возможно потребуется нажать кнопку обновления страницы в
Успехов!
MP713
