|
|
@@ -0,0 +1,43 @@
|
|
|
+# Отчёт о разработке сайта «MINESWEEPER»
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 1. Постановка задачи
|
|
|
+
|
|
|
+Целью была разработка веб-сайта, посвящённого игре «Сапёр». Сайт должен был включать три раздела: главную страницу с информацией об игре, страницу с правилами и паттернами, а также игровую зону с возможностью играть прямо в браузере. Дизайн должен был быть в стиле Windows XP (узнаваемая цветовая гамма, пиксели).
|
|
|
+
|
|
|
+***Результат:*** http://kriperxp.beget.tech/
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 2. Выбор темы
|
|
|
+
|
|
|
+Тема «Сапёр» была выбрана из-за моей личной любви к этой игре, а идея дизайна сайта показалась ностальгичной и подходящей.
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 3. Ход работы
|
|
|
+
|
|
|
+В ***первый день*** я зарегистрировалась на хостинге Beget и установила WordPress как базовую CMS. Параллельно я начала искать подходящие инструменты для автоматизации написания кода. После изучения вариантов я остановилась на двух нейросетях: Qwen и DeepSeek. Первую я решила использовать для генерации основной части кода, а вторую — для финальной обработки текстов.
|
|
|
+
|
|
|
+Затем я сформулировала промпт для Qwen. В нём я подробно описала структуру сайта, все нужные функции игры (поле 9x9, первый безопасный клик, флажки, таймер, счётчик, три подсказки) и дизайн в стиле Windows XP с облачками, меню «Пуск» и сине-зелёной палитрой. Я закинула этот промпт в Qwen и получила первую версию кода — это были HTML, CSS и JavaScript в одном файле.
|
|
|
+
|
|
|
+На ***второй день*** я занялась тестированием и доработкой. Я развернула код на Beget, проверила, как работают все вкладки и игровая механика. Нашла недоработки: счётчик мин иногда сбивался, а подсказки не всегда подсвечивали правильную клетку. Я подправила эти моменты и занялась визуальными деталями: подогнала отступы, цвета, размеры шрифтов, чтобы сайт выглядел пиксельно и пыльно.
|
|
|
+
|
|
|
+На ***третий день*** я сосредоточилась на контенте. Я добавила контакт для связи со мной на главный экран и написала все тексты для сайта: историю игры на главной странице, подробные правила, описания паттернов и советы для игроков. Затем я попросила Qwen заменить текст в коде и загрузила его в WordPress через редактор. Далее я провела финальное тестирование и убедилась, что всё работает.
|
|
|
+
|
|
|
+Параллельно я составляла этот отчёт. Я написала его черновик, а затем попросила DeepSeek отредактировать текст для большей ясности.
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 4. Мой вклад
|
|
|
+
|
|
|
+Хотя нейросети помогли с основной частью кода, я выполнила ряд самостоятельных задач. Я полностью придумала и написала все тексты на сайте, выбрала дизайн и на протяжении всей разработки следила за тем, чтобы он соблюдался. Я тестировала кликабельность сайта, находила ошибки, а также занималась интеграцией кода на хостинг. Кроме того, я написала этот отчёт и подготовила его для размещения.
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 5. Итог
|
|
|
+
|
|
|
+В результате трёх дней работы я получила готовый сайт, который полностью соответствует изначальной задаче. На нём есть три раздела, стилизованные под Windows XP, а также работающая игра «Сапёр» со всеми заявленными функциями: таймером, счётчиком мин, флажками, подсказками и системой победы/поражения. Нейросети значительно ускорили процесс разработки, но ключевые решения и контроль качества оставались за мной. Этот проект показал, как эффективно можно сочетать ручной труд и современные инструменты для достижения качественного результата.
|
|
|
+
|
|
|
+💜💜💜
|
