Разработка веб-сервиса для работы юридической клиники

Размещено на http://www.allbest.ru/

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

«Национальный исследовательский университет

«Высшая школа экономики»

Факультет экономики, менеджмента и бизнес-информатики

РАЗРАБОТКА ВЕБ-СЕРВИСА ДЛЯ РАБОТЫ ЮРИДИЧЕСКОЙ КЛИНИКИ

Выпускная квалификационная работа

по направлению подготовки 09.03.04 Программная инженерия

образовательная программа «Программная инженерия»

Головнин Яков Сергеевич

Рецензент: к.т.н., доцент кафедры информационных технологий и автоматизированных систем А.А. Петренко

Научный руководитель: к.ф.-м.н., доцент кафедры информационных технологий в бизнесе А.О. Сухов

Пермь, 2018 год



Аннотация

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

Работа состоит из введения, четырех глав, заключения, списка сокращений и условных обозначений библиографического списка, содержащего 38 источников и 11 приложений. Работа изложена на 73 страницах, включает в себя 39 рисунков и 9 таблиц.

веб сервис юридический бизнес



Оглавление

Введение

Глава 1. Анализ предметной области работы юридической клиники НИУ ВШЭ - Пермь

1.1 Анализ работы юридической клиники НИУ ВШЭ - Пермь

1.2 Описание автоматизируемых бизнес-процессов

1.2.1 Описание бизнес-процесса получение бесплатной юридической помощи в юридической клинике НИУ ВШЭ - Пермь

1.2.2 Описание бизнес-процесса анализа деятельности юридической клиники НИУ ВШЭ - Пермь

1.3 Анализ аналогичных веб-сервисов других юридических клиник

1.3.1 Юридическая клиника МГУ

1.3.2 Юридическая клиника ВГУЭиС

1.3.3 Юридическая клиника ИГУ

1.3.4 Веб-сервис «Буду прав»

1.3.5 Веб-сервис «Правовед»

1.3.6 Веб-сервис юридической консультации. Проект «Российской газеты»

1.4 Формирование требований к веб-сервису

1.4.1 Функциональные требования к разрабатываемому веб-сервису

1.4.2 Нефункциональные требования к разрабатываемому веб-сервису

1.5 Технико-экономическое обоснование разработки веб-сервиса

Глава 2. Анализ методов разработки веб-сервиса

2.1 Методы разработки веб-сервиса

2.2 Технологии для разработки веб-сервиса

Глава 3. Проектирование веб-сервиса

3.1 Проектирование архитектуры веб-сервиса

3.2 Проектирование базы данных

3.3 Проектирование пользовательского интерфейса веб-сервиса

Глава 4. Реализация веб-сервиса

4.1 Реализация базы данных

4.2 Функциональность веб-сервиса

4.2.1 Меню

4.2.2 Оформление online заявки

4.2.3 Записаться на консультацию

4.2.4 Просмотр статуса выполнения заявки

4.2.5 Написание отзывов

4.2.6 Часто задаваемые вопросы

4.2.7 Авторизация сотрудника в системе

4.2.8 Учет пользователей веб-сервиса

4.2.9 Хранение файлов

4.2.10 Электронная рассылка писем

4.3 Тестирование реализации веб-сервиса

4.3.1 Тестирование удобства использования

4.3.2 Функциональное тестирование

4.3.3 Тестирование совместимости

4.3.4 Тестирование базы данных

4.3.5 Тестирование безопасности

4.3.6 Тестирование производительности

Заключение

Список сокращений и условных обозначений

Библиографический список



Введение

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

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

Несомненно, на рынке ИТ-услуг существуют аналогичные веб-сервисы юридических клиник, но они являются многопрофильными и дорогостоящими для частных лиц [27, 28, 29] или узконаправленными специально разработанными для определенного высшего учебного заведения [14, 16, 18]. Веб-сервис для работы юридической клиники НИУ ВШЭ - Пермь отсутствует.

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

Объектом исследования является работа юридической клиники НИУ ВШЭ - Перми, предметом исследования - веб-сервис юридической клиники, автоматизирующий ее работу.

Цель работы - разработка веб-сервиса для работы юридической клиники НИУ ВШЭ - Пермь.

Поставленная цель формирует печень задач, необходимых для её решения.

Анализ работы юридической клиники НИУ ВШЭ - Пермь.

Анализ аналогичных веб-сервисов других юридических клиник.

Проектирование базы данных веб-сервиса.

Проектирование архитектуры веб-сервиса.

Реализация веб-сервиса.

Тестирование и отладка.

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

В ходе работы проведены: анализ работы юридической клиники НИУ ВШЭ - Пермь посредством диалога с сотрудниками клиники; с помощью стандартизированного языка разметки HTML, формального языка описания внешнего вида документа CSS и мультипарадигменного языка программирования JavaScript реализованы веб-страницы сервиса; проектирование базы данных с использованием СУБД SQL Server 2014; разработка архитектуры веб-сервиса; размещение веб-сервиса на удаленном хостинге, передача веб-сервиса заказчику, ввод в эксплуатацию.

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



Глава 1. Анализ предметной области работы юридической клиники НИУ ВШЭ - Пермь

Данная глава посвящена анализу предметной области работы юридической клиники НИУ ВШЭ - Пермь. Чтобы оценить необходимость разработки веб-сервиса для работы юридической клиники НИУ ВШЭ - Пермь необходимо провести анализ работы юридической клиники, исследовать аналогичные существующие веб-сервисы, их работу и функциональность на предмет соответствия выдвинутым требованиям, сформулировать требования к веб-сервису (результатом является техническое задание).

