Веб-приложение "Birthdays" оперативного отслеживания ближайших дней рождения сотрудников компании

Автор: Траулько М.В.

Журнал: Форум молодых ученых @forum-nauka

Статья в выпуске: 6 (10), 2017 года.

Бесплатный доступ

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

Веб-приложение

Короткий адрес: https://sciup.org/140278979

IDR: 140278979

Текст научной статьи Веб-приложение "Birthdays" оперативного отслеживания ближайших дней рождения сотрудников компании

Web-приложение – клиент-серверное приложение, в котором клиентом выступает браузер, а сервером – веб-сервер [1]. Для создания вебприложения, отвечающего современным тенденциям веб-строительства целесообразно использовать следующие технологии разработки вебприложений:

  • -    технологии, используемые на стороне сервера (например, ASP-технология, PHP, Python, Perl и др.);

  • -    технологии веб-программирования, применяющиеся на стороне клиента (для реализации графического интерфейса пользователя: HTML, XHTML, XML, CSS; для формирования и обработки запросов, создания интерактивного и независимого от браузера интерфейса: Java, JavaScript, Active-X, Adobe Flash, Adobe Flex, Silverlight и др.).

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

Как правило, в обязанности сотрудников отдела по работе с персоналом входит определение презента и поздравление именинников. Разработанное веб-приложение «Birthdays» позволяет оперативно отслеживать ближайшие дни рождения как действующих, так и бывших сотрудников, определять отдел, в котором работает (или работал) тот или иной сотрудник, ознакомиться со сферой его интересов и др.

В процессе создания приложения использовался локальный сервер для web-разработки «Open Server», представляющий собой так называемый WAMP комплекс (акроним от «Windows» – операционная система, для работы в которой предназначен данный локальный сервер; «Apache» – вебсервер, позволяющий подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках и т. д.; «MySQL» – свободная реляционная система управления базами данных; и «PHP» – скриптовый язык общего назначения, интенсивно применяемый для разработки вебприложений [2]).

Разработка веб-приложения осуществлялась с помощью объектноориентированного фреймворка Yii 2.0 (акроним от «Yes It Is!») – это высокоэффективный, основанный на компонентной структуре PHP-фреймворк для быстрой разработки масштабных веб-приложений. Фреймворк позволяет максимально применить концепцию повторного использования кода и может существенно ускорить процесс веб-разработки.

Создание приложения осуществлялось по системе « front-end» и « back-end», которая подразумевает иерархическое разделение процесса создания ресурса на две части: разработка клиентской части приложения, т. е. разработка интерфейса между пользователем и серверной частью приложения (front-end), и разработка программно-административной части ( back-end) .

