Разработка программной системы автоматизации подбора сотрудников в IT-компаниях

Рисунок 2.16. График обучения нейросети для сопоставления вакансии программиста с резюме

Сравнение ожидаемых результатов сопоставления вакансий с резюме и полученных после сопоставления нейросетью представлено на рисунке 2.17.

Целью реализации системы HR Helper является создание информационной системы, автоматизирующей все описанные в предыдущих главах бизнес-процессы. Основными задачами реализации являются:

· описание архитектуры системы автоматизированного подбора сотрудников;

· разработка front-end компоненты системы;

· разработка back-end компоненты системы;

· разработка модуля сбора Internet-данных;

· создание нейросети и ее обучение процессу подбора сотрудников, внедрение нейросети в систему;

· тестирование и отладка готового приложения;

· подготовка документации.

3.1 Проектирование архитектуры системы HR Helper

Рисунок 3.1. Общая схема трехзвенной архитектуры

На выбранном сервере баз данных будут развернуты две базы данных: MainDB и NeuroDB. На сервере приложений будет развернуто приложение, реализующее шаблон API .Net Core с подключенными библиотеками Counter, Exporter, Collector и Analyser. Взаимодействие между сервером баз данных и приложений будет осуществляться через SQL_запросы. На клиенте будет развернуто Angular приложение hrh_client, которое будет осуществлять взаимодействие с сервером приложений с помощью HTTP_запросов. Все части приложения будут развернуты на сервере группы IT_компаний «Simpl» c помощью набора серверов IIS. Архитектура приложения спроектирована в нотации диаграммы компонентов UML [6], представленой на рисунке 3.2.

При создании front-end приложения, основанного на технологии Angular, были выявлены следующие блоки приложения: states, components, models, pages, services и utils [22].

Блок states разработан для отслеживания текущих состояний системы и их изменения:

· установка конфигурации системы при подключении файла env.json, в котором указывается, к какому серверу приложений необходимо подключаться, какую тему использовать для запущенной системы, работает ли система в тестовом режиме, находится ли система в сервисном режиме;

· отслеживание загрузки приложения;

· отслеживание загрузки страницы приложения;

· установка темы для приложения;

· установка действующего пользователя системы.

Перед созданием компонент и сервисов системы необходимо определиться со вспомогательными классами, которые будут применяться для адаптации данных, приходящих с сервера, и использоваться в связывании данных с элементами компонент, а также реализовать перечисления, тестовые наборы данных и т.д. Для этого разрабатывается блок models, в котором создаются вспомогательные классы для приложения. В подблоке entity были разработаны классы, связанные с основными сущностями системы: Account, Admin, Applicant, Company, Vacancy, Resume, Report, UserAction, Skill и Match. Пример реализации класса Company приведен ниже:

import {Account} from '@hrh/app/models/entity/account';

import {Roles} from '@hrh/app/models/role';

export class Company extends Account {

public info: string;

public inn: string;

public type: string;

public area: string;

public phone: string;

public mail: string;

public web: string;

constructor(log: string, pass: string, nam: string, inf: string, inn: string, type: string, area: string, phone: string, mail: string, pic: any = null, web: string = '') {

super(log, pass, nam, Roles.EMPLOYER, pic);

this.info = inf;

this.inn = inn;

this.type = type;

this.area = area;

this.phone = phone;

this.mail = mail;

this.web = web;

}

}

Еще одним важным блоком вспомогательных классов является блок component-models. В нем создаются классы, экземпляры которых будут использоваться для загрузки данных в разрабатываемые компоненты. Класс EntityPart будет применяться для отображения данных в компоненте Editor, PicturePart разрабатывается для компоненты PictureBox, CollectionElement - специальный класс, разрабатываемый для компонент из модуля Collection, а экземпляры класса TableElement будут применяться в компонентах модуля Table. Пример реализации класса CollectionElement приведен ниже:

export class CollectionElementButtonRule {

public title: string;

public need: boolean;

public action: () => void;

constructor(need: boolean = false, title: string = '', action: () => void = null) {

this.title = title;

this.need = need;

this.action = action;

}

}