1.1 Анализ работы юридической клиники НИУ ВШЭ - Пермь

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

Студенты проводят правовое консультирование в устной и письменной формах. Оказание юридической помощи проводится в два этапа:

При первой встрече со студентом-консультантом клиенту необходимо сообщить всю информацию о проблеме и предоставить необходимые документы.

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

Каждая консультация и каждый документ, составленный студентами, контролируется и проверяется со стороны профессорско-преподавательского состава [23].

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

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

1.2 Описание автоматизируемых бизнес-процессов

Веб-сервис для работы юридической клиники НИУ ВШЭ - Пермь автоматизирует бизнес-процессы получения бесплатной юридической помощи (см. рис. 1.1) и анализа деятельности юридической клиники НИУ ВШЭ - Пермь.



1.2.1 Описание бизнес-процесса получение бесплатной юридической помощи в юридической клинике НИУ ВШЭ - Пермь

Рисунок 1.1. Бизнес-процесс получения бесплатной юридической помощи в юридической клинике НИУ ВШЭ - Пермь

В прил. A (см. рис. A.1) с помощью нотации IDEF0 изображена функциональная модель «AS IS» бизнес-процесса получения юридической помощи в юридической клинике НИУ ВШЭ - Пермь, которая позволяет систематизировать этот бизнес-процесс и используемые в нем информационные объекты. На данной модели выявляются «узкие места» в организации работы юридической клиники, определяется необходимость тех или иных изменений в существующей структуре.

В прил. A (см. рис. A.2) с помощью нотации IDEF0 изображена функциональная модель «TO BE» бизнес-процесса получения помощи в юридической клинике НИУ ВШЭ - Пермь, созданная на основе модели «AS IS». В данной модели были устранены недостатки в существующей организации работы юридической клиники, а также выполнено совершенствование и оптимизация бизнес-процесса получения бесплатной помощи в юридической клинике НИУ ВШЭ - Пермь.

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

Таблица 1.1 - Результаты сравнения эффективности работы юридической клиники

Операция	Работа клиники ДО разработки веб-сервиса	Работа клиники ПОСЛЕ разработки веб-сервиса
Отображение информации	Краткую информацию о работе юридической клиники, можно посмотреть на страницах сайта НИУ ВШЭ - Пермь, информация не подробная и труднодоступная	Всю подробную информацию (график работы, контакты, часто задаваемые вопросы, отзывы) о работе юридической клиники можно посмотреть на ее сайте
Запись на консультацию	Записаться на консультацию можно только по электронной почте и телефону	Записаться на консультацию можно не только по электронной почте и телефону, но и на сайте юридической клиники, где также указаны свободные часы посещения
Оформление заявки	Заявку можно оставить только при личной консультации, о которой нужно заранее договориться	Заявку можно оставить на сайте юридической клиники
Получение результата	Результат работы юридической клиники можно получить только при повторной консультации	Клиент имеет возможность отслеживать статус выполнения заявки и по окончании работы скачать результат с сайта
Коммуникация между сотрудниками	Коммуникация студентов с преподавателями осуществляется по электронной почте и телефону	Коммуникация студентов с преподавателями осуществляется внутри веб-сервиса
Классификация заявок	Заявки не классифицируются	Заявки классифицируются для дальнейшего учета и статистики
Наличие часто задаваемые вопросы	Сотрудники юридической клиники по нескольку раз отвечают на одни и те же вопросы по электронной почте и телефону	Часто задаваемые вопросы и ответы на них публикуются на сайте юридической клиники, вопросы распределены по категориям
Хранение документации	Заявки хранятся в папках на бумажных носителях	Хранение осуществляется в базе данных (далее БД)
Учет и статистика	Учет и статистика не ведется	Автоматический учет и статистика всех заявок
Обратная связь	Отзыв можно отправить только на электронную почту	Клиент имеет возможность оставить отзыв на сайте юридической клиники

1.2.2 Описание бизнес-процесса анализа деятельности юридической клиники НИУ ВШЭ - Пермь

Веб-сервис для работы юридической клиники также автоматизирует бизнес- процесс анализа деятельности юридической клиники НИУ ВШЭ - Пермь (см. рис. 1.2).

Рисунок 1.2. Бизнес-процесс анализа деятельности юридической клиники НИУ ВШЭ - Пермь

В прил. B (см. рис. B.1) с помощью нотации IDEF0 изображена функциональная модель «AS IS» бизнес-процесса анализа деятельности юридической клиники НИУ ВШЭ - Пермь, которая позволяет систематизировать этот бизнес-процесс и используемые в нем информационные объекты. На данной модели выявляются «узкие места» в организации работы юридической клиники, определяется необходимость тех или иных изменений в существующей организации работы.

В прил. B (см. рис. B.2) с помощью нотации IDEF0 изображена функциональная модель «TO BE» бизнес-процесса анализа деятельности юридической клиники НИУ ВШЭ - Пермь, созданная на основе модели «AS IS». В данной модели были устранены недостатки в существующей организации работы юридической клиники, а также выполнено совершенствование и оптимизация бизнес-процесса анализа деятельности юридической клиники НИУ ВШЭ - Пермь.

1.3 Анализ аналогичных веб-сервисов других юридических клиник