Рассмотрим работу с системой для администратора веб-приложения. (локальный url адрес: . Для работы с приложением необходимо войти в систему (рисунок 1).

Рисунок 1 – Вход в систему для администратора веб-приложения

В случае, когда вход в систему не осуществлен, меню, расположенное в верхней части страницы (кнопки: «Ближайшие дни рождения» и «Структура компании»), является неактивным. Если введенные данные для входа в систему не совпадают с информацией в базе данных, то появится сообщение: «Неверное имя пользователя или пароль». Если введенные пользователем данные совпадают с информацией в базе данных, происходит открытие страницы, содержащей информацию о ближайших днях рождения сотрудников компании (рисунок 2). Для повторного открытия данной страницы (например, после просмотра структуры компании) необходимо нажать на кнопку «Ближайшие дни рождения» в меню веб-приложения.

Рисунок 2 - Страница «Ближайшие дни рождения» веб-приложения

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

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

Рисунок 3 - Подробная информация о выбранном имениннике

Перейдем к просмотру структуры компании, для этого нажмем на кнопку «Структура компании» в меню веб-приложения (рисунок 4).

Рисунок 4 - Страница «Структура компании»

На данной странице администратор системы может просматривать и редактировать информацию о сотрудниках и отделах компании. При нажатии на кнопку «Добавить сотрудника» отобразится страница с формой для внесения информации о новом сотруднике (левая сторона рисунка 5 с заранее заполненной формой).

Рисунок 5 - Добавление сотрудника в отдел компании

При правильно заполненных полях формы и нажатии на кнопку «Добавить», введенная пользователем информация о сотруднике отобразится в указанном при заполнении формы отделе компании (правая сторона рисунка 5). При необходимости можно изменить введенную информацию о сотруднике, нажав на кнопку «Изменить» у соответствующего сотрудника в строке таблицы просматриваемого отдела.

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

Рисунок 5 - Редактирование отдела материально-технического снабжения

Для отображения кнопки «Удалить» перераспределим сотрудников данного отдела в другие отделы. Для этого перейдем к просмотру сотрудников отдела (кнопка «Структура компании», расположенная в меню веб-приложения), нажмем на кнопку «Список сотрудников» напротив отдела материально-технического снабжения (рисунок 4). Отобразится страница со списком вех сотрудников данного отдела (рисунок 6).

Рисунок 6 – Список сотрудников отдела материально-технического снабжения

Для перераспределения сотрудников в другие отделы необходимо нажать на кнопку «Изменить» в строке каждого сотрудника. При нажатии на кнопку отобразится страница с формой для редактирования информации о сотруднике. Форма содержит пункт «ID отдела», отображающий все существующие отделы компании. Изменим отдел выбранного сотрудника на другой и нажмем на кнопку «Сохранить» (левая сторона рисунка 7). Информация о сотруднике появится в указанном при заполнении формы отделе компании (правая сторона рисунка 7).

Рисунок 7 – Редактирование информации о сотруднике

Таким образом, перераспределив аналогичным образом всех сотрудников отдела материально-технического снабжения в другие отделы, на странице «Структура компании» в строке «Отдел материально технического снабжения» автоматически скрылась кнопка «Список сотрудников», что означает, что сотрудников, «прикрепленных» к данному отделу не имеется (рисунок 8).

Рисунок 8 – Страница «Структура компании» веб-приложения

Нажмем на кнопку «Изменить» напротив рассматриваемого отдела, и обнаружим, что теперь предоставляется возможность удаления данного отдела (рисунок 9).

Рисунок 9 – Редактирование наименования отдела

Рассмотрим работу с системой для клиентской части веб-приложения. (локальный url адрес: . Работа с приложением осуществляется без входа в систему (рисунок 10). Заглавной страницей является страница с информацией о ближайших днях рождения сотрудников компании. Для повторного открытия данной страницы (например, после просмотра структуры компании) необходимо нажать на кнопку «Ближайшие дни рождения» в верхней части страницы.

Рисунок 10 - Страница «Ближайшие дня рождения» веб-приложения

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

Если в течении семи ближайших календарных дней именинников в компании нет, приложение выведет соответствующее сообщение (рисунок 11).

Рисунок 11 - Страница «Ближайшие дни рождения» веб-приложения

При нажатии на кнопку «Структура компании» в меню вебприложения откроется соответствующая страница с возможностью лишь просмотра существующих отделов и сотрудников компании (рисунок 12). Редактирование какой-либо информации в клиентской части вебприложения не допускается в целях безопасности.

Рисунок 12 - Страница «Структура компании» веб-приложения

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

Таким образом, были рассмотрены особенности и функционал разработанного веб-приложения «Birthdays» для сотрудников отдела по работе с персоналом компании для оперативного отслеживания ближайших дней рождения сотрудников. Созданное приложение позволяет определять, в каком отделе работает или работал тот или иной сотрудник , знакомиться с его контактными данными, интересами и увлечениями для определения будущего презента. Разделение административной (backend) и пользовательской (frontend) частей веб-приложения позволяет разграничивать доступ не только по административной принадлежности, но и по типу конфиденциальности информации.

Список литературы Веб-приложение "Birthdays" оперативного отслеживания ближайших дней рождения сотрудников компании

  • Титков А. В. Создание веб-приложений: учебное пособие / А. В. Титков, С. А. Черепанов. - Томск: Эль Контент, 2014. - 72 с.
  • Томсон, Л. Разработка Web-приложений на РНР и MySQL: Пер. с англ. /Лаура Томсон, Люк Веллинг. - 2-е изд., испр. - СПб: ООО «ДиаСофтЮП», 2003. - 672 с.
Статья научная