ГЛАВА 1 Характеристика работы НИЛ рекламы, PR-

коммуникаций и массмедиа НИИ ФиПИ БГУ

1.1 Характеристика деятельности базы практики

Научно-исследовательский институт фундаментальных и прикладных

исследований (НИИ ФиПИ) был создан по решению ученого совета 25 июня
2009 года. НИИ ФиПИ объединил более 25 научных центров и лабораторий.
Научно-исследовательский институт осуществляет научную
деятельность с целью организации теоретических, экспериментальных,
фундаментальных, поисковых и прикладных научных исследований на
современном научном уровне, развития новых научных направлений,
активного участия в различных научных конференциях и форумах,
конкурсах и выставках на региональном и федеральном уровнях.
Институт координирует и осуществляет проведение фундаментальных
и прикладных исследований, направленных на получение новых знаний об
основных закономерностях функционирования и развития науки и техники,
поиск новых принципов решения прикладных социально-экономических
задач; научно-методическое, экспертно-аналитическое и консультативное
сопровождение инновационных проектов в научно-технической и
социальной сфере; организует научные исследований по приоритетным
направлениям развития науки, технологий и техники в Российской
Федерации; создает условия для внедрения цифровых технологий в процесс
проведения исследований, соответствующих современным принципам
организации научной, научно-технической, инновационной деятельности,
лучшим российским и мировым практикам; оказывает консультативно-
методическую поддержку и сопровождение конкурсных проектов,
выполняемых в рамках государственного задания Университету, Грантов
Президента РФ, Грантов РНФ и других фондов.
 В настоящее время в составе Научно-исследовательского института
фундаментальных и прикладных исследований действуют 28 научно-
исследовательских лабораторий и научно-образовательных центров, в
которых выполняются исследования по приоритетным направлениям.
Одной из научно-исследовательских лабораторий является лаборатория
рекламы, PR-коммуникаций и массмедиа НИИ ФиПИ БГУ.
НИЛ рекламы, PR-коммуникаций и массмедиа НИИ ФиПИ БГУ
является структурным подразделением научно-исследовательского института
фундаментальных и прикладных исследований Брянского государственного
университета имени академика И.Г. Петровского. Лаборатория создана на
базе филологического факультета Брянского государственного университета
имени академика И.Г. Петровского 1 января 2020 г.
Целью научно-исследовательской лаборатории является организация
экспериментальных, поисковых и прикладных научных исследований в
области изучения социально-экономических проблем формирования
массовых коммуникаций в стратегическом направлении развития Брянской
области.
НИЛ рекламы, PR-коммуникаций и массмедиа решает задачи:
 исследование социальных условий влияния массовых коммуникаций на
массовую аудиторию;
 исследование поведения потребителей и позиционирования товаров на
рынке Брянской области;
 исследование технологий брендирования товаров на рынке Брянской
области и выявления инновационных процессов формирования
конкурентоспособных товаров региона;
 маркетинговые и проективные исследования влияния интегрированных
коммуникационных кампаний, распространяемых на территории
Российской Федерации и республики Беларусь;
 исследования социальных коммуникаций на массовую аудиторию;

2
  подготовка к изданию материалов, отражающих результаты научных
исследований;
 апробация и внедрение научных результатов;
 установление контактов и развития сотрудничества с ведущими
специалистами соответствующего научного направления.

За последние годы сотрудниками и представителями научно-

исследовательской лаборатории рекламы, PR-коммуникаций и массмедиа
НИИ ФиПИ БГУ были получены результаты:
 исследовано дискурсивное общение в деловой коммуникации как
инструмента социально-экономической интеграции;
 исследовано влияние современной коммуникации (социальной
рекламы и кинопродукции) на молодежную аудиторию;
 исследованы коммуникативные компетенции молодежи в области
антинаркотической пропаганды;
 исследованы технологии позиционирования образовательной услуги и
определены тенденции современности;
 выявлены тенденции развития экологической рекламы в России;
 получены научно-методические основы формирования корпоративного
имиджа предприятия мясной промышленности (на примере ООО
«Брянской мясной компании») и предприятия сферы торговли (на
примере ЗАО «Термопульс»);
 выявлены коммуникативные тренды в индустрии рекламы
современной российской действительности.

Исследования, проводимые НИЛ рекламы, PR-коммуникаций и масс-

медиа, поддерживаются фондом президентских грантов на развитие
гражданского общества, а также коммерческими предприятиями и
организациями Брянской области.

3
 1.2 Социально-психологический портрет сотрудников НИЛ
рекламы, PR-коммуникаций и массмедиа НИИ ФиПИ БГУ

Для составления социально-психологического портрета сотрудников

НИЛ рекламы, PR-коммуникаций и массмедиа изучим информацию на
официальном сайте Брянского государственного университета.
Руководителем научно-исследовательской лаборатории является
Якубенко Елена Николаевна.

Должность Заместитель декана по

учебной и научной работе,
доцент кафедры русской,
зарубежной и массовых
коммуникаций
Ученая степень Кандидат экономических
наук
Ученое звание Доцент
Факультет Филологический
Кафедра Русской, зарубежной
литературы и массовых
коммуникаций
Образование Высшее образование
Наименование Специальность
направления «Экономика»; направление
подготовки и «Социально-экономические
(или) знания», направление
специальность «Реклама и связи с
общественностью»

Сотрудниками научно-исследовательской лаборатории рекламы, PR-

коммуникаций и массмедиа НИИ ФиПИ БГУ являются:

4
 1. Алексютина Ольга Александровна

Должность Доцент кафедры русской,

зарубежной литературы и
массовых коммуникаций
Ученая степень Кандидат педагогических
наук
Ученое звание Доцент
Факультет Филологический
Кафедра Русской, зарубежной
литературы и массовых
коммуникаций
Образование Высшее образование -
специалитет / магистратура
Наименование Специальность
направления «Филология», направление
подготовки и подготовки магистратуры
(или) «Реклама и связи с
специальность общественностью»

