МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

ВЫСШЕГО ОБРАЗОВАНИЯ
«БРЯНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ИМЕНИ АКАДЕМИКА И.Г.
ПЕТРОВСКОГО»

Институт естественно-научный
Факультет физико-математический
Кафедра информатики и прикладной математики

ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА

Разработка программного модуля «Универсальный калькулятор

расчета строительных материалов» для системы 1С-Битрикс

Выполнил:
Слепцов Даниил Викторович
студент 4 курса, 1 группы
01.03.02 ПМИ
направление:
Прикладная математика и информатика
профиль: Системное программирование и
компьютерные технологии
очной формы обучения
________________________________
(Подпись)
Научный руководитель:
Иванова Наталья Александровна
к.т.н., доцент кафедры ИПМ
________________________________
(Подпись)

Брянск 2021
 Содержание

Введение...................................................................................................................3

Глава 1 Платформа управления веб-сервисами «1С-Битрикс: Управление

сайтом».....................................................................................................................6

1.1 История создания и основной функционал платформы................................6

1.2 Принципы программирования на платформе 1С-Битрикс..........................10

1.3 Обзор готовых решений для 1С-Битрикс......................................................13

§3 Разработка графического макета модуля пересчета для стандартных

мониторов компьютера.........................................................................................17

§4 Разработка графического макета модуля пересчета для мобильных

устройств................................................................................................................25
 Введение

В современном мире Интернет-магазины, доступ к которым возможен из

любой точки мира с помощью устройства с выходом в сеть Интернет, играют
огромную роль в жизни человека. Одна из самых популярных систем для
больших Интернет-магазинов является платформа «1С-Битрикс: Управление
сайтом». Главная особенность платформы 1С-Битрикс – это большое
количество готовых решений для работы Интернет-магазина, а также
возможность разработки собственных модулей, которые позволяют
расширять функционал сайта.
Не смотря на большое количество и разнообразие готовых модулей для
Интернет-магазинов на платформе 1С-Битрикс, не всегда есть возможность
выбрать подходящее решение и гибко его использовать, а иногда приходится
устанавливать несколько модулей для решения одной задачи, что
сказывается на удобстве их использования и работоспособности сайта. Так,
например, на данный нет готового решения, которое бы подошло для расчета
строительных материалов при покупке в Интернет-магазине. Этим
обусловлен выбор темы выпускной квалификационный работы «Разработка
программного модуля «Универсальный калькулятор расчета строительных
материалов» для системы 1С-Битрикс».
Целью работы является разработка модуля пересчета напольных
покрытий для интернет-магазинов, который поможет пользователям
рассчитать необходимое количество напольных покрытий для помещения.
Объектом исследования является система управления контентом
платформа «1С-Битрикс: Управление сайтом». Предметом исследования
является возможности внедрения и применения дополнительных
программных модулей в деятельность интернет-магазинов.
Исходя из поставленной цели, были выделены следующие задачи:
 1) изучить историю создания платформы «1С-Битрикс: Управление
сайтом» и ее основных характеристик;
2) выделить основные принципы веб-программирования на платформе
«1С-Битрикс: Управление сайтом»;
3) проанализировать готовые решения для строительных Интернет-
магазинов;
4) сформулировать основные требования для разработки калькулятора
расчета строительных материалов;
5) разработать поэтапно калькулятор расчета строительных материалов;
6) произвести тестирование.
Методами исследования являются:
– анализ (характеристики 1С-Битрикс);
– синтез (этапы разработки программного модуля);
– классификация (функциональные возможности платформы 1С-
Битрикс: Управление сайтом);
– эксперимент (разработан программный модуль);
– сравнение (сравнивались готовые решения для 1С-Битрикс).
Выпускная квалификационная работа состоит из введения, двух глав,
выводов по ним, заключения и списка используемых источников.
Первая глава содержит информацию о платформе «1С-Битрикс:
Управление сайтом». В ней рассматривается основной функционал
платформы и история ее создания, принципы программирования на 1С-
Битрикс, производится сравнительный анализ и обзор готовых модулей для
Интернет-магазинов по продаже строительных материалов.
Вторая глава посвящена разработке программного модуля
«Универсальный калькулятор расчета строительных материалов». В ней
содержатся техническое задание и требования к разработке модуля, описание
этапов разработки программного модуля, его отладка, тестирование и
внедрение в интернет-магазин.
 В заключении анализируются полученные результаты и оценка
выполнения поставленных задач
Список используемых источников состоит из 10 учебных пособий и 5
Интернет-ресурсов.
CD-диск содержит текст выпускной квалификационной работы,
презентацию и программный код разработанного модуля «Универсальный
калькулятор расчета строительных материалов».
 Глава 1 Платформа управления веб-сервисами
