Во введении объясняется, почему логические задачи и задания на планирование подходят для интерактивного формата, формулируются проблема, цель и задачи проекта. Здесь обозначаются предполагаемая аудитория, продукт и методы работы: изучение источников, подбор заданий, разработка прототипа и его тестирование. Раздел задаёт границы проекта и показывает, какие результаты планируется получить.

В разделе раскрывается, что понимается под логической задачей и какие операции нужны для её решения: анализ условий, сравнение вариантов, исключение противоречий и обоснование вывода. Приводятся характерные типы заданий, например задачи на соответствие и поиск закономерностей. Теоретический обзор нужен, чтобы отбирать задания для сайта по понятным критериям.

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

Раздел знакомит с основными элементами веб-страницы и взаимодействием с пользователем: содержанием, кнопками, полями ввода и сообщениями обратной связи. Рассматривается назначение HTML для структуры, CSS для оформления и JavaScript для обработки действий. Эти сведения используются как основа для выбора функций прототипа и планирования его страниц.

В практической части определяется набор задач для сайта: логические головоломки, задания на закономерности и упражнения на выбор стратегии. Для каждой задачи фиксируются условие, правильный ответ, объяснение и возможная подсказка. Проверка формулировок помогает избежать двусмысленности и подготовить задания так, чтобы пользователь понимал, что именно требуется сделать.

В пункте описывается состав страниц и путь пользователя от выбора задания до получения результата. Определяются расположение условия, поля для ответа, кнопок подсказки и проверки, а также способ отображения объяснения. Проектирование интерфейса до программирования помогает сделать навигацию последовательной и не перегружать экран элементами, не нужными для решения.

Здесь описывается создание веб-страниц и программирование основных сценариев работы: показ задания, ввод ответа, сравнение с ожидаемым результатом и вывод сообщения. Отдельно рассматривается механизм подсказок и переход к объяснению решения. В разделе фиксируются применённые инструменты и принятые решения, чтобы ход разработки можно было повторить или улучшить.

Раздел посвящён проверке работоспособности прототипа на разных сценариях: правильном и неправильном ответе, пустом поле и использовании подсказки. Также оценивается, понятны ли условия и элементы управления пользователям из целевой аудитории. Результаты тестирования помогают обнаружить ошибки, внести исправления и определить, какие части сайта требуют дальнейшего развития.

В заключении сопоставляются запланированные задачи и полученные результаты: подготовлены ли задания, создан ли прототип и проверены ли его основные функции. Указываются выявленные ограничения, например небольшой набор задач или необходимость дополнительного тестирования. Также кратко обозначаются возможные направления развития сайта: расширение библиотеки заданий и добавление новых уровней сложности.

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