Материал: ЯнышеваСА_4716_ТекстВКР
Созданы две диаграммы потока событий:
Авторизация для зарегистрированного пользователя. При входе в веб-приложение открывается страница с вводом пароля, далее пользователь вводит свой пароль, пароль сверяется с данными в БД паролей, если пароль корректен, то открывается главная страница,
если пароль введен неправильно вход не происходит. Диаграмма последовательности событий прецедента для авторизации зарегистрированного пользователя представлена на рисунке 5.
Рисунок 5 – Диаграмма последовательности событий прецедента
«Авторизация»
Добавление данных. Авторизированный пользователь с правами доступа для добавления данных открывает страницу «Добавить данные» и выбирает вид исследования данные которых хочет внести.
Открывается форма для ввода данных, при успешном ее заполнении после нажатия на кнопку сохранить, данные добавляются в соответствующую таблицу БД, если данные были введены неправильно и/или не полностью появляется уведомление об этом на странице с формой. Диаграмма последовательности событий
прецедента для добавления данных представлена на рисунке 6.
21
Рисунок 6 – Диаграмма последовательности событий прецедента
«Добавление данных»
3.3.Диаграмма активности
Диаграмма активности также называется объектно-ориентированной
блок-схемой. Диаграммы состоят из действий, которые составлены из меньших действий. Активность – это поведение, которое разделено на одно или несколько действий.
Создана диаграмма активности для добавления данных в БД авторизированным пользователем, результат продемонстрирован на рисунке
7.
22
Рисунок 7 – Диаграмма активности
3.4.Эскиз страницы
Для простоты создания веб-приложения создан эскиз главной страницы.
Графическая схема страниц и их элементов помогает клиенту понять
дизайнера, а также упрощает всю работу над будущим ресурсом. Наиболее простым отображением будущего сайта считается его блочная схема. Она отображается в виде основных блочных элементов страницы на светлом фоне.
Следующим этапом является разработка макета сайта. Это графическая схема с указанием оттенков, отступов и прочих параметров в статике. С ее помощью можно оценить не только внешний вид, но и функционал разных элементов.
В верхней части страницы должна располагаться шапка: логотип,
название сайта и выход из системы. Левая часть страницы представляет собой меню со ссылками на контент сайта. По центру будет располагаться основная информация сайта, которая будет на каждой странице своя. В нижней части должна быть подложка. Эскиз страницы изображен на рисунке 8.
23
Рисунок 8 – Эскиз главной страницы
24
4. Реализация программного комплекса
4.1.Создание шаблона и главной веб-страницы
Мастер-страница (эталонная страница) – это средство ASP.NET, она
содержит компоненты, которые будут совместно использоваться несколькими страницами. Мастер-страницы представляют собой шаблоны веб-страниц,
которые могут определять фиксированное содержимое и объявлять часть веб-
страницы, куда можно помещать содержимое. При использовании одной и той же мастер-страницы на всем веб-сайте компоновка гарантированно будет одинаковой, а если изменить один элемент на мастер-странице, то он измениться везде.
Создана эталонная страница с перечнем веб-страниц со ссылками на сами страницы, кнопка выход, при нажатии которой будет открываться первоначальная форма входа, название и логотип лаборатории. Эталонная страница представлена на рисунке 9.
Рисунок 9 – Шаблон страниц
25