3. Заключение этапа

В ходе выполнения лабораторной работы, мы сформировали запросы, которые может предоставлять информационная система «Кулинария».

7. Проектирование пользовательского интерфейса

7.1 Задание на этап

В результате выполнения предыдущих этапов, наша бригада разработала запросы к БД «Кулинария».

На данном этапе нам необходимо разработать интерфейс, учитывая требования, предъявленные нами ранее в ТЗ.

План работы:

1.Выделить основные задачи Web-приложения.

2.Выделить связи между компонентами системы.

3.Разработать структуру графического интерфейса;

4.Разработать графический интерфейс каждой страницы Web-приложения.

7.2 Ход работы

7.2.1 Основные задачи Web-приложения

Компоненты МИС подразделяются на три слоя: слой представления, бизнес-логика, слой доступа к данным.

Слой представления – это пользовательский интерфейс.

Бизнес-логика – правила, алгоритмы реакции системы на действия пользователя или на внутренние события.

Слой доступа к данным – это хранение, выбор, модификация и удаление данных.

Основными объектами проектируемой МИС являются: база данных и пользовательский интерфейс

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

«Пользовательский интерфейс» - объект, обеспечивающий вывод на экран информации. Данный объект является слоем представления.

На рисунке 7.1 представлены компоненты МИС и их взаимосвязь.

Рисунок 7.1- Компоненты клиент-серверной МИС

Основные требования, предъявляемые к информационной системе:

- удобный и простой в понимании пользовательский интерфейс;

- быстрота обработки информации за счет автоматизации возможных операций пользователя системы;

- наполненность мультимедийными материалами;

- формирование отчётных форм;

- возможность доработки системы (необходимо для дальнейшего повышения требований к автоматизированной системе);

7.2.2 Разработка структуры графического интерфейса системы

На рисунке 7.2 представлена структура пользовательского интерфейса

Рисунок 7.2– Структура пользовательского интерфейса

При входе в Web приложение пользователя встречает «Главное меню». На экране отображена основная информация. Далее пользователю доступны такие разделы, как «Статьи с рецептами» - данный раздел позволяет просмотреть в упорядоченном виде список готовых рецептов от авторов, а также профили авторов и кликнуть по категории выбранного блюда, после чего откроется список блюд той же категории.

Раздел «Поиск» позволяет быстро найти нужный рецепт блюда.

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

7.2.4 Общая структура интерфейса разделов

На рисунке 7.3 представлена структура интерфейса главной страницы.

Рисунок 7.3 – Структура интерфейса главной страницы

На рисунке 7.4 представлена структура рецепта.

Рисунок 7.4 – Структура рецепта

На рисунке 7.5 представлена структура интерфейса раздела «Поиск».

Рисунок 7.5 – Структура интерфейса раздела «Поиск»

На рисунке 7.6 представлена структура раздела для входа в аккаунт.

Рисунок 7.6 – Структура раздела для входа в аккаунт

На рисунке 7.8 представлена структура профиля.