Разработка веб-приложения для автоматизации процесса взаимодействия с клиентами и аналитики (Бизнес-информатика, Российский Экономический Университет имени Г.В. Плеханова)
Работа сделана на примере ООО «Химка пластик»(Московская область, г. Химки).
Есть приложения.
Введение 3
Глава 1 Теоретическая часть 6
1.1 Анализ рынка переработки 6
1.2 Архитектурные решения для веб-приложений 9
1.3 Технологический стек и масштабируемость 13
1.4 Проектирование пользовательских интерфейсов 16
Глава 2 Аналитическая часть 22
2.1 Определение функциональных и нефункциональных требований 22
2.2 Моделирование системы 25
2.3 Проектирование архитектуры веб-приложения 33
2.4 Анализ бизнес-процессов 35
Глава 3 Техническая реализация 44
3.1 Реализация фронтенда 44
3.2 Реализация бекенда 49
3.3 Экономический эффект 53
Заключение 57
Список использованных источников 59
В эпоху четвёртой промышленной революции, охарактеризованной Клаусом Швабом как симбиоз физических, цифровых и биологических систем, автоматизация бизнес-процессов становится ключевым фактором конкурентоспособности [1]. Для предприятий, работающих в сфере переработки пластика, таких как ООО «Химка Пластик», внедрение современных веб-решений способно стать катализатором роста. Однако существующий одностраничный сайт компании, несмотря на базовый функционал (каталог, корзина, форма заказа), не решает задач автоматизации приёма заказов и динамического управления транзакциями. [31] Акцент был сделан на устранение этих пробелов, опираясь на опыт ведущих отраслевых исследований.
Глобальный тренд на устойчивое развитие, подкреплённый Парижским соглашением (2015), стимулирует рост сектора переработки. Парижское соглашение по климату принято 12 декабря 2015 года по итогам 21-й конференции Рамочной конвенции об изменении климата (РКИК; 1992) в Париже. Официальное название документа - Парижское соглашение согласно Рамочной конвенции об изменении климата (Paris Agreement under the United Nations Framework Convention on Climate Change). Его поддержали все 197 участников РКИК (193 страны-члена ООН, а также Палестина, Ниуэ, Острова Кука и ЕС). [2]
Актуальность исследования обусловлена необходимостью преодоления разрыва между растущими требованиями к цифровизации и текущим уровнем технологической зрелости предприятия перерабатывающей отрасли.
Цель работы — разработка веб-приложения, автоматизирующего рутинные задачи предприятия ООО Химка пластик с целью повышения эффективности работы.
Задачи исследования включают:
1. Теоретический обзор рассматриваемой области
2. Аналитическое обоснование веб-приложения
3. Техническую реализация веб-приложения
Объект исследования — процессы взаимодействия с клиентами и аналитики данных в ООО «Химка Пластик».
Предмет исследования — методы и инструменты разработки веб-приложения для автоматизации указанных процессов.
Теоретико-методологическая основа работы базируется на синтезе подходов, описанных в авторитетных источниках. Концепция Четвёртой промышленной революции К. Шваба задаёт общий контекст цифровизации. Принципы монолитной архитектуры, предложенные Блиновски и стандарты автоматизаций бизнес-процессов легли в основу проектирования масштабируемой системы. Моделирование бизнес-процессов выполнено с использованием методологии BPMN, что обеспечило визуализацию и устранение узких мест. Проектирование интерфейсов опиралось на исследования компании “The Story”, Якоба Нильсена, Фитса, Хика подчёркивающие важность минимализма и интуитивности в B2B-сегменте. [9]
Ожидаемые результаты работы включают:
• Сокращение времени обработки заказов до трёх минут за счёт автоматизации расчётов и интеграции с внешними API.
• Повышение точности финансовых операций до 98%
• Увеличение лояльности клиентов через персонализированные дашборды и прозрачность статусов заказов, что становится новым трендом в B2B согласно исследованию Forrester. [38]
• Снижение операционных издержек на 20–30% за счёт устранения ручного труда.
Практическая значимость исследования заключается в создании адаптируемой модели, которая может быть масштабирована для других предприятий отрасли. Внедрение предложенного решения позволит ООО «Химка Пластик» укрепить позиции на рынке, соответствовать экологическим стандартам и минимизировать риски, связанные с человеческим фактором. Как показал опыт “NSPECTRUM CLINIC”, “АСПРО”, “ExpraSoft” и многих других компаний, разработка веб-приложения сокращает длительность процессов, что значительно снизило затраты, что, в свою очередь, подтверждает экономическую целесообразность проекта. [28]
Таким образом, разрабатываемое веб-приложение становится не только инструментом оптимизации, но и элементом стратегической трансформации компании в условиях глобальных вызовов, что подтверждается исследованием McKinsey. [39] Синтез современных технологий, методологий и требований безопасности формирует основу для устойчивого развития бизнеса в эпоху цифровой экономики.
В ходе исследования разработано веб-приложение, направленное на цифровизацию процессов взаимодействия с клиентами для ООО «Химка Пластик». Решение устраняет ключевые проблемы компании: ручной ввод данных, отсутствие динамического ценообразования и низкую прозрачность операций. Интеграция алгоритмов расчёта стоимости с внешними API, такими как картографические сервисы и биржи вторсырья, позволит сократить время обработки заказов до трёх минут. Это стало возможным благодаря оптимизации бизнес-логики и устранению дублирующих задач.
Архитектурный выбор в пользу монолитной системы доказал свою эффективность для текущих масштабов предприятия. Упрощение разработки, минимальные накладные расходы и возможность вертикального масштабирования обеспечили рентабельность проекта. При этом заложена основа для будущего перехода к микросервисам в случае роста нагрузки.
Внедрение персонализированных интерфейсов, включая дашборды аналитики и систему ролевого доступа, повысит удобство для B2B-клиентов. Принципы минимализма и интуитивности, заложенные в UX/UI-дизайн, снизили когнитивную нагрузку на пользователей.
Экономический анализ подтвердил высокую эффективность решения: срок окупаемости составляет менее года, а годовой чистый эффект превышает 3 млн рублей. Сокращение операционных издержек на 25% и снижение ошибок до 5% укрепляют конкурентные позиции компании.
Рассматриваемая платформа не только решает текущие задачи, но и становится инструментом стратегической трансформации, соответствующей глобальным трендам на B2B взаимодействие в цифровой среде, выделенным Gartner. [37] Это создаёт основу для устойчивого роста компании в условиях растущих экологических требований и цифровизации рынка.
1. Шваб К. Четвёртая промышленная революция [Электронный ресурс]. — Москва: ЛитРес, 2016. — URL: https://www.litres.ru/book/klaus-shvab/chetvertaya-promyshlennaya revoluciya-21240265/chitat-onlayn/ (дата обращения: 23.02.2025).
2. OECD. Global Plastics Outlook [Электронный ресурс]. — Париж: OECD Publishing, 2022. — URL: https://www.oecd ilibrary.org/environment/global-plastics-outlook_de747aef-en (дата обращения: 23.02.2025).
3. Grieves M. Digital Twin: Manufacturing Excellence through Virtual Factory Replication [Электронный ресурс]. — 2014. — URL: https://www.researchgate.net/publication/275211047_Digital_Twin_Manufa cturing_Excellence_through_Virtual_Factory_Replication (дата обращения: 25.02.2025).
4. Walter S. Adaptive vs. responsive design [Электронный ресурс]. — URL: https://www.interaction-design.org/literature/article/adaptive-vs responsive-design (дата обращения: 23.02.2025).
5. The Open Group. TOGAF Standard, Version 9.2 [Электронный ресурс]. — 2018. — URL: https://www.opengroup.org/togaf-standard version-92 (дата обращения: 27.02.2025).
6. Анализ проблем эффективного использования основных средств промышленных предприятий в контексте цифровой экономики [Электронный ресурс]. — URL: https://cyberleninka.ru/article/n/analiz problem-effektivnogo-ispolzovaniya-osnovnyh-sredstv-promyshlennyh predpriyatiy-v-kontekste-tsifrovoy-ekonomiki/viewer (дата обращения: 23.02.2025).
7. Raw Material Price [Электронный ресурс]. — URL: https://www.sciencedirect.com/topics/engineering/raw-material-price (дата обращения: 23.02.2025).
8. Recent Developments in Plastic Waste Recycling. Plastic recycling still remains a challenging area in the waste management sector [Электронный ресурс]. — URL: https://www.researchgate.net/publication/360727346_Recent_Developments _in_Plastic_Waste_Recycling_Plastic_recycling_still_remains_a_challengin g_area_in_the_waste_management_sector (дата обращения: 23.02.2025)
9. B2B Mobile Website Design // The story URL: https://thestory.is/en/journal/b2b-mobile-website-design/ (дата обращения: 10.03.2025).
10. “Новый день”. Объем пластиковых отходов на Земле к 2060 году может утроиться [Электронный ресурс]. — URL: https://newdaynews.ru/society/761085.html?ysclid=m7q1g599td686051757 (дата обращения: 21.02.2025).
11. McKinsey & Company. The state of digital transformation in 2021: A new phase of acceleration [Электронный ресурс] — URL: https://www.mckinsey.com/business-functions/mckinsey-digital/our insights/the-state-of-digital-transformation-in-2021 (дата 23.02.2025).
12. [Электронный Nielsen J. Usability 101: Introduction to usability ресурс] — URL: https://www.nngroup.com/articles/usability-101-introduction-to-usability/ (дата обращения: 23.02.2025).
13. RecycleSmart. Официальный сайт RecycleSmart [Электронный ресурс]. — URL: https://www.recyclesmart.co.uk/ (дата обращения: 23.02.2025).
14. Переработка пластика: особенности бизнеса и его доходы [Электронный ресурс] — URL: https://cyberleninka.ru/article/n/pererabotka-plastika-osobennosti-biznesa-i ego-dohody/viewer (дата обращения: 26.02.2025).
15. Функциональные и Нефункциональные требования // URL: https://translated.turbopages.org/proxy_u/en-ru.ru.d0c8f38d-67f15b7c-8c9ef962-74722d776562/https/www.geeksforgeeks.org/functional-vs-non-functional-requirements/ (дата обращения: 05.04.2025).
16. Функциональные и нефункциональные требования: различия и особенности // Яндекс практикум URL: https://practicum.yandex.ru/blog/funkcionalnye-i-nefunkcionalnye-trebovaniya/ (дата обращения: 05.04.2025).
17. Business Process Model and Notation (BPMN) // omg URL: https://www.omg.org/spec/BPMN/2.0/PDF (дата обращения: 05.04.2025).
18. Нотация BPMN 2.0: ключевые элементы и описание Подробнее: https://www.comindware.ru/blog/%D0%BD%D0%BE%D1%82%D0%B0%D1%86%D0%B8%D1%8F-bpmn-2-0-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D0%B8-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5/?ysclid=m94fwcw9x0323335871 // comind ware URL: https://www.comindware.ru/blog/%D0%BD%D0%BE%D1%82%D0%B0%D1%86%D0%B8%D1%8F-bpmn-2-0-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D0%B8-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5/?ysclid=m94fwcw9x0323335871 (дата обращения: 05.04.2025).
19. About the Unified Modeling Language Specification Version 2.0 // omg URL: https://www.omg.org/spec/UML/2.0/About-UML (дата обращения: 05.04.2025).
20. На каком языке рисуют схемы: что такое UML и почему его понимают во всём мире // Яндекс практикум URL: https://practicum.yandex.ru/blog/uml-diagrammy/?utm_source=yandex&utm_medium=cpc&utm_campaign=Yan_Perfmax_RF_Data_Resk_b2c_Gener_Regular_Blog_460&utm_content=sty_search:s_yandex.ru:cid_117839318:gid_5537384220:pid_54219252154:aid_16819193238:crid_0:rid_54219252154:p_1:pty_other:mty_syn:mkw_:dty_desktop:cgcid_0:rn_Moscow:rid_213&utm_term=uml%20diagram&etext=2202.fZ8d_Eo9P1tm1ZbOWyALzpP5UWz5O-006XQ9YC5_D2V6eXh4bnJrYXFvYm55b2F1.99de0f245556a3ae1b9d4a04166905c213d93fd1&yclid=13484212958032035839 (дата обращения: 05.04.2025).
21. Проблемы защиты данных при проектировании веб-приложений // CyberLeninka URL: https://cyberleninka.ru/article/n/problema-zaschity-dannyh-pri-proektirovanii-veb-prilozheniya/viewer (дата обращения: 05.04.2025).
22. Carlos Alberto Ruggerio Sustainability and sustainable development: A review of principles and definitions - ScienceDirect // Science of the total environment. - 2021
23. Никитин И.В. Гриценко Т.Ю. “СРАВНЕНИЕ ПОДХОДОВ МОНОЛИТНОЙ АРХИТЕКТУРЫ И МИКРОСЕРВИСНОЙ АРХИТЕКТУРЫ ПРИ РЕАЛИЗАЦИИ СЕРВЕРНОЙ ЧАСТИ ВЕБ-ПРИЛОЖЕНИЯ” // ЭЛЕКТРОННЫЙ НАУЧНЫЙ ЖУРНАЛ «ДНЕВНИК НАУКИ» . - 2020
24. Юрченко Е.В. “ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ ВЫБОРА АРХИТЕКТУРНЫХ РЕШЕНИЙ ПРИ ПРОЕКТИРОВАНИИ ВЕБ-ПРИЛОЖЕНИЙ” // Международный журнал. - 2020
25. Monolithic vs. Microservice Architecture: A Performance and Scalability Evaluation | IEEE Journals & Magazine | IEEE Xplore
26. Автоматизация бизнес-процессов: кейсы российских компаний // IT.SPEAKER URL: https://itspeaker.ru/news/avtomatizatsiya-biznes-protsessov-opyt-rossiyskikh-kompaniy/ (дата обращения: 10.05.2025).
28. BPM-системы: экономический эффект внедрения процессного управления для бизнеса // Аргументы и факты URL: https://aif.ru/boostbook/bpm-sistemy.html (дата обращения: 10.05.2025).
29. ISO/IEC 27001
30. ГОСТ Р 57580.1-2017
31. Химка пластик // Химка пластик URL: https://himka-plastik.clients.site/?ysclid=maim0wpxev811856405 (дата обращения: 10.05.2025).
32. Закон Российской Федерации "Федеральный закон от 24.06.1998 N 89-ФЗ «Об отходах производства и потребления»" от 24.06.1998 // Официальный интернет-портал правовой информации
33. Бежик А.А. Мажей Я.В. СРАВНИТЕЛЬНЫЙ АНАЛИЗ МИКРО-СЕРВИСНОЙ И МОНОЛИТНОЙ АРХИТЕКТУРЫ // Столыпинский вестник . - 2022. - №9. - С. 5009 - 5018.
34. Закон Фиттса // UPROCK URL: https://www.uprock.ru/articles/zakon-fittsa-i-ego-primenenie-v-ux (дата обращения: 10.05.25).
35. Как использовать Закон Хика в дизайне интерфейсов // Handh URL: https://handh.ru/post/hicks_law (дата обращения: 10.05.25).
36. Pareto-principle // lawsofux URL: https://lawsofux.com/pareto-principle/ (дата обращения: 10.05.25).
37. The Future of Sales: Digital-First Sales Transformation Strategies // Gartner URL: https://www.gartner.com/en/sales/trends/future-of-sales#:~:text=By%202025%2C%20Gartner%20expects%2080,the%20past%20couple%20of%20years. (дата обращения: 10.05.25).
38. Personalization At Scale: Bring Forth The Customer And Business Benefits Of Experience Excellence // Forrester URL: https://business.adobe.com/content/dam/dx/us/en/resources/scale-your-marketing/personalization-at-scale-bring-forth-the-customer-and-business-benefits-of-experience-excellence.pdf (дата обращения: 10.05.25).
39. Jochen Böringer, Brett Grehan, Dieter Kiewell, Soenke Lehmitz, and Philipp Moser Four pathways to digital growth that work for B2B companies // McKinsey&Company. - 2019
40. 10 Stats That Make the Case for B2B Self-Service Portal // Asar Digital URL: https://asardigital.com/10-stats-that-make-the-case-for-b2b-self-service-portal/#:~:text=,Costs
41. How to Calculate the ROI of Digital Transformation in B2B Sales // Exalt Solution URL: 10 Stats That Make the Case for B2B Self-Service Portal // Asar Digital URL: https://asardigital.com/10-stats-that-make-the-case-for-b2b-self-service-portal/#:~:text=,Costs
42. Матрица цифровой зрелости // Forbes URL: https://blogs.forbes.ru/2020/12/15/matrica-cifrovoj-zrelosti/#:~:text=%D0%B8%D1%81%D1%81%D0%BB%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F%2C%20%D0%BE%D0%BD%D0%B0%20%D0%BC%D0%BE%D0%B6%D0%B5%D1%82%20%D1%83%D0%B2%D0%B5%D0%BB%D0%B8%D1%87%D0%B8%D1%82%D1%8C%20%D0%B4%D0%BE%D1%85%D0%BE%D0%B4%D1%8B,%D0%B8%20%D1%83%D0%BC%D0%B5%D0%BD%D1%8C%D1%88%D0%B8%D1%82%D1%8C%20%D1%80%D0%B0%D1%81%D1%85%D0%BE%D0%B4%D1%8B%20%D0%BD%D0%B0%2030 (дата обращения: 10.04.2025).
43. Игорь Маслов: «У нас нет сверхцели окупить платформу за счет внешних пользователей» // Ведомости: технологии URL: https://www.vedomosti.ru/technologies/new_technologies/characters/2023/11/23/1007155-net-sverhtseli-okupit-platformu (дата обращения: 10.04.2025).
44. Пластик в XXI веке: глобальные тренды, технологии переработки и перспективы рынка // Linked in URL: https://ru.linkedin.com/pulse/%D0%BF%D0%BB%D0%B0%D1%81%D1%82%D0%B8%D0%BA-%D0%B2-xxi-%D0%B2%D0%B5%D0%BA%D0%B5-%D0%B3%D0%BB%D0%BE%D0%B1%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D1%82%D1%80%D0%B5%D0%BD%D0%B4%D1%8B-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B8-%D0%B8-%D1%80%D1%8B%D0%BD%D0%BA%D0%B0-minakov-rghzf (дата обращения: 10.04.2025).