Разрабатываемый в ходе выпускной квалификационной работы (далее ВКР) веб_сервис не является уникальной разработкой на данный момент времени. Существует множество аналогов. Но каждый программный продукт создается непосредственно для решения определенных задач. Очень сложно найти универсальный программный продукт, который решал бы все необходимые задачи. Некоторые из них узко направленные. Также нецелесообразно приобретать дорогостоящий программный продукт, если в нем использовать только некоторые функции, а остальное останется непригодным. Поэтому решено разработать веб-сервис, реализующий необходимый набор функций.

В ходе анализа была рассмотрена работа пятнадцати юридических клиник различных ВУЗов России: юридическая клиника ПГНИУ [19], студенческая бесплатная юридическая консультация юридического факультета МГУ имени М.В. Ломоносова [14], юридическая клиника МГИМО [18], юридическая клиника РАНХиГС [20] и другие. Проведя сравнительный анализ юридических клиник ВУЗов России, можно увидеть, что веб-сервисы для работы юридических клиник на практике применяются не часто. Только у пяти из пятнадцати ВУЗов имеется полноценный для работы юридической клиники веб-сервис, в то время как у остальных имеется только веб-страница на сайте ВУЗа с описанием работы юридической клиники и контактами сотрудников для связи по телефону или электронной почте.

В качестве существующих аналогов были рассмотрены веб-сервисы трех юридических клиник: студенческая бесплатная юридическая консультация юридического факультета МГУ имени М.В. Ломоносова [14], юридическая клиника ВГУЭиС [16], юридическая клиника юридического института ИГУ [25]. Были рассмотрены функциональность и интерфейс веб-сервисов.

1.3.1 Юридическая клиника МГУ

Студенческая бесплатная юридическая консультация (юридическая клиника) юридического факультета МГУ имени М.В. Ломоносова оказывает бесплатную юридическую помощь. Информация о работе юридической клиники МГУ находится на сайте юридического факультета МГУ. Информация о работе юридической клиники структурирована по разделам. Консультационная помощь может быть оказана как на личном приеме, так и дистанционно, посредством обычной или электронной почты. Что является ограничениями в работе юридической клиники. С помощью веб-сервиса имеется возможность оставить online заявку с описанием проблемы и записаться на прием. Также в веб-сервисе можно найти общую информацию о работе юридической клиники для студентов, правила приема посетителей, нормативно правовые документы, по которым работает юридическая клиника. Цветовая палитра веб-сервиса соответствует основным фирменным цветам юридического факультета МГУ (см. рис. 1.4) [14].



Рисунок 1.3. Веб-сервис юридической клиники МГУ

1.3.2 Юридическая клиника ВГУЭиС

Веб-сервис юридической клиники ВГУЭиС предоставляет обширную информацию как для клиентов, сотрудников юридической клиники так и для студентов. С помощью веб-сервиса имеется возможность оставить online заявку с описанием проблемы. Работа юридической клиники ВГУЭиС осуществляется при помощи телефона и электронной почты. Сотрудниками юридической клиники НИУ ВШЭ - Пермь отмечены следующие преимущества веб-сервиса юридической клиники ВГУЭиС: разработана форма отправки online заявки, собрана нормативная база, сформированы часто задаваемые вопросы и ответы на них, список полезных ссылок, представлены образцы документов. Для информирования пользователей веб-сервиса о возникающих новостях и объявлениях в работе юридической клиники разработан новостной модуль. На страницах веб-сервиса выполнена динамическая анимация элементов пользовательского интерфейса. Обнаружены ошибки в формировании HTML разметки веб-страниц. Цветовая палитра веб-сервиса соответствует основным фирменным цветам ВГУЭиС (см. рис. 1.4) [16].



Рисунок 1.4. Веб-сервис юридической клиники ВГУЭиС

1.3.3 Юридическая клиника ИГУ

Обширная информационная база предоставлена в веб-сервисе юридической клиники ИГУ. Функциональность схожа с функциями юридической клиники ВГУЭиС. С помощью веб-сервиса имеется возможность оставить online заявку с описанием проблемы, но нет возможности записаться на личную консультацию. Работа юридической клиники ИГУ осуществляется при помощи телефона и электронной почты. Особенностью веб-сервиса является справочная информация о юридических организациях города. Цветовая палитра веб-сервиса сдержанная и соответствует основным фирменным цветам ИГУ. Пользовательский интерфейс не везде интуитивно понятен. Обнаружены ошибки в формировании HTML разметки веб-страниц Сотрудниками юридической клиники НИУ ВШЭ - Пермь отмечены следующие преимущества веб-сервиса юридической клиники ИГУ: разработана форма отправки online заявки, собрана справочная информация о юридических организациях города Иркутск, проведены обзоры юридической практики, разработан новостной модуль (см. рис. 1.5) [25].



Рисунок 1.5. Веб-сервис юридической клиники ИГУ

Веб-сервисы юридических клиник ВУЗов являются узконаправленными и предоставляют клиенту ограниченный набор функций. Также в ходе анализа были рассмотрены коммерческие веб-сервисы: проекты «Буду прав» [27] и «Правовед» [28], юридическая консультация, являющаяся проектом «Российской газеты» [29].

1.3.4 Веб-сервис «Буду прав»

«Буду прав» представляет собой веб-сервис, созданный юристами. Функциональность веб-сервиса разнообразна и содержит все актуальные функции, которые требуется реализовать в веб-сервисе для работы юридической клиники НИУ ВШЭ - Пермь. Реализованы личные кабинеты для клиентов и сотрудников. С помощью веб-сервиса клиенту предоставляется возможность записаться на личную консультацию или оставить заявку дистанционно, общаться с сотрудником клиники, отслеживать статус выполнения заявки. Реализовано SMS уведомление и уведомление по электронной почте. Часто задаваемые вопросы формируются в каталог жизненных ситуаций, вопросы разделены на категории, доступны видео-ответы на часто задаваемые вопросы. Большое внимание уделено пользовательскому интерфейсу. Основным ограничением веб-сервиса является коммерческая составляющая (см. рис. 1.6) [27]. Широкий круг функций повышает вероятность того, что не все они будут использоваться.