2. Волконский Юрий Константинович

Должность Доцент кафедры русской,

зарубежной литературы и
массовых коммуникаций
Ученая степень Кандидат юридических
наук
Ученое звание Доцент
Факультет Филологический
Кафедра Русской, зарубежной
литературы и массовых
коммуникаций
Образование Высшее образование
Наименование «Социология управления»,
направления «Юриспруденция»
подготовки и
(или)
специальность
3. Левичева Елена Васильевна

5
Должность Доцент кафедры русской,
зарубежной литературы и
массовых коммуникаций
Ученая степень Кандидат филологических
наук
Ученое звание Доцент
Факультет Филологический
Кафедра Русской, зарубежной
литературы и массовых
коммуникаций
Образование Высшее образование
Наименование 42.04.01 Реклама и связи с
направления общественностью
подготовки и (магистратура)
(или)
специальность

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

магазина обеспечивает целый ряд различных параметров, в том числе и
качественная оптимизация сайта. Это удобный и запоминающийся веб-
дизайн, четкая структура, правильно подобранное доменное имя и, конечно
же, система администрирования сайтами.
Именно она определяет круг возможностей владельца сайта:
размещение каталогов продукции, баннерой системы, обновление модулей и
т.д. Сегодня конкуренция на данном рынке очень высока. Каждая компания
готова предложить свою собственную CMS. Некоторые из них созданы
буквально вчера, а некоторые успели преодолеть порог в десять лет
успешного существования. Как, например, 1С-Битрикс.
«Фирма 1С» — российская компания, занимающаяся разработкой,
изданием и поддержкой компьютерных программ, баз данных делового и
домашнего назначения, а также компьютерных игр [1]. Организационно-
6
правовая форма: общество с ограниченной ответственностью. 1С основана в
1991 году в России Борисом Нуралиевым, который на данный момент
является генеральным директором компании.
Из разработок фирмы «1С» наиболее известны программные системы
«1С:Предприятие», а также продукты для образовательной сферы: серия
учебных программ «1С:Репетитор», серия «1С:Школа» на платформе
«1С:Образование». «1C» разрабатывает, а также локализует и издаёт
различные компьютерные игры (под брендами СофтКлаб и Бука).
Название компании возникло из названия собственной поисковой
программы: не более 1 секунды требовалось для получения информации. В
марте 2007 года фирма «1С» и компания «Битрикс» создают совместное
предприятие «1С-Битрикс».
«1С-Битрикс: Управление сайтом» — система управления контентом
веб-проекта (CMS) от российской компании «1С-Битрикс» [2]. Компания
«Битрикс» основана в 1998 году Сергеем Рыжиковым вместе совместно с
группой единомышленников. В 2003 году компания выпустила коммерчески
успешную платформу «Битрикс: Управление сайтом 3.0». «1С-Битрикс»
написан на PHP с использованием MVC-архитектуры. За несколько месяцев
компания привлекла около 300 партнёров в партнёрскую сеть.
По данным digital-журнала «CMS Magazine», который проводит
исследования в области CMS, используемых в России, CMS «1С-Битрикс:
Управление сайтом» заняла первое место по использованию среди платных
CMS за 2021 год [3] (рис.1).

7
 Рисунок 1 – Рейтинг платных CMS в России за 2021 год

На данный момент платформа «1С-Битрикс: Управление сайтом»

имеет 5 лицензий:
 «Старт» стоимостью 5 400 рублей;
 «Стандарт» стоимостью 15 900 рублей;
 «Малый бизнес» стоимостью 35 900 рублей;
 «Бизнес» стоимостью 72 900 рублей;
 «Энтерпрайз» стоимостью от 399 000 рублей.

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

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

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

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

9
 2. Личный кабинет. В своем персональном разделе покупатель
отслеживает все свои заказы и полностью управляет своим внутренним
счетом. В своем кабинете клиент изменяет личную информацию и подписку
на новости магазина. Для доступа в персональный раздел достаточно
авторизоваться на сайте интернет-магазина.
3. Оформление заказа. Клиентам Интернет-магазина не придется
заполнять избыточную информацию при оформлении заказа. В зависимости
от выбранного способа доставки и региона, с которым работает магазин,
система запрашивает только необходимые в данный момент данные. В
любой момент существует возможность распечатать для клиента документы
по заказу. Также менеджер магазина может добавлять новые и править
существующие заказы прямо из административной части.
4. Адаптивные формы. Владелец магазина сам решает, какая
информация ему нужна от клиента. Система подстраивается под эту схему -
клиенту при заполнении форм предлагаются только нужные в данный
момент поля.
5. Гибкая работа со скидками. В карточке управления заказами можно
увидеть полную информацию о скидках. В отдельном блоке выводятся все
скидки, которые применились к заказу. Менеджер видит, что это за скидка:
откуда она появилась, как применилась, как называется, какой процент или
сумму содержит. Может перейти на страницу этой скидки и посмотреть ее
подробности.
6. Единицы измерения. С помощью этой возможности можно создать
любые интернет-магазины: продуктов питания, лекарственных средств,
стройматериалов и т.д. Возможно продажа любые товаров - в любых
единицах измерения. Для каждого своего интернет-магазина вы можете
задать индивидуальные настройки единиц измерения. Это возможно
благодаря концепции единиц измерения, внедренной во все компоненты
интернет-магазина и торгового каталога.

10
 7. Статистика и отчеты. Для получения статистики по заказам и
