|
@@ -0,0 +1,24 @@
|
|
|
|
|
+# Интерактивная схема устройства самого массового кодового замка СССР
|
|
|
|
|
+
|
|
|
|
|
+### Требования
|
|
|
|
|
+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. Режим работы. Набирается неправильный код - замок сигнализирует об этом. Набирается правильный - электромагнит в левой части сдвигает защелку. Все процессы отображаются на принципиальной
|
|
|
|
|
+
|
|
|
|
|
+
|
ypv