«1С-Битрикс: Управление сайтом»

1.1 История создания и основной функционал платформы

Эффективное функционирование и своевременное развитие Интернет-

магазина обеспечивает целый ряд различных параметров, в том числе и
качественная оптимизация сайта. Это удобный и запоминающийся веб-
дизайн, четкая структура, правильно подобранное доменное имя и, конечно
же, система администрирования сайтами. Именно она определяет круг
возможностей владельца сайта: размещение каталогов продукции, баннерой
системы, обновление модулей и т.д. Сегодня конкуренция на данном рынке
очень высока. Каждая компания готова предложить свою собственную CMS.
Некоторые из них созданы буквально вчера, а некоторые успели преодолеть
порог в десять лет успешного существования. Как, например, 1С-Битрикс.
«1С-Битрикс: Управление сайтом» — система управления контентом
веб-проекта (CMS) от российской компании «1С-Битрикс» [https://www.1c-
bitrix.ru/products/cms/]. Компания «Битрикс» основана в 1998 году Сергеем
Рыжиковым вместе совместно с группой единомышленников. В 2003 году
компания выпустила коммерчески успешную платформу «Битрикс:
Управление сайтом 3.0». «1С-Битрикс» написан на PHP с использованием
MVC-архитектуры. За несколько месяцев компания привлекла около 300
партнёров в партнёрскую сеть.
По данным digital-журнала «CMS Magazine», который проводит
исследования в области CMS, используемых в России, CMS «1С-Битрикс:
Управление сайтом» заняла первое место по использованию за 2020 год
[https://itrack.ru/research/cmsrate/#!cms-commercial-tab].
На данный момент платформа «1С-Битрикс: Управление сайтом»
имеет 5 лицензий:
1) «Старт» стоимостью 5 400 рублей;
2) «Стандарт» стоимостью 15 900 рублей;
3) «Малый бизнес» стоимостью 35 900 рублей;
4) «Бизнес» стоимостью 72 900 рублей;
5) «Энтерпрайз» стоимостью от 399 000 рублей.

Эти тарифы отличаются функциональными возможностями и уровнем

техподдержки. Для Интернет-магазина подойдет лицензии «Малый бизнес» и
выше. Остальные редакции не поддерживают модули и функции
необходимые для Интернет-магазина.
Начиная с лицензии «Малый бизнес» в Битрикс, включен весь
необходимый функционал, который важен для любого интернет-магазина:
– удобное управление каталогом товаров, ценами, продажами;
– разные единицы измерения (килограммы, литры, метры и т.д.);
– поддержка торговых предложений;
– несколько типов цен (розничные и оптовые);
– функционал наборов и комплектов товаров для роста среднего чека;
– встроенные платежные системы;
– поддержка служб доставки;
– складской учет (учет поставщиков, складов и документов, учет
прихода товара с штрихкодами, возврат, резервирование и автоматическое
снятие резерва, списание бракованного товара и многое другое);
– возможность формировать отчёты о прибыльности конкретного товара
или покупателя.

В Битрикс легко управлять ценами и скидками. К примеру, можно:

– типизировать цены по группам пользователей;
– выгружать типы цен из 1С;
– генерировать скидки для товаров, торговых марок, пользователей;
 – давать скидки за действия (при покупке определенного количества
товаров, заказа на заданную сумму и т.д.).
Безусловно, любую из вышеперечисленных функциональных
возможностей, можно реализовать на любой CMS, но важно при прочих
равных соизмерять трудозатраты.
Данная CMS отлично подходит для Интернет-магазина напольных
материалов, так как имеет большой и гибкий функционал по работе с
товарами, а также широко используется разработчиками веб – проектов для
создания и улучшения модулей для Интернет-магазинов.
Для торговли с помощью Интернет-магазина платформа «1С-Битрикс:
Управление сайтом» имеет следующий функционал.
1. Корзина товаров и услуг. Покупатель может не только добавить в
корзину любые товары и услуги, но и в любое время изменить свой выбор,
находясь в корзине. Например, непосредственно перед заказом клиент может
изменить любое свойство торгового предложения. Выбрать другой цвет,
размер товара и т.д. Итоговая сумма в корзине пересчитывается на глазах у
клиента, стоит ему изменить вариант торгового предложения, количество
товара или применить купон.
2. Личный кабинет. В своем персональном разделе покупатель
отслеживает все свои заказы и полностью управляет своим внутренним
счетом. В своем кабинете клиент изменяет личную информацию и подписку
на новости магазина. Для доступа в персональный раздел достаточно
авторизоваться на сайте интернет-магазина.
3. Оформление заказа. Клиентам Интернет-магазина не придется
заполнять избыточную информацию при оформлении заказа. В зависимости
от выбранного способа доставки и региона, с которым работает магазин,
система запрашивает только необходимые в данный момент данные. В
любой момент существует возможность распечатать для клиента документы
по заказу. Также менеджер магазина может добавлять новые и править
существующие заказы прямо из административной части.
 4. Адаптивные формы. Владелец магазина сам решает, какая
