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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1MTU0LWFjYmJmZjIwLWRiMDYtNDZmNi04YjlmLTUyMmFkOWI4ZWFjNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kNGQ4NjQxM2I1MzNmOTI3NThlODQ2OGQwMjQwOWY3NmY2NTg5MjY4OTM2MDI2Y2I4OTFiNmE0ZmE5M2UzY2ZlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.aXsGdqvK6gxV3z0nX_k-JICCDfYZaVNh1ucOFqygjaQ)
Визуализация Prizma-схемы выполнена при помощи веб-приложения prizmalizer.
- TO-BE:
![Физическая модель TO-BE – Prizmalizer](https://private-user-images.githubusercontent.com/103210607/335865059-fffa7806-a7ce-42d7-806b-ea441c4cf2d5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1MDU5LWZmZmE3ODA2LWE3Y2UtNDJkNy04MDZiLWVhNDQxYzRjZjJkNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xMTYzMWRhZjVkNTU0YjMzOGY0Njg1NGMwNTVjMGUyNTA5ZGI0MDZmNmQ2YTY1ZjU3ZWM1N2JkOTNiZjM0ZWYxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.LuV3o8upOC1MvH-LFjyyvBJKqKyKiuu9Jlbu35Wvp0w)
- AS-IS:
![Физическая модель AS-IS – Prizmalizer](https://private-user-images.githubusercontent.com/103210607/335864981-ff91a50b-48fd-483b-8dd2-4e51a0801051.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY0OTgxLWZmOTFhNTBiLTQ4ZmQtNDgzYi04ZGQyLTRlNTFhMDgwMTA1MS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yOGEwOTBjYmRjYTI0MDUwYzRkMDUyNDZmMWYzYmVkMjJhOWM1ZTJkODcwZDJjNmM2ZTlmM2MzM2JkOGJlNDc1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.tQ7kG5ESvNPnQeYvWFan4hBYOqQaTythHthn0X3kAtI)
Note
Дерево функций – это модель, которая описывает иерархическую структуру функций бизнес-процессов организации. Вершины этого дерева представляют основные цели предприятия, а ветви обозначают функции системы, необходимые для достижения этих целей. Каждая функция может быть детализирована с использованием подфункций.
![Дерево функций](https://private-user-images.githubusercontent.com/103210607/335865479-1a14fed6-9d92-456d-9bc9-06b46ee53623.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NDc5LTFhMTRmZWQ2LTlkOTItNDU2ZC05YmM5LTA2YjQ2ZWU1MzYyMy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iZTM1YzEzY2Y4YTc1ZWFmOWMzNTZlNmQwMDZiMzUyZjMwMTg0N2I0ZmY3MmM4OThmOTYxMzNjNjY2ODA5ZTExJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.tMtXHYnJ7MqZZUkvtksXYqTRdYRp6lSBNHJd4mRLor0)
Сценарий диалога (частично TO-BE) представлен для пользователей, с ролями:
enum UserRole {
OWNER
ADMIN
USER
}
![Сценарий Авторизация](https://private-user-images.githubusercontent.com/103210607/335865497-f2793a25-536e-4e47-8961-7e4b9b42cec5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NDk3LWYyNzkzYTI1LTUzNmUtNGU0Ny04OTYxLTdlNGI5YjQyY2VjNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03YjliOTEyMTIyNjAwNjIyMzliYmQ1YjM2NWFhZGFmNmQwYWU2ZDViNTVhNjNjYjkzODlmZmE3MjMwYzE5YjgxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.JCsHaVVmW3vCURlNnQBGXg-fODbCkH9k4f8YtN1aaPw)
![Сценарий ADMIN и OWNER](https://private-user-images.githubusercontent.com/103210607/335865492-4b159597-5e72-4be5-9fe7-77aca692a14c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NDkyLTRiMTU5NTk3LTVlNzItNGJlNS05ZmU3LTc3YWNhNjkyYTE0Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNmRhMjczOWYwNGJmYTQ0YjFkMzgzNjY3NTJmOGNiNmU5ODc4MzZmYTU0ZDdlYjJkMmFiNDk5NmE1NTg5YTQ1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.48r5_YDeu6iXu4czmwN5I4PolIw32eRBlNamYcDFZSE)
![Сценарий USER](https://private-user-images.githubusercontent.com/103210607/335865496-ae9837cf-59c1-48db-ad35-a63cc12849a5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NDk2LWFlOTgzN2NmLTU5YzEtNDhkYi1hZDM1LWE2M2NjMTI4NDlhNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lMjg5ODAxMWM2MmQ5OTFlNjk3MDdiNTI1MTZiNDdlOGY5OGU2NzEyMDQyMWIyOThhYzFjMmJkMWJjMDQ0ZWIxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.3szXEYByplbmUNax7I9m9opOucui4C30LMTSBgY_Ffw)
Для анализа существующей технологии выполнения необходимо построить модель 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NzkyLWY1ZjRjZmE1LTVkYTEtNDc4MC1hMDI5LTQ3NzJjZDU5ODM0ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hZGM0NjI0YWIwZDY3NTQ1OWM5MzU4ZjhiNjBhNDU5NzA4MmUwYzZkMmU3ZjU2NTdmZjM1YWQ5ZGE3NjY2ZmVjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.acRgQSdxbvxVphNil9k1dJsk0iozlUOnbdMKKT5Eni4)
При построении модели бизнес-процесса 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1Nzc1LTA1ZmVkYTZmLWVmMjgtNDdhYi05NDQyLWExYWIxNTUyNjkxNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03MGRkZTEyYzE2M2RkOGZlYmUyOTc2MTMyZTUzMTJjOGQwN2IwMjAzMzA0NWYwY2MzYTQ2ZjgxZmUzZDk4MzE1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.9FLtwO6FK1xFQdbc65Sjbljrv8NNBe-WMSXjEivaHkU)
![TO-BE 2](https://private-user-images.githubusercontent.com/103210607/335865774-bd11c72d-b19d-4f52-b9ec-d6c790951add.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1Nzc0LWJkMTFjNzJkLWIxOWQtNGY1Mi1iOWVjLWQ2Yzc5MDk1MWFkZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZDI4ODE4NzUwNDUwZjkzYTUxODVjM2YyZjg5Y2JhNDY3Y2E0NjhlNjU5N2NhYjk2MzY1ZTBhMzNkNzhmYWIwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.xZPM3Y8UqbtHN89B-FDLc20stCukcESgNKK9_b3pcXI)
![TO-BE 3](https://private-user-images.githubusercontent.com/103210607/335865772-0a891c1b-93fa-4c8c-8f1c-cec4cfd9c8f5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTUyNDIsIm5iZiI6MTczOTg1NDk0MiwicGF0aCI6Ii8xMDMyMTA2MDcvMzM1ODY1NzcyLTBhODkxYzFiLTkzZmEtNGM4Yy04ZjFjLWNlYzRjZmQ5YzhmNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOFQwNTAyMjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xZTgyMjhiZTA5OGY3ZDU0NWY1ZGY3Y2Q4MTM3MTNkODE2NzY0NTAzYTMwOWY0NGMzZWI0MzgzNjAzMTNkOWE1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9._0jtG5N0yBcs_SGHpYLBY2cPb25i9X2qJ8cXMoYDkbw)
Ниже представлена часть заключение из ВКР.
В результате работы над ВКР выявлены ключевые аспекты предметной области, включая организацию и функциональные отделы типовых агентств по разработке веб-приложений. Описана внешняя среда, охватывающая экономическую область и сферу веб-разработки.
Была выделена актуальность темы в контексте растущего интереса к онлайн-платформам. Поставлена задача на разработку информационной системы, направленной на оптимизацию бизнес-процессов агентств касательно поддержки контроля выполнения задач ИТ-проектов.
Анализ существующей технологии выявил некоторые ограничения, которые требуют усовершенствования. В контексте разработки ИС, можно улучшить эффективность и безопасность веб-приложений.
В ходе анализа существующих разработок выявлены преимущества и недостатки конкурентов. Этот опыт будет использован для оптимальной интеграции в разрабатываемую информационную систему, способствуя повышению ее эффективности.
В рамках аналитического раздела были рассмотрены важные аспекты информационного, математического и технического обеспечения для успешной реализации задач по поддержке интернет-продаж предприятий электронной коммерции.
Информационное обеспечение представлено через логическую модель данных, классификаторы, систему кодирования, а также нормативно-справочную и входную информацию. Эти элементы позволяют структурировать и систематизировать данные, обеспечивая их доступность и целостность в рамках информационной системы.