Разработка веб-ресурса для ателье ТМ NASTA.SEW

Сведения об организации –заказчике
Веб ресурс был заказан мини-предприятием ателье NASTA.SEW, которое специализируется на пошиве кружевного и хлопкового нижнего белья по индивидуальным меркам, с индивидуальным дизайном.
Также дополнительно ателье занимается пошивом хлопковых и атласных пижам по индивидуальным меркам заказчика.

Описание предметной области и обоснование необходимости создания веб-ресурса
Предметной областью является продукт производимы предприятием – нижнее белье и пижамы. Особенность продукта – пошив по индивидуальным меркам.

Основные этапы создания веб-ресурса
Работа была организована в соответствии со стандартом ГОСТ 34.602-89.

Разработка концепции сайта Nastasew.ru
Концепция дизайна - цветовая гамма в стиле тренда 2021 года по версии Pantone: «безупречно серый» (Ultimate Gray) и «озаряющий» (Illuminating).
Схема сайта разрабатываемого веб-ресурса в рамках данной работы была определена как древовидная.

Формирование требований к веб-ресурсу

Моделирование сайта NastaSEW.ru

Выбор средств разработки
В качестве инструментов разработки были выбраны редактор исходного кода Visual Studio Code, Adobe Photoshop и Open Server:
Visual Studio Code – редактор для программирования на таких языках как PHP, JavaScript и HTML;
Adobe Photoshop – редактор для определения цветов и стилей шрифта в макете;
Open Server – ПО для тестирования серверных функций сайта.

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

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

На языке Java Script были разработаны функции для определения размеров. Главная сложность, с которой пришлось столкнуться при создании калькуляторов – учесть как стандартные вариации пропорций человека, так и нестандартные.
Описание разработанного программно-информационного компонента системы
Функции для калькуляторов были созданы с помощью условных конструкторов if () else {}. Такие конструкторы позволяют проверять заданный диапазон значений.

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

Тестирование работы сервера
Тестирование работы сервера осуществлялось с помощью заполнения данных в форме. Данные должны были добавляться как из текстовых полей, так и из ниспадающих списков с выбором модели.
В текстовые поля были добавлены функции:
Urldecode – для декодирования URL-кодированной строки;
Htmlspecialchars для преобразования специальных символов в HTML-сущности.

Разработка эксплуатационной документации
Для веб-ресурса разработана эксплуатационная документация, в которую входит:

Заключение
После создания веб-ресурса были достигнуты следующие результаты:
Таким образом, поставленная задача была выполнена.