Пояснительная записка (1206295), страница 7
Текст из файла (страница 7)
Рисунок 2.13 – Диаграмма развертывания
3 Практическая часть
3.1 Выбор программных средств
При разработке проекта стоит задача выбора программного обеспечения. Это важный этап при создании Web – системы. Платформа ASP.NET MVC является фреймворком для создания сайтов и Web – приложений с помощью реализации паттерна MVC и подходит для поставленной цели – разработки приложения для туристического агентства. Используемое средство управления базами данных – MS SQL Server 2016 SP1 Express. Создание приложение производиться в среде разработки Visual Studio 2015.
3.2 Описание интерфейса и руководство пользователя
3.2.1 Клиентская часть
На главной странице в верхней части отображены: меню, клик по пункту откроет необходимую страницу; поисковая строка, при помощи которой можно найти тур по названию или ключевому слову; кнопка входа в систему и выпадающие меню для смены языка (рисунок 3.1).
Рисунок 3.1 – Блок меню
В центре первого блока расположен фильтр (рисунок 3.2), с помощью которого пользователь может подобрать тур. Все поля являются необязательными для заполнения. После настройки критериев необходимо нажать кнопку «Хочу в путешествие», после чего откроется страница с подходящими турами. Если пользователь хочет просмотреть туры определенного типа, например, охота и рыбалка, ему нужно нажать кнопку «Выбрать из категорий», после чего фокус получает второй блок на главной странице (рисунок 3.3). Для перехода к турам конкретной категории следует выбрать одну из карточек.
Рисунок 3.2 – Блок с главным фильтром
Рисунок 3.3 – Блок с категориями туров
Третий блок содержит информацию о преимуществах сайта компании (рисунок 3.4).
Рисунок 3.4 – Блок с преимуществами
Четвертый блок (рисунок 3.5) – это отзывы туристов с возможностью просмотра комментируемых туров. Пользователи могут оставить свой отзыв только в том случае, если они здесь побывали.
Страница со списком туров включает два блока: фильтр и перечень туров (рисунок 3.6). В фильтр входит поиск по дате (в данном случае количество дней рассчитывается автоматически), стоимости, количеству дней и категории отдыха. Для перехода к информации о конкретном туре следует нажать на соответствующую карточку. Если пользователю недостаточно отображаемых туров, то внизу есть кнопку «Загрузить еще».
Рисунок 3.6 – Главный блок на странице «Туры»
Страница тура включает в себя два основных блока – общая информация о туре (рисунок 3.7) и полные сведения, есть возможность добавить тур в закладки, если пользователь зарегистрирован в системе. Для бронирования необходимо нажать кнопку «Забронировать дату», после чего откроется диалоговое окно (рисунок 3.12). Четыре вкладки показывают полную информацию: подробнее о туре (рисунок 3.8), маршрут (рисунок 3.9), отзывы (рисунок 3.10) и даты (рисунок 3.11). На маршруте отмечены ключевые точки, при нажатии на одну из них появляется описание дня (дней). Последняя вкладка предусмотрена для бронирования тура на определенную дату, так же здесь можно увидеть количество мест, которое доступно для заказа.
Рисунок 3.7 – Блок с общей информацией о туре
Рисунок 3.8 – Вкладка «Подробнее о туре»
Рисунок 3.9 – Вкладка «Маршрут»
Рисунок 3.10 – Вкладка «Отзывы»
Рисунок 3.11 – Вкладка «Даты»
Бронирование тура происходит при условии регистрации пользователя в системе. Клиенту необходимо заполнить поля с именем, фамилией и телефоном и указанием количества человек (взрослых/детей). После чего заявка отправляется в модуль менеджера, и он уже позвонит по указанному номеру и уточнит необходимые данные.
Рисунок 3.12 – Модальное окно «Бронирование»
Если пользователь нажал кнопку «Забронировать», но он не авторизован в системе, то тогда откроется модальное окно с регистрацией, а если авторизован – модальное окно входа. Для регистрации пользователю нужно вписать почту, пароль, повторить пароль и ввести код с картинки, после чего нажать кнопку «Создать профиль». Страница личного кабинета (рисунок 3.13) состоит из следующих элементов: личная информация пользователя и список с вкладками. Если выбрана вкладка «Мои путешествия» (рисунок 3.14), тогда отображаются ближайшие и прошедшие туры, кликнув на которые можно перейти на страницу конкретного тура. Если пользователь прошел тур, и не прокомментировал его, он может сделать это через свой личный кабинет, кликнув по кнопке «Оставить отзыв». Так же есть возможность просмотра уже оставленных отзывов. Вкладка «Закладки» (рисунок 3.14) отображает туры, которые понравились пользователю. Каждый тур можно сразу забронировать, нажав кнопку «Выбрать дату». Для удаления записи из закладок необходимо навести курсор мыши на карточку, после чего в верхнем правом углу появляется значок крестика, остается только кликнуть по нему. Для полной очистки предусмотрена ссылка в верхней панели «Удалить все». Нажатие на карточку откроет страницу тура.
Рисунок 3.13 –Блок страницы «Личный кабинет» вкладка «Закладки»
Рисунок 3.14 – Блок страницы «Личный кабинет» вкладка «Мои путешествия»
Страница «О нас» (рисунок 3.15) рассказывает пользователю, что за сервис он посетил и чем ему он может быть полезен, а также знакомит с командой компании.
Рисунок 3.15 – Главный блок страницы «О нас»
Страница с вопросами (рисунок 3.16) имеет 2 блока - список вопросов и зависящий от первого – ответ на конкретный вопрос. Пользователю нужно просто кликнуть по любому вопросу и решение тут же появится во втором блоке.
Рисунок 3.16 – Главный блок страницы «Помощь»
Страница «Контакты» (рисунок 3.17) показывает местоположение офиса, также присутствует небольшой блок с адресом, режимом работы, контактными телефонами и почтой.
Рисунок 3.17 – Главный блок страницы «Контакты»
3.2.2 Менеджерская часть
Подсистема для менеджера включает в себя главное меню, схожее с меню клиентской части и два блока (рисунок 3.18). Первый блок отображает информацию о менеджере с вкладками, второй блок меняется в зависимости от выбранной вкладки.
Рисунок 3.18 – Блок подсистемы менеджера вкладка «Заявки»
Клиент оставляет заявку на определенный тур, после чего заявка появляется у менеджера и он должен взять ее в работу. Менеджер созванивается с клиентом по телефону, указанному в запросе, и если необходимо, редактирует некоторые данные, вносит свои комментарии и изменяет статус заявки на «подтверждена». Менеджер может просматривать новые, взятые в работу заявки и их архив. Вкладка «Туры» предназначена для поиска уже существующих туров и изменения их данных, а также для добавления новых туров. Страница тура отображает название тура, все фотографии с возможностью добавления новых изображений (рисунок 3.19), список контрольных точек (маршрут тура) и формой для увеличения их количества (рисунок 3.20) , список экземпляров тура и формой для их добавления (рисунок 3.21). С любым туром можно произвести три операции: редактирование, публикация, перемещение в архив. Туры, которые находятся в архиве, не отображаются в клиентской части. Ссылка на изменение данных о туре перемещает менеджера на страницу редактирования тура, где в блоке можно изменять: название, количество дней, цену, категории, сезоны, пункт отправления и прибытия, страну отдыха и описание (рисунок 3.22).
Рисунок 3.19 – Блок с операциями над туром и его фотографиями
Рисунок 3.20 – Форма добавления контрольной точки
Рисунок 3.21 – Форма добавления экземпляра тура
Рисунок 3.22 – Блок редактирования тура
Клиент может оставить отзыв о туре с указанием рейтинга. После чего менеджеру в систему придет данный комментарий. Менеджер имеет возможность либо опубликовать его (рисунок 3.23), либо перенести в архив.
Рисунок 3.23 – Блок опубликованных отзывов
Вкладка «Справочники» дает возможность добавлять, изменять и удалять такие сущности, как категории, способы передвижения и местоположения (страны, регионы, курорты, населенные пункты). Все эти манипуляции происходят в диалоговых окнах. В каждой стране есть регионы и курорты (рисунок 3.24), а в каждом регионе есть населенные пункты.
Рисунок 3.23 – Блок стран
Разработанный интерфейс и функционал для менеджера должен полностью решить задачи, поставленные в ходе его работы. Все объекты, с которыми он взаимодействует легко модифицировать и представить в удобном и понятном для клиента виде.














