ВВЕДЕНИЕ 3
1 Выявление требований к информационной системе 5
1.1 Анализ деятельности архитектурной мастерской «Тектоника» 5
1.2 Обзор существующих аналогов 8
1.3 Выводы по первой главе 13
2 Проектирование интерфейса информационной системы 15
2.1 Выбор инструментов проектирования 15
2.2 Создание карты сайта 16
2.3 Создание макета сайта 16
2.4 Создание дизайна сайта 21
2.5 Выводы по второй главе 34
3 Разработка информационной системы 35
3.1 Выбор технического решения 35
3.2 Моделирование информационной системы 36
3.3 Программная реализация информационной системы 39
3.2.1 Интерфейс пользователя 39
3.2.2 Адинистративная панель Django 43
3.4 Выводы по третьей главе 46
ЗАКЛЮЧЕНИЕ 47
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 49
ПРИЛОЖЕНИЕ А
ПРИЛОЖЕНИЕ Б
Развитие технологий и интернета сделали возможным быстрое и удобное распространение информации, в том числе в сфере архитектуры и строительства. Сегодня многие архитектурные компании активно используют сайты для рекламы услуг, продвижения бизнеса, привлечения новых клиентов. Эти ресурсы предназначены не только для знакомства людей с компанией, но и для выполнения некоторых функций, который помогут снизить нагрузку на администратора, сэкономить время компании и заинтересованных клиентов.
Тема выпускной квалификационной работы является актуальной по нескольким причинам. Во-первых, создание информационной системы может значительно увеличить эффективность деятельности компании и снизить затраты на обслуживание системы. Во-вторых, сфера архитектурного проектирования и строительства постоянно развивается и требует современных технологий для успешного конкурирования на рынке. Информационная система, которая усовершенствует рабочие процессы и привлечет потенциальных клиентов, поможет данной компании более успешно продвигаться в сфере своей деятельности.
Цель выпускной квалификационной работы - автоматизация работы архитектурной компании.
Основными задачами являются:
• Выявление требований к информационной системе;
• Проектирование удобного и интуитивно понятного интерфейса на основе выявленных требований, разработка дизайна;
• Разработка информационной системы.
В итоге архитектурная компания сможет взаимодействовать с клиентом не только посредством телефонного звонка, но и с помощью разработанной информационной системы. Это позволит повысить узнаваемость компании в сети интернет, привлечь новых клиентов, а также увеличить ее конкурентоспособность на рынке архитектурных услуг.
В ходе выполнения выпускной квалификационной работы выявлены требования к информационной системе. Для реализации этой задачи выполнен обзор и анализ аналогичных информационных систем. Также, чтобы выявить, с какими проблемами сталкиваются компании в данной сфере при отсутствии сайта, выполнен анализ деятельности архитектурной мастерской «Тектоника» путем проведения интервью. Исходя из анализа аналогичных информационных систем определены базовые функциональные возможности сайта: представление информации о компании, ее услугах, а также представление портфолио проектов. Выявив особенности деятельности архитектурной мастерской «Тектоника», к указанным выше функциональным возможностям добавлены: возможность регистрации, оформления заявки онлайн, просмотр информации в личном кабинете. Для повышения имиджа компании в сети и ее узнаваемости решено добавить раздел с блогом компании, где у зарегистрированных пользователей есть возможность создавать и комментировать записи.
Для проектирования интерфейса информационной системы были выбраны следующие инструменты: Figma и Pencil Project. Определены основные страницы сайта: «Главная», «Проекты», «Услуги», «Блог», «Компания», личный кабинет. Для описания структуры каждой страницы составлена карта сайта, на основании которой выполнен макет информационной системы с использованием выбранных стилистических решений. Разработан дизайн с учетом основных поведенческих паттернов (F-паттерн, Z-паттерн).
Для реализации информационной системы рассмотрены основные средства разработки и выбрано техническое решение. Для серверной части выбран фреймворк Django, для клиентской библиотека React, язык программирования JavaScript. Фронтенд-разработка выполнена
с использованием HTML, CSS и JavaScript. В качестве системы для работы
с базами данных выбран SQLite. Далее смоделирована с помощью
унифицированного языка UML клиент-серверная архитектура информационной
46
системы, спроектирована схема базы данных и связей между сущностями, а также ввыделены группы пользователей информационной системы - зарегистрированные пользователи, незарегистрированные пользователи, администратор. У каждой группы пользователей определен набор возможностей, отличный от других групп.
В результате выполнения выпускной квалификационной работы разработана информационная система для автоматизации работы архитектурной компании, а значит, цель достигнута. Разработанная система позволяет улучшить клиентский опыт сотрудничества с компанией, поскольку теперь взаимодействие возможно не только посредством телефонного звонка, но и с помощью сайта. Информационная система позволяет снизить нагрузку на администратора, сократить путь клиента от проблемы до принятия решения, сэкономить время. Это, в свою очередь, повышает лояльность и доверие клиента к компании.
Результаты выпускной квалификационной работы использованы в рабочем процессе Общества с ограниченной ответственностью «Информационно-технический центр «ЗемЛесПроект». Акт об использовании приведен в приложении Б.
1. CTO 7.5-07-2021 Система менеджмента качества. Общие требования к построению, изложению и оформлению документов учебной. Красноярск: СФУ, 2021. - 61 с.
2. Рогинский, Ю. И. Сбор и анализ информации: учеб. пособие / Ю. И. Рогинский; Санкт-Петербургский гос. электротехн. ун-т «ЛЭТИ», Факультет бизнеса и менеджмента. - Санкт-Петербург: Красный дом, 2000. - 414 с.
3. «Функциональные и нефункциональные требования: полное
руководство» // Bestprogrammer: официальный сайт - 2023 - URL:
https://bestprogrammer.ru/izuchenie/funktsionalnye-i-nefunktsionalnye- trebovaniya-polnoe-rukovodstvo (дата обращения 08.02.2023).
4. «How Consumers Prefer to Interact With Brands» // HubSpot: официальный сайт - 2023 - URL: https://blog.hubspot.com/marketing/forms- chat-phone-buyer-journey (дата обращения 12.02.2023).
5. «Figma» // Figma: официальный сайт - 2023 - URL:
https://www.figma.com/ (дата обращения 13.02.2023).
6. «Pensil Project» // EFT-Soft.ru: официальный сайт - 2023 - URL:https://eft-soft.ru/pencil-project-chto-eto-za-programma/ (дата обращения 13.02.2023).
7. «Как улучшить UX при помощи карточного дизайна // UxJournal: официальный сайт» - 2023 - URL: https: //ux-j ournal. ru/kak-uluchshit-ux-pri- pomoshhi-kartochnogo-dizajna.html (дата обращения 16.02.2023).
8. «Использование карточного дизайна для улучшения UX» // Ux guru: официальный сайт - 2023 - URL: https://uxgu.ru/card-ux/ (дата обращения 16.02.2023).
9. «Психология цвета и веб-дизайн» // Depix: официальный сайт - 2023 - URL: https://depix.ru/articles/psihologiya tsveta i web dizayn (дата обращения 16.02.2023).
10. «Введение в единый язык моделирования (UML)» // Кибермедиана: официальный сайт - 2023 - URL: https://www.cybermedian.com/ru/unified- modeling-language-uml-introduction/ (дата обращения 09.03.2023).
11. «Django documentation» // Django: официальный сайт - 2023 - URL: https://www.djangoproject.com/start/overview/ (дата обращения 10.03.2023).
12. Дронов В.А. Django 2.1. Практика создания веб-сайтов на Python. - 2- е изд. - Санкт-Петербург: БХВ-Петербург, 2019. - 672 с.
13. «React Official Documentation» // React: официальный сайт - 2023 - URL: https: //legacy .reactj s. org/docs/getting-started.html (дата обращения 10.03.2023).
14. «Фронтенд-разработка: ключевые технологии и понятия» // Хабр: официальный сайт - 2023 URL: https://habr.com/ru/companies/otus/articles/674 748/ (дата обращения 10.3.2023).
15. «Что такое построение архитектурных диаграмм?» // AWS: официальный сайт - 2023 - URL: https: //aws. amazon. com/ru/what- is/architecture-diagramming/ (дата обращения 14.03.2023).