karina.md 5.6 KB
Отчёт о разработке сайта «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, а также работающая игра «Сапёр» со всеми заявленными функциями: таймером, счётчиком мин, флажками, подсказками и системой победы/поражения. Нейросети значительно ускорили процесс разработки, но ключевые решения и контроль качества оставались за мной. Этот проект показал, как эффективно можно сочетать ручной труд и современные инструменты для достижения качественного результата.
💜💜💜