РУКОВОДСТВО ПО ИСПОЛЬЗОВАНИЮ ПРИЛОЖЕНИЯ

**Описание главной страницы сайта**

Когда пользователь оказывается на главной странице, перед ним предстаёт шапка сайта и фотографии еды и заведения.

При нажатии на кнопку Menu пользователь перейдёт на страницу, где располагается меню ресторана с возможностью редактирования. При нажатии на кнопку Orders пользователь попадает на страницу, где располагаются все заказы, сделанные пользователями из мобильного приложения. Поиска на данный момент не был реализован.

**Описание главной страницы сайта**

Главная страница представляет из себя обычную страницу, которая содержит текст, фотографии еды и заведения. Никакого функционала кроме демонстрационного вида не предполагает.

**Описание страницы сайта с меню**

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

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

· Картинку

· Название позиции

· Описание позиции

· Цену

Также данная страница сайта позволяет работнику удалить или редактировать уже имеющуюся позицию в меню.

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

**Последняя важная страница – это страница отслеживания заказов.**

Переходя в неё, пользователю представляется таблица, похожая на таблицу со страницы с меню. Данная таблица содержит следующие поля:

· ID заказа

· Позиции из меню

· Количество позиций

· Имя клиента

· Время совершения заказа

· Кнопка удаления заказа

**Описание главной страницы мобильного приложения**

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

**Описание страницы корзины мобильного приложения**

Попасть на данную страницу можно из главного экрана приложения. Кнопка корзины находится в правом верхнем углу. При переходе на данную страницу пользователю выведется список позиций меню, которые он добавил на главном экране приложения. Данный список также можно прокручивать вверх и вниз. Чтобы удалить позицию из корзины, пользователю нужно просто смахнуть ячейку влево и появится кнопка удалить. После нажатия данная позиция пропадет из списка позиций, добавленных пользователем.

В нижнем правом углу располагается надпись “Total”, которая помогает пользователю отслеживать конечную сумму его корзины.

Также, снижу располагается кнопка “BUY”, которую пользователь должен нажать, чтобы завершить свой заказ и отправить данные в ресторан. При нажатии данной кнопки у пользователя на экране появится окно, которое попросит его указать его имя, чтобы на кухне могли знать для кого этот заказ. Также это поможет пользователю забрать его заказ.

**Описание страницы навигатора мобильного приложения**

Попасть на данную страницу можно из главного экрана приложения. Кнопка навигатора находится в правом верхнем углу. При переходе на данную страницу, пользователь увидит карту, с отметкой ресторана. Для того, чтобы отобразить текущее местоположения пользователя, существует кнопка отображения локации пользователя. На рисунке 1 изображена кнопка отображения локации пользователя.

Рисунок 1 – Кнопка отображения локации.

Для того, чтобы проложить маршрут до ресторана, пользователю необходимо нажать кнопку “GO”. На рисунке 2 изображена кнопка “GO”.

Рисунок 2 – Кнопка “GO”.

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

Рисунок 3 – Кнопка закрытия карты.