<< Назад

РАЗРАБОТКА И ПРОГРАММНАЯ РЕАЛИЗАЦИЯ SPA-ПРИЛОЖЕНИЯ «ЛИЧНЫЕ КАРТОЧКИ СОТДРУНИКОВ КАФЕДРЫ ИИСА»

Авторы: Д.В. Решетняк, Е.В. Радевич
Источник: Информатика, управляющие системы, математическое и компьютерное моделирование (ИУСМКМ-2021) / Материалы XII Международной научно-технической конференции в рамках VII Международного Научного форума Донецкой Народной Республики к 100-летию ДонНТУ [Ссылка на источник].

Аннотация:

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

Annotation:

Reshetnyak D.V., RadevichE.V. Development of the SPA-application "Personal cards of employees of the Department of AISA". The paper analyzes the software developed to automate the accounting of the department's employees, as well as identifies the key factors of the transition to such a system.

Введение

Одностраничные SPA-приложения – это частный случай веб-приложений, которые повсеместно приходят на смену классическим веб-сайтам и лэндингам. Главное отличие веб-приложений от традиционных сайтов в том, что пользователь здесь получает не статическую информацию в виде текста, графики или таблиц, а динамически сгенерированные структурированные данные. Они могут представлять собой все тот же текст, графику, таблицы и мультимедийную информацию, полученную при интерактивном взаимодействии клиента и сервера, где хранится веб-приложение.

Постановка задачи

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

Обзор подхода и целей реализации систем для учета сотрудников

Системы контроля и учета работников появились в зарубежных странах в конце XX века, они пошли по пути создания систем контроля. Системы контроля представляют собой комплекс организационно-методических мер, с помощью которых решается проблема оперативного контроля за движением работников и временем их пребывания на территории объекта. Конечно, это было связано с тем, что в то время еще не существовало многих программных средств для создания такого типа системы. Вслед за зарубежными странами Россия тоже начала разрабатывать такие системы.

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

Характеристика SinglePageApplication

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

SinglePageApplication (SPA) – это web-приложение, размещенное на одной webстранице, которая для обеспечения работы загружает весь необходимый код вместе с загрузкой самой страницы. Приложение такого типа появились сравнительно недавно, с началом эры HTML5 и SPA является типичным представителем приложений на HTML5.

Ниже рассмотрены преимущества.

1. Улучшенный UX. Чем понятнее интерфейс, тем быстрее пользователь получит нужный результат и совершит определенное действие. Так как необходимые данные хранятся непосредственно в клиенте (приложении), более сложные взаимодействия с пользователем могут быть легко отображены. В отличие от обычных веб-приложений, SPA менее интенсивно нагружают сеть, поскольку не нужно ждать полной отправки HTML-страницы с сервера.

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

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

4. Автономность. Так как приложение передает только самые важные данные, вы с легкостью можете работать с информацией, которая уже была загружена ранее, даже без подключения к интернету.

5. Универсальность. Поскольку SPA загружает данные по частям, задержек можно избежать. Это полезно для веб-сайтов с высоким уровнем взаимодействия или с интенсивными вычислениями.

6. Кроссплатформенность. SPA – лучший пример кроссплатформенного подхода. Здесь отмечается отличная работоспособность в любой операционной системе и в браузере. Это выгодно как для обычных пользователей, так и для разработчиков. Пользователи наслаждаются адаптированным макетом приложения на всех устройствах, а разработчики имеют единую базу кода, которая работает во всех браузерах. типам.

Ниже приведены недостатки.

1. Плохая SEO оптимизация. SPA работает на основе JavaScript и загружает информацию по запросу со стороны клиента. Поисковые системы с трудом могут имитировать данное поведение. Потому большинство страниц попросту недоступны для сканирования поисковыми ботами, поэтому продвижение сайта может быть усложнено.

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

Одностраничные веб приложения хорошо подходят для разработки динамических платформ, с небольшим объемом данных. Кроме того, если Вам потребуется в будущем построить мобильное приложение, SPA отлично подойдет как основа. Основным недостатком, который сдерживает стремительный рост популярности SPA это плохая SEO оптимизация. Проекты, где SEO имеет важнейший приоритет, стоит использовать MPA.В SPA могут использоваться любые серверные технологии. Поскольку значительная часть веб-приложения перемещается в браузер, требования к серверу можно существенно ослабить. На рис. 1 показано, как бизнес-логика и генерация HTML-кода переносятся с сервера на клиента.

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

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

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

