Упражнение 1: Диаграмма Контейнеров

Пора перейти к первому практическому заданию курса 🎯
В этом упражнении вы создадите контейнерную диаграмму (Container Diagram) для системы FoodFleet — второго уровня модели C4.

Если вспомнить предыдущий урок на контекстной диаграмме мы видели нашу систему как «чёрный ящик» — единый блок, окружённый пользователями и внешними сервисами.
Теперь мы «приближаем» масштаб и смотрим внутрь этой системы - что именно её составляет, какие приложения, API и базы данных образуют ядро FoodFleet.

Цель упражнения

Нарисовать диаграмму контейнеров (C4 Level 2) для системы FoodFleet,
используя данные из спецификации проекта.

Эта диаграмма должна показать:

• какие контейнеры входят в систему (веб, мобильные приложения, API, БД и т. д.);
• как они взаимодействуют между собой;
• как они связаны с внешними пользователями и системами.

Что использовать

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

🖊️ Ручной вариант:

• лист бумаги и ручка — отлично подойдёт для первого наброска;

💻 Онлайн-инструменты:

• Excalidraw или TL Draw — лёгкие и удобные;
• Lucidchart — профессиональный инструмент с бесплатным тарифом на 3 диаграммы;
• Figma — если хочешь визуально оформить схему в фирменном стиле;
• Structurizr — продвинутый инструмент, созданный специально для C4-моделей (позволяет описывать диаграммы в виде кода).

Подсказки по выполнению

1. Открой спецификацию проекта FoodFleet. Найди там разделы:

   • Контекст системы (System Context)
   • Контейнеры системы (System Containers)

2. Выдели все контейнеры:

   • клиентское веб-приложение;
   • веб-приложение ресторана;
   • мобильное приложение курьера;
   • Core API;
   • Core Database;
   • WebSocket-сервер.

3. Добавь внешние элементы:

   • Клиент, Ресторан, Курьер (пользователи);
   • Платёжная система;
   • Административная система FoodFleet.

4. Соедини контейнеры стрелками, обозначив взаимодействия:

   • кто с кем общается;
   • через какой протокол или API;
   • в каких направлениях идёт обмен.

5. Добавь короткие описания для каждой сущности:

   • что делает этот контейнер;
   • зачем он нужен;
   • кто его использует.

Время на выполнение

⏱️ Отведи 10–15 минут на задание.
Этого достаточно, чтобы создать понятную схему — без лишней детализации.
Главное — передать структуру и связи, а не добиться идеального дизайна.

После выполнения упражнения у тебя должна получиться своя версия Container Diagram для FoodFleet.
На следующем уроке ты сможешь сравнить её с моим вариантом схемы,
которую мы разберём и подробно обсудим.

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