Рисунок 1.6. Веб-сервис «Буду прав»

1.3.5 Веб-сервис «Правовед»

При помощи веб-сервиса «Правовед» вы можете быстро получить консультацию юриста online или по телефону. Юридическая помощь предоставляется на бесплатной и платной основе. Функциональность веб-сервиса схожа с функциями веб-сервиса «Буду прав» (см. рис. 1.7).

Рисунок 1.7. Веб-сервис «Правовед»

Реализованы личные кабинеты для клиентов и сотрудников. С помощью веб_сервиса имеется возможность оставить online заявку с описанием проблемы. Часто задаваемые вопросы формируются в актуальные темы по категориям. Пользовательский интерфейс прост и интуитивно понятен. Разработаны мобильные приложения под iOS и Android. Присутствует широкая клиентская база и множество положительных отзывов. Основным ограничением веб-сервиса является коммерческая составляющая [28].

1.3.6 Веб-сервис юридической консультации. Проект «Российской газеты»

Проект юридическая консультация «Российской газеты» (долее ЮК РГ) поддерживается Ассоциацией юристов России. Веб-сервис представляет из себя базу часто задаваемых вопросов, которые разделены на различные категории. Личные кабинеты для сотрудников и клиентов отсутствуют. С помощью веб-сервиса имеется возможность оставить online заявку с описанием проблемы. Также веб-сервис предоставляет объемную базу данных юристов со всей России. Online заявку можно отправить как в общую очередь, так и лично определенному юристу. Взаимодействие между юристом и клиентом осуществляется при помощи электронной почты и телефона. Пользовательский интерфейс прост и интуитивно понятен (см. рис. 1.8) [29].

Рисунок 1.8. Веб-сервис юридической консультации. Проект «Российской газеты»

В ходе анализа работы существующих веб-сервисов были выявлены их достоинства и недостатки, проведено сравнение функциональности, безопасности, пользовательского интерфейса и удобства использования по 17 критериям (см. табл. 1.2).

Таблица 1.2 - Результаты сравнения существующих веб-сервисов юридических клиник

Функциональность	МГУ	ВГУЭиС	ИГУ	Буду прав	Правовед	ЮК РГ
Отдельный полноценный веб-сервис	-	+	+	+	+	+
Общая информация	±	+	+	+	+	+
Online консультация	+	+	+	+	+	+
Запись на прием	+	-	-	-	-	-
Личный кабинет для сотрудников	-	+	+	+	+	-
Личный кабинет для клиентов	-	-	-	+	+	-
Взаимодействие клиента и сотрудника внутри веб_сервиса	-	-	-	+	+	-
Правила использования веб-сервиса	-	-	+	+	+	+
Часто задаваемые вопросы	-	+	+	+	+	+
Бесплатные консультации	+	+	+	-	-	+
Используемые документы	+	+	+	+	-	-
Справочная информация	-	+	+	+	-	+
Контактная информация	+	+	+	+	+	+
Карта проезда	-	-	-	-	+	+
Интуитивно понятный пользовательский интерфейс	+	±	+	+	±	+
Ограничение некорректных действий пользователя	+	+	+	+	+	+
Дизайн	-	+	+	+	+	+

Выбор оптимальной функциональности веб-сервиса из рассмотренных аналогов, относится к методу экспертных оценок. Методы экспертных оценок являются частью области теории принятия решений. В ходе анализа было выполнено сравнение веб_сервисов методами задания весовых коэффициентов и парным сравнением. В качестве экспертов выступали сотрудники юридической клиники НИУ ВШЭ - Пермь в количестве 7 человек.

При методе задания весовых коэффициентов экспертам было предложено заполнить таблицу (см. прил. C), в которой всем функциям веб-сервиса назначаются весовые коэффициенты так, чтобы сумма коэффициентов была равна ста. Каждой функции веб-сервиса ставится оценка от 0 до 10.

Также проведено парное сравнение веб-сервисов, в котором экспертам необходимо в каждой из пар выявить наиболее значимый веб-сервис или установить их равенство. Экспертам было предложено заполнить таблицу (см. табл. 1.3). При сравнении веб-сервисов таблица заполняется следующим образом:

2, если веб-сервис i предпочтительнее веб-сервиса j.

1, если установлено равенство веб-сервисов.

0, если веб-сервис j предпочтительнее веб-сервиса i.

Таблица 1.3 - Пример парного сравнение веб-сервисов экспертом



В результате экспертных оценок были выделены веб-сервисы, которые по мнению экспертов являются оптимальными для работы юридической клиники. Так методом весовых коэффициентов были выбраны веб-сервисы «Буду прав», «Правовед.RU», веб-сервис юридической клиники ВГУЭиС. При помощи метода парных сравнении кроме вышеперечисленных методов, также был выделен веб-сервис юридической консультации, являющийся проектом «Российской газеты».

Также в ходе анализа экспертами были выбраны предпочтительно важные функции веб-сервиса на которые стоит обратить внимание в процессе разработки. К ним относятся (в порядке важности): online консультация при помощи веб-сервиса, личный кабинет для сотрудников юридической клиники, часто задаваемые вопросы, интуитивно понятный пользовательский интерфейс, запись на прием.

