Разработка веб-приложения для создания каталога технической документации

1. Разработка веб-приложения для создания каталога технической документации

М И Н О Б Р Н АУ К И Р О С С И И
Ф Е Д Е РА Л Ь Н О Е Г О С УД А Р С Т В Е Н Н О Е Б Ю Д Ж Е Т Н О Е О Б РА З О В АТ Е Л Ь Н О Е У Ч Р Е Ж Д Е Н И Е
В Ы С Ш Е Г О О Б РА З О В А Н И Я
« П Е Н З Е Н С К И Й Г О С УД А Р С Т В Е Н Н Ы Й Т Е Х Н О Л О Г И Ч Е С К И Й У Н И В Е Р С И Т Е Т »
КОЛ Л Е Д Ж Т Е Х Н ОЛ О Г И Ч Е С К И Й
Дипломная работа
Разработка веб-приложения для
создания каталога технической
документации
Выполнил: Сенокосов Е.А.
Студент группы 21ИП5т
Руководитель: Куяров.А.Н,
09.02.07.093.25

2. Актуальность тематики, цель и задачи ВКР

Актуальность
данной темы
обусловлена
необходимостью
разработки
специализированного
информационного решения, способного интегрироваться с существующими бизнес-процессами,
обеспечивать гибкость в управлении данными и соответствовать требованиям пользователей.
Цель дипломной работы – разработка веб-приложения для эффективного управления технической
документацией.
Для достижения поставленной цели необходимо выполнить следующие задачи:
1.Изучить научно-техническую и справочную литературу и выполнить анализ предметной области;
2.Разработать концепцию и содержание веб-приложения;
3.Спроектировать дизайн макета веб-приложения и его основные элементы;
4.Спроектировать базу данных и приложение для работы с ней;
5.Разработать и протестировать веб-приложение;
6.Сформировать требуемую техническую документацию.

3. Анализ предметной области

Сайты - аналоги
Дизайн
ТехДокумент.РУ
Минималистичны Доступ
й, светлые цвета, нормативной
удобная навигация технической
документации
Портал
технической
документации
Aerodisk
Современный,
Каталог
Angular, Ruby SEO,
Логично
Ограниченная
четкая структура документации,
on
Rails, взаимодействие с организованный мобильная
версия,
разделов
инструкции
по MySQL
профсообществами контент, поиск отсутствие
настройке
данных
специфичных
документов
Лаконичный,
Доступ
к React, Node.js, SEO-оптимизация, Обширная база Не
все
структурированно инструкциям,
PostgreSQL
работа
с документов,
специализированные
е меню
техническим
техспециалистами
регулярные
документы доступны,
характеристикам
обновления
мобильная
версия
нуждается
в
доработке
Tehnodoka.ru
Функционал
Используемые Способы
технологии
продвижения
к React, Node.js, SEO-оптимизация,
и PostgreSQL
соцсети,
партнерство
Плюсы
Минусы
Удобный
Ограниченная
интерфейс,
мобильная
версия,
регулярное
отсутствие
редких
обновление базы документов

4. Диаграмма вариантов использования

5. Пользовательский сценарий

Пользовательские сценарии
«Регистрация пользователя»
Пользовательские сценарии
«Поиск и загрузка документации»

6. Технологии разработки

HTML5
CSS3
PHP 8.0

7. Макеты страниц веб-приложения

Макет главной страницы
Макет
каталога
технической
документации для пользователя

8. Макеты страниц веб-приложения

Макет каталога технической
документации для администратора

9. ER-диаграмма

10. Разработанное веб-приложение

11. Тестирование и оптимизация веб-приложения

ID
1
Исходные данные
Вход на сайт
администратора с
учетными данными
2
Доступ к панели
управления
пользователями
3
Наличие пользователей
в системе
4
Доступ к панели
управления
пользователями
5
Доступ к панели
управления
документами
Цель
Проверка входа в
панель
администратора
Описание
Ввести правильные учетные
данные администратора и
нажать «Войти».
Ожидаемый результат
Результат
Успешный вход в
Успешный вход в
панель администратора панель администратора
и отображение главной и отображение главной
страницы.
страницы.
Добавление нового Перейти в раздел управления
Новый пользователь
Новый пользователь
пользователя
пользователями, заполнить
успешно добавлен и
успешно добавлен и
форму новыми данными и
отображается в списке
отображается в списке
нажать «Сохранить»
пользователей
пользователей
Изменение прав
Выбрать пользователя из
Права доступа
Права доступа
доступа
списка, изменить права
пользователя успешно
пользователя успешно
пользователя
доступа и нажать «Сохранить» изменены и отображены изменены и отображены
в списке пользователей в списке пользователей
Удаление
Выбрать пользователя из
Пользователь успешно Пользователь успешно
пользователя
списка, нажать «Удалить» и
удален из системы и не удален из системы и не
подтвердить удаление.
отображается в списке
отображается в списке
пользователей
пользователей
Добавление нового Перейти в раздел управления
Новый документ
Новый документ
документа
документами, заполнить
успешно добавлен и
успешно добавлен и
форму новыми данными,
отображается в каталоге отображается в каталоге
прикрепить файл и нажать
«Сохранить»

12. Адаптивный дизайн

13. Документирование приложения

14. Заключение

В рамках дипломной работы было разработано веб-приложение для эффективного управления
технической документацией.
В ходе выполнения работы были решены следующие поставленные задачи:
1. Изучена научно-техническая и справочная литература и выполнен анализ предметной области;
2. Разработаны концепция и содержание веб-приложения;
3. Спроектирован дизайн макета веб-приложения и его основные элементы;
4. Спроектирована база данных;
5. Разработано и протестировано веб-приложение;
6. Сформирована требуемая техническая документация.
Таким образом, все задачи, поставленные в дипломной работе выполнены, цель достигнута.

15. Разработка веб-приложения для создания каталога технической документации

М И Н О Б Р Н АУ К И Р О С С И И
Ф Е Д Е РА Л Ь Н О Е Г О С УД А Р С Т В Е Н Н О Е Б Ю Д Ж Е Т Н О Е О Б РА З О В АТ Е Л Ь Н О Е У Ч Р Е Ж Д Е Н И Е
В Ы С Ш Е Г О О Б РА З О В А Н И Я
« П Е Н З Е Н С К И Й Г О С УД А Р С Т В Е Н Н Ы Й Т Е Х Н О Л О Г И Ч Е С К И Й У Н И В Е Р С И Т Е Т »
КОЛ Л Е Д Ж Т Е Х Н ОЛ О Г И Ч Е С К И Й
Дипломная работа
Разработка веб-приложения для
создания каталога технической
документации
Выполнил: Сенокосов Е.А.
Студент группы 21ИП5т
Руководитель: Куяров.А.Н,
09.02.07.093.25