товарам служат отчеты и графики. Необходимые поля для отчетов можно
легко настроить. Сами отчеты можно выгрузить в таблицу MS Excel для
дальнейшего использования. Доступна следующая статистика: отчет по
заказам, отчет по продуктам, графики динамики заказов, графики по деньгам.
Этим функциональным возможностям компания 1С-Битрикс обучает
на своей образовательной платформе «Академия 1С-Битрикс».
Также «Академия 1С-Битрикс» предоставляет собственные
сертификаты разной степени подготовки, который можно получить после
успешного сданного экзамена. Существует два уровня подготовки
разработчиков.
Благодаря разнообразному функционалу платформы «1С-Битрикс:
Управление сайтом» существует возможность создавать интернет-магазины
для различных целей и выбрать оптимальный тарифный план.

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

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

платформы Bitrix Framework. Bitrix Framework — это созданная на основе
PHP платформа для разработки веб-приложений.
На этой платформе компанией «1C-Битрикс» созданы два популярных
продукта: «1C-Битрикс: Управление сайтом» и «1С-Битрикс: Корпоративный
портал», имеются и другие различные готовые отраслевые решения [].
Кроме того, компания Битрикс поддерживает собственный магазин под
названием MarketPlace, где также можно купить или скачать бесплатно
различные решения, например, шаблоны, дополнительные модули,
надстройки для программных продуктов, готовые решения для подключения
телефонии, интеграции с другими сервисами и т.д.

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

14
 Данный компонент из собственного программного кода (контроллер) и
шаблона (представление). Компонент, с помощью методов ядра Битрикса
манипулирует данными одного или нескольких модулей. Шаблон
компонента выводит данные на страницу (рис. 2).

Рисунок 2 – Классическая схема работы компонента

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

Carrier Rider Mapper.
Carrier – это носитель любой информации, к которой могут иметь доступ
несколько клиентов одновременно. Например, база данных товаров
интернет-магазина.
Rider (Reader или Writer) – объекты, посредством которых Carrier
предоставляет доступ к хранимой в нём информации. Данные объекты
считывают и записывают информацию хранимую в Carrier исключительно
только посредством объектов типа Reader (объект считывания) и Writer
(объект записи). Таким образом, Reader и Writer - интерфейсы доступа к
информации.

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

На странице сайта может быть размещено несколько компонентов.

Один компонент может отвечать за вывод собственно текста статьи, другой -
за вывод баннеров, третий - за вывод новостей, относящихся к теме данной
статьи и т.п. Один и тот же компонент может использоваться на разных
страницах сайта и может использоваться на любом из сайтов внутри данной
установки продукта.
Система «1С-Битрикс. Управление сайтом» на платформе Bitrix
Framework имеет широкий и гибкий функционал для программирования,
который позволяет создавать модули для решения множество задач.

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

потребительской корзины товаров

Большинство современных интернет-магазинов используют разные

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

17
данной категории существует множество реализованных готовых модулей.
Все они отличаются интерфейсом и встроенными функциями.
Проанализируем интернет-магазины строительной тематики,
предлагающие потенциальным покупателям различные напольные покрытия
и имеющие в своем арсенале возможности предварительного расчета
покупаемой продукции. Эти веб-сервисы представлены в сервисе
Яндекс.Маркет, который имеет возможность фильтрации интернет-
магазинов как по товарам, так и по региону, для которого осуществляется
продажа материала. [4].
Для анализа существующих модулей расчета строительных материалов
выделим следующие критерии:
 наличие поля ввода необходимой квадратуры для дальнейшего расчета
строительного материала;
 наличие поля вывода итогового количества;
 наличие поля вывода итоговой стоимости строительного материала;
 возможность расчета количества покупаемого товара с учетом
резервного запаса материалов;
 возможность учета способа укладки;
 возможность расчета площади нестандартных помещений.

1. Интернет-магазин «СтройлоН» [5].

В настоящее время «СтройлоН» реализует продукцию для
строительства в городе Брянск оптом и в розницу. Интернет-магазин создан
для информационной поддержки оффлайн-магазина. Для анализа возьмем
страницу ламината «Ламинат Eco-Tec 2079 Дуб миллениум» (рис. 3).

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

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

нет цены за упаковку данного ламината, также не указано количество
квадратных метров в упаковке.
Модуль пересчета на странице не имеет возможности выбора способа
укладки, а также возможности учета запаса материала.
После анализа модуля расчета строительного материала по заданным
критериям можно сделать вывод, что у данного интернет-магазина
отсутствует поле ввода необходимой квадратуры для дальнейшего расчета
строительного материала, поля вывода итогового количества материала и
поля вывода итоговой стоимости товара.
В карточке товара интернет-магазина «СтройлоН» нет возможности
расчета количества с учетом резервного запаса материалов, возможности
учета способа укладки, а также нет возможности расчета площади для
нестандартных помещений.

2. Интернет-магазин «5 звезд» [6].

Интернет-магазин «5 звезд» предлагает для продажи ламинат с
доставкой по Москве. Для анализа возьмем страницу ламината «ламинат
Classen M/B 43523 Лахти» (рис. 4).

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

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

данного ламината, указано количество квадратных метров в упаковке.
После анализа модуля расчета строительного материала по заданным
критериям можно сделать вывод, что у данного интернет-магазина
отсутствует поле вывода итогового количества материала и поле вывода
итоговой стоимости товара.
В карточке товара интернет-магазина «СтройлоН» нет возможности
расчета количества с учетом резервного запаса материалов, возможности
учета способа укладки, а также нет возможности расчета площади для
нестандартных помещений. Поле для ввода необходимой квадратуры
появляется после добавления товара в корзину, что является неочевидным и
может усложнить процесс покупки товара для пользователей.

3. Интернет-магазин «ТД Лавон» [7].

Данный магазин занимается продажей строительных и отделочных
материалов по всей России.
Для анализа возьмем страницу ламината «Ламинат TARKETT
WOODSTOCK Дуб шервуд светлый 8мм 33кл» (рис. 5).

20
 Рисунок 5 – Карточка ламината в интернет-магазине «ТД Лавон»

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

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