1.4 Формирование требований к веб-сервису

Основной набор требований к веб-сервису, условия и порядок проведения работ, требования к тестированию, требования к приёмке работы указаны в техническом задании (см. прил. D). Техническое задание написано в соответствии с ГОСТ 34.602_89 [3].

1.4.1 Функциональные требования к разрабатываемому веб-сервису

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

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

Преподаватели так же, как и студенты могут вносить изменения в заявки при проверке работ и отправлять их на исправление. За каждую выполненную работу преподаватель ставит оценку. А в конце курса преподаватель может посмотреть статистику о количестве выполненных заявок, их среднюю длительность ответа на заявку и другую информацию. На вершине иерархии должностей находится преподаватель-администратор. Он распределяет полученные online-заявки, к каждой заявке он прикрепляет студента и преподавателя. Также преподаватель-администратор может добавлять, редактировать, удалять информацию о студентах и преподавателях в БД, если студентов или преподавателей слишком много он может воспользоваться поиском. Преподаватель-администратор может настраивать график приема клиентов юридической клиники НИУ ВШЭ - Пермь: назначать место, дату и время личных консультаций. Преподаватель-администратор может настраивать веб-сервис.

Конечным пользователем веб-сервиса является клиент. Клиент может оставить online-заявку на сайте клиники, в которой заполняет информацию о себе, указывает свои контактные данные и описывает свою проблему (вопрос). Также клиент может записаться на личную консультацию в любое удобное для него время, исходя из графика работы юридической клиники. После оформления заявки клиент получает номер заявки, по которому он сможет отслеживать статус и сроки выполнения заявки на сайте юридической клиники, а по окончании выполнения работы скачать документы для ознакомления. Клиент может оставить отзыв о работе юридической клиники с пожеланиями или предложениями. Перед тем как оставить online-заявку на сайте юридической клиники клиенту предлагается ознакомиться с часто задаваемыми вопросами, ведь возможно там кроется ответ на его вопрос, и ему не придется тратить время на ожидание выполнения работы.

Рисунок 1.6. Диаграмма прецедентов

Функциональность веб-сервиса и отношение между акторами и прецедентами изображены на диаграмме прецедентов, которая позволяет описать работу веб-сервиса на концептуальном уровне (см. рис. 1.6).

Более подробно рассмотрим основные прецеденты, изображенные на диаграмме. В табл. 1.4 описан прецедент «Оставить online заявку» для актора «Клиент».

Таблица 1.4 - Описание прецедента «Оставить online заявку»

Название прецедента	Оставить online заявку
Актор	Клиент
Триггер (предусловие)	Клиент должен открыть веб-страницу сервиса. Данное действие включает в себя: открытие любого доступного клиенту веб-браузера, ввод URL адреса веб-сервиса в адресную строку.
Действия актора	Отклик системы
1. В меню выбирает пункт «Оставить online заявку». Щелкает мышью на этот пункт.	2. Открывает веб-страницу с формой для оформления online заявки.
3. Щелкает мышью по полю «Классификация».	4. Отображает динамически изменяющийся список классов заявок, с которыми работает юридическая клиника.
5. Заполняет все обязательные поля на форме. Подтверждает согласие на обработку персональных данных. Вводит captcha. Нажимает на кнопку «Отправить». E1, E2.	6. Отображает форма-уведомление об успешной отправке online заявки с номером заявки, для дальнейшего отслеживания статуса выполнения заявки.
Альтернативные потоки	E1: При нажатии на кнопку «Сбросить» стирает все введенные данные. E2: Если заполнены не все обязательные поля или поля заполнены не в верном формате, отображает сообщение уведомление об ошибке.

В табл. 1.5 описан прецедент «Записаться на консультацию» для актора «Клиент».

Таблица 1.5 - Описание прецедента «Записаться на консультацию»

Название прецедента	Записаться на консультацию
Актор	Клиент
Триггер (предусловие)	Клиент должен открыть веб-страницу сервиса. Данное действие включает в себя: открытие любого доступного клиенту веб-браузера, ввод URL адреса веб-сервиса в адресную строку.
Действия актора	Отклик системы
1. В меню выбирает пункт «Записаться на консультацию». Щелкает мышью на этот пункт.	2. Открывает веб-страницу с формой для записи на личную консультацию.
3. Заполняет все обязательные поля на форме. Выбирает свободное время для записи. Вводит captcha. Нажимает на кнопку «Записаться». E1, E2.	4. Отображает форму-уведомление об успешной записи на личную консультацию с местом и временем консультации.
Альтернативные потоки	E1: При нажатии на кнопку «Сбросить» стирает все введенные данные. E2: Если заполнены не все обязательные поля или поля заполнены не в верном формате, отображает сообщение уведомление об ошибке.

В табл. 1.6 описан прецедент «Учет студентов/преподавателей» для актора «Преподаватель-администратор».

Таблица 1.6 - Описание прецедента «Учет студентов/преподавателей»

