/
Valeria14
/
KvantMachineTuring
Обзор
Документация
Войти
/
Valeria14
/
KvantMachineTuring
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
200 строк
11 KB
Valeria14
upload files
10 ноя 2025, 00:57
10 ноя 2025, 00:57
707ac5b
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Квантовая Машина Тьюринга - МИФИ</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> </head> <body class="dark-theme"> <div class="container"> <header> <h1>КВАНТОВАЯ МАШИНА ТЬЮРИНГА <span id="unitarity-indicator">[U?]</span></h1> <button id="theme-toggle">☀️ Светлая тема</button> </header> <div class="main-content"> <!-- Левая панель - ТАБЛИЦА ПЕРЕХОДОВ --> <div class="panel"> <h2>ТАБЛИЦА ПЕРЕХОДОВ</h2> <div id="transition-editor-container"> <p>Редактор загружается...</p> </div> </div> <!-- Центральная панель - ЛЕНТА И СОСТОЯНИЕ --> <div class="panel"> <h2>ЛЕНТА И СОСТОЯНИЕ</h2> <div id="tape-display"> <div class="tape"> <div class="tape-cell">0</div> <div class="tape-cell">1</div> <div class="tape-cell">0</div> <div class="tape-cell">1</div> </div> <div class="tape-head">↑</div> </div> <div id="current-state">Состояние: |q₀⟩</div> <!-- ВЕКТОР СОСТОЯНИЯ --> <div class="state-info"> <h3>ВЕКТОР СОСТОЯНИЯ</h3> <div id="state-vector">|ψ⟩ = 1.0|q₀⟩</div> <div id="probabilities"> <h4>Вероятности:</h4> <div>q₀: 100%</div> </div> </div> </div> <!-- Правая панель - ИНФОРМАЦИЯ И УПРАВЛЕНИЕ --> <div class="panel info-panel"> <div class="panel-header"> <h2>КВАНТОВЫЙ СИМУЛЯТОР</h2> <div class="simulator-info"> <div class="info-item"> <span>Состояние:</span> <span id="current-state-display">|q₀⟩</span> </div> <div class="info-item"> <span>Шаг:</span> <span id="step-counter">0</span> </div> </div> </div> <!-- Область для ошибок выполнения --> <div id="execution-error-container"></div> <!-- Краткая инструкция --> <div class="quick-guide"> <h3>🎯 Быстрый старт</h3> <div class="guide-steps"> <div class="step"> <span class="step-number">1</span> <span class="step-text">Настройте таблицу переходов слева</span> </div> <div class="step"> <span class="step-number">2</span> <span class="step-text">Используйте кнопки управления ниже</span> </div> <div class="step"> <span class="step-number">3</span> <span class="step-text">Наблюдайте результат на ленте</span> </div> </div> </div> <!-- ПАНЕЛЬ УПРАВЛЕНИЯ СИМУЛЯЦИЕЙ --> <div class="control-panel-sim"> <h3>УПРАВЛЕНИЕ СИМУЛЯЦИЕЙ</h3> <div class="control-section"> <div class="control-buttons-grid"> <button id="start-btn" class="control-btn start-btn">▶ Старт</button> <button id="stop-btn" class="control-btn stop-btn" disabled>■ Стоп</button> <button id="step-btn" class="control-btn step-btn">↷ Шаг</button> <button id="reset-btn" class="control-btn reset-btn">↶ Сброс</button> <button id="batch-run-btn" class="control-btn batch-btn">Пакетный запуск</button> </div> <div class="speed-control compact"> <label for="speed-slider">Скорость:</label> <input type="range" id="speed-slider" min="1" max="100" value="50"> </div> </div> </div> </div> <!-- <div class="panel tasks-panel"> <h2>ЛАБОРАТОРНЫЕ РАБОТЫ</h2> <div class="task-tabs"> <button class="task-tab active" onclick="window.switchTask(1)" data-task="1">Задание 1</button> <button class="task-tab" onclick="window.switchTask(2)" data-task="2">Задание 2</button> <button class="task-tab" onclick="window.switchTask(3)" data-task="3">Задание 3</button> </div> <div id="attempts-info" class="attempts-info"></div> <div class="task-content" id="task-content"> --> <!-- ДОБАВЛЯЕМ БОЛЬШЕ КОНТЕНТА ДЛЯ ВЫСОТЫ --> <!-- <div class="task"> <div class="task-header"> <h3>Задание 1: Создание суперпозиции состояний</h3> <span class="task-status">Не начато</span> </div> <div class="task-theory"> <h4>Теория:</h4> <p>Квантовая суперпозиция - фундаментальное свойство квантовых систем, позволяющее находиться в нескольких состояниях одновременно.</p> <div class="theory-formula"> <p><strong>Вектор состояния:</strong> |ψ⟩ = α|q₀⟩ + β|q₁⟩</p> <p><strong>Условие нормировки:</strong> |α|² + |β|² = 1</p> <p><strong>Равновесная суперпозиция:</strong> |ψ⟩ = (|q₀⟩ + |q₁⟩)/√2</p> </div> </div> <div class="task-instructions"> <h4>Инструкции по выполнению:</h4> <ol> <li>Настройте таблицу переходов для создания перехода в суперпозицию состояний</li> <li>Установите амплитуды перехода 0.707 для обоих состояний (1/√2)</li> <li>Запустите симуляцию на один шаг выполнения</li> <li>Наблюдайте распределение вероятностей в правой панели</li> <li>Убедитесь, что оба состояния имеют вероятность 50%</li> </ol> </div> <div class="task-experiment"> <h4>Экспериментальная часть:</h4> <p>Проведите multiple измерения и статистически убедитесь в правильности суперпозиции.</p> </div> <div class="task-controls"> <button class="check-btn">Проверить решение</button> <button class="hint-btn">Подсказка</button> <button class="solution-btn">Показать решение</button> </div> <div class="task-feedback"> <div class="feedback info"> 💡 <strong>Совет:</strong> Начните с настройки перехода из состояния q₀ в суперпозицию q₀ и q₁ с равными амплитудами. </div> </div> </div> </div> </div> --> <!-- Панель управления --> <!-- <div class="control-panel"> <div class="control-buttons"> <button id="start-btn">▶ Старт</button> <button id="stop-btn" disabled>■ Стоп</button> <button id="step-btn">↷ Шаг</button> <button id="reset-btn">↶ Сброс</button> <button id="measure-btn">🔍 Измерить</button> </div> <div class="speed-control"> <label>Скорость:</label> <input type="range" id="speed-slider" min="1" max="10" value="5"> </div> </div> --> </div> <!-- Подключаем JavaScript файлы --> <script src="core/QuantumState.js"></script> <script src="core/QuantumTape.js"></script> <script src="core/TransitionTable.js"></script> <script src="core/QTMSimulator.js"></script> <script src="ui/TransitionEditor.js"></script> <script src="ui/TapeVisualizer.js"></script> <script src="main.js"></script> </body> </html>