4. Интернет-магазин «Отделкино CITY» [8].

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

21
карточке товара есть одно поле для ввода требуемой площади помещения.
После ввода данных значение округляется в зависимости от квадратуры
упаковки напольного покрытия в большую сторону.

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

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

CITY» из заданных критериев существует только возможность пересчета
требуемого количества строительного материала для стандартного
помещения, есть поле для вывода итоговой стоимости без учета способа
укладки и запаса.
5. Интернет-магазин «СтройМикс» [9].
Данный магазин занимается продажей напольных материалов по всей
территории России.
Для анализа возьмем страницу ламината «Ламинат Ideal Blackberry Дуб
Каноло 7080» (рис. 7).
В карточке товара указана цена за квадратный метр и упаковку. Для
пересчета количества материала в карточке товара есть одно поле для ввода

22
требуемой площади помещения, а также кнопки для шага кратного площади
одной упаковки. После ввода данных значение округляется в зависимости от
квадратуры упаковки напольного покрытия в большую сторону.

Рисунок 7 – Карточка ламината в интернет-магазине «СтройМикс»

В карточке товара интернет-магазина «СтройМикс» из заданных

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

6. Интернет-магазин «Леруа Мерлен» [10].

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

23
 В карточке товара указана цена за квадратный метр, количество
квадратных метров в упаковке и стоимость одной упаковки материала.
В интерфейсе интернет-магазина «Леруа Мерлен» существуют поля
ввода длины и ширины помещения, с помощью которых вычисляется
квадратура для дальнейшего расчета строительного материала.

Рисунок 8 – Карточка ламината в интернет-магазине «Леруа Мерлен»

В модуле расчета имеется поле вывода итогового количества товара,

поле вывода итоговой стоимости строительного материала, а также есть
возможность с помощью переключателей учитывать способ укладки: по
прямой или по диагонали.
Возможность расчета количества покупаемого товара с учетом
резервного запаса материалов и возможность расчета площади для
нестандартных помещений отсутствуют в карточке товара интернет-магазина
«Леруа Мерлен».

24
 По результатам проведенного анализа была составлена сводная таблица,
отображающая наличие у интернет-магазинов критериев модуля калькуляции
строительных материалов (табл. 1).

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

способ укладки

нестандартных
Возможность

Возможность

Возможность
Поле вывода

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

помещений
Поле ввода

количества

стоимости

учитывать

учитывать
упаковок

итоговой

площади
расчета
запас
Критерии

«СтройлоН» - - - - - -
«5 звезд» + - - - - -
«ТД Лавон» + - - - - -
«Отделкино» + + + - - -
«СтройМикс» + + + - - -
«Леруа Мерлен» + + + - + -

Анализ показал, что на описанных выше веб-ресурсах используются

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

25
 Тем самым обусловлена актуальность разработки программного модуля
«Универсальный калькулятор расчета строительных материалов. Он
позволит пересчитывать требуемую квадратуру стандартных и
нестандартных помещений, выводить количество упаковок и итоговой
стоимости товара, а также будет иметь возможность учета способа укладки и
запаса покупаемого материала, а также устранит недостатки рассмотренных
модулей пересчета.

26
 Выводы по главе 1

Благодаря разнообразному функционалу, наличию нескольких редакци

и постоянным обновлениям «1С-Битрикс: Управление сайтом» позволяет
создать веб-ресурсы любой сложности: начиная от одностраничного сайта,
заканчивая интернет-магазином с большим количеством товаров.
Все программные продукты Битрикс реализованы с помощью
собственной платформы Bitrix Framework. Bitrix Framework, созданной на
основе языка программирования php. Платформа реализует широкий и
гибкий функционал для программирования и позволяет создавать
программные модули для решения множества прикладных задач.
Интернет-магазин, реализованный на базе 1С:Битрикс может принести
больше прибыли и способствовать увеличению количества продаж при
наличии интерактивных элементов, например, модуля пересчета
покупаемого товара. Это в полной мере относится и к магазинам по продаже
строительных и отделочных материалов. Такой модуль доложен включать в
себя возможность расчета площади для стандартных и нестандартных
помещений, вывод итогового количества упаковок и стоимости, а также
возможность учитывать запас и способ укладки строительного материала.

27
 ГЛАВА 2 ПРОЕКТИРОВАНИЕ ПРОГРАММНОГО МОДУЛЯ

2.1 Требования к программному модулю

Интернет-магазин «Торговый дом Мегапол» занимается продажей

строительных и отделочных материалов с доставкой по России [11]. ТД
«Мегапол» начинал свою деятельность с продажи напольных покрытий
более 10 лет назад.
В настоящее время в каталоге Интернет-магазина находится более
20000 позиций товаров российских и зарубежных производителей для
строительства и ремонта.
Для привлечения новых клиентов и увеличения прибыли веб-ресурсу
требуется постоянные доработки и улучшения, которые будут отвечать
современным требованиям интернет-магазина. Одно из таких требований –
это возможность рассчитывать количество строительного материала
непосредственно на странице сайта. Этим обусловлена актуальность
разработки модуля пересчета.
Техническое задание для разработки универсального калькулятора
пересчета строительных материалов было составлено и согласовано с
руководством интернет-магазина.
Сайт ТД «Мегапол» работает на платформе «1С-Битрикс: Управление
сайтом», которая позволяет разрабатывать дополнительные модификации
для веб-ресурса.
Разрабатываемый универсальный калькулятор расчета строительных
материалов предназначен для быстрого вычисления нужного количества
товара, продажа которого осуществляется упаковками, а цена такого товара
указана за один квадратный метр.

28
 Благодаря универсальным принципам разработки на платформе 1С-