Название прецедента	Учет студентов/преподавателей
Актор	Преподаватель-администратор
Триггер (предусловие)	Сотрудник юридической клиники (преподаватель-администратор) должен авторизоваться в системе со своего аккаунта. Данное действие включает в себя: открытие любого доступного сотруднику веб-браузера, ввод URL адреса веб-сервиса в адресную строку, ввод логина и пароля в окне авторизации, нажатие на кнопку «Вход».
Действия актора	Отклик системы
1. В меню выбирает пункт «Личный кабинет». Щелкает мышью на этот пункт.	2. Открывает веб-страницу личного кабинета сотрудника юридической клиники НИУ ВШЭ - Пермь.
3. Выбирает «плитку» студенты/ преподаватели. Нажимает кнопку «Открыть».	4. Открывает веб-страницу с таблицей для учета студентов/преподавателей.
5. Нажимает кнопку «Добавить нового студента/преподавателя».	6. Открывает окно для добавление нового студента/преподавателя.
3. Заполняет все обязательные поля на форме. Загружает фотографию. Нажимает кнопку «Добавить» (B1). E1, E2.	8. Отображает форма-уведомление об успешном добавлении студента/ преподавателя в БД.
9. В таблице студентов/преподавателей выбирает того, информацию о котором хочет изменить. Напротив фамилии этого студента/ преподавателя нажимает кнопку «Редактировать».	10. Открывает окно для редактировании информации о студенте/преподавателе.
11. Заполняет все обязательные поля на форме. Загружает фотографию. Нажимает на кнопку «Редактировать» (B2). E1, E2.	12. Отображает форму-уведомление об успешном изменении информации о студенте/преподавателе в БД.
13. В таблице студентов/преподавателей выбирает того, информацию о котором хочет удалить. Напротив фамилии этого студента/ преподавателя нажимает кнопку «Удалить».	14. Отображает форму-уведомление с вопросом «Вы действительно хотите удалить этого студента/преподавателя из БД?»
15. Для подтверждения удаления нажимает кнопку «ОК» (B3).	16. Отображает форму-уведомление об успешном удалении информации о студенте/преподавателе из БД.
17. В поле «Поиск» вводит символы студента/преподавателя информацию о котором он хочет найти (B4).	18. Отображает таблицу с результатами поиска.
Альтернативные потоки	E1: При нажатии на кнопку «Сбросить» стирает все введенные данные. E2: Если заполнены не все обязательные поля или поля заполнены не в верном формате, отображает сообщение уведомление об ошибке.
Включения	B1: Добавление студента/преподавателя. B2: Редактирование студента/преподавателя. B3: Удаление студента/преподавателя. B4: Поиск студента/преподавателя.

В табл. 1.7 описан прецедент «Редактировать заявку» для актора «Студент».



Таблица 1.7 - Описание прецедента «Редактировать заявку»

Название прецедента	Редактировать заявку
Актор	Студент
Триггер (предусловие)	Сотрудник юридической клиники (студент) должен авторизоваться в системе со своего аккаунта. Данное действие включает в себя: открытие любого доступного сотруднику веб_браузера, ввод URL адреса веб-сервиса в адресную строку, ввод логина и пароля в окне авторизации, нажатие на кнопку «Вход».
Действия актора	Отклик системы
1. В меню выбирает пункт «Личный кабинет». Щелкает мышью на этот пункт.	2. Открывает веб-страницу личного кабинета сотрудника юридической клиники НИУ ВШЭ - Пермь.
3. Выбирает «плитку» заявки на выполнении. Нажимает кнопку «Открыть».	4. Открывает веб-страницу с таблицей, в которой отображены заявки на выполнении.
5. В таблице заявок на выполнение выбирает ту, которую хочет выполнить. Напротив номера этой заявки нажимает кнопку «Выполнить».	6. Открывает окно с информацией о заявке и клиенте.
7. Загружает документы (B1), изменяет статус выполнения заявки (B2), заполняет все поля. Нажимает кнопку «Отправить». E1.	8. Отображает форму-уведомление с сообщением «Заявка отправлена, ожидайте результаты проверки от преподавателя».
Альтернативные потоки	E1: Если заполнены не все обязательные поля или поля заполнены не в верном формате, отображает сообщение уведомление об ошибке.
Включения	B1: Загрузить документ. B2: Изменить статус выполнения заявки.

В табл. 1.8 описан прецедент «Просмотр статуса выполнения заявки» для актора «Клиент».



Таблица 1.8 - Описание прецедента «Просмотр статуса выполнения заявки»

Название прецедента	Просмотр статуса выполнения заявки
Актор	Клиент
Триггер (предусловие)	Клиент должен открыть веб-страницу сервиса. Данное действие включает в себя: открытие любого доступного клиенту веб-браузера, ввод URL адреса веб-сервиса в адресную строку.
Действия актора	Отклик системы
1. В меню выбирает пункт «Проверить статус выполнения заявки». Щелкает мышью на этот пункт.	2. Открывает веб-страницу с формой для проверки статуса выполнения заявки.
3. Вводит номер заявки в поле на веб_странице. Нажимает кнопку «Проверить». E1.	4. Открывает веб-страницу с формой, где указана подробная информация о заявке и клиенте. E2. P1.
Альтернативные потоки	E1: Если заполнены не все обязательные поля или поля заполнены не в верном формате, отображает сообщение уведомление об ошибке. E2: Если заявка с указанным номерном не найдена отображает сообщение-уведомление.
Расширения	P1: Если статус заявки «Выполнено», то можно скачать документы с результатами выполнения работы сотрудниками юридической клиники НИУ ВШЭ - Пермь.

1.4.2 Нефункциональные требования к разрабатываемому веб-сервису

Ограничения: при аутентификации сотрудника юридической клиники должны использоваться логин и пароль.

Бизнес-правила: при отправке результата клиенту студент должен запросить подтверждение у преподавателя.

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

Безопасность: перед сохранением в БД пароли от личных кабинетов сотрудников должны быть захэшированы, для снижения рисков от внешних атак со стороны клиента должна использоваться captcha.

