Розробка онлайн сервісу презентацій архітектурних проєктів з використанням Angular

Abstract

UA : Робота викладена на 80 сторінках друкованого тексту, містить 26 рисунків, 2 таблиці, 31 джерело, 4 додатка. Об’єкт дослідження – процес створення вебсайтів для презентації проєктів благоустрою та зелених зон у міських умовах. Мета роботи: розробка вебсайту-візитівки для презентації парку в місті Запоріжжя із застосуванням сучасних вебтехнологій. Методи дослідження – системний аналіз предметної області та існуючих цифрових рішень, моделювання функціональних та візуальних компонентів, методи програмної інженерії, методи аналізу даних, методи проєктування, конструювання програмного забезпечення. Робота присвячена розробці вебсайту-візитівки для презентації та промоції проєкту парку в місті Запоріжжя. Робота виконана як standalone Angular проєкт із застосуванням Tailwind CSS у середовищі WebStorm. Дані про парк та заходи інтегровані через JSON-моки, що імітують запити на сервер, забезпечуючи демонстрацію динамічного функціоналу вебсайту без використання реальної бази даних. Проведено аналіз сучасних вебтехнологій та вимог до вебсайтів-візитівок, розроблено прототип, реалізовано інтерактивність. Отриманий результат дозволяє ефективно презентувати проєкт парку та підвищує його доступність для цільової аудиторії.

EN : The work is presented on 80 pages of printed text, 26 figures, 2 tables, 31 references, 4 supplements. The object of the study is the process of creating websites for the presentation of urban landscaping and green zone projects. The objective of the work is to develop a business-card website for a park in Zaporizhzhia using modern web technologies. The research methods include a systematic analysis of the subject area and existing digital solutions, modeling of functional and visual components, software engineering methods, data analysis, and software design and construction techniques. The work is dedicated to the development of a business-card website for the presentation and promotion of a park project in Zaporizhzhia. This project was implemented as a standalone Angular application using Tailwind CSS within the WebStorm environment. Data regarding the park and events are integrated via JSON mocks that simulate server requests, providing a demonstration of the website's dynamic functionality without the use of a real database. An analysis of modern web technologies and requirements for business-card websites was conducted, a prototype was developed, and interactivity was implemented. The resulting product allows for the effective presentation of the park project and increases its accessibility for the target audience.