Битрикс, модуль расчета строительных материалов может быть встроен в
любой другой интернет-магазин. Внедренный модуль позволит
пользователям интернет-магазина производить расчет количества
строительного материала сразу в карточке покупаемого товара, а также
итоговой стоимости, что позволит пользователям совершать покупки на
сайте быстрее и удобнее.
Универсальный калькулятор будет включать в себя ряд
функциональных возможностей:
 возможность расчета площади помещений стандартных и нестандартных
планировок;
 наличие полей для ввода необходимых параметров для расчета
квадратуры помещения.
 наличие поля вывода итогового количества материала.
 наличие поля вывода итоговой стоимости строительного материала.
 возможность расчета количества покупаемого товара с учетом резервного
запаса материалов.
 возможность учета способа укладки напольного покрытия.
Разработанный интерфейс модуля калькуляции строительных
материалов будет состоять из двух экранов (частей). На первом экране
модуля должна быть реализована возможность выбора типа помещения для
дальнейшего расчета.
Самыми популярными по форме помещения являются прямоугольное
помещение, помещение со скошенным углом, изогнутое помещение
«галочкой», прямоугольное помещение с двумя выступами, прямоугольное
помещение с одним выступом и помещение с эркером.
Все эти типы будут отображены с помощью изображений на первом
экране модуля вместе с заголовком и пояснительным текстом, что позволит

29
пользователю понять предназначение модуля и какие параметры требуются
для пересчета итоговой площади (рис. 9).

Рисунок 9 – Макет экрана выбора типа помещения

После выбора помещения нужной формы будет отображен второй экран

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

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

Рисунок 10 – Макет экрана ввода данных

Входные данные для полей ввода являются рациональными числами.

Выходные данные состоят из целых и рациональных чисел. Такой принцип
входных и выходных данных позволяет учитывать все варианты размеров
стен, которые не всегда могут быть целыми, а также для расчета итоговой
площади помещений.
Все расчеты сразу производятся после того, как требуемые поля для
вычислений будут заполнены или изменены.
Разработанный программный модуль пересчета строительных
материалов должен корректно отображаться и выводить результаты
пересчета в понятной форме через любой современный веб-браузер на любом
экране устройств, имеющим доступ в Интернет.
Калькулятор должен корректно отображаться и функционировать на
мобильных устройствах. Для разработки макета будет использовать все те же
поля, что и для экранов стандартных мониторов. Отличие будет заключаться

31
в том, что поля будут расположены вертикально и растягиваться по ширине
экрана мобильного устройства (рис. 11).

Рисунок 11 – Первый и второй экраны модуля для мобильных устройств

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

карточках определенных товаров или их коллекций (разделов), не мешая
отображению остальной информации на веб-странице. Эти функции позволят
администратору интернет-магазина определять, для каких товаров выводить
универсальный калькулятор строительных материалов.
При изменении дизайна сайта или внедрении на другой веб-ресурс на
платформе «1С-Битрикс: Управление сайтом» модуль расчета должен иметь
возможность гибкого внедрения и адаптации под другой интерфейс
функционирующего интернет-магазина.
Выполнив все требования, выдвигаемые к модулю расчета, можно
получить удобный программный продукт для интернет-магазина, который
32
позволит упростить этап продажи строительных материалов для клиентов,
тем самым привлекая новых посетителей и увеличивая количество продаж.

2.2 Этапы разработки

Сайт интернет-магазина ТД «Мегапол» полностью функционирует и

работает на платформе Битрикс. Поэтому для разработки модуля пересчета
строительных материалов будем использовать имеющийся шаблон страницы
карточки товара, который следует доработать. Он позволит получать
необходимые входные данные для модуля, а также гибко управлять ими.
С помощью PHP модуль пересчета будет использовать встроенные
функции Bitrix Framework. Javascript код позволит динамически отображать и
изменять модуль расчета при взаимодействии с пользователем. За
отображение модуля пересчета на веб-странице карточки товара будет
отвечать языки разметки HTML и CSS, которые позволят адаптировать
разработанный калькулятор под любой дизайн карточки товара.
Разработка модуля пересчета строительных материалов выполнялась
поэтапно. Опишем каждый из них подробно.
Этап 1. Разработка интерфейса модуля для стандартных мониторов
Интерфейс модуля пересчета для стандартных мониторов компьютеров
будет горизонтальный, так его можно вставлять в любую часть карточки
товара интернет – магазина и, таким образом, он не будет занимать много
места на экране монитора. В нашем случае он будет находиться под важными
характеристиками товара. Для разработки интерфейса будем использовать
размер 900x600 пикселей. В дальнейшем этот размер можно будет
масштабировать в зависимости от дизайна интернет – магазина.
На первом экране интерфейса модуля будет заголовок универсального
калькулятора, поле для его описания и шесть изображений для отображения
возможных вариантов помещений.

33
 Семейство шрифтов, размеры и цветовая гамма будет использована в
стилистике интернет-магазина ТД «Мегапол», которые в дальнейшем можно
изменить для другого сайта (Листинг 1).

Листинг 1
<a href="pomeshenie1" class="link_pomesh">
<img class="ami-lazy loaded" src="/upload/pomeshenie1.webp"
alt="Форма помещения 1" data-was-processed="true">
</a>

После выбора помещения требуемой формы будет показан второй экран

с необходимыми полями для пересчета. Их количество зависит от выбранной
формы помещения.
Также на втором экране присутствуют поля для вывода итоговой
стоимости помещения, итогового количества упаковок, схематическая
фотография выбранного помещения, возможность выбрать способ укладки и
учет запаса.
Добавим поля для ввода площади помещения и поясняющие подписи к
ним. Будем рассматривать два варианта: ввод площади помещения сразу в
квадратных метрах или несколько полей для выбранной формы помещения.
Эти поля позволяют сделать модуль удобнее для пользователя, потому
что не каждый посетитель интернет-магазина знает конечную площадь
нужного помещения или наоборот, известна только конечная его площадь, а
остальные параметры неизвестны (Листинг 2).