Доступность: веб-сервис должен быть доступен для работы постоянно (24 часа 7 дней в неделю).

Удобство использования: веб-сервис должен обладать интуитивно понятным, дружелюбным пользовательский интерфейсом.

1.5 Технико-экономическое обоснование разработки веб-сервиса

Технико-экономическое обоснование (далее ТЭО) разработки веб-сервиса для работы юридической клиники НИУ ВШЭ - Пермь выполнено по методике оценки трудоемкости, стоимости разработки и сопровождения прикладного программного обеспечения при создании информационных систем CETIN, разработанной казахстанской ассоциацией IT-компаний. Методика CETIN позволяет сделать оценку стоимости разработки веб-сервиса на ранних этапах [6]. ТЭО содержит анализ затрат и результатов разработки веб-сервиса. Информация о целесообразности разработки веб_сервиса представлена в ТЭО (см. прил. E).



Глава 2. Анализ методов разработки веб-сервиса

Данная глава содержит описание следующих этапов анализа методов решения:

Сравнение и выбор методов разработки веб-сервиса.

Сравнение и выбор технологий для разработки веб-сервиса.

Результатом анализа является описание методов разработки веб-сервиса, из которых выбраны наиболее подходящие способы решения проблем, поставленных на этапе анализа предметной области работы юридической клиники НИУ ВШЭ - Пермь.

2.1 Методы разработки веб-сервиса

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

Использование конструктора сайтов для разработки веб-сервиса является одним из самых простых методов при разработке веб-сервиса. Конструктор сайтов прост и удобен в использовании и не требует профессиональных навыков и знаний в сфере веб-программирования. При помощи множества существующих инструментов таких как меню, галерея, блог, онлайн-запись, интернет-магазин можно разработать веб-сервис по тем или иным макетам, шаблонам. Разработка веб-сервиса осуществляется по схеме: выбор шаблона, настройка элементов, наполнение веб-сервиса. Ограничениями веб-сервисов, разработанных при помощи конструктора сайтов, являются: шаблонность разработки веб-сервисов, разработка простого сервиса (новостная лента, голосование, визитка и другие), отсутствие регистрации сайта в каталогах поисковых систем. Популярными конструкторами сайтов в сети Интернет являются: uKit [35], Wix[36], Nethouse[34].

В качестве следующего метода для разработки веб-сервиса рассмотрим использование систем управления сайтом (далее CMS). CMS является инструментальным средством для обеспечения и организации процесса разработки, управления контентом веб-сервиса. Основными функциями CMS систем являются: предоставление инструментов для разработки веб-сервисов, управление контентом (хранение, контроль версий, соблюдение режима доступа, управление потоком документов), публикация содержимого в сети Интернет, представление информации в удобном виде. Разработка веб-сервиса сравнивается с работой в текстовом редакторе, в котором техническую часть разработки за пользователя выполняет система. CMS системы позволяют разрабатывать как простые одностраничные веб-сервисы (визитки, блоги), так и многофункциональные и многостраничные ресурсы. При использовании CMS систем пользователю необходимо самому зарегистрировать доменное имя, определиться с расположением веб-сервиса на хостинге, пройти регистрацию в поисковых системах. При использовании CMS систем необходимы знания CSS и HTML. Популярными системами управления сайтом являются 1С-Битрикс Управление сайтом [38], WordPress [37].

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

В ходе выполнения ВКР для разработки веб-сервиса было решено использовать программируемый метод. Данный метод разработки веб-сервиса предполагает использование технологий объектно-ориентированного программирования. Также программируемый метод позволяет проследить жизненный цикл программного продукта и применить разработчику на себе все роли команды MSF (product manager, program manager, architecture, developer, tester, user experience, release manager) для приобретение практического опыта реализации, тестирования и отладки веб-приложений. Данный метод разработки веб-сервиса является более длительным и трудоемким, чем вышеописанные методы, но позволяет продемонстрировать профессиональные навыки и знания, полученные в ходе практической деятельности обучения в университете. Разработка веб-сервиса осуществляется по схеме: анализ, проектирование, разработка, тестирование, оптимизация, развертывание, сопровождение. Основными ограничивающими факторами для выбранного метода разработки веб-сервиса являются временной, денежный и организационный.

2.2 Технологии для разработки веб-сервиса

Для реализации выбранного метода разработки веб-сервиса также необходимо выбрать технологии, которые при реализации веб-сервиса позволят эффективно решать поставленные задачи. При реализации веб-сервиса этап разработки можно разделить на три подэтапа: разработка дизайна веб-сервиса, верстка веб-страниц, программирование бизнес-логики.

Разработка дизайна веб-сервиса предполагает разработку макетов шаблонов веб-страниц. Веб-дизайнеры занимаются разработкой пользовательского интерфейса, то есть определяют каким образом пользователи веб-сервиса будут получать доступ к информации и услугам представленными веб-сервисом. Веб-страницы включают в себя графические элементы интерфейса. Для разработки шаблонов веб-страниц было выбрано приложение для дизайна и обработки изображений Photoshop СС от компании Adobe [30].