export enum CollectionElementTypes {

ADMIN = 'admin',

APPLICANT = 'applicant',

EMPLOYER = 'company',

VACANCY = 'vacancy',

RESUME = 'resume',

REPORT = 'report',

SOURCE = 'source',

SKILL = 'skill',

MATCH = 'match'

}

export class CollectionElement {

public id: any;

public type: CollectionElementTypes;

public name: string;

public description: string;

public color: string = '';

public noData: string;

public explore: CollectionElementButtonRule = new CollectionElementButtonRule();

public master: CollectionElementButtonRule = new CollectionElementButtonRule();

public link: CollectionElementButtonRule = new CollectionElementButtonRule();

public report: CollectionElementButtonRule = new CollectionElementButtonRule();

public learn: CollectionElementButtonRule = new CollectionElementButtonRule();

public compare: CollectionElementButtonRule = new CollectionElementButtonRule();

public duplicate: CollectionElementButtonRule = new CollectionElementButtonRule();

public download: CollectionElementButtonRule = new CollectionElementButtonRule();

public visible: CollectionElementButtonRule = new CollectionElementButtonRule();

public invisible: CollectionElementButtonRule = new CollectionElementButtonRule();

public checkOn: CollectionElementButtonRule = new CollectionElementButtonRule();

public checkOff: CollectionElementButtonRule = new CollectionElementButtonRule();

public edit: CollectionElementButtonRule = new CollectionElementButtonRule();

public view: CollectionElementButtonRule = new CollectionElementButtonRule();

public remove: CollectionElementButtonRule = new CollectionElementButtonRule();

public zoomIn: CollectionElementButtonRule = new CollectionElementButtonRule();

public zoomOut: CollectionElementButtonRule = new CollectionElementButtonRule();

}

Блок test-data разработан для тестирования интерфейса системы с помощью тестовых данных. Для каждого основного класса системы был создан класс с префиксом test, который выполняет операции над тестовым набором данных, вынесенным в отдельный класс - TestData. Пример реализации класса TestResumes представлен ниже:

import {TestData} from '@hrh/app/models/test-data/test-data';

import {Utils} from '@hrh/app/utils/utils';

import {Resume} from '@hrh/app/models/entity/resume';

export class TestResumes {

private resumes: Array<Resume> = new Array<Resume>();

constructor(testData: TestData) {

const rsms = testData.resumeList;

if (rsms.length !== 0) {

rsms.forEach(rsm => {

this.resumes.push(rsm);

});

}

}

public getResumes(): Array<Resume> {

return this.resumes;

}

public getResume(id: number): Resume {

if (this.resumes.length !== 0) {

return this.resumes.find(rsm => rsm.id === id);

} else {

return null;

}

}

public addResume(id: number, pos: string, sal: number, educ: number, exp: number, lang: number, driv: boolean, vis: boolean, skills: Array<number>, link: string, master: string): void {

this.resumes.push(new Resume(id, pos, sal, educ, exp, lang, driv, vis, skills, link, master));

}

public updateResume(id: number, pos: string, sal: number, educ: number, exp: number, lang: number, driv: boolean, vis: boolean, skills: Array<number>, link: string): void {

const resume = this.getResume(id);

if (resume !== null) {

resume.position = pos;

resume.salary = sal;

resume.education = educ;

resume.experience = exp;

resume.languages = lang;

resume.driving = driv;

resume.visibility = vis;

resume.skills = Utils.pushAll([], skills);

resume.link = link;

}

}

public removeResume(id: number): void {

const resume = this.getResume(id);

if (resume !== null) {

const index = this.resumes.indexOf(resume);

if (index !== -1) {

this.resumes.splice(index, 1);

}

}

}

}

Одним из ключевых элементов веб-приложения Angualr являются компоненты - специальные классы, управляющие отображением представлений на экране. Такие классы при создании помечаются декоратором «@Component» из библиотеки «@angular/core», который идентифицирует класс как компоненту системы [20].

В разрабатываемой системе было выделено 2 основных блока с компонентами: components и pages. Первый блок является набором переиспользуемых компонент, т.е. компонент, которые будут использоваться более одного раза на нескольких страницах. Второй блок является набором более масштабных компонент, используемых для создания основных страниц.

Блок components делится на следующие подмодули:

