Разработка web - интерфейса для работы с оборудованием ЦКП Вл

1.

Министерство науки и высшего образования российской федерации
Федеральное государственное бюджетное образовательное учреждение
высшего образования
«Владимирский государственный университет
имени Александра Григорьевича и Николая Григорьевича Столетовых»
(ВлГУ)
Колледж инновационных технологий и предпринимательства
КАФЕДРА ФИЗИКИ И ПРИКЛАДНОЙ МАТЕМАТИКИ
Тема дипломной работы
«Разработка web-интерфейса для работы
с оборудованием ЦКП Вл»
Выполнил:
Кучерик Г.А.
Руководитель
Красильщикова В.В.
Владимир, 2023

2.

Задачи дипломной работы
анализ предметной области
постановка задачи
проектирование приложения
разработка приложения
тестирование приложения
2

3.

Предметная область
Структура сайта
Главная
Оборудование
Услуги
Контакты
3

4.

Постановка задачи
Требования к сайту:
добавление оборудования
поиск оборудования
ознакомление с оборудованием
заказ выбранного оборудования
4

5.

Постановка задачи
Для корректной работы потребуется:
ОС: Windows 7 и выше
Нагрузка на процессор 81456 килобайт
256 МБ ОЗУ
Двухъядерный процессор
SSD Диск 500 МБ
5

6.

Проектирование приложения
6

7.

Проектирование приложения. ER-диаграмма
7

8.

Диаграмма активности
8

9.

Проектирование интерфейса. Макеты
Макет «Главная»
Макет «Услуги»
Макет «Оборудование»
Макет «Контакты»
9

10.

Инструментальные средства реализации
СУБД MS SQL Server
Sublime Text
фреймворк Bootstrap
Microsoft®
SQLServer
10

11.

Реализация интерфейса
<li><a href="#" class="nav-link px-3 textwhite">Главная</a></li>
<li><a href="#equipments" class="nav-link px-3 textwhite">Оборудование</a></li>
<li><a href="#services" class="nav-link px-3 textwhite">Услуги</a></li>
<li><a href="#contacts" class="nav-link px-3 textwhite">Контакты</a></li>
11

12.

Реализация интерфейса
<div class="tab-pane fade m-3" id="nav-profile"
role="tabpanel" aria-labelledby="nav-profile-tab">
<b>Указ Президента РФ № 899</b>
<ul>
<li>Индустрия наносистем</li>
<li>Информационнотелекоммуникационные системы</li>
<li>Рациональное природопользование</li>
</ul>
</div>
12

13.

Тестирование приложения
Проверка, что при работе главной страницы и остальных разделов происходит корректный вывод данных
Проверка, что при работе страницы «Главная» происходит корректный вывод данных
Проверка, что при работе раздела «Оборудование» происходит корректный вывод данных
Проверка, что при работе раздела «Услуги» происходит корректный вывод данных
Проверка, что при работе раздела «Контакты» происходит корректный вывод данных
Проверка, что при работе сайта, функционал использования удобен.
Проверка, что при работе сайта работает совместимость
13

14.

Результаты разработки
Оборудование
Главная
Услуги
Просмотр оборудования
Контакты
14

15.

Заключение
В ходе работы:
была проанализирована предметная область
были проанализированы аналоги разрабатываемого приложения
были предъявлены требования к приложению
была спроектирована и реализована база данных
были разработаны модули приложения
были протестированы модули приложения
было составлено руководство пользователя
15

16.

Спасибо за внимание!
16