информация ему нужна от клиента. Система подстраивается под эту схему -
клиенту при заполнении форм предлагаются только нужные в данный
момент поля.
5. Гибкая работа со скидками. В карточке управления заказами можно
увидеть полную информацию о скидках. В отдельном блоке выводятся все
скидки, которые применились к заказу. Менеджер видит, что это за скидка:
откуда она появилась, как применилась, как называется, какой процент или
сумму содержит. Может перейти на страницу этой скидки и посмотреть ее
подробности.
6. Единицы измерения. С помощью этой возможности можно создать
любые интернет-магазины: продуктов питания, лекарственных средств,
стройматериалов и т.д. Возможно продажа любые товаров - в любых
единицах измерения. Для каждого своего интернет-магазина вы можете
задать индивидуальные настройки единиц измерения. Это возможно
благодаря концепции единиц измерения, внедренной во все компоненты
интернет-магазина и торгового каталога.
7. Статистика и отчеты. Для получения статистики по заказам и
товарам служат отчеты и графики. Необходимые поля для отчетов можно
легко настроить. Сами отчеты можно выгрузить в таблицу MS Excel для
дальнейшего использования. Доступна следующая статистика: отчет по
заказам, отчет по продуктам, графики динамики заказов, графики по деньгам.
Этим возможностям и многому другому функционалу компания 1С-
Битрикс обучает на своей образовательной платформе «Академия 1С-
Битрикс». Также «Академия 1С-Битрикс» предоставляет собственные
сертификаты разной степени подготовки, который можно получить после
успешного сданного экзамена. Существует два уровня подготовки
разработчиков.
 Благодаря разнообразному функционалу платформы «1С-Битрикс:
Управление сайтом» существует возможность создавать интернет-магазины
для различных целей и выбрать оптимальный тарифный план.

1.2 Принципы программирования на платформе 1С-Битрикс

Все программные продукты Битрикс созданы на основе собственной

платформы базе Bitrix Framework. Bitrix Framework — это созданная на
основе PHP платформа для разработки веб-приложений.
На этой платформе компанией «1C-Битрикс» созданы два популярных
продукта: «1C-Битрикс: Управление сайтом» и «1С-Битрикс: Корпоративный
портал», имеются и другие различные готовые отраслевые решения [].
Кроме того, компания Битрикс поддерживает собственный магазин под
названием MarketPlace, где также можно купить или скачать бесплатно
различные решения, например, шаблоны, дополнительные модули,
надстройки для программных продуктов, готовые решения для подключения
телефонии, интеграции с другими сервисами и т.д.
Разработкой программных продуктов на платформе Bitrix Framework
занимается узкий круг программистов, состоящий из специалистов
компании. Это коммерческий продукт, а потому такое ограничение можно
считать преимуществом. Обновления программных продуктов предсказуемы
и понятны, подход к работе практикуется комплексный, а новые функции
обычно работают именно так, как заявлено.
Bitrix Framework – это некий набор готовых модулей и компонентов, т.е.
«кирпичиков», из которых программисты Битрикс создают программные
продукты. В принципе, платформу Bitrix Framework любой программист
может при желании использовать для создания собственных программных
решений, также и готовые продукты Битрикс вполне возможно доработать
так, как это нужно пользователю.
 Bitrix Framework – решение с открытым кодом, т.е. программист может
доработать ваш программный продукт Битрикс как угодно, ограничений по
доступу к программным модулям и их коду в этой системе нет. Но при этом
Bitrix Framework – решение, поставляющееся на основе лицензий. Т.е.
установить и пользоваться программными продуктами на основе Bitrix
Framework вы сможете на таком количестве компьютеров, какое количество
лицензий вы купили.
Для сравнения: программные продукты 1С также поставляются с
лицензированием, но в них доработать можно только конфигурацию, ядро
(основа программного продукта) для программистов недоступно. В Битрикс
программист может вносить любые изменения, в том числе, в ядро. А,
например, Drupal — это система с открытым кодом, но без лицензирования.
Для того чтобы понимать, как работают программные решения Битрикс,
нужно знать, что каждое из них состоит из ядра (платформы) и модулей-
надстроек. Т.е. существует язык программирования (php), на котором
написано ядро. В ядре прописаны определенные возможности, правила,
созданы инструменты, которыми может пользоваться разработчик. При
создании программного продукта необходимые инструменты подключаются
и настраиваются, в случае необходимости, ядро также может быть
доработано. А при работе с готовым программным продуктом можно также
корректировать платформу, но чаще она остается неприкосновенной, а
доработки вносятся при помощи различных внешних модулей.
Также нужно учитывать, что платформа уже включает в себя некий
перечень базовых модулей, которые могут подключаться или отключаться
при необходимости. А потому, например, в корпоративном портале имеется
модуль «корзина покупок», казалось бы, совсем там ненужный. Но, так как
он вошел в базовый набор, он присутствует во всех программных продуктах
Битрикс.
 Далее с готовыми уже инструментами может работать пользователь