Листинг 2
<input type="text" id="stena1" placeholder="Длина стены №1 (м2)"
class="input_area">
<input type="text" id="stena2" placeholder="Длина стены №2 (м2)"
class="input_area">
<input type="text" id="stena3" placeholder="Длина стены №3 (м2)"
class="input_area">

34
 Следующим шагом добавим поля для вывода общей суммы и итогового
количества упаковок. Их расположим внизу модуля универсального
калькулятора строительных материалов (Листинг 3).
Листинг 3
<div class="total_block_calc">
<span class="total_text">Количество упаковок:</span><br>
<span id="upak_calc">—</span><span> шт</span>
</div>
<div class="total_block_calc">
<span class="total_text">Общая стоимость:</span><br>
<span id="price_calc">—</span>
</div>

Для многих напольных покрытий, например, ламината, паркетной или

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

Листинг 4
<div class="cell_calc">
<label class="custom-control custom_radio_calc calc__label"
id="lab_pryamo">
<input type="radio" name="ukladka" value="pryamo"
id="pryamo">
<span class="control_indicator_calc" id="cust_pryamo">
<span class="circle_chek"></span>
</span>
<span class="calc_control_text">Укладка по прямой</span>
</label>
</div>

35
 При укладке напольных покрытий бывают случаи, когда купленного
материала не хватает. Как правило, не хватает одной упаковки для
завершения укладки в помещении. Эта распространенная ситуация при
ремонте создает сложность покупателю в том, что докупать одну упаковку
того же напольного покрытия выходит дороже, а также не каждый магазин
может продать только одну упаковку нужного напольного покрытия.
Чтобы избежать данную ситуацию, введем в модуле пункт для выбора
покупки материала с учетом запаса.
Для описания данного модуля пересчета оставим в макете второго
экрана модуля подписи для заголовка и описания с первого экрана, чтобы
посетитель, переходя на второй экран в карточке товара, понимал, что
обозначают данные поля и для чего они нужны. Тексты для заголовка и
описания могут меняться в зависимости от карточки напольного покрытия, в
котором они отображаются.
После того, как пользователь выбрал тип помещения, ввел требуемые
значения для пересчета, получил нужное количество материала с учетом
укладки и запаса, для удобства создадим кнопку добавления в корзину. Так
посетитель интернет – магазина может сразу добавить нужное количество
материала в корзину и продолжить посещать сайт без дополнительных
действий (рис. 12).
В интерфейсе модуля все поля для ввода и вывода результата, а также
кнопки и переключатели могут менять свое положение и стилизацию на веб-
странице в зависимости от дизайна интернет-магазина.

36
 Рисунок 12 – Окончательный вариант экрана модуля для ввода данных
Этап 2. Разработка мобильного интерфейса модуля
Для реализации макета модуля расчета напольных покрытий для
экранов мобильных устройств модуль будет отображаться вертикально как
первый экран модуля, так и второй. Все поля модуля будут сохранены и
останутся такими же как для экранов компьютеров, так и для экранов
мобильных устройств.
Размеры полей ввода, полей описания, кнопок и отступов могут
меняться в зависимости от дизайна сайта и размера экрана телефона для того,
чтобы весь макет модуля пересчета помещался полностью на экран
пользователя. За отслеживание размера экрана устройства и стилизации
модуля будет отвечать файл CSS разметки. В зависимости от разрешения
экрана он будет отображать размер модуля расчета и размеры его полей.
В таком случае посетителю сайта будет проще понять назначение
данного модуля на любом устройстве с доступом в Интернет. Ему не
придется пролистывать страницу у себя на смартфоне, чтобы видеть
остальную часть макета модуля (рис. 13).

37
 Рисунок 13 – Первый и второй экраны для мобильных устройств
Все компоненты интерфейса модуля пересчета могут увеличиваться или
сужаться в зависимости от размера экрана мобильного устройства, что
позволяет калькулятору корректно отображаться на любом устройстве.

Этап 3. Программирование модуля для пересчета

Изображения помещений будут выполнять роль кнопок, при клике на
которые происходит переход на второй экран модуля для расчета площади
конкретного помещения. Отображение кнопок будет выглядеть в виде тега
<img>, обернутого в ссылку <a> с определенными параметрами, при клике на
которую будет срабатывать событие, отвечающее за конкретный тип
помещения.
За переключение на второй экран универсального калькулятора будет
отвечать фрагмент javascript кода. Он будет отслеживать по какому
изображению произведен переход, и в зависимости от этого показывать
второй экран модуля для конкретного помещения (Листинг 5).

Листинг 5

