MVP для ВКР "Разработка прототипа ИС поддержки контроля выполнения задач ИТ-проектов на примере типового агентства по разработке веб-приложений" – МИРЭА - Российский технологический университет.
Warning
Регистрация в системе доступа только по whitelist!
Warning
2 Августа 2024 года закончится бесплатный период хостинга БД и приложение можно будет запустить только локально.
- Project Management Application
- Введение
- База данных
- Дерево функций и сценарий диалога
- Бизнес-процессы (типового агентства по разработке веб-приложений) – AS-IS и TO-BE
- Пользовательский интерфейс
- Заключение
Прототип fullstack web-приложения для управления проектами и проектными задачами.
- TypeScript
- Next.js (with app directory)
- PostgreSQL + Prisma
- trpc
- tailwind-css
- shadcn-ui
- clerk (authentication provider)
Приложение было развернуто с использованием create-t3-app.
Note
TO-BE – модель, к которой планируется прийти в конце разработки. AS-IS – модель, которая была реализована в рамках MVP.
- TO-BE:
![Логическая модель Crow's Foot TO-BE – drawio](https://private-user-images.githubusercontent.com/103210607/335865154-acbbff20-db06-46f6-8b9f-522ad9b8eac6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1MTU0LWFjYmJmZjIwLWRiMDYtNDZmNi04YjlmLTUyMmFkOWI4ZWFjNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lNjYwNzI1M2NmN2U5NzcwYzRkYjYyY2MxMWYyMzJiY2YyNjYzODMyNWJkYjljZTg4MWVlMWYyZmJkZWJlMjQyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.WdaBDrlSuKQ6DlVaHx0K27V0mgYCHoYOkxFyqeRVs18)
Визуализация Prizma-схемы выполнена при помощи веб-приложения prizmalizer.
- TO-BE:
![Физическая модель TO-BE – Prizmalizer](https://private-user-images.githubusercontent.com/103210607/335865059-fffa7806-a7ce-42d7-806b-ea441c4cf2d5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1MDU5LWZmZmE3ODA2LWE3Y2UtNDJkNy04MDZiLWVhNDQxYzRjZjJkNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zMWVhY2MxMWViNWM3NGU0NWFkZThjYjRhZDdhOTc2NGQxYzY4OWZlNDgxN2U5ZDRmMjdlM2YyMTczMTJkZDA3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.DSBEI8wbim97GWX7SWpFniCaResyIDvhf7D3IWe-1cc)
- AS-IS:
![Физическая модель AS-IS – Prizmalizer](https://private-user-images.githubusercontent.com/103210607/335864981-ff91a50b-48fd-483b-8dd2-4e51a0801051.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY0OTgxLWZmOTFhNTBiLTQ4ZmQtNDgzYi04ZGQyLTRlNTFhMDgwMTA1MS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00YmNlNjUzZDg5Zjg5ODMxMGMyNjc0M2Q0NWQwYmY4NThkNjQyZjdhMTk0MmZmNDk4YmM1MGViZWIyMWQ3YmNiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.e0EE9whfIBtDaodEEiqPjyjJd8naK0AvkCsc0X0EOsg)
Note
Дерево функций – это модель, которая описывает иерархическую структуру функций бизнес-процессов организации. Вершины этого дерева представляют основные цели предприятия, а ветви обозначают функции системы, необходимые для достижения этих целей. Каждая функция может быть детализирована с использованием подфункций.
![Дерево функций](https://private-user-images.githubusercontent.com/103210607/335865479-1a14fed6-9d92-456d-9bc9-06b46ee53623.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NDc5LTFhMTRmZWQ2LTlkOTItNDU2ZC05YmM5LTA2YjQ2ZWU1MzYyMy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wNjU4YTZmNzE4ZGY5OWM2YmQ0OGFiNGU5OTJhYjU0OGQ2YmY1YjE4NTZjMzUyNThiZWMwYWIyZDc2Mzg5ZDliJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.ZiIohVa3mdxAey4r4JmaltfzAAH4oml3EPACBjqje60)
Сценарий диалога (частично TO-BE) представлен для пользователей, с ролями:
enum UserRole {
OWNER
ADMIN
USER
}
![Сценарий Авторизация](https://private-user-images.githubusercontent.com/103210607/335865497-f2793a25-536e-4e47-8961-7e4b9b42cec5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NDk3LWYyNzkzYTI1LTUzNmUtNGU0Ny04OTYxLTdlNGI5YjQyY2VjNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMmQ1ZDk5MTdlNGNmZWM2MjIzNzNhZDEyYTAwNWZhNGQ3NzM2YTVkZmY5Mjg4NjkyYjE5MGMwOTRjMGE0M2E2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.m6ZKw8ItoUYRjQCtlFtA2BKhorqjJquWP75OjysVzYs)
![Сценарий ADMIN и OWNER](https://private-user-images.githubusercontent.com/103210607/335865492-4b159597-5e72-4be5-9fe7-77aca692a14c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NDkyLTRiMTU5NTk3LTVlNzItNGJlNS05ZmU3LTc3YWNhNjkyYTE0Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00NmY4MDVjZWZhN2NkMWVjZWFjNjNjMDk5OTY4ODYwOTk3MTU2ZWI2Y2U2NWExMjI1MzZkNTYzOWNlYzRkZjUwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.3o6badT--t4uvB0xLu4xUcAYcDeH1jL38RianhXcZBM)
![Сценарий USER](https://private-user-images.githubusercontent.com/103210607/335865496-ae9837cf-59c1-48db-ad35-a63cc12849a5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NDk2LWFlOTgzN2NmLTU5YzEtNDhkYi1hZDM1LWE2M2NjMTI4NDlhNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wNzkzNDQ3ZTMwNTE1N2ExOThjMDQ1OWM3YWIxZmNiY2ZkZWE4YWUwOWM3NDNkYmFhOTVkYTAzZDg3NDRjMmRhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.O7g6agnvsb5HIgKQ-9inN20PHmH78zpHt3E77P2eIio)
Для анализа существующей технологии выполнения необходимо построить модель AS-IS. Данная модель помогает не только систематизировать протекающие в данный момент процессы и используемые информационные объекты, но и выявить недостатки и проблемы бизнес-процесса и ликвидировать их в разрабатываемом прототипе информационной системе.
Бизнес-процесс поддержки контроля выполнения задач ИТ-проектов на примере типового агентства по разработке веб-приложений начинается со старта проекта и заканчивается его завершением.
Все модели построены в нотации BPMN 2.0.2.
- AS-IS:
![AS-IS](https://private-user-images.githubusercontent.com/103210607/335865792-f5f4cfa5-5da1-4780-a029-4772cd59834d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NzkyLWY1ZjRjZmE1LTVkYTEtNDc4MC1hMDI5LTQ3NzJjZDU5ODM0ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05OGI4MzExYzlkYmFjOTFkMGI0NTI4NWQwMjA1YjUzODY4NTUxMWRkM2FmODZhMDIyOGRhMGJhMTZkOGYxOGFjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.qMH5VBhmTOvv5wqxHyx4_c7U64skzgp1tY3PT6VsJ6A)
При построении модели бизнес-процесса AS-IS поддержки контроля выполнения задач ИТ-проектов на примере типового агентства по разработке веб-приложений были выявлены следующие недостатки:
- неэффективное управление задачами;
- недостаточная прозрачность и коммуникация;
- сложности в планировании и контроле сроков.
Для устранения недостатков существующей технологии выполнения процесса были определены пути их устранения и смоделирована модель бизнес-процесса TO-BE. Модель TO-BE описывает будущее состояние бизнес-процесса с учетом функциональных требований, а также анализа и оптимизации существующих процессов.
- TO-BE:
![TO-BE 1](https://private-user-images.githubusercontent.com/103210607/335865775-05feda6f-ef28-47ab-9442-a1ab15526916.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1Nzc1LTA1ZmVkYTZmLWVmMjgtNDdhYi05NDQyLWExYWIxNTUyNjkxNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xODA4Nzc2ZGQ2OTE4M2M5NTk2OTIwNjEyNDRlZTAxODZkMDYyOGRmOWE0MDU4OTIzODQ4NWM3YjVjYjBhMjU0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.vl4ODqK1cw6C4EPMaxpecM0oIvCjaFlnRM4tJhU3q4E)
![TO-BE 2](https://private-user-images.githubusercontent.com/103210607/335865774-bd11c72d-b19d-4f52-b9ec-d6c790951add.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1Nzc0LWJkMTFjNzJkLWIxOWQtNGY1Mi1iOWVjLWQ2Yzc5MDk1MWFkZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yMDM5NjUxMGRiNDFiM2QyOTkyM2QwYTNjNDFmYWExZWZlOWQzZTFmY2YyODQxYjY0ZjhmYTUwODdlNzllNTJhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.KFiEsbQOLeR8kZijx1yJSdAurR7JZMZLPU-yIxauo-s)
![TO-BE 3](https://private-user-images.githubusercontent.com/103210607/335865772-0a891c1b-93fa-4c8c-8f1c-cec4cfd9c8f5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMjY3NjEsIm5iZiI6MTcyNDEyNjQ2MSwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NzcyLTBhODkxYzFiLTkzZmEtNGM4Yy04ZjFjLWNlYzRjZmQ5YzhmNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNDAxMDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kZWUyMDc1ZDI0YWNjNTE0NGI4NjBiM2ZmZDhmMmZhM2EwZTYzOTZmYjUxZWY3ZDBiMjJlOTAyOWUxYTUyNjliJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.bi6VNYgFTyfX-4SCVx0crKGnrxXMbVTyQmpINexyJ8M)
Ниже представлена часть заключение из ВКР.
В результате работы над ВКР выявлены ключевые аспекты предметной области, включая организацию и функциональные отделы типовых агентств по разработке веб-приложений. Описана внешняя среда, охватывающая экономическую область и сферу веб-разработки.
Была выделена актуальность темы в контексте растущего интереса к онлайн-платформам. Поставлена задача на разработку информационной системы, направленной на оптимизацию бизнес-процессов агентств касательно поддержки контроля выполнения задач ИТ-проектов.
Анализ существующей технологии выявил некоторые ограничения, которые требуют усовершенствования. В контексте разработки ИС, можно улучшить эффективность и безопасность веб-приложений.
В ходе анализа существующих разработок выявлены преимущества и недостатки конкурентов. Этот опыт будет использован для оптимальной интеграции в разрабатываемую информационную систему, способствуя повышению ее эффективности.
В рамках аналитического раздела были рассмотрены важные аспекты информационного, математического и технического обеспечения для успешной реализации задач по поддержке интернет-продаж предприятий электронной коммерции.
Информационное обеспечение представлено через логическую модель данных, классификаторы, систему кодирования, а также нормативно-справочную и входную информацию. Эти элементы позволяют структурировать и систематизировать данные, обеспечивая их доступность и целостность в рамках информационной системы.