Материал: ПЗ МО-417 Шакиров Айдар 24.06

4.7. Описание интерфейса пользователя

Плеер видеонаблюдения

Открытый плеер видеонаблюдения состоит из самого видео, названия камеры, названия часового пояса, временной шкалы и различных кнопок управления.

Рисунок 4.7.1 – Плеер системы видеонаблюдения

События на временной линии

Временная линия отображается в нижней части плеера видеонаблюдения и имеет следующий вид.

Рисунок 4.7.2 – Временная шкала

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

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

Рисунок 4.7.3. Фильтр временной шкалы по типам событий

Перемещение временного интервала

Чтобы переместить отображаемый интервал временной шкалы нужно навести курсор мыши на временную шкалу и совершить прокрутку колесико мыши вниз или вверх.

Изменение уровня масштаба временной линии

Чтобы уменьшить отображаемый интервал временной шкалы или же уменьшить шаг шкалы нужно нажать на метку времени (например, 18:00).

Рисунок 4.7.4 – Временная шкала с увеличенным масштабом

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

Просмотр событий в виде таблицы

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

Рисунок 4.7.5 – Таблица событий

Панель фильтров в таблице событий

Таблица событий содержит панель фильтров, которая отображается по нажатию соответствующей кнопки.

Рисунок 4.7.6 – Панель фильтров

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

Рисунок 4.7.7 – Фильтр выбора периода

Для отбора записей по типам событий используется выпадающее меню с возможностью несколько вариантов и значения по умолчанию – «Все события».

Рисунок 4.7.8 – Фильтр по типам событий

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

Рисунок 4.7.9 – Заполненная панель фильтров

Глава 5. Оценка качества решения

5.1. Тестирование компонента

Можно выделить следующие этапы тестирования компонента:

1) Тестирование в нормальных условиях при вводе корректных исходных данных;

2) Тестирование в экстремальных условиях при вводе большого количества данных или при отсутствии их;

3) Тестирование в исключительных ситуациях для проверки работоспособности при некорректных значениях.

Тестирование в нормальных условиях

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

После открытия плеера видны соответствующие сегменты на временной шкале.

Рисунок 5.1.1 – Временная шкала с сегментами событий

Далее после открытия окна с таблицей событий также видны данные события.

Рисунок 5.1.2 – Таблица событий с записями событий

При корректных входных данных компонент работает без ошибок.

Тестирование в экстремальных условиях

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

Тестирование проводилось на нескольких устройствах различной производительности.

Относительно производительным будем считать компьютер со следующими характеристиками: AMD Ryzen 5 5600X, 12 вычислительных потока, 16 ГБ ОЗУ.

Относительно средней производительности ноутбук имеет характеристики: Intel Core i5 7300HQ, 4 вычислительных потока, 16 ГБ ОЗУ.

Относительно малой производительности компьютер располагает следующими характеристиками: Athlon II X4 750K, 4 вычислительных потока, 6 ГБ ОЗУ.

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

Рисунок 5.1.3 – Временная шкала с большим количеством сегментов

Все устройства успешно отобразили таблицу событий.

Рисунок 5.1.4 – Таблица событий с большим количеством записей

Далее также с помощью режима разработчика был очищен список событий.

Временная шкала отобразилась без сегментов, никаких сообщений об ошибках не появлялось.

5.2. Анализ эффективности

До внедрения компонента при открытом плеере и журнале событий для просмотра записи каждого события необходимо было произвести следующие действия:

1. Нажатие на кнопку выбора даты в плеере – 1 сек.

2. Выбор года – 2 сек.

3. Выбор месяца – 1 сек.

4. Выбор дня – 2 сек.

5. Ввод часа и минут в поле ввода времени – 3 сек.

После при открытом плеере:

1. Открытие таблицы событий – 1 сек.

2. Нажатие на запись события в таблице событий – 1 сек.

Для анализа эффективности было замерено затрачиваемое время на открытие записей по событию.

Таблица 5 – Затрачиваемое время на открытие записей по событию

Рисунок 5.2.1 – Диаграмма затрачиваемого времени на открытие записей по событию

