- •Техническое описание
- •Содержание
- •Техническое описание Общие сведения о разработке
- •Наименование разработки
- •Языки программирования, с помощью которых осуществлена разработка
- •Назначение и функции, выполняемые разработкой
- •Описание основных характеристик особенностей разработки
- •Сведения о входных и выходных данных
- •Описание логической структуры
- •Модель работы системы
- •Описание и методы решаемых задач
- •Структура системы. Сведения о составных частях системы. Сведения о связях между составными частями системы.
- •Структура системы
- •Описание выполняемых функций
- •Описание выполнения программы
Анимированное обновление информации, выражающееся в изменении цвета элемента, либо его перемещении. Анимации реализованы с помощью функции animate фреймворка JQuery.
Расстановка линий, показывающих соответствие переменной полукарте. Линии созданы с применением элементов SVG (Scalable Vector Graphics — масштабируемая векторная графика).
Вычисление минимальной булевой функции методом Квайна и карт Карно. Методы написаны на языке JavaScript и исполняются на стороне клиента.
Внедрение вспомогательной информации для пользователя (легенда, исходный код, справка). Легенда находится непосредственно на странице с программой, а исходный код и справку можно найти по указанным гиперссылкам.
Возможность перехода по итерациям. Рассчитанные программой итерации хранятся в двумерном массиве и записываются в соответствующее поле web-страницы в зависимости от номера шага. Номер шага – требуемый индекс в двумерном массиве.
Автоматический переход по шагам. В режиме перехода «авто» шаг может изменяться только на следующий. Осуществляется неявное нажатие кнопки «вперед» через заданный пользователем промежуток времени.
Структура системы. Сведения о составных частях системы. Сведения о связях между составными частями системы.
Состав файлов представлен в таблице 2.
Таблица 2.
Структура системы
Файл |
Назначение |
1 |
2 |
AnimationFramework.js |
Набор функций для предоставления заданных анимаций |
Controller.js |
Скрипт организующий взаимную работу всех методов |
index.php |
Получение страницы с HTML разметкой и JavaScript кодом |
jquery.animate-colors.js |
Скрипт для осуществления анимации цветов |
jquery.copycss.js |
Скрипт для полного копирования css свойств определенного элемента |
jquery-3.2.1.js |
Библиотека JavaScript для взаимодействия JavaScript и HTML |
Karnaugh.html |
Базовая HTML разметка страницы |
Karnaugh.js |
Скрипт для обработки метода карт Карно |
Method description.html |
Описание методов минимизации |
Quine.js |
Скрипт для обработки метода Квайна |
ryb-color-mixer.js |
Скрипт для смешивания цветов приближенного к реалистичному |
style.css |
Стили HTML элементов на странице |
Описание выполняемых функций
Функции системы реализованы в соответствии с техническим заданием. Изображения графических интерфейсов, соответствующие этим функциям, представлены на рисунках 1-12.
Рисунок 1. Отображение подсветки и анимации
Рисунок 2. Возможность перехода по итерациям
Рисунок 3 Выбор метода и формы минимизации функции
Рисунок 4 Заполнение таблицы истинности
Рисунок 5 Заполнение таблицы истинности случайными значениями
Рисунок 6 Выбор количества переменных
Рисунок 7 Предоставление легенды, справки и исходного кода
Рисунок 8 Отображение минимальной булевой функции
Рисунок 9 Отображение таблицы истинности
Рисунок 10 Очистка таблицы истинности
Рисунок 11 Переформирование таблицы истинности
Рисунок 12 Режим перехода по итерациям, время смены итерации и пауза
Описание выполнения программы
Загрузка системы
Установка системы не требуется. Система размещена на локальном сервере.
Способ вызова системы
Запуск системы осуществляется путем запуска локального сервера и дальнейшем указанием в адресной строке браузера адреса min_prog.ru.
Режим работы системы
Взаимодействия пользователя с приложением осуществляется с помощью манипулятора типа «мышь».
Завершение работы системы
Завершение работы производится закрытием окна браузера (или вкладки), в котором выполнялась работа с web-ресурсом.