(модератор, администратор сайта и т.д.), и с их помощью создавать контент,
выкладывать товары и так далее.
Также компания очень ответственно подходит к работе своего магазина
надстроек и приложений MarketPlace. Предложить разработку для этого
магазина могут не только сотрудники компании, но и сторонние
разработчики. Но любой предложенный продукт проходит строгую
премодерацию, решение тестируется специалистами компании “Битрикс”, и
только после их одобрения появляется в публичном доступе.
Изначально «Битрикс» создавался как система управления контентом
для создания интернет-магазинов, а потому «Управление сайтом» имеет
очень широкий перечень возможностей и богатый функционал.
С другой стороны, всем богатством возможностей этого движка
пользуются нечасто. Редко можно увидеть на битрикс-сайте несколько
каталогов, практически не используются возможности маркетинга, так как
для большинства интернет-магазинов не нужны все эти функции, но все же
они имеются в числе возможностей программного продукта и при
возникновении потребности их можно подключить в любой момент.
При создании интернет-магазина с использованием продукта
«Управление сайтом» необходимо:
– установить на хостинг саму систему управления контентом;
– установить дизайн, настроить информационные страницы;
– настроить каталог товаров и управление корзиной (оформление
покупки);
– при необходимости подключить платежные системы, обмен данными с
учетной программой и т.п.
Большая часть функционала, который может потребоваться для
реализации любого вида Интернет-торговли уже имеется в составе продукта
«Управление сайтом», но также можно использовать собственные разработки
или покупать решения в MarketPlace.
 Система «1С-Битрикс. Управление сайтом» требует широкого перечня
возможностей хостинга, некоторые хостинг-компании даже вводят
специальные тарифные планы для «интернет-магазинов на Битрикс», это
важно помнить при выборе хостинга и расчете стоимости поддержки сайта.
Сайт на платформе«1С-Битрикс. Управление сайтом» состоит из:
– публичного раздела;
– административного раздела.
Публичный раздел – это страницы сайта, административный раздел –
набор компонентов, модулей, базы данный и т.д. Граница между публичным
и административным разделом - процесс авторизации контент-менеджера на
сайте.
Система «1С-Битрикс. Управление сайтом» разработана на Bitrix
Framework – это созданная на основе PHP платформа для разработки веб-
приложений. Она позволяет создавать интернет-проекты любой сложности,
дорабатывать существующие компоненты и разрабатывать новые.
Компонент – это логически завершённый код, предназначенный для
извлечения информации из инфоблоков и других источников и
преобразования её в HTML-код для отображения в виде фрагментов web-
страниц. Состоит из собственно компонента (контроллер) и шаблона
(представление). Компонент, с помощью API одного или нескольких
модулей, манипулирует данными. Шаблон компонента выводит данные на
страницу [].
 Рис. 1 – Классическая схема работы компонента

Компоненты в Bitrix Framework используют паттерн проектирования

Carrier Rider Mapper.
Carrier – это носитель любой информации, к которой могут иметь доступ
несколько клиентов одновременно.
Rider (Reader или Writer) – объекты, посредством которых Carrier
предоставляет доступ к хранимой в нём информации. Клиенты считывают и
записывают информацию хранимую в Carrier исключительно только
посредством объектов типа Reader и Writer. Таким образом, Reader и Writer -
интерфейсы доступа к информации.
Mapper (Scanner либо Formatter) – объекты обёртки над Reader либо
Writer соответственно. Мапперы отвечают за преобразование форматов
данных в удобные для клиентов форматы.
Поток информации от носителя к клиенту (считывание): Carrier > Reader
> Scanner > Client. Поток информации от клиента к носителю (запись): Carrier
< Writer < Formatter < Client.
Компоненты могут быть реализованы для:
 – создания полнофункциональных разделов на сайте, например