В результаты внедрения разработанного компонента в программный продукт «СБИС Видеонаблюдение» скорость открытия видеозаписи по событию увеличилась в 4,5 раза. Следовательно, эффективность использования разработанного компонента очень большая.

Заключение

В ходе выполнения выпускной квалификационной работы:

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

2. Разработаны алгоритмы работы с событиями: построения проекции временной шкалы событий, получения событий системы видеонаблюдения, открытия видеозаписи события системы видеонаблюдения.

3. Проведен анализ и осуществлен выбор инструментальных средств разработки веб-приложений: язык TypeScript, платформа Wasaby.

4. Разработан программный продукт, отвечающий поставленным требованиям.

5. Проведено тестирование и оценка эффективности разработанного ПО.

Список использованных источников

1. Glaz Systems - статистика, анализ и поиск нарушений на кассе // OKTANE URL: https://oktane.ru/glaz-systems/ (дата обращения: 20.04.2022).

2. What is CCTV (Closed Circuit Television) // The Learn CCTV blog — URL: https://learncctv.com/what-is-cctv/ (дата обращения: 20.04.2022).

3. What is CCTV? Definition and Details // Paessler — URL: https://www.paessler.com/it-explained/cctv (дата обращения: 20.04.2022).

4. Баккет, К. Dart в действии : учебное пособие / К. Баккет. — Москва : ДМК Пресс, 2013. — 528 с. — ISBN 978-5-94074-918-9. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/73063 (дата обращения: 20.04.2022). — Режим доступа: для авториз. пользователей.

5. Безруков, В. Н. Системы цифрового вещательного и прикладного телевидения : учебное пособие / В. Н. Безруков, В. Г. Балобанов ; под редакцией В. Н. Безрукова. — Москва : Горячая линия-Телеком, 2017. — 608 с. — ISBN 978-5-9912-0403-3. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/111013 (дата обращения: 20.04.2022). — Режим доступа: для авториз. пользователей.

6. Видеонаблюдение // Википедия. Свободная энциклопедия — URL: https://ru.wikipedia.org/wiki/Видеонаблюдение (дата обращения: 20.04.2022).

7. Возможности Xeoma – программы для видеонаблюдения // ФеленаСофт — URL: https://felenasoft.com/xeoma/ru/features/ (дата обращения: 20.04.2022).

8. Кирпичникова, М. Ю. Проектирование систем видеонаблюдения для выпускных квалификационных работ : учебно-методическое пособие / М. Ю. Кирпичникова. — Самара : ПГУТИ, 2019. — 238 с. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/223226 (дата обращения: 20.04.2022). — Режим доступа: для авториз. пользователей.

9. Лоре, А. Проектирование веб-API : руководство / А. Лоре ; перевод с английского Д. А. Беликова. — Москва : ДМК Пресс, 2020. — 440 с. — ISBN 978-5-97060-861-6. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/179498 (дата обращения: 20.04.2022). — Режим доступа: для авториз. пользователей.

10. Нараян, П. Введение в ECMAScript 6 / П. Нараян. — Москва : ДМК Пресс, 2016. — 176 с. — ISBN 978-5-97060-392-5. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/90115 (дата обращения: 20.04.2022). — Режим доступа: для авториз. пользователей.

11. Пескин, А. Е. Системы видеонаблюдения. Основы построения, проектирования и эксплуатации : справочное пособие / А. Е. Пескин. — Москва : Горячая линия-Телеком, 2017. — 256 с. — ISBN 978-5-9912-0336-4. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/111086 (дата обращения: 19.04.2022). — Режим доступа: для авториз. пользователей.

12. Система видеонаблюдения Trassir (Трассир): особенности и недостатки // Bezopasnostin — URL: https://bezopasnostin.ru/videonablyudenie/sistema-videonablyudeniya-trassir.html (дата обращения: 20.04.2022).

13. Современные системы видеонаблюдения — от концепций до воплощения // Хабр — URL: https://habr.com/ru/post/569262/ (дата обращения: 20.04.2022).

14. Фаррелл, Б. Веб-компоненты в действии : руководство / Б. Фаррелл ; перевод с английского Д. А. Беликова. — Москва : ДМК Пресс, 2020. — 462 с. — ISBN 978-5-97060-856-2. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/179480 (дата обращения: 20.04.2022). — Режим доступа: для авториз. пользователей.