Одностраничные приложения позволяют имитировать работу десктоп приложений. Архитектура устроена таким образом, что при переходе на новую страницу, обновляется только часть контента. Таким образом, нет необходимости повторно загружать одни и те же элементы. Это очень удобно для разработчиков и пользователей.

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

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

Обзор аналогов

ПО «Парус-Персонал» – это современная программа, которая предназначена для того, чтобы автоматизировать финансовую деятельность коммерческих и государственных предприятий, и управления. Распространяется в России и Казахстане.

Программа настраивается, учитывая особенности организации и представляет большой базовый функционал, а также дополняет его расширенным набором разнообразных пользовательских сервисов. В «Парус» сохраняются учетные данные, которые накапливались за определенные учетные периоды. В основу программы положено принципы: комплектности (решение задачи выполняется автоматически и при этом взаимодействуют все основные службы организации) и модульности (такой подход представляет возможность начать с минимальных комплектаций и в процессе добавлять другие компоненты системы по мере необходимости и соответственно финансовым возможностям).

Единая база данных программы представляет собой систему как одного пользователя, так и многих пользователей, то есть такую, что может обеспечить совместную работу большого количества пользователей в сети. Каждый пользователь имеет право доступа к нужной информации для выполнения должностных обязанностей. Вся введённая информация находится в единой базе данных, и расположена на специальном сервере. Автоматизированная система управления персоналом Парус-Персонал предназначена для комплексной автоматизации бизнес-процессов HR-департамента и отдела кадров.

Использование системы значительно повышает эффективность управления персоналом и облегчает HRM-процессы (HumanResourceManagement), в т.ч. задачи рекрутинга, мотивации, повышения квалификации и др.

Программа «Сотрудники предприятия» предназначена для отдела кадров. В этом приложении можно создать базу данных по всем сотрудникам предприятия и грамотно структурировать ее. Вся информация находится в «журнале сотрудников». Это обеспечивает быстрый доступ к информации о работниках. Если вам неудобно работать в программе, или же необходим печатный вариант таблиц, то всю нужную информацию можно «вывести» в приложения MicrosoftOffice (World, Excel), откуда можно продолжить работу или распечатать. Возможно одновременное использование нескольких баз данных, которые, к примеру, могут принадлежать разным организациям, или же отделам в компании. «Сотрудники предприятия» позволяет быстро получить информацию об имеющихся на данный момент вакансиях. Для этого в программе имеется соответствующая функция.

Сведения о любом сотруднике представлены в его карточке. Там вы найдете документы (трудовой договор, кадровые приказы и так далее). В карточку можно поместить фотографию. Загружать изображения можно не только со съемных носителей, но и непосредственно через программу, используя веб-камеру. Утилита «Сотрудники предприятия» прекрасно взаимодействует со сканерами и помогает быстро загрузить электронные копии всех документов. Помимо всего вышесказанного в «Сотрудниках предприятия» можно создавать шаблоны договоров и документов, рассчитывать стаж и отпуск, получать напоминания о днях рождения работников. устройствах.

Выводы

В данной статье был проделан анализ подхода к реализации приложения «Личные карточки сотрудников кафедры ИИСА», а также были рассмотрены ключевые принципы и характеристики выбранной технологии SPA-приложения. На основе сформированной информации можно сделать вывод о целесообразности использования текущего стека технологий в разработке, что должно обеспечить положительный пользовательский опыт в будущем.

1. Хэнчетт, Эрик Vue.js в действии / Э. Хэнчетт. – Москва: Наука, 2014. – 480 c.

2. Дакетт, Джон HTML и CSS. Разработка и дизайн веб-сайтов / Д. Дакетт. – Москва: Наука, 2014. – 480 c.

3. Гончаров, А. Web–дизайн / А. Гончаров. – Москва: ИЛ, 2019. – 320 c.

4. Дронов, Владимир HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов / В. Дронов. – М.: БХВ–Петербург, 2014. – 182 c.

5. Сайт группы компаний «Парус» [Электронный ресурс] – режим доступа: http://www.parus.ua/ru/164/.

Резюме Биография Реферат Ссылки Отчет о поиске Индивидуальный раздел