Если заказчик удовлетворен внешним видом шаблонов веб-страниц, то можно приступать к следующему этапу разработки - верстка веб-страниц веб-сервиса. Задача верстальщика получить из графических шаблонов гипертекстовые веб-страницы с подготовленными изображениями для сети Интернет. Страница веб-сервиса представляют собой текстовые документы, размеченные с помощью стандартизированного языка разметки HTML. Язык HTML интерпретируется веб-браузерами. В результате интерпретации веб-браузер получает форматированный текст, в котором различает тест, функциональные элементы, гипертекстовые ссылки, изображения и другие элементы. Для задания цветов, шрифтов, расположения отдельных элементов, блоков и других аспектов представления внешнего вида веб-страниц используется формальный язык описания внешнего вида документа CSS. Также для придания интерактивности веб-страницам и программного доступа к объектам веб-сервиса требуется использовать мультипарадигменный язык программирования JavaScript [12]. Для верстки веб-страниц можно использовать любой тестовый редактор. В рамках разработки веб-сервиса для работы юридической клиники было выбрано приложение Visual Studio Code от компании Microsoft.

Следующим этапом разработки веб-сервиса является программирование бизнес-логики. К программисту поступают готовые шаблоны веб-страниц и указания от веб-дизайнеров по работе и организации элементов веб-сервиса. Программист разрабатывает программную основу сайта, создавая её с нуля, формирует базу данных, используя для разработки фреймворки. Перед началом программирования первостепенным вопросом является выбор технологии для разработки веб-сервиса. В процессе анализа методов и выбора технологий для разработки было проведено сравнение популярных технологий для разработки веб-сервиса: PHP и ASP.NET (см. табл. 2.1).



Таблица 2.1 - Сравнение технологий разработки веб-сервиса

Критерий сравнения	PHP	ASP.NET
Определение	PHP является скриптовым языком общего назначения, который активно применяется для разработки веб-приложений	ASP.NET является платформой разработки веб-приложений, входит в состав платформы .NET Framework
Принцип работы	PHP динамически выводит HTML-разметку и иную информацию. Разработчик может вставить программный код PHP в статическую HTML-разметку. Разработчик сам беспокоится о всей формируемой разметке	Каждая страница состоит из двух файлов. Первый, файл с HTML-разметкой веб-страницы и ASP.NET-контролами. Второй, файл серверной логики. В файле разметки хранится только разметка (внешний вид веб-страницы), в файле логики - только логика (программный код)
Язык программирования	PHP является языком программирования, в котором используется C-подобный синтаксис	При разработке веб-приложений ASP.NET можно использовать любой язык программирования, который входит в состав языков платформы .NET. Это языки программирования: C#, Visual Basic.NET, J#, JScript .NET
Среда разработки	Для разработки веб-приложений на PHP существует несколько IDE: Zend Studio, NetBeans, PHPStorm, Eclipse PDT, PHP Designer и другие	При разработке веб-приложений ASP.NET используется IDE Microsoft Visual Studio
Фреймворки	Laravel, Symphony 2, CodeIgniter, PHPixie, Yii 2, Zend Framework 2, CakePHP, Phalcon, Slim, FuelPHP	ASP.NET MVC 5, ASP.NET Core
Базы данных	PHP поддерживает взаимодействие с большим количеством различных СУБД. Чаще всего вместе с PHP используется MySQL, для расширения функциональных возможностей также используются PostgreSQL, Oracle	ASP.NET также поддерживает взаимодействие с большим количеством различных СУБД. При разработке веб-приложений ASP.NET традиционно используется сервер баз данных от компании Microsoft - Microsoft SQL Server
Размер проекта	На PHP можно реализовывать как маленькие, так и сложные по архитектуре веб-приложения	При помощи ASP.NET также можно реализовывать различные по величине проекты. Простое веб-приложение на ASP.NET создать легче и быстрее, чем на PHP. Написанный ранее класс для настольного приложения можно без доработок и изменений использовать и в веб-приложении на ASP.NET
Хостинг	PHP поддерживается как Windows-хостингом, так и Unix-хостингом	ASP.NET поддерживается только Windows-хостингом. Unix-хостинг не позволяет использовать веб-приложения ASP.NET
Преимущества	Быстрая кастомизация готового решения. Большое количество бесплатных решений на этой платформе. Простота языка. Любые данные в языке могут неявно быть текстовыми	Наличие средства визуального программирования. Реализация объектной модели приложения. Выполняемый код - откомпилированное приложение. Поддержка технологии Microsoft.NET встроена в ОС Microsoft. Встроенная поддержка технологии Ajax
Недостатки	Неполная реализация объектной модели данных. Скриптовый язык, выполняется путем преобразования скрипта в машинный код. Отсутствие встроенного контроля данных. Низкая производительность относительно ASP.NET. Массивное выделение памяти при работе приложения	Для разработки веб-приложений ASP.NET требуется лицензионное программное обеспечение. Дорогостоящее лицензионное ПО Microsoft
Сайты, разработанные при помощи данных технологий	VK, Avito, Yahoo!	Stack Overflow, WebMoney Exchanger

В результате сравнения технологий для разработки веб-сервиса для работы юридической клиники НИУ ВШЭ - Пермь была выбрана платформа разработки веб-приложений ASP.NET от компании Microsoft. А в качестве фреймворка был выбран ASP.NET MVC Framework для разработки веб-приложений, реализующий шаблон Model-View-Controller [33].

Глава 3. Проектирование веб-сервиса

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

3.1 Проектирование архитектуры веб-сервиса

Проектирование архитектуры веб-сервиса является первоочередным этапом в его проектировании. ASP.NET MVC фреймворк, выбранный для разработки веб-сервиса, позволяет реализовать трехуровневую архитектуру веб-сервиса, которая включает в себя уровень клиента, уровень бизнес-логики и уровень данных (см. рис. 3.1).

Рисунок 3.1. Архитектура веб-сервиса юридической клиники НИУ ВШЭ - Пермь

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

Уровень клиента является верхним уровнем арх...