15. Федотов, А. В. Компьютерное управление в производственных системах : учебное пособие для вузов / А. В. Федотов, В. Г. Хомченко. — 2-е изд., стер. — Санкт-Петербург : Лань, 2021. — 620 с. — ISBN 978-5-8114-8065-4. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/171424 (дата обращения: 18.04.2022). — Режим доступа: для авториз. пользователей.

16. Юрий, Рассадников Опыт использования Xeoma для построения системы видеонаблюдения для частного дома или квартиры // Блокнот IT инженера. 2016 — URL: https://moonback.ru/page/obzor-xeoma (дата обращения: 18.04.2022).

Рисунок 5.1.5 – Плеер с выбранным интервалом на временной линии без событий

В таблице событий вместо отображения полностью пустой таблицы на месте записей отобразилось сообщение о том, что записи отсутствуют.

Рисунок 5.1.6 – Пустая таблица событий

Тестирование в исключительных условиях

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

Временная шкала отобразилась без сегментов, никаких сообщений об ошибках не появлялось.

Рисунок 5.1.7 – Временная шкала с некорректными событиями

Таблица событий также не отобразила некорректные значения.

Рисунок 5.1.8 – Таблица событий с некорректными событиями

Приложение а Техническое задание

1. Введение

Разрабатываемый программный веб-компонент (далее компонент) должен упростить работу с событиями системы видеонаблюдения программного продукта «СБИС Видеонаблюдение».

2. Основания для разработки

Основанием для разработки компонента является задание на выпускную квалификационную работу.

3. Назначение программы

Компонент предназначен для упрощения работы с событиями в системе видеонаблюдения программного продукта «СБИС Видеонаблюдение» компании ООО «Компания» Тензор», а также для повышения эффективности этого продукта.

4. Требование к программе

4.1. Требование к функциональным характеристикам

Разрабатываемый компонент должен быть частью веб-компонента видеоплеера и обладать следующими характеристиками:

- возможность просмотра событий системы видеонаблюдения в виде записей таблицы;

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

4.2. Требования к организации входных данных

Входные данные будут предоставляться:

- компонентом видеоплеера (информация о камере);

- подсистемой событий (информация о событиях по камере).

5. Требования к формированию выходных форм и документов

Выходными данными данного компонента является список событий системы видеонаблюдения, представленный в виде таблицы или цветными сегментами на временной шкале видеоплеера.

4.4. Требования к надежности программы

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

Необходимо исключить ситуации, при которых некорректные исходные данные могут привести к сбоям и неполадкам.

4.5. Требование к составу и параметрам технических средств

Поддерживаемые ОС:

Windows 7+, iOS 13+, iPadOS 13+, MacOS 10.15+, Android 9+, Linux CentOS Stream 8, CentOS 7.5‑7.7, Ubuntu 20.04+, Mint 19.3+, OpenSUSE 15.3+.

Поддерживаемые архитектуры:

• 32-разрядная (x86, arm);

• 64-разрядная (x64, arm64).

Также для обеспечения работоспособности приложения допустимыми являются характеристики:

• наличие устройств ввода (клавиатура, мышь/тачпад)

• Оперативная память объемом не менее 2 ГБ;

• Свободное место на жестком диске не менее 2ГБ;

• Разрешение экрана не менее 1024х768 пикселей;

• Стабильное интернет-соединение с шириной канала не менее 2 Мбит/с;

4.6. Требования к программным средствам, используемым программой

Наличие любого из перечисленных интернет-браузеров последних версий: Google Chrome, Yandex Browser, Mozilla Firefox, Safari, Спутник, Opera, Microsoft Edge.

4.7. Требования к реализуемым методам решения

Методы, используемые в работе программного продукта, должны быть эффективными и высокопроизводительными, позволять получать верный результат за приемлемое время.

4.8. Требования к исходным кодам и используемым языкам программирования

Программный продукт должен быть реализован на платформе Wasaby на языке программирования TypeScript.

5. Требования к программной документации

В состав программной документации должны входить:

• Техническое задание;

• Руководство программиста;

• Руководство пользователя.