Initial commit

2026-07-12 14:22:00 +04:00
commit 49ecd4784c
90 changed files with 6910 additions and 0 deletions
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Demonstration</title>
+  </head>
+  <body>
+    <h2 style="text-align: center">Руководство пользователя</h2>
+    <h3 style="text-align: center">Система демонстрации</h3>
+    <p style="text-align: justify">
+      Данный раздел - описание существующих возможностей взаимодействия с
+      системой демонстрации изученного материала.<br />
+      На рисунке 3.1 виден весь основной интерфейс пользователя, необходимый для
+      полноценного комфортного взаимодействия с данной системой.
+    </p>
+    <div style="text-align: center">
+      <img src="demonstration.png" />
+      <p style="text-align: center">
+        Рисунок 2.1 - система демонстрации вставки элемента в хеш-таблицу
+      </p>
+    </div>
+    <p style="text-align: justify">
+      Каждая цифра указывает на определённый интерфейс пользователя, где даётся
+      его описание:
+    </p>
+    <ol>
+      <li style="text-align: justify">
+        Табличное представление модели, которое&nbsp;заполняется ранее
+        вставленными в хеш-таблицу элементами в порядке их хранения в самой
+        хей-таблице.
+      </li>
+      <li style="text-align: justify">
+        График, показывающий тенденцию изменения коэффициента простого
+        равномерного хеширования на протяжении процесса вставки элементов в
+        хеш-таблицу.
+      </li>
+      <li style="text-align: justify">
+        График, показывающий тенденцию изменения количества коллизий&nbsp;на
+        протяжении процесса вставки элементов в хеш-таблицу.
+      </li>
+      <li style="text-align: justify">
+        Группирующий блок, позволяющий изменять способ решения проблем
+        коллизий&nbsp;хеш-таблицы.
+      </li>
+      <li style="text-align: justify">
+        Группирующий блок, позволяющий изменять применяемую в процессе вставки
+        элемента хеш-функцию.
+      </li>
+      <li style="text-align: justify">
+        Группирующий блок, позволяющий изменять применяемую в процессе вставки
+        элемента&nbsp;алгоритм, применяемый в попытке решения колизии на основе
+        таблицы с открытой адрессацией.
+      </li>
+      <li style="text-align: justify">
+        Сгруппированный интерфейс, позволяющий создать новую хеш-таблицу с
+        указанием размера первоначального контейнера, сбросить действительную
+        хеш-таблицу, запросить последнюю статистику по операциям вставки
+        элементов
+      </li>
+      <li style="text-align: justify">
+        Сгруппированный интерфейс, позволяющий создавать инструкции по вставке
+        новых элементов в хеш таблицу несколькими способами: n-ое количество
+        элементов разных элементов и один единственный, где задаётся первый
+        элемент. Так же существует возможность поиска первого несуществующего
+        элемента хеш-таблице, остановки процесса вставки элементов в
+        хеш-таблцицу, фокусирования графиков для полного отображения информации.
+        Каждая функция соответствует своей кнопке данного сгруппированного
+        интерфейса.
+      </li>
+      <li style="text-align: justify">
+        Вывод информации о действиях пользователя и результатах хеширования
+        элементов.
+      </li>
+      <li style="text-align: justify">
+        Масштабирование всех видов, вплоть до освобождения места для
+        определённого вида с целью его более детального рассмотрения.
+        Существвует возможность полного масштабирования одного вида, взамен
+        скрытия всех остальных.
+      </li>
+    </ol>
+  </body>
+</html>
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Main</title>
+  </head>
+  <body>
+    <h2 style="text-align: center">Руководство пользователя</h2>
+    <h3 style="text-align: center">
+      Предоставление помощи пользователю<br />
+      в использовании демонстрационной программы:<br />
+      &quot;Алгоритм вставки в хеш-таблицу&quot;
+    </h3>
+    <p style="text-align: justify;">
+      Данное руководство предназначено пользователю для лучшего понимания работы
+      программы и взаимодействия с ней.
+    </p>
+    <p>Оглавление:</p>
+    <ol>
+      <li>
+        <a href="theoryPage.html">Раздел теории</a>
+        <ul>
+          <li><a href="theory.html">Теория</a></li>
+          <li><a href="demonstration.html">Демонстрация</a></li>
+        </ul>
+      </li>
+      <li><a href="testingPage.html">Раздел тестирования</a></li>
+      <li><a href="menubar.html">Полоса или строка меню</a></li>
+    </ol>
+  </body>
+</html>
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Menubar</title>
+  </head>
+  <body>
+    <h2 style="text-align: center">Руководство пользователя</h2>
+    <h3 style="text-align: center">Полоска или строка меню</h3>
+    <p style="text-align: justify">
+      Данный раздел - описание существующих возможностей взаимодействия с
+      посолкой или строкой меню данной программы.<br />
+      На рисунке 5.1 и 5.2 отображены подменю, каждое из которых группирует
+      определённые действия.
+    </p>
+    <div style="text-align: center">
+      <img src="menubarFirst.png" />
+      <p style="text-align: center">
+        Рисунок 5.1 - подменю выбора текущего раздела
+      </p>
+      <p style="text-align: center">
+        <img src="menubarSecond.png" />
+      </p>
+      <p>Рисунок 5.2 - подменю предоставления помощи</p>
+    </div>
+    <p style="text-align: justify">
+      <span style="text-align: center"
+        >Первое подменю (см. рис. 5.1) необходимо для переключения разделов -
+        раздел теории, который включает две системы (система теории и система
+        демонстрации) и раздел тестирования.</span
+      >
+    </p>
+    <p style="text-align: justify">
+      Каждая цифра указывает на определённый интерфейс пользователя, где даётся
+      его описание:
+    </p>
+    <ol>
+      <li style="text-align: justify">
+        Действие подменю, необходимое для переключения вида на раздел теории.
+      </li>
+      <li style="text-align: justify">
+        Действие подменю, необходимое для переключения вида на раздел практики.
+      </li>
+      <li style="text-align: justify">
+        Действие подменю, необходимое для открытия модального диалогового окна -
+        руководства пользователя.
+      </li>
+      <li style="text-align: justify">
+        Действие подменю, необходимое для открытия модального диалогового окна,
+        которое содержит информацию об использующимся&nbsp;программой фреймворке
+        Qt.
+      </li>
+    </ol>
+  </body>
+</html>
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>PracticPage</title>
+  </head>
+  <body>
+    <h2 style="text-align: center">Руководство пользователя</h2>
+    <h3 style="text-align: center">Система тестирования</h3>
+    <p style="text-align: justify">
+      Данный раздел - описание существующих возможностей взаимодействия с
+      системой тестирования.<br />
+      На рисунке 4.1 виден весь основной интерфейс пользователя, необходимый для
+      полноценного комфортного взаимодействия с данной системой.
+    </p>
+    <div style="text-align: center">
+      <img src="testingPage.html" />
+      <p style="text-align: center">Рисунок 4.1 - система тестирования</p>
+    </div>
+    <p style="text-align: justify">
+      Каждая цифра указывает на определённый интерфейс пользователя, где даётся
+      его описание:
+    </p>
+    <ol>
+      <li style="text-align: justify">
+        Отображаемый текст, как текущий вопрос с описанием ввода правильного
+        ответа и самого тестового задания.
+      </li>
+      <li style="text-align: justify">
+        Панель ввода правильного ответа. Может представлять
+        определённое&nbsp;количество&nbsp;флагов для указания множественного
+        ответа из множества альтернатив (от 5-и до 9-и),&nbsp;поле ввода целого
+        числа или&nbsp;числа с плавающей точкой.
+      </li>
+      <li style="text-align: justify">
+        Нажимная кнопка для подтверждения ответа и проверки его на корректность.
+      </li>
+      <li style="text-align: justify">
+        Выходная информация, как способ идентификации успешного / безуспешного
+        начала тестирования с указанием конкретной ошибки, завершения
+        тестирования и успешного / безуспешного ответа на предыдущий вопрос.
+      </li>
+      <li style="text-align: justify">
+        Нажимная кнопка, реализующая начало тестирования.
+      </li>
+      <li style="text-align: justify">
+        Нажимная кнопка, реализующая предварительное завершение тестирования.
+      </li>
+      <li style="text-align: justify">
+        Группирующий интерфейс необходимый для выбора типа предоставляемых
+        вопросов в процессе тестирования.
+      </li>
+      <li style="text-align: justify">
+        Группирующий интерфейс&nbsp;необходимый для выбора сложности
+        предоставляемых вопросов в процессе тестирования.
+      </li>
+    </ol>
+    <p style="text-align: justify">
+      Стоит отметить, что результат тестирования сохраняется в бинарном файле
+      (формат записи смотри в технической документации), когда тестирование
+      завершается после окончания подходящих под критерии вопросов или решения
+      пользователя, при нажатии соответствующей кнопки.
+    </p>
+  </body>
+</html>
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Theory</title>
+  </head>
+  <body>
+    <h2 style="text-align: center">Руководство пользователя</h2>
+    <h3 style="text-align: center">Система теории</h3>
+    <p style="text-align: justify">
+      Данный раздел - описание существующих возможностей взаимодействия с
+      системой изучения теоретического материала.<br />
+      На рисунке 2.1 виден весь основной интерфейс пользователя, необходимый для
+      полноценного комфортного взаимодействия с данной системой.
+    </p>
+    <div style="text-align: center">
+      <img src="theory.png" />
+      <p style="text-align: center">
+        Рисунок 2.1 - система изучения теоретического материала
+      </p>
+    </div>
+    <p style="text-align: justify">
+      Каждая цифра указывает на определённый интерфейс пользователя, где даётся
+      его описание:
+    </p>
+    <ol>
+      <li style="text-align: justify">
+        Нажимная кнопка, при нажатии которой пользователь переходит на следующую
+        страницу теоретического материала. Доступна, если отображается не
+        главная и не последняя страницы.
+      </li>
+      <li style="text-align: justify">
+        Нажимная кнопка, при нажатии которой пользователь переходит на главную
+        страницу теоретического материала. Доступна, если не отображается
+        главная страница.
+      </li>
+      <li style="text-align: justify">
+        Нажимная кнопка, при нажатии которой пользователь переходит на
+        предыдущую страницу теоретического материала. Доступна, если
+        отображается не главная и не первая страницы.
+      </li>
+      <li style="text-align: justify">
+        Нажимная кнопка, позволяющая&nbsp;отобразить предыдущую небольшую
+        доступную часть отображаемой страницы.
+      </li>
+      <li style="text-align: justify">
+        Ползунок, при перемещении которого можно перейти к любой части
+        отображаемой страницы.
+      </li>
+      <li style="text-align: justify">
+        Нажимная кнопка, позволяющая отобразить следующую&nbsp;небольшую
+        доступную&nbsp;часть отображаемой страницы.
+      </li>
+      <li style="text-align: justify">
+        Гиперссылка оглавления, при нажатии на которую пользователь может
+        перейти к любой интересующей его теме, которая описывается в отдельной
+        страцице.
+      </li>
+    </ol>
+  </body>
+</html>
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>TheoryPage</title>
+  </head>
+  <body>
+    <h2 style="text-align: center">Руководство пользователя</h2>
+    <h3 style="text-align: center">Раздел теории</h3>
+    <p style="text-align: justify">
+      Данный раздел - первое, что видит пользователь, при первом запуске
+      программы.<br />
+      На рисунке 1.1 виден весь основной интерфейс пользователя, необходимый для
+      перехода в ту или иную систему.
+    </p>
+    <div style="text-align: center">
+      <img src="theoryPage.png"/>
+      <p style="text-align: center">Рисунок 1.1 - раздел теории и практики</p>
+    </div>
+    <p>Всего существует три системы:</p>
+    <ul>
+      <li style="text-align: justify">Теории.</li>
+      <li style="text-align: justify">Демонстрации.</li>
+      <li style="text-align: justify">Тестирования.</li>
+    </ul>
+    <p style="text-align: justify">
+      Основой графического интерфейса пользователя являются нажимаемые кнопки,
+      переключающие между собой вкладки, флажки множественного или одиночного
+      выборов, и другие элементы, которые будут обсуждаться по мере описания
+      данного руководства. Каждая цифра указывает на определённый интерфейс
+      пользователя, где даётся его описание:
+    </p>
+    <ol>
+      <li style="text-align: justify">
+        Раздел изучения теоретического материала, необходимый для понимания темы
+        &quot;Алгоритм вставки элемента в хеш-таблицу&quot;.
+      </li>
+      <li style="text-align: justify">
+        Раздел демонстрации вставки элемента в хеш-таблицу.&nbsp;
+      </li>
+      <li style="text-align: justify">
+        Полоса или строка меню, как единственный способ переключения фокуса
+        между системами теории, которая&nbsp;подразумевает включение системы
+        демонстрации, и тестирования.
+      </li>
+    </ol>
+  </body>
+</html>