zamok/docs/tz.md

Интерактивная схема устройства самого массового кодового замка СССР

Требования

1. Красивый дизайн;
2. Интерактивность (большим плюсом будет использование аудио, видео и других интерфейсов);
3. Объем (от 5 минут на полное прохождение);
4. Образовательность 2D: в конце PWA должна быть кнопка "Итоговое Тестирование", в котором в виде теста проверяется качество усвоения материала (5-10 вопросов); В процессе защиты проекта Вы показываете знание содержания (не технической части).

Технология

Одна веб-страница с реализацией сценария на Vanilla JS (PWA). Стили хранить в папке /css, изображения в /images, скрипты в папке /js.

Исходники

Описание прибора по ссылке: https://habr.com/ru/companies/timeweb/articles/1079122/

Внешний вид

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

Сценарий

1. Задается начальный код замка. На принципиальной схеме отображаются состояния элементов.
2. Режим работы. Набирается неправильный код - замок сигнализирует об этом. Набирается правильный - электромагнит в левой части сдвигает защелку. Все процессы отображаются на принципиальной