2.1 Структурная и функциональная схемы

Структурная схема показывает наличие подсистем или других структурных компонентов. Она показана на рисунке 1. Структурная схема - это наименее подробная схема. Она предназначена для отображения общей структуры устройства, т.е. его основных блоков, узлов, частей и главных связей между ними. Из структурной схемы должно быть понятно, зачем нужно данное устройство, и что оно делает в основных режимах работы, как взаимодействуют его части. Обозначения структурной схемы могут быть довольно произвольными, естественно используя общепринятые обозначения.

Рисунок 1 – Структурная схема

Вместе со структурной различают также и функциональную схему.

Функциональная схема - схема взаимодействия компонентов программного обеспечения, она более информативная, чем структурная. Функциональная схема предназначена для разъяснения процессов, происходящих в отдельных функциональных цепях изделия или изделии в целом. Для сложного изделия разрабатывается несколько функциональных схем, поясняющих происходящие процессы при различных предусмотренных режимах работы. Количество функциональных схем, разрабатываемых на изделие, степень их детализации и объем помещаемых сведений определяется разработчиком с учетом особенностей изделия.

Функциональная схема приведена на рисунке 2.

Рисунок 2 – функциональная схема.

2.2 Интерфейс информационной системы

Интерфейс пользователя - совокупность средств, при помощи которых пользователь общается с различными устройствами, чаще всего — с компьютером или бытовой техникой, либо иным сложным инструментарием (системой).

Требования к интерфейсу проектируемой информационной системы:

• Простота интерфейса - интерфейс должен быть простым. При этом имеется в виду не упрощенчество, а обеспечение легкости в его изучении и в использовании. Кроме того, он должен предоставлять доступ ко всему перечню функциональных возможностей, предусмотренных данным приложением. Реализация доступа к широким функциональным возможностям и обеспечение простоты работы противоречат друг другу. Разработка эффективного интерфейса призвана сбалансировать эти цели;

• Обеспечение навигационной доступности - Так как пользователю очень важно понять суть контента страницы сразу, без дополнительной прокрутки, вверху страницы следует отображать минимальное количество объектов, мешающих основной цели (включая навигационные ссылки, декоративные картинки, рекламу и другие объекты). Вверху главной страницы следует отображать только основную, главную навигацию, расположенную в одну линию. Второстепенная навигация может быть размещена в подвале страницы, если в этом есть действительная необходимость;

• Изложение информационного материала - Информационный материал должен быть подан таким образом, чтобы он был достаточно удобен для восприятия;

• Простота обучения - то есть, как быстро пользователю удастся освоить самые простые задачи, впервые увидев электронного пособия;

• Оптимизация интерфейса пользователя под различные платформы.

Основные компоненты в интерфейсе и их роль в работе информационной системе указаны в таблице 3.

Таблица 3 – Основные компоненты

Наименование компонента	Основные свойства	Функции в работе информационной системе
Button	?	Тег <button> создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <input> (с атрибутом type="button | reset | submit"). В отличие от этого тега, <button> предлагает расширенные возможности по созданию кнопок.

Продолжение таблицы 2

Главное меню	?	Это один из основных функциональных элементов сайта, состоящий из набора ссылок на различные страницы. Каждая такая ссылка называется пунктом меню. Посетитель использует меню как средство навигации.
Контент (content)	?	Блок для размещения основной информации о сайте.

Ниже описаны все диалоговые окна сайта.

Диалоговое окно - окно, предназначенное для вывода информации и (или) получения ответа от пользователя. Получил своё название потому, что осуществляет двустороннее взаимодействие компьютер-пользователь («диалог»): сообщая пользователю что-то и ожидая от него ответа.

Диалоговое окно об успешной регистрации нового пользователя (см. Рисунок 3).

Рисунок 3 – Регистрация

Диалоговое окно об не успешной регистрации нового пользователя (см. Рисунок 4)

Рисунок 4 – Ошибка регистрации

Диалоговое окно об успешной авторизации зарегистрированного пользователя (см. Рисунок 5).

Рисунок 5 – Авторизация

Диалоговое окно об не успешной авторизации зарегистрированного пользователя (см. Рисунок 6).

Рисунок 6 – Ошибка авторизации