Details

Выпускная квалификационная работа посвящена разработке вебинструмента для визуального создания электронных писем. В работе рассмотрены современные подходы к проектированию email-рассылок, выполнен анализ существующих визуальных редакторов и платформ для создания email-шаблонов, а также исследованы их возможности и ограничения. В ходе исследования разработан расширяемый веб-редактор электронных писем с поддержкой drag-and-drop редактирования и пользовательских виджетов. Реализована клиент-серверная архитектура на базе React, NestJS и REST API, а также механизмы хранения шаблонов, генерации HTML-кода и регистрации пользовательских компонентов. Разработанное программное средство позволяет создавать email-шаблоны с использованием визуального интерфейса, повторно используемых компонентов и пользовательских виджетов. Для демонстрации возможностей системы реализованы виджеты Product Grid, QR Code и Social. В экспериментальной части выполнено сравнение разработанного редактора с платформой Unlayer. Проведён анализ процесса создания emailшаблонов, интеграции пользовательских компонентов и генерации HTML-кода. Полученные результаты показали, что предложенная архитектура обеспечивает высокий уровень расширяемости и упрощает подключение новых функциональных компонентов по сравнению с существующими решениями. Для достижения полученных результатов были использованы следующие информационные технологии и программные средства: React, TypeScript, NestJS, PostgreSQL, REST API, HTML, CSS, JavaScript, Git и Docker.

The graduate qualification work is devoted to the development of a web-based tool for visual email creation. The work examines modern approaches to email campaign design, analyzes existing visual email editors and email template creation platforms, and investigates their capabilities and limitations. As a result of the research, an extensible web-based email editor with support for drag-and-drop editing and custom widgets was developed. A client-server architecture based on React, NestJS, and REST API was implemented, along with mechanisms for template storage, HTML code generation, and custom component registration. The developed software solution enables users to create email templates using a visual interface, reusable components, and custom widgets. To demonstrate the capabilities of the system, Product Grid, QR Code, and Social widgets were implemented. In the experimental part, the developed editor was compared with the Unlayer platform. The process of email template creation, integration of custom components, and HTML code generation was analyzed. The obtained results demonstrated that the proposed architecture provides a high level of extensibility and simplifies the integration of new functional components compared to existing solutions. The following information technologies and software tools were used to achieve the obtained results: React, TypeScript, NestJS, PostgreSQL, REST API, HTML, CSS, JavaScript, Git, and Docker.