Привет! Ниже ‒ развернутый план-рекомендация, который поможет быстро оформить каждую главу курсовой и избежать типичных правок преподавателя. Я ориентировался на классические требования российских вузов и специфику интернет-магазина косметики.
Введение
Цель – показать актуальность темы (электронная коммерция, рост рынка beauty-товаров, необходимость надёжных веб-систем).
Задачи – перечислите этапы разработки (сбор требований, проектирование, реализация, тестирование).
Методы – интервью с заказчиком, анализ конкурентов, моделирование БД, прототипирование, Agile-итерации.
Объект/предмет – объект – процесс продажи косметики онлайн; предмет – веб-приложение с БД.
1. Сбор информации об объекте
- Анализ рынка: статистика по онлайн-продажам косметики в РФ за 2023–2024 гг.
- Целевая аудитория: пол, возраст, средний чек, мобильный vs десктоп.
- Функциональные требования (каталог, фильтры, корзина, личный кабинет, CRM-интеграция).
- Нефункциональные: время отклика < 2 с, SLA 99.7 %, адаптивность, SEO.
- Технологические ограничения заказчика (хостинг, бюджет, политика ИБ).
2. Разработка архитектуры приложения и выбор технологий
Слой | Предлагаемые технологии | Обоснование |
---|
Клиент | HTML5 + CSS3 + JavaScript, UI-фреймворк Vue 3 или React | Компонентная модель ускоряет разработку SPA, поддержка SSR/SEO |
Сервер | Node.js (Express) или Django Rest Framework | Распространённость, обилие библиотек, REST/GraphQL |
База данных | PostgreSQL 16 | ACID, полнотекстовый поиск (по названиям/составам), JSONB для метаданных |
ORM | Sequelize / TypeORM (Node) или Django ORM | Ускоряет миграции, предотвращает SQL-инъекции |
Хранение файлов | AWS S3 / Яндекс S3-совместимое | Фото товаров, резервные копии |
Развёртывание | Docker + Docker Compose | Повторяемость окружений, CI/CD |
Опишите выбранный архитектурный стиль (многослойная MVC или клиент-сервер SPA + REST API) и диаграммы (C4, UML-Component).
3. Проектирование и создание базы данных
- Концептуальная ER-диаграмма (товары, категории, бренды, пользователи, заказы, позиции заказа, обзоры, роли доступа).
- Нормализация до 3НФ (убрать избыточность).
- Триггеры и ограничения (CHECK для цены > 0, FK ON DELETE CASCADE для позиций заказа).
- Тестовые данные – 50–100 товаров, 10 категорий, 5 брендов.
- Скрипт создания (DDL) + миграции.
4. Разработка карты сайта (Site-map) и прототипов
- Диаграмма навигации: главная → каталог → карточка товара → корзина → checkout.
- Инструменты: Figma / Adobe XD.
- Прототипы в двух разрешениях (мобильное и desktop).
- Отметьте user-flow для регистрации и оплаты.
5. Создание шаблона дизайна страницы
- UI-кит: фирменные цвета бренда, шрифты (Inter/Roboto), сетка 12-col.
- Компонентные шаблоны: Header, Footer, ProductCard, FilterSidebar.
- Accessibility: контраст WCAG AA, alt-теги, клавиатурная навигация.
- SEO: semantic HTML, OpenGraph, микроразметка Schema.org/Product.
6. Формирование контента
- Текст – описания товаров (ингредиенты, объём, страна), FAQ, блог-статьи.
- Изображения – JPEG + WebP, 1 : 1 для карточек, 4 : 5 для галерей.
- Метаданные – title, description с ключевыми словами («купить косметику…»).
- Юридическая информация – Политика конфиденциальности, оферта.
7. Вёрстка сайта
- Используйте BEM-нейминг или CSS-модули, препроцессор SCSS.
- Адаптив: mobile-first, медиазапросы 480 px, 768 px, 1280 px.
- Ленивая загрузка изображений
loading="lazy"
.
- Оптимизация: минификация, tree-shaking, HTTP/2, кеш-заголовки.
- Инструменты: Vite/Webpack, ESLint, Prettier, Husky.
8. Проверка Web-приложения на работоспособность
- Модульные тесты (Jest/PyTest) для бизнес-логики.
- Интеграционные – API-эндпоинты (SuperTest/Postman).
- E2E – Cypress/Playwright: сценарии «гость → покупка».
- Нагрузочное – k6/Locust: 100 RPS, SLA < 2 c.
- Безопасность – OWASP ZAP: XSS, CSRF, SQLi.
- Отчёт – матрица требований vs тестов, метрики покрытия.
Заключение
Кратко подведите итоги: достигнуты цели, реализована функциональность, получены навыки (проектирование БД, DevOps, UX). Укажите направления дальнейшего развития (PWA, ML-рекомендации, платёжные сервисы).
Перечень использованных информационных ресурсов
- ГОСТ 19/ГОСТ 34 (требования к ПО, проектной и расчётной части).
- Документация PostgreSQL, React, Django.
- Статьи «Data-Driven E-commerce Trends 2024».
- Официальные API-справочники (Stripe, PayPal, Delivery Club).
Запишите их по ГОСТ Р 7.0.5-2020: автор, заглавие, источник, дата обращения.
Приложение А
- Полный листинг DDL-скриптов и миграций.
- Скриншоты интерфейсов.
- Фрагменты кода (Router, модели ORM).
- Результаты тестов (логи, графики нагрузки).
Практические советы
Совет | Почему важно |
---|
Создайте git-репозиторий и фиксируйте ключевые итерации | Преподавателю легче проверить процесс |
Ведите README.md с инструкциями по запуску | +1 к баллам за воспроизводимость |
Делайте бэкапы БД перед каждой крупной миграцией | Избежите потери данных на демонстрации |
Пишите комментарии к ER-диаграмме (назначение таблицы) | Облегчит защиту проекта |
Если понадобится детализация кода, примеры диаграмм или шаблонов документации, дайте знать – пришлю готовые фрагменты. Удачи с курсовой!