ProgIngContrSystems

Матеріали дисципліни "Програмна інженерія в системах управління"

Програмна інженерія в системах управління. Лабораторний практикум. Автор і лектор: Олександр Пупена

<- до лабораторних робіт на основну сторінку курсу
   

Лабораторна робота №4. Основи роботи з користувацьким інтерфейсом в Node-RED

Тривалість: 4 акад. години.

Порядок виконання роботи

Періодично робіть копії екранів для звітів.

1. Розроблення людино-машинного інтерфейсу

2. Формування звіту

У цьому пункті необхідно в робочій папці, яка була створена на першій лабораторній роботі розмістити всі звіти щодо виконання цієї лабораторної роботи.

  • У робочій директорії для звітів, яка була створена на першій лабораторній роботі:
    • створіть папку lab4
    • у папці lab4 створіть папку media
    • у папці lab4 розмістіть експортні варіанти файлу lab4.json
    • у папці lab4 створіть файл README.md в якому оформіть звіт по даній лабораторній роботі, у звіті мають бути:
      • зображення копій екранів, розміщення яких зробити в папці media; зверніть увагу, що в README.md посилання на зображення мають мати відносні шляхи
      • посилання на файл lab4.json
  • У корені робочої директорії змініть файл README.md таким чином, щоб пункт Лабораторна робота 4 посилався на файл lab4/README.md
  • Зробіть коміт змін і Push у власний репозиторій GitHub
  • Переконайтеся що все в GitHub відображається коректно

3. Налаштування Node-RED для роботи з проєктами

Частина для курсової роботи

Ця частина виконується самостійно і не оцінюється в межах лабораторної роботи.

4. Реалізація користувацького інтерфейсу для курсової роботи

  • Створіть новий проєкт в Node-RED з назвою curs_edgelevel , цей проєкт буде використовуватися для рівня збору, обробки даних та візуалізації по місцю (IoT шлюзу).
  • Імпортуйте потік-закладку Simulation з попереднього разу.
  • Використовуючи Node-RED Dashboard 2 створіть сторінку з назвою Simulation на якій будуть розміщуватися всі вузли, які стосуються імітації роботи датчиків
  • Розмістіть в потоці Simulation віджети для ручної зміни значення датчиків, відповідно до завдання для курсової роботи, це буде як один із варіантів імітації, віджети мають знаходитися на сторінці Simulation
  • Створіть сторінку для відображення даних Main , розмістіть там віджети для відображення даних з датчиків

Питання до захисту

  1. Розкажіть про палітру Node-RED Dashboard 2.0 - походження, призначення.
  2. Розкажіть про принципи побудови користувацького інтерфейсу на базі Dashboard 2.0.
  3. Розкажіть про принципи макетування сторінок Dashboard 2.0.
  4. Що таке віджет?
  5. Назвіть віджети Dashboard 2.0 які можна використовувати для відображення плинного значення вимірювальної величини.
  6. Назвіть віджети Dashboard 2.0 які можна використовувати для зміни значення керуючої величини.
  7. Розкажіть про принципи відображення даних у вигляді таблиць.
  8. Розкажіть що дає режим роботи з проєктами в Node-RED?
  9. Як активувати режим роботи з проєктами в Node-RED?
  10. Як використовуються функції Git при роботі з проєктами в Node-RED?