· header-panel - компонента, которая отвечает за панель, отображающуюся вверху экрана приложения (рис. 3.3);

· editor - компонента, которая отвечает за отображение введенных данных и за ввод новых данных в систему;

· picturebox - компонента, предназначенная для отображения загруженных пользователем изображений;

· loader - компонента загрузчика, которая отображается при загрузке данных в те или иные компоненты системы;

· collection - модуль, включающий в себя несколько компонент, созданных для отображения коллекции элементов в виде списка и выполнения операций над ними;

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

Разработанная компонента Loader представляет собой загрузчик с асинхронным наблюдателем за событием загрузки [37]. С помощью декоратора «@Input» из библиотеки «@angular/core», которым отмечается определенное поле компоненты, данный класс может получать входные данные из других компонент приложения [20]. Программный код данной компоненты представлен ниже:

import { CommonModule } from '@angular/common';

import { ChangeDetectionStrategy, Component, Input, NgModule } from '@angular/core';

import { BehaviorSubject, Observable } from 'rxjs';

@Component({

selector: 'loader',

templateUrl: './loader.component.html',

styleUrls: ['./loader.component.scss'],

changeDetection: ChangeDetectionStrategy.Default

})

export class LoaderComponent {

@Input()

public text: string;

@Input()

public set complete(value: boolean) {

this._loaded.next(!value);

}

public get loaded(): Observable<boolean> {

return this._loaded.asObservable();

}

private _loaded: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(true);

}

Далее приведена HTML разметка компоненты:

<div *ngIf="loaded|async" class="ui active dimmer">

<div [ngClass]="{text: text}" class="ui loader">{{text}}</div>

</div>

Пример применения данной компоненты с передачей параметров text и set complete() приведены на следующем фрагменте кода:

<loader

[complete]="completed|async"

[text]="'Загрузка'"

></loader>

Компонента editor - это компонента, состоящая из элемента loader, а также стандартных HTML_тегов label, input и span. Отличительной особенностью данной компоненты является использование различных типов input в зависимости от передаваемого параметра. Тип input указывается в передаваемом экземпляре типа EntityPart. Для input были разработаны шесть основных классов - None, Password, Phone, Mail, Radio и Select. Для input типа Phone подключается дополнительный модуль «NgxMaskModule» из установленной зависимости «ngx_mask». Ниже представлен HTML_код компоненты:

<loader [complete]="completed|async" [text]="'Загрузка'"></loader>

<div class="entity-part">

<label [style.color]="labelColor">

<div>{{entity.label}}:</div>

<input *ngIf="entity.type === baseTypes.NONE" [style.width]="inputWidth" [(ngModel)]="input" placeholder='{{entity.placeholder}}' [disabled]="entity.disabled">

<input *ngIf="entity.type === baseTypes.PASSWORD" [style.width]="inputWidth" type="password" [(ngModel)]="input" placeholder='*********' [disabled]="entity.disabled">

<input *ngIf="entity.type === baseTypes.PHONE" type="text" [prefix]="'+7 '" mask="(000) 000 00-00" [showMaskTyped] = "true" [style.width]="inputWidth" [(ngModel)]="input" [disabled]="entity.disabled">

<input *ngIf="entity.type === baseTypes.MAIL" [style.width]="inputWidth" [(ngModel)]="input" placeholder='{{entity.placeholder}}' [disabled]="entity.disabled">

<div *ngIf="entity.type === baseTypes.RADIO" class="radio-button-container">

<div *ngFor="let element of entity.elements" class="radio-button" [style.width]="elementInputWidth">

<input type="radio" [(ngModel)]="element.value" [title]="element.label" id="radio{{element.id}}">

<label class="for-radio" for="radio{{element.id}}">{{element.label}}</label>

</div>

</div>

<select *ngIf="entity.type === baseTypes.SELECT" [style.width]="inputWidth" [(ngModel)]="selectedItem">

<option *ngFor="let element of entity.elements" [tabindex]="element.id" [ngValue]="element.id">{{element.label}}</option>

</select>

<span *ngIf="visibleError|async">{{entity.error}}</span>

</label>

</div>

На рисунке 3.4 представлены примеры использования компоненты Editor с типами None, Phone и Mail.