МИНИСТЕРСТВО ЦИФРОВОГО РАЗВИТИЯ,
СВЯЗИ И МАССОВЫХ КОММУНИКАЦИЙ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М.А. БОНЧ-БРУЕВИЧА»
(СПбГУТ)
Факультет Информационных технологий и программной инженерии
Кафедра Систем обработки данных
Направление: 09.03.02 Информационные системы и технологии
Профиль: Прикладные информационные системы и технологии
Практическое задание №4
«Разработка веб-страницы интернет-магазина с каталогом товара»
по дисциплине
«ВТиЗИ»
Выполнил:
студент группы ИСТ-223
Хакова Ю. М. «____» _________ 2025 г.
Принял:
ассистент кафедры СОД
Коровкина Е.В. «____» _________ 2025 г.
СОДЕРЖАНИЕ
Y
1 ПОСТАНОВКА ЗАДАЧИ 3
2 ВЫБОР МЕТОДОВ И ТЕХНОЛОГИЙ 3
3 ТРЕБОВАНИЯ К ДИЗАЙНУ 4
4 ФАЙЛОВАЯ СТРУКТУРА МОДУЛЕЙ И ИХ ФУНКЦИОНАЛ 8
5 ЗАКЛЮЧЕНИЕ 29
1 Постановка задачи
Задачей практической работы является разработка веб-страницы учебной платформы для изучения межславянского языка, включающей каталог курсов и индивидуальные карточки товаров (курсов), а также отработка навыков проектирования пользовательского интерфейса и взаимодействия с базой данных.
В связи с этим необходимо реализовать следующие задачи:
разработка главной страницы сайта с кратким описанием проекта и навигационным меню;
создание каталога курсов с выводом данных из базы данных PostgreSQL;
реализация перехода к карточке товара с отображением полной информации о программе обучения, описанием и кнопкой «Начать обучение»;
использование HTML, CSS и PHP для реализации клиентской и серверной логики.
2 Выбор методов и технологий
Для реализации веб-страницы платформы по изучению межславянского языка были выбраны язык программирования PHP, система управления базами данных PostgreSQL, а также локальная серверная среда MAMP, обеспечивающая полноценную работу веб-приложения на этапе разработки.
PHP используется как серверный язык, обеспечивающий динамическую генерацию контента и взаимодействие клиентской части с базой данных. Благодаря расширению PDO реализовано безопасное подключение к PostgreSQL, поддержка параметризированных запросов и защита от SQL-инъекций.
В качестве системы управления базами данных выбрана PostgreSQL 18, обладающая надёжной архитектурой, поддержкой транзакций и строгой системой контроля целостности данных. Данная СУБД используется для хранения информации о курсах: названий, описаний, стоимости и изображений.
Среда MAMP (Macintosh, Apache, MySQL, PHP) применена в качестве локального сервера, позволяющего запускать и тестировать проект без необходимости удалённого хостинга. Поддержка PostgreSQL была добавлена вручную, что позволило объединить все элементы системы в единую рабочую среду.
Интерфейс сайта разработан с использованием стандартных веб-технологий HTML5 и CSS3, с применением адаптивной вёрстки.
Требования к дизайну
Дизайн веб-интерфейса должен соответствовать тематике образовательной платформы и обеспечивать комфортное восприятие учебного контента. Интерфейс ориентирован на пользователей, изучающих межславянский язык, поэтому оформление должно быть минималистичным, мягким и не отвлекать от основного функционала.
В верхней части страниц размещается шапка сайта с логотипом платформы, ссылками на основные разделы (О проекте, Курсы, Форум) и кнопкой входа/регистрации.
Центральные блоки страниц содержат приветственный баннер, каталог курсов или формы авторизации/регистрации в соответствии с функциональным назначением страницы.
Рисунок 1 – Макет главной страницы сайта
Рисунок 2 – Макет страницы авторизации
Рисунок 3 – Макет страницы регистрации
Рисунок 4 – Макет личного кабинета
Рисунок 5 – Макет каталога
Рисунок 6 – Макет карточки товара
Файловая структура модулей и их функционал
Разработанный модуль регистрации и аутентификации реализован в виде набора связанных между собой PHP-скриптов, объединённых в единую структуру проекта. Каждый файл отвечает за конкретный этап взаимодействия пользователя с системой. Структура проекта представлена на рисунке 1.
Рисунок 1 – Файловая структура проекта