38
 jQuery('a[href=pomeshenie1]').on('click', function (e) {
e.preventDefault();
$('.form_pomeshenie .row').hide();
$('<div class="calc_form" style="width: 100%;">' +
'<span class="back_form"></span>' +
'<div class="col-4 col-md-4 col-sm-5 col-xs-12">' +
'<img src="/images/cart_calc/pomesh2.png" alt="Форма
помещения 1">'+
'</div>)').appendTo($('.form_pomeshenie'));

Все поля для ввода организованы с помощью HTML тега <input>,

изменения которого отслеживает javascript код, который вызывает функцию
для отслеживания вводимых данных. Она принимает на вход вводимое
число, которое обрабатывается и используется для дальнейших пересчетов
итоговой площади помещения (Листинг 6).
Листинг 6
let area = $('#plosh_calc'),
dlina = $('#dlina_calc'),
shirina = $('#shirina_calc'),
input_area = $('.text.plosh_calc'),
plus_area = $('.plus.plosh_calc'),
minus_area = $('.minus.plosh_calc'),
upak = $('#upak_calc'),
price = $('#price_calc');
stena1.on('input', function () { zapasUpdateCalc();});
stena2.on('input', function () { zapasUpdateCalc();});

После того, как необходимые поля заполнены, происходит расчет

площади помещения. Сложные типы помещений разбиваются на
прямоугольные сегменты, которые затем складываются, тем самым
рассчитывая итоговую площадь всего помещения.
За отображение общей суммы и итогового количества упаковок
отвечают два HTML блока со вложенными поясняющими тегами, которые
принимают результат значений (Листинг 7).

39
 Листинг 7
upak = $('#upak_calc');
price = $('#price_calc');
upak.text($('.text.upak').val());
setTimeout(function(){price.text($('.total_summ>div
span').text());}, 550);

За отображение переключателей типов укладки будет отвечать HTML

блок с тегами <input> типа radio, благодаря которому можно выбрать только
один из предложенных вариантов укладки.
Учет запаса материала реализован с помощью тега <input> типа
checkbox и svg иконки для удобного отображения переключателя учета. В
начальном состоянии этот переключатель активен. На его изменение
состояния реагирует javascript код, который добавляет 10% к итоговой
площади помещения или отнимает в зависимости от состояния
переключателя (Листинг 8).

Листинг 8
if ($('#zapas_calc').is(':checked') && $
('input:radio[name=ukladka]:checked').val() == "diagonal") {
percent_plosh = (area_num / 100) * 20 + area_num;
} else if ($('#zapas_calc').is(':checked') || $
('input:radio[name=ukladka]:checked').val() == "diagonal") {
percent_plosh = (area_num / 100) * 10 + area_num;
} else {
percent_plosh = area_num;
}

Для реализации кнопки «В корзину» будут использоваться две ссылки,

которые будут показываться в зависимости от того, добавлен ли товар уже в
корзину или нет (Листинг 9).
40
 Листинг 9
$('#buy_calc').click(function () {
$('.button_block.buy_calc span.btn').click();
$('#myModal').css('display', 'none');
$('#myOverlay').fadeOut(297);
});
$('.button_block.buy_calc span.btn').click(function () {
$('#in_cart_calc').css('display', 'block');
$('#buy_calc').css('display', 'none');
});

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

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

2.3 Тестирование и отладка

Разработанный модуль требует тестирования и отладки. Во время

прохождения производственной практики с xx декабря по xx декабря
разработанный модуль был протестирован на техническом поддомене [12].
Этот сайт закрыт для посетителей и является полной копией рабочего
интернет-магазина ТД «Мегапол».
Эта копия веб-ресурса позволяет тестировать новые решения и
дорабатывать существующие модули на работающем сайте. Такой подход
позволяет отследить и исправить ошибки, которые не были учтены при
написании программного кода, а также внести корректировки после
разработки, не нарушая структуру и функции работающего сайта интернет-
магазина ТД «Мегапол».
41
 После успешного тестирования и отладки все изменения переносятся на
основной сайт интернет-магазина.
Для тестирования и отладки модуля пересчета строительного материала
возьмем товары, которые продаются упаковками: например, ламинат,
паркетная и массивная доска. На их примерах будем рассматривать функции
и работу модуля.
В первую очередь выберем стандартную форму помещения –
прямоугольную, которая является первой в списке помещений. При выборе
этого типа помещения появляется экран с тремя полями для ввода
параметров: длина двух стен и итоговая площадь помещения (рис. 14).

Рисунок 14 – Второй экран модуля для стандартного помещения

При вводе длины стен калькулятор автоматически начинает

рассчитывать площадь помещения, если необходимые параметры заполнены.
При заполнении полей, предназначенных для ввода длины стен, итоговая
площадь выводится в поле ввода. При заполнении поля, предназначенного
для площади, поля для стен становятся неактивными.
42
 Когда выбирается вариант укладки по диагонали, к итоговой площади
добавляется 10%. При выборе укладки по прямой итоговая площадь
помещения не изменяется.
При выключении параметра «Учитывать запас», от итоговой площади
отнимается 10%. Это поле изначально включено для того, чтобы
пользователь выбирал товар с учетом дальнейшего резервного запаса.
После того, как все параметры выставлены и поля введены, с помощью
модуля есть возможность сразу положить выбранное количество товара в
корзину.
Когда товар находится в корзине, кнопка «В корзину» меняется на
другую, имеющая зеленый цвет с надписью «В корзине» (рис. 15).

Рисунок 15 – Второй экран модуля после добавления в корзину

Следующим для рассмотрения работы модуля будет помещение со

скошенным углом. Для его расчета требуется ввести длины четырех стен,
поэтому на втором экране появятся четыре поля ввода вместе с остальными
стандартными переключателями (рис. 16).

43
 Рисунок 16 – Экран модуля пересчета помещения со скошенным углом
Для того, чтобы модуль пересчитал итоговую площадь, количество и
стоимость товара нужно заполнить все четыре поля ввода соответствующих
стен или конечную площадь помещения. Введем следующие значения:
Для первой стены – 5 м, для второй стены – 2 м, для третьей – 3, для
четвертой – 4. После ввода последнего параметра модуль автоматически
пересчитал площадь помещения и вывел итоговую стоимость и количество
упаковок материала (рис. 17).

Рисунок 17 – Экран модуля помещения со скошенным углом с данными

44
 Для дальнейшего тестирования модуля будем рассматривать форму
помещения, имеющего шесть полей для ввода данных. Под это условие
подходит прямоугольное помещение с двумя выступами.
После выбора этого типа помещения появляется экран, где
пользователю предлагается ввести параметры шести стен для дальнейшего
пересчета площади помещения. Каждое поле ввода используется для длины
соответствующей стены помещения.
Все остальные переключатели, кнопки и справочные поля остаются
неизменными для всех помещений (рис. 18).

Рисунок 18 – Экран модуля пересчета помещения с двумя выступами

После того, как все поля, отвечающие за ввод данных шести стен
заполнены или заполнена итоговая площадь, программный модуль сразу
выводит результаты пересчета на экран (рис. 19).

45
 Рисунок 19 – Результаты модуля пересчета помещения с двумя выступами
После вывода результатов работы модуля у пользователя существует
возможность выбора тип укладки и учета запаса, а также добавление
итогового количества материала в корзину.
Для следующего этапа тестирования модуля рассмотрим его работу на
мобильном устройстве. Отладку будем производить на форме помещения
«галочкой». После выбора данного типа пользователю на мобильном
устройстве предлагается ввести необходимые четыре параметра для расчета
площади помещения (рис. 20).

46
 Рисунок 20 – Экран модуля для ввода параметров на мобильном устройстве

Принцип пересчета и ввода данных осуществляется аналогично, как и на

стандартных мониторах. Для того, чтобы модуль пересчитал итоговую
площадь, количество и стоимость товара нужно заполнить все четыре поля
ввода соответствующих стен или конечную площадь помещения. Введем
следующие значения:
Для первой стены – 6 м, для второй стены – 3 м, для третьей – 4, для
четвертой – 2. После ввода последнего параметра модуль автоматически
пересчитал площадь помещения и вывел итоговую стоимость и количество
упаковок материала (рис. 21).

47
Рисунок 21 – Модуль после добавления в корзину на мобильном устройстве

После ввода последнего параметра на экране мобильного устройства

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

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

49
 Выводы по главе 2

Выполнив описанные требования, выдвигаемые к модулю расчета,

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

50
 Заключение

В современном мире существует большое разнообразие интернет-

магазинов, продающих свой товар через собственный веб-ресурс. Одной из
самой популярной платформой для управления сайтом является «1С-
Битрикс. Управление сайтом». Эта система позволяет использовать
встроенные готовые модули для продажи через Интернет, а также имеет
возможность для разработки собственных программных продуктов благодаря
функционалу Bitrix Framework.
Интернет-магазины строительной тематики сталкиваются с трудностью
продажи своего товара, так как зачастую он имеет цену за квадратный метр и
продается упаковками с определенной квадратурой. Существующие готовые
решения не могут обеспечить тот функционал, который мог бы упростить
процесс покупки строительного материала через сайт.
В рамках работы разработан модуль пересчета напольных покрытий,
реализующий удобное и понятное для пользователей интернет-магазина
отображение в карточке товара, а также функциональные возможности для
пересчета количества упаковок, площади помещения и итогового количества
материала, который продается упаковкой.
Цель работы, заключавшаяся в разработке модуля пересчета напольных
покрытий для интернет-магазинов, который будет использоваться
пользователями для расчета необходимого количества напольных покрытий
для помещения, достигнута.
Все задачи, которые были поставлены в начале работы, выполнены в
полном объеме:
 изучить историю создания платформы «1С-Битрикс: Управление сайтом»
и ее основных характеристик;
 выделить основные принципы веб-программирования на платформе «1С-
Битрикс: Управление сайтом»;
51
 проанализировать готовые решения для пересчета строительных
материалов в карточках товаров интернет-магазинов;
 сформулировать основные требования для разработки калькулятора
расчета строительных материалов;
 разработать поэтапно калькулятор расчета строительных материалов;
произвести тестирование.

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

усовершенствован путем добавления 3D-схемы помещения, а также
возможностью отобразить выбранное напольное покрытие в виртуальной
комнате, что позволит клиентам увидеть в интерьере выбранный товар и
удобно производить расчет нужного количества.

52
 Список использованных источников

1. https://1c.ru/rus/firm1c/firm1c.htm
2. https://www.1c-bitrix.ru/products/cms/
3. https://itrack.ru/research/cmsrate/#!cms-commercial-tab
4. Яндекс.Маркет
https://market.yandex.ru/catalog--napolnye-pokrytiia/18060977/list?
rt=9&suggest_text=%D0%9D%D0%B0%D0%BF%D0%BE%D0%BB
%D1%8C%D0%BD%D1%8B%D0%B5%20%D0%BF%D0%BE%D0%BA
%D1%80%D1%8B
%D1%82%D0%B8%D1%8F&suggest=1&suggest_type=category&suggest
_reqid=27629774707342874693061347628941
5. «СтройлоН» https://td32.ru/
6. Интернет-магазин «5 звезд» https://www.laminat-stars.ru/
7. Интернет-магазин «ТД Лавон» https://www.lavon-shop.ru/
8. Интернет-магазин «Отделкино CITY» https://otdelkino.ru/
9. Интернет-магазин «СтройМикс» https://stroimix.com/
10. Интернет-магазин «Леруа Мерлен» https://leroymerlin.ru/
11. Интернет-магазин «Торговый дом Мегапол»
https://www.rosconmarket.ru/kto-my/
12. техническом поддомене http://www.dev.rosconmarket.ru/

13. JavaScript и jQuery. Исчерпывающее руководство. 3-е издание |

Макфарланд Дэвид | Эксмо |2018
14. PHP. Справочник | КУДИЦ-Пресс | 2017
15. Сайт на 1С-Битрикс. Создание, поддержка и продвижение. Базовое
практическое руководство | Наука и техника | 2017
16. 1С-Битрикс: строим профессиональный сайт и интернет-магазин |
Басыров-Попов Р И | 2019
53
17. 1С-Битрикс: постройте профессиональный сайт сами! | Басыров-
Попов Р И | 2017
18. Оптимизация интернет-магазина | Кроксен-Джон Дэн, Тондер
Йоханн | Альпина Паблишер | 2018
19. PHP 7 | Котеров Дмитрий Владимирович, Симдянов Игорь
Вячеславович | БХВ-Петербург | 2019
20. HTML, JavaScript, PHP и MySQL | Дронов Владимир, Прохоренок
Николай Анатольевич | БХВ-Петербург | 2019

54