98 lines
4.0 KiB
Markdown
98 lines
4.0 KiB
Markdown
# Demo Script
|
||
|
||
Open https://arhipovdan.ru/ (или http://127.0.0.1:3100/).
|
||
|
||
Страница — product demo: Hero → Demo → Storyline → Scenarios → Criteria → Engineering Details.
|
||
|
||
## 30-Second Pitch
|
||
|
||
«Мы сделали инженерную симуляцию сортировочной ячейки OZON. Полный цикл: detection → classification → command → routing. Показываем happy path B/C/D, fault handling и timing. Главный экран — product demo, инженерные панели ниже.»
|
||
|
||
## 3-Minute Demo
|
||
|
||
1. На первом экране укажите Hero: что это за система и цепочку Detection → Classification → Command → Routing.
|
||
2. Нажмите **Запустить демо**.
|
||
3. В блоке **Главное демо** покажите упрощённую сцену и карточку результата:
|
||
- товар;
|
||
- категория B/C/D;
|
||
- причина решения;
|
||
- команда `ROUTE_TO_*`;
|
||
- целевая зона.
|
||
4. Нажимайте **Next step**, следите за **Этапами цикла**.
|
||
5. В **Сценариях** нажмите **Показать** на «Негабарит» — приоритет C.
|
||
6. Затем «Круглый объект» — зона D.
|
||
7. Затем «Застревание» или «Аварийная остановка» — FAULT / EMERGENCY_STOP, Reset.
|
||
|
||
## 5-Minute Demo
|
||
|
||
Пройдите сценарии по карточкам:
|
||
|
||
1. Обычный товар — B/C/D поток.
|
||
2. Негабарит — C.
|
||
3. Круглый объект — D.
|
||
4. Пограничные размеры — строгие min/max.
|
||
5. Низкая уверенность CV — fallback.
|
||
6. Очередь товаров — queue/spacing.
|
||
7. Застревание — FAULT.
|
||
8. Аварийная остановка — EMERGENCY_STOP.
|
||
|
||
Для каждого:
|
||
|
||
1. Нажмите **Показать**.
|
||
2. **Start demo** / **Next step**.
|
||
3. Укажите категорию, причину и маршрут на карточке результата.
|
||
4. Покажите активный шаг в Storyline Stepper.
|
||
|
||
## Engineering Details
|
||
|
||
Если жюри просит PID, event log, sensors или полный layout:
|
||
|
||
1. Нажмите **Инженерный режим** (header / hero / demo).
|
||
2. Откроется секция **Engineering Details** с полными панелями.
|
||
3. Полная сцена — `SorterScene variant="full"`.
|
||
|
||
## Что делать, если демо зависло
|
||
|
||
1. **Reset** в header или в блоке демо.
|
||
2. Выберите сценарий заново карточкой **Показать**.
|
||
3. При необходимости откройте Engineering Details и смените сценарий там.
|
||
|
||
## Fallback, если домен не открывается
|
||
|
||
1. SSH на сервер.
|
||
2. Проверьте локальный frontend:
|
||
|
||
```bash
|
||
curl -I http://127.0.0.1:3100/
|
||
```
|
||
|
||
3. Проверьте Docker:
|
||
|
||
```bash
|
||
docker compose -p owl -f /opt/arhipovdan/app/docker-compose.server.yml ps
|
||
```
|
||
|
||
## Mobile / no horizontal scroll
|
||
|
||
Перед защитой проверьте:
|
||
|
||
- 1920×1080 — hero + demo читаемы, CTA видны;
|
||
- 1440×900 — нет debug-dashboard на первом экране;
|
||
- 390×844 — одна колонка, крупные кнопки, сцена не вылезает.
|
||
|
||
В консоли:
|
||
|
||
```js
|
||
document.documentElement.scrollWidth <= document.documentElement.clientWidth
|
||
```
|
||
|
||
## What Each Block Proves
|
||
|
||
- Hero — смысл проекта за 10 секунд.
|
||
- Product Demo scene — физический маршрут и команда.
|
||
- Proof card — почему выбрана категория B/C/D.
|
||
- Storyline — текущий этап цикла.
|
||
- Scenario cards — jury test cases без узкого скролл-списка.
|
||
- Criteria cards — покрытие критериев OZON.
|
||
- Engineering Details — timeline, PID, event log, sensors.
|