В статье рассматривается веб-приложение для управления системой контроля и управления доступом.
Цифровые технологии – это новая эра в жизни человечества. Современное общество невозможно представить без применения интернет-средств коммуникации. Онлайн-магазины, сервисы доставки еды, оплата коммунальных услуг и налогов в личном кабинете, отслеживание посылок: все эти возможности экономят время, ведь Интернет всегда под рукой.
Наука не стоит на месте, и с прогрессом нанотехнологий, уменьшением процессоров до миниатюрных размеров человек использует цифровые технологии во всех сферах жизни. Мобильные телефоны, носимая электроника и другие продукты современной эпохи не только помогают развиваться бизнесу, образованию, но и способны менять образ жизни человека.
Предметом исследования данной работы являются системы контроля и управления базой данных.
Цель работы заключается в разработке веб-приложения для управления системой контроля и базой данных через браузер в компании АНО «Национальное Фитнес Соединение».
СКУД – это система контроля и управления доступом, иначе говоря, физический контроль доступа. Данная система позволяет контролировать, кто и когда заходил в то или иное помещение,
а также позволяет использовать разграничение доступа.
Frontend – интерфейс веб-сайта – это то, что вы видите и с чем взаимодействуете в своём браузере. Также называемая «клиентской стороной», она включает в себя всё, с чем непосредственно сталкивается пользователь: от текста и цветов до кнопок, изображений и навигационных меню.
Существуют три основных языка для frontend-разработки: HTML, CSS, JavaScript. Вместе эти основные элементы создают всё, что визуально представлено при посещении веб-страницы, будь то покупка в Интернете, чтение новостей, проверка электронной почты или поиск в Google. Они известны как строительные блоки Интернета.
Backend – это часть веб-сайта, которую не видно. Она отвечает за хранение и организацию данных, а также за то, чтобы всё на стороне клиента действительно работало. Серверная часть взаимодействует с интерфейсом, отправляя и получая информацию для отображения в виде веб-страницы. Такие языки программирования, как Golang, Ruby, PHP, Java, .Net и Python часто работают на платформах и упрощают процесс веб-разработки.
Веб-сайту нужна база данных для управления всей информацией о клиентах и продуктах. База данных хранит содержимое веб-сайта в структуре, которая упрощает извлечение, организацию, редактирование и сохранение данных. Она работает на удалённом компьютере, называемом сервером. Существует множество различных широко используемых баз данных, таких как MySQL, SQL Server, PostgresSQL и Oracle.
Bootstrap – это мощный набор инструментов, набор инструментов HTML, CSS и JavaScript для создания адаптивных веб-страниц и веб-приложений.
Преимущества его заключаются в том, что:
предлагается гибкий CSS, который адаптируется к различным телефонам, планшетам и настольным компьютерам. Bootstrap также совместим с разными браузерами и поддерживается Chrome, Firefox, Internet Explorer, Safari и Opera;
требуется только минимальная настройка; функциональный макет можно создать менее чем за час;
предлагается отличная документация и имеется большое сообщество.
Язык программирования Go является статически типизированным языком программирования и работает с механизмом, который позволяет точно компилировать код, заботясь о преобразованиях типов и уровне совместимости. Это даёт разработчикам свободу от проблем, связанных с языками с динамической типизацией.
Преимущества:
простота использования;
возможности кроссплатформенной разработки;
более быстрая компиляция и выполнение;
экономия времени.
Недостатки:
слишком просто;
отсутствие графической библиотеки;
нет конкретной ниши;
плохая обработка ошибок;
отсутствие рамок.
SSL- и TLS-сертификаты
SSL-сертификат выдаётся центром сертификации (CA). В этой модели CA является заслуживающей доверия третьей стороной, которая будет аутентифицировать обе стороны транзакции. SSL-сертификат связывает вместе доменное имя, имя хоста и имя сервера, а также идентификационные данные и местоположение организации.
Преимущества SSL-сертификата:
устраняет риск фишинга и других кибератак;
обеспечивает безопасную связь между браузером и сервером;
защищает конфиденциальную информацию пользователя;
позволяет пользователям совершать транзакции без риска кражи данных;
создаёт доверие в сознании клиента и повышает его уверенность в себе;
устраняет предупреждения и оповещения браузера;
повышает посещаемость веб-сайта и помогает генерировать больше бизнеса;
повышает репутацию организации в Интернете;
преимущества ранжирования, предоставляемые Google веб-сайтам с поддержкой SSL.
Интерфейс веб-приложения
C использованием Figma был разработан прототип интерфейса веб-приложения (рис. 1).
В правом верхнем углу в header находится кнопка профиля и вход/выход. Под ним размещено поле поиска клиента по user ID (UID) или карте.
После поиска в карточке клиента отображается информация по клиенту:
UID;
номер карты;
комментарий;
фотография;
кнопки «копировать» и «изменить» расположены правее от поля «UID» и «Карта».
Чтобы сфотографировать клиента или загрузить его фотографию, необходимо нажать кнопку «Сфотать», для удаления – кнопку с иконкой «корзина», которая находится правее.
Если вся информация по клиенту загружена в базу, то над фотографией клиента отображается зелёный статус «Профиль загружен», если нет, то красный статус «Профиль не загружен». Пример с наполненной информацией по карточке клиента представлен на рис. 2.
Под карточкой клиента размещён журнал проходов «События», в котором планируется отображение фотографии клиента, сделанной на турникете во время прохода, и рядом фото профиля из карточки клиента для сравнения.
Правее от фотографий такая информация, как:
проход разрешён / проход запрещён;
проход зарегистрирован / проход не зарегистрирован – регистрация прохода происходит после прохождения клиента через турникет;
ошибок нет или текст ошибки – в случае, если клиенту проход запрещён, отображается информация об ошибке;
дата и время прохода;
IP-адрес устройства, через которое клиент осуществлял проход.
Пример с наполненной информацией по журналу событий представлен на рис. 3.
Подведем итоги: был выбран фреймворк Bootstrap и язык программирования Go для разработки dt-приложения. Установлено следующее: в соответствии с Федеральным законом № 152-ФЗ
«О персональных данных» любая организация, которая собирает, хранит, обрабатывает персональные данные, в том числе фамилию, имя, отчество, дату рождения, другие паспортные данные, должна обеспечить защиту этих данных, защиту прав на неприкосновенность частной жизни, личную и семейную тайну.
Обзор рынка анализаторов спектра и сигналов
В статье приводится обзор состояния рынка анализаторов спектра (АС), включая настольные и портативные варианты исполнения, а также рынка анализаторов фазового шума (ФШ) на основе информации из открытых источников (Федеральный информационный фонд по обеспечению измерений ФГИС «АРШИН») [1]. Проведён анализ изменения конъюнктуры рынка и объёмов потребления начиная с 2019 года, включая новых производителей оборудования, вышедших на рынок после февраля 2022 года. 15.04.2024 СЭ №4/2024 568 0 0Частицы в ультрачистой воде
Статья написана по материалам международной технологической дорожной карты для полупроводников (IRDS™ 2023) и посвящена обзору технологии контроля концентрации частиц в ультрачистой воде. 15.04.2024 СЭ №4/2024 594 0 0Двухканальный индикатор уровня звука на базе микроконтроллера EFM8LB12 и дисплея OLED 1306
В статье приведены принципиальная схема, разводка и внешний вид платы, программные средства и результаты работы двухканального индикатора уровня звука на основе микроконтроллера (МК) EFM8LB12, двух ОУ MCP6002 и дисплея OLED 1306, на котором для каждого канала отражаются гистограммы с высотой, пропорциональной уровню звука соответствующего канала. Такой индикатор может быть установлен на переднюю панель аудиоусилителя. По сравнению с похожими покупными индикаторами описываемый индикатор отличается простотой и стоит в несколько раз дешевле. 15.04.2024 СЭ №4/2024 544 0 0Электронные датчики и радары в системе беспроводной связи ОТА, LOP и E-peas
В будущем разработчиков РЭА ожидает эра «одноразовых» устройств: «установил и забыл» – надёжные, устойчивые к внешним воздействиям среды, но не предназначенные для ремонта. Одна из важных решаемых задач – сочетание сбора энергии из среды, её преобразование в электрическую и применение датчиков и микроконтроллеров с крайне низким энергопотреблением. В сочетании с технологиями E-peas (Electronic portable energy autonomous systems – автономные портативные электронные системы), LOP (с низким энергопотреблением) и решениями NXP возникают перспективы датчиков положения, давления и измерения сопутствующих величин от OEM-производителей. С аппаратными настройками и масштабируемостью производительности РЭА в формате процессоров S32R с исключением ошибок в передаче данных аналогового и смешанного сигнала беспроводным способом на небольшие расстояния. В статье представлены примеры системных решений для организации и управления питания датчиков РЭА, задействованных в беспроводной передаче данных, сетевых технологиях и транспортной технике с беспроводной сетью ОТА (Over-the-air – по воздуху). 15.04.2024 СЭ №4/2024 566 0 0