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

Реализация программных модулей

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

На рисунке 17 представлен граф маршрутизации приложения, полученный с помощью инструмента Augury. Необходимо заметить, что «no- name-route» – специальный маршрут для соединения нескольких компонентов в один. Такой подход обеспечивает правильную иерархию.

Рисунок 17 – Диаграмма маршрутизации приложения

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

1. Модуль «Панель»

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

На странице отображаются виджеты:

• 
  Выручка за текущий месяц и прирост относительно прошлого месяца;
  
• 
  График выручки за полгода;
  
• 
  ТОП-3 точек по выручке;
  
• 
  ТОП-3 товара по выручке;
  
• 
  Текущий статус по заказам. Сколько заказов в очереди, готовятся, готовы и завершены.
  

К модулю применяются следующие функциональные требования:

• 
  TR-2 Функция «Посмотреть общую статистику».
  

После успешной авторизации пользователь попадает на главную страницу с панелью (рисунок 18).

Рисунок 18 – Панель управления системой
В результате разработки данного модуля у пользователя есть возможность быстро получить нужную информацию о всей своей сети.

2. Модуль «Торговые точки»

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

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

• 
  TR-3 Функция «Посмотреть список торговых точек» (рисунок 19);
  
• 
  TR-4 Функция «Добавить новую торговую точку» (рисунок 20);
  

21);

• 
  TR-5 Функция «Посмотреть информацию о торговой точке» (рисунок
  

• 
  TR-6 Функция «Отредактировать информацию о торговой точке»
  

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

Рисунок 19 – Список всех торговых точек

Рисунок 20 – Создание новой торговой точки

Рисунок 21 – Панель просмотра торговой точки

Рисунок 22 – Редактирование информации о торговой точке

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

3.