новостного раздела, фотогалереи, каталога товаров и т.д. Такие разделы
создаются с помощью комплексных компонентов;
– создания часто используемых областей в шаблоне или на страницах
сайта (например, формы авторизации, формы подписки);
– представления динамически обновляемой информации (например,
ленты новостей, случайного фото);
– выполнения любых других операций с данными.
При размещении компонента на странице пользователь задаёт
параметры, с которыми её программный модуль будет вызван на данной
конкретной странице. Набор параметров (включая их типы) перечисляется в
файле параметров компонента в виде специального хэш-массива.
Основные особенности технологии работы компонентов:
1. В компонентах разделена логика и визуальное представление.
Логика – это сам компонент, представление – это шаблон вывода
компонента. Для одной логики может быть создано несколько
представлений, в том числе зависящих от шаблона текущего сайта.
Визуальное представление (шаблон вывода) может быть написано на любом
шаблонном языке, который можно подключить из PHP. Например, шаблоны
могут быть на PHP, Smarty, XSL и т.д.
2. В компонентах нет необходимости изменять логику компонента для
изменения особенностей его показа. Поэтому управлять внешним видом
информации, выводимой компонентом, стало значительно легче. Шаблон
вывода существенно проще, чем компонент в целом.
3. Компоненты централизованно хранятся в одной папке. Это
обеспечивает большую целостность и понятность структуры сайта. Папка
доступна для обращений, а значит компонент и его шаблоны, могут легко
подключать свои дополнительные ресурсы.
На странице сайта может быть размещено несколько компонентов.
Один компонент может отвечать за вывод собственно текста статьи, другой -
за вывод баннеров, третий - за вывод новостей, относящихся к теме данной
статьи и т.п. Один и тот же компонент может использоваться на разных
страницах сайта и может использоваться на любом из сайтов внутри данной
установки продукта.

1.3 Обзор готовых решений для 1С-Битрикс

Для анализа существующих модулей расчета строительных материалов

для интернет-магазинов выделим следующие критерии:
– поле ввода необходимой квадратуры для дальнейшего расчета;
– поле вывода итогового количества упаковок строительного материала;
– поле вывода итоговой стоимости строительного материала;
– возможность учитывать запас и способ укладки;
– возможность учитывать способ укладки;
– возможность добавления в корзину.
Рассмотрим несколько популярных интернет-магазинов строительной
тематики и проанализируем их модули расчета по данным критериям.
1. Интернет-магазин «СтройлоН» (веб-адрес: https://td32.ru/). В
настоящее время компания «СтройлоН» реализует в городе Брянске оптом и
в розницу продукцию для строительства.
Для анализа возьмем страницу ламината «Ламинат Eco-Tec 2079 Дуб
миллениум» (Рисунок 2).

Рис. 2 – Карточка ламината в интернет-магазине «СтройлоН»

 В карточке товара указана только цена за квадратный метр. На странице
нет цены за упаковку данного ламината, также не указано количество
квадратных метров в упаковке. Проанализируем модуль расчета
строительного материала по заданным критериям (Таблица 1).

Поле ввода квадратуры нет

Поле вывода количества упаковок нет
Поле вывода итоговой стоимости нет
Возможность учитывать запас нет
Возможность учитывать способ нет
укладки
Возможность добавления в корзину да

Таблица 1 – Критерии модуля расчета в интернет-магазине «СтройлоН»

Таким образом, в карточке товара интернет-магазина «СтройлоН»
существует только возможность добавления строительного материала в
корзину без учета количества упаковок и итоговой стоимости.
2. Интернет-магазин «ТД Лавон» (веб-адрес: https://www.lavon-shop.ru/).
Данный магазин занимается продажей строительных материалов по всей
России. Для анализа возьмем страницу ламината «Ламинат TARKETT
WOODSTOCK Дуб шервуд светлый 8мм 33кл» (Рисунок 3).
 Рис. 3 – Карточка ламината в интернет-магазине «ТД Лавон»

В карточке товара указана цена за квадратный метр, отсутствует

количество квадратных метров в упаковке, а также ее стоимость. Для
пересчета количества материала в карточке товара есть одно поле для ввода
требуемой площади помещения.
Проанализируем модуль расчета по заданным критериям в карточке
товара интернет-магазина «ТД Лавон» (Таблица 2).

Поле ввода квадратуры да

Поле вывода количества упаковок нет
Поле вывода итоговой стоимости нет
Возможность учитывать запас нет
Возможность учитывать способ нет
укладки
Возможность добавления в корзину да

Таблица 2 – Критерии модуля расчета в интернет-магазине «ТД Лавон»

 Таким образом, в карточке товара интернет-магазина «ТД Лавон»
существует возможность добавления в корзину нужной квадратуры
помещения без пересчета итогового количества упаковок. После оформления
заказа менеджеру магазина придется связываться с покупателем, чтобы
выяснить и посчитать нужное количество упаковок строительного материала,
что делает процесс покупки более сложным и занимает больше времени.

2. Интернет-магазин «Отделкино CITY» (веб-адрес: https://otdelkino.ru/).

Данный магазин занимается продажей отделочных и строительных
материалов по всей России. Для анализа возьмем страницу ламината
«Ламинат Tarkett Woodstock Family 833 NWOOI-41M1033-8E Дуб Шервуд
тобакко» (Рисунок 4).

Рис. 4 – Карточка ламината в интернет-магазине «Отделкино CITY»

В карточке товара указана цена за квадратный метр и количество
квадратных метров в упаковке. Для пересчета количества материала в
карточке товара есть одно поле для ввода требуемой площади помещения.
После ввода данных значение округляется в зависимости от квадратуры
упаковки напольного покрытия в большую сторону.
Проанализируем модуль расчета по заданным критериям в карточке
товара интернет-магазина «Отделкино CITY» (Таблица 3).
Поле ввода квадратуры да
Поле вывода количества упаковок да
Поле вывода итоговой стоимости да
Возможность учитывать запас нет
Возможность учитывать способ нет
укладки
Возможность добавления в корзину да

Таблица 3 – Критерии модуля расчета в интернет-магазине «Отделкино

CITY»

Таким образом, в карточке товара интернет-магазина «Отделкино

CITY» существует возможность пересчета нужного количества
строительного материала, вывод итоговой стоимости и добавления
строительного материала в корзину без учета способа укладки и запаса.

2. Интернет-магазин «Леруа Мерлен» (веб-адрес: https://leroymerlin.ru/).

Леруа Мерлен — международная компания-ритейлер, специализирующаяся
на продаже товаров для строительства, отделки и обустройства дома, дачи и
сада. Для анализа возьмем страницу ламината «Ламинат «Дуб Ривер» 31
класс толщина 6 мм» (Рисунок 5).
 Рис. 5 – Карточка ламината в интернет-магазине «Леруа Мерлен»

В карточке товара указана цена за квадратный метр, количество

квадратных метров в упаковке и стоимость одной упаковки материала.
Проанализируем модуль расчета строительного материала по заданным
критериям в интернет-магазине «Леруа Мерлен» (Таблица 4).

Поле ввода квадратуры да

Поле вывода количества упаковок да
Поле вывода итоговой стоимости да
Возможность учитывать запас нет
Возможность учитывать способ да
укладки
Возможность добавления в корзину да

Таблица 4 – Критерии модуля расчета в интернет-магазине «Леруа Мерлен»

 Таким образом, в карточке товара интернет-магазина «Леруа Мерлен»
существует возможность пересчета нужного количества строительного
материала, вывод итоговой стоимости и добавления строительного материала
в корзину для дальнейшей покупки.
Для наглядности составим сводную таблицу анализа 4 интернет-
магазинов по продаже строительных материалов (Таблица 5).

Критерии «СтройлоН» «ТД Лавон» «Отделкино» «Леруа Мерлен»

Поле ввода нет да да да
квадратуры
Поле вывода нет нет да да
количества
упаковок
Поле вывода нет нет да да
итоговой
стоимости
Возможность нет нет нет нет
учитывать
запас
Возможность нет нет нет да
учитывать
способ
укладки
Возможность да да да да
добавления в
корзину

Таблица 5 – Сводная таблица анализа модулей пересчета

 Анализ показал, что на данный момент существует различные модули
пересчета строительных материалов. В некоторых нет калькуляции нужного
количества материалов, а существует только возможность добавления товара
в корзину. Некоторые же интернет-магазины имеют достаточно удобный
калькулятор расчета, но отсутствует функционал учета запаса или способа
укладки напольного покрытия.
Тем самым обусловлена актуальность разработки программного модуля
«Универсальный калькулятор расчета строительных материалов, который
будет соответствовать выделенным критериям.
 §3 Разработка графического макета модуля пересчета для стандартных
мониторов компьютера

В нашем случае будем использовать «1С-Битрикс: Управление сайтом»

в качестве CMS для интернет – магазина напольных материалов. По данным
digital-журнала «CMS Magazine», который проводит исследования в области
CMS, используемых в России, CMS «1С-Битрикс: Управление сайтом»
заняла первое место по использованию за 2020 год.[]
В Битрикс включен весь необходимый функционал, который важен для
любого интернет-магазина.
– удобное управление каталогом товаров, ценами, продажами;
– разные единицы измерения (килограммы, литры, метры и т.д.);
– поддержка торговых предложений;
– несколько типов цен (розничные и оптовые);
– функционал наборов и комплектов товаров для роста среднего чека;
– встроенные платежные системы;
– поддержка служб доставки;
– складской учет (учет поставщиков, складов и документов, учет
прихода товара с штрихкодами, возврат, резервирование и автоматическое
снятие резерва, списание бракованного товара и многое другое);
– возможность формировать отчёты о прибыльности конкретного товара
или покупателя.
В Bitrix легко управлять ценами и скидками. К примеру, можно:
– типизировать цены по группам пользователей;
– выгружать типы цен из 1С;
– генерировать скидки для товаров, торговых марок, пользователей;
– давать скидки за действия (при покупке определенного количества
товаров, заказа на заданную сумму и т.д.).
 Безусловно, любую из вышеперечисленных функциональностей, можно
реализовать на любой CMS, но важно при прочих равных соизмерять
трудозатраты.
Данная CMS отлично подходит для интернет – магазина напольных
материалов, так как имеет большой и гибкий функционал по работе с
товарами, а также широко используется разработчиками веб – проектов для
создания и улучшения модулей для интернет – магазинов.

В нашем случае нас будет интересовать этапы привлечения и

информирования клиентов, формирования и приема заказа. Модуль
пересчета напольных покрытий в карточке товара интернет – магазина будет
способствовать информированию посетителей о том, какое количество
товара им необходимо приобрести и какова будет итоговая сумма. Такой
функционал позволит увеличить количество привлеченных клиентов, потому
что исключит этап пересчета требуемого количества товара вручную.
 Глава 2

Для разработки интерфейса модуля пересчета напольных покрытий

будем использовать программу AdobePhotoshop. Она позволяет создавать
макет интерфейса, добавлять и редактировать поля, а также выгружать макет
в любом удобном формате.
В первую очередь разработаем макет для стандартных мониторов
компьютеров. Модуль пересчета будет горизонтальный. Так его можно
вставлять в любую часть карточки товара интернет – магазина и таким
образомон не будет занимать много места. Для разработки будем
использовать размер 900х400 пикселей (Рисунок 4). В дальнейшем этот
размер можно будет масштабировать в зависимости от дизайна интернет –
магазина.

Рис. 4 – Исходный блок размером 900х400 пикселей

 Добавим поля для ввода площади помещения. Здесь предусмотрены два
варианта:
1) Ввод площади помещения сразу в квадратных метрах;
2) Два поля: длина и ширина помещения.

Эти три поля позволяют сделать модуль удобнее для пользователя,

потому что не каждый посетитель интернет - магазина знает конечную
площадь нужного помещения или помещение нестандартной формы и
известна только конечная его площадь(Рисунок 5).

Рис. 5 – Введены три поля ввода площади

Для этих полей добавим подписи, чтобы пользователь понимал, что они
означают, а также единицы измерения, в которых модуль производит расчет
(Рисунок 6).
 Рис. 6 – Добавлены подписи к полям ввода и единицы измерения

Следующим шагом добавим поля для вывода общей суммы и итогового

количества упаковок. Их расположим внизу макета (Рисунок 7).

Рис. 7 – Поля вывода общей суммы и количества упаковок

 Для многих напольных покрытий, например, ламинат или паркетная
доска существует два наиболее популярных способа укладки:
1) Укладка по прямой;
2) Укладка по диагонали.
Эти два способа отличаются друг от друга тем, что для укладки по
диагонали требуется большее количество материала. Эта разница составляет
примерно 10% от укладки по прямой. Поэтому следующим шагом добавим
возможность выбрать пользователю, каким способом укладки он будет
пользоваться. Эту возможность реализуем переключателями, только один из
которых может быть выбран (Рисунок 8).

Рис. 8 – Добавлены переключатели для вариантов укладки

При укладке напольных покрытий бывают случаи, когда купленного

материала не хватает. Как правило, не хватает одной упаковки для
завершения укладки в помещении. Этараспространеннаяситуация при
ремонте создает сложность покупателю в том, что докупать одну упаковку
того же напольного покрытия выходит дороже, а также не каждый магазин
может продать только одну упаковку нужного напольного покрытия.
Чтобы избежать данную ситуацию, введем в модуле пункт для выбора
покупки материала с учетом запаса (Рисунок 9).

Рис. 9 – Добавленопункт выбора учета запаса материала

Для описания данного модуля пересчета добавим в макет подписи для

заголовка и описания модуля, чтобы посетитель, заходя в карточку товара,
понимал, что обозначают данные поля и для чего они нужны. Тексты для
заголовка и описания могут меняться в зависимости от карточки напольного
покрытия, в котором они отображаются (Рисунок 10).
 Рис. 10 – Подписи для заголовка и описания модуля

После того, как пользователь выбрал нужное количество материала,

варианты укладки и учет запаса, для удобства добавим кнопку добавления в
корзину. Так посетитель интернет – магазина может сразу добавить нужное
количество материала в корзину и продолжить посещать сайт без
дополнительных действий (Рисунок 11).

Рис. 11 – Добавлена кнопка «В корзину»

 §4 Разработка графического макета модуля пересчета для мобильных
устройств

Для реализации макета модуля расчета напольных покрытий для

экранов мобильных устройств модуль будет отображаться вертикально. Все
поля модуля будут сохранены и останутся такими же как для экранов
компьютеров, так и для экранов мобильных устройств(Рисунок 12).
Размеры полей ввода, полей описания, кнопок и отступов могут
меняться в зависимости от дизайна сайта и размера экрана телефона для того,
чтобы весь макет модуля пересчета помещался полностью на экран
пользователя. В таком случае посетителю сайта будет проще понять
назначение данного модуля и ему не придется пролистывать страницу у себя
на смартфоне, чтобы видеть остальную часть макета модуля.

Разработанный макет модуля расчета напольных покрытий может быть

стилизован под любой дизайн карточки товара и располагаться в любом
месте на веб – странице, что делает его универсальным для любых интернет
– магазинов, которые продают товары, кратные упаковкам. Данный макет
подойдет для любого устройства, так как разработан для всех размеров
экранов, что делает его кроссплатформенным.

Рис. 12 – Мобильная версия макета модуля пересчета

 Заключение

В рамках работы разработан макет модуля пересчета напольных

покрытий, реализующий удобное и понятное для пользователей интернет -
магазина отображение в карточке товара, который продается упаковкой.
В процессе работы решены следующие задачи:
–изучен теоретический материал по графическим макетам;
–изучены особенности графических макетов карточки товара;
–разработан графический интерфейс модуля пересчета для
стандартных разрешений экранов;
–разработан графический интерфейс модуля пересчета для мобильных
разрешений экранов;
–реализован удобный и понятный интерфейс модуля пересчета.

Разработанный графический интерфейс выполняет 3 основные

функции:
–отображение расчета товара, кратного упаковкам, понятное для
пользователей интернет - магазина;
–отображение интерфейса модуля на любых разрешениях устройств;
–возможность стилизации под любой дизайн карточки товара
Для разработки приложения была использованапрограмма
AdobePhotoshop.
 Список использованной литературы

1. Алиев В. С. Технологии и системы финансового менеджмента:

учебное пособие - М.: «ФОРУМ»: ИНФРА-М, 2017. - С. 128.
2. Бикнер К. Экономичный web-дизайн / К. Бикнер; пер. с англ. Д.
С. Ремизова – М.: НТ Пресс, 2015. – С. 248.
3. Брезгунова И. В. Основы веб-проектирования: учеб-метод.
пособие – Минск: РИВШ, 2018. – С. 125.
4. Грабауров В. А. Информационные технологии для менеджеров –
М.: Финансы и статистика, 2015. – С. 368.
5. Евсеев Д. А. Web-дизайн в примерах и задачах: учеб. пособие –
М.: Кнорус, 2016. – С. 263.
6. Измайлов В. Г. Проектирование web-приложений и программных
систем в Open Source: учеб. пособие / В. Г. Измайлов, Г. А. Лисьев, М. Ю.
Озерова, А. Л. Трейбач; под ред. проф. Г. А. Лисьева - М.: ФЛИНТА, 2017. -
С. 98.
7. Кияев В. И. Информационные технологии в управлении.
БИНОМ. Лаборатория знаний, Интернет-университет информационных
технологий - М.: ИНТУИТ.ру, 2019. – С. 176.
8. Кэмпбел М. Разработка, дизайн, программирование,
тестирование и раскрутка web-сайта – М.: Триумф, 2017. – С. 480.
9. Немцова Т. И. Практикум по информатике. Ч. 2. Компьют.
графика и Web-дизайн. Практ.: Уч. пос. / Т.И.Немцова и др.; Под ред.
Л.Г.Гагариной - М.: ИД ФОРУМ: ИНФРА-М, 2018. - С. 288.
10. Пирогов В. Ю. Информационные системы и базы данных:
организация и проектирование: учеб. пособие - СПб.: БХВ-Петербург, 2019. -
С. 528.
11. Плюснина И. В. Разработка информационной системы: учебное
пособие – М.: Котлас, 2016. – С. 62.
 12. Пушкарев Н. Н. Управление человеческими ресурсами на основе
компьютерных технологий – М: Финансы и статистика, 2019. – С. 176.
13. Розенфельд Л. Информационная архитектура в интернете; 2-е
изд.; пер. с англ. / Л. Розенфельд, П. Морвиль. – СПб.: Символ-Плюс, 2015. –
С. 544.
14. Сырых Ю. А. Современный веб-дизайн. Настольный и
мобильный – М.: Диалектика, 2018. – С. 381.