В данном программном документе приведено руководство системного программиста по установке и настройке WEB-интерфейса для управления устройством «бегущая строка».

Функциональным назначением системы является интерфейс для администрирования устройств «бегущая строка» Основные функции системы состоят в администрировании и создании сообщений для устройства «бегущая строка», а так-же управление устройствами. Для функционирования системы требуется серверная операционная система и node JS. Все зависимости для работы загружаются при помощи node JS автоматически.

Система WEB-интерфейса состоит из комплекса программного обеспечения, необходимого для её выполнения. Для работы необходим запущенный WEB-сервис. При помощи взаимодействия с элементами выполняются HTTP запросы при помощи JSON строк.

Подготовка системы к работе делится на несколько этапов, выполнение которых будет рассматриваться на примере системы GNU/Linux Debian 9.

Для установки необходимо ввести

curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -
sudo apt install curl

Для начала необходимо установить git, который позволяет клонировать репозитории с GitHub Для установки необходимо ввести

sudo apt install git

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

git clone https://github.com/Uristrix/admin_panel.git

Перейдите в корень WEB-интерфейса. /admin_panel Затем необходимо ввести команду, при условии установленного NodeJS:

npm install

Доступ осуществляется так-же, как и к веб-сервису. Если вы устанавливали веб-сервис, по проделывать нижеперечисленные действия не нужно.

Установите SSH

$ apt-get install openssh-server

Запустите сервис ssh

$ service ssh start

Перейдите в корень директории WEB-интерфейса и введите команду

npm start

1. Откройте в текстовом редакторе файл /core/baseinfo.php.

2. Замените в нём:

• 'spring.datasource.username' – если необходимо изменить имя пользователя для доступа к базе данных WEB-сервиса.
• 'spring.datasource.password' – замените на пароль пользователя базы данных.
• 'server.http.port' – Замените порт, по которому осуществляется HTTP запросы
• 'server.port' – Замените порт, по которому осуществляется HTTPS запросы.

3. Сохраните изменения

Для проведения проверки системы рекомендуется внести данные в ручном режиме через веб-интерфейс, или же провести тестовую передачу данных с устройства. После выполнение внесения данных, проверьте хранимые данные SQL запросом:

select * from massages

select * from string

select * from string_massage

При запуске WEB-сервиса в консоли Фреймворк будет выводить возможные сообщения ошибок.

Для хранения данных используется следующая структура базы данных:

1. massages(id,showed,string_text, string_color,string_color_type,string_speed) – таблица содержащая данные о сообщениях.

• Столбцы:
  • id – уникальный номер сообщения(id).
  • showed – флаг отображения сообщения.
  • string_text – текст сообщения.
  • string_color – статичный цвет сообщения.
  • string_color_type – тип анимации цвета
  • string_speed – скорость анимации сдвига сообщения.

2. string(id, code, name) – таблица содержащая данные о устройствах.

• Столбцы:
  • id – уникальный номер устройства(id).
  • code – уникальный текстовый идентификатор устройства.
  • name – наименование места размещения устройства, отображаемое пользователю.

3. string_massage(massage_id, string_id) – таблица реализующая связь «многие ко многим» между таблицами string и massages.

• Столбцы:
  • massage_id – номер сообщения.
  • string_id – номер устройства.

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