2.3 Проектирование интерфейса пользователя
Неотъемлемой частью программного продукта, обеспечивающего максимальное удобство и эффективность работы с информацией, является разработка его интерфейса. При разработке интерфейса автор руководствовался следующими принципами:
Стандартизация – рекомендуется использовать стандартные, проверенные многими программистами и пользователями интерфейсные решения. Под решениями подразумеваются дизайн форм, распределение элементов управления в формах, их взаимное расположение, названия команд меню;
Удобство и простота работы – интерфейс должен быть интуитивно понятным, желательно, чтобы все действия легко запоминались и не требовали утомительных процедур: выполнения дополнительных команд, лишних нажатий на кнопки, вызова промежуточных диалоговых окон;
Внешний дизайн не должен утомлять зрение, он должен быть рассчитан на длительную работу пользователя с приложение в течение дня;
Не перегруженность форм – формы должны быть оптимально загружены элементами управления; при необходимости можно использовать вкладки или дополнительные страницы форм;
Группировка – элементы управления в форме необходимо группировать по смыслу, используя элементы группировки: рамки, фреймы;
Разреженность объектов форм – элементы управления следует располагать на некотором расстоянии, а не лепить друг на друга; для выделения элементов управления можно организовать пустые пространства в форме. [12]
Разработав структуру структуры программной среды (пункт 2.1) и модифицировав базу данных (пункт 2.2) необходимо определиться с количеством окон проекта. В проекте необходимы следующие окна:
Окно ввода пароля (рис. 2.13);
Окно заставки (рис. 2.15);
Главное окно (рис. 2.16);
Окно ввода и редактирования информации о проживающем студенте (рис 2.21);
Окно просмотра личных данных о студенте (рис. 2.17);
Окно комната (рис. 2.23);
Окно добавления и изменения данных о комнатах в общежитии (рис. 2.25);
Окно группа (рис. 2.28);
Окно пользователи (рис. 2.29);
Окно добавления и изменения данных о пользователях (рис. 2.31);
Окно поиска (рис. 2.34);
Окно о программе (рис. 2.39).
Окно ввода пароля
Окно предназначено для ввода имени пользователя и пароля. В окне компонента edit, два компонента Bitbtn.
Вход в подсистему с правами администратора:
Имя пользователя: Admin
Пароль: 1234
Рис. 2.13 – Окно ввода пароля
Кнопка «Вход» предназначена для входа в систему. В случае неправильного ввода пароля появляется сообщение: (рис. 2.14)
Рис. 2.14 – Сообщение в случае неверного ввода пароля
В случае успешной аутентификации появляется окно заставки. Кнопка «Отмена» приводит к выходу из программы.
Окно заставки
Окно отображается на экране 10 секунд.
Рис. 2.15 – Окно заставки
В нем отображается информация о зарегистрированном пользователе, а также наименование учреждения и герб КТЭК – филиала РАНХ и ГС при президенте РФ.
Главное окно
Окно для связи с базой данных. Осуществление перехода к другим окнам. Появляется сразу после окна заставки (рис. 2.16).
Рис. 2.16 – Главное окно
В главном окне:
11 компонентов типа BitBtn;
Компонент BDGrid;
Строка состояния StatusBar;
Главное меню;
Компонент edit.
В окне в табличной форме отображается информация о студентах КТЭК – филиала РАНХ и ГС при президенте РФ. Дважды щелкнув по нужной записи, появляется окно просмотра информации о студенте.
Рис. 2.17 – Окно просмотра личной информации о студенте
Также в главном окне:
В строке состояния отображается информация о зарегистрированном пользователе, текущее время и дата.
Кнопка «Комната» открывает окно, где содержится информация о комнатах общежития.
Кнопка «Группа» открывает окно, где содержится информация о группах КТЭК – филиала РАНХ и ГС при президенте РФ.
Кнопка «Поиск» открывает окно поиска.
Кнопка «Word» экспортирует информацию, содержащуюся в BDGrid, в Microsoft Word.
Кнопка «Excel» экспортирует информацию, содержащуюся в BDGrid, в Microsoft Excel.
Кнопка «О программе» открывает окно об авторе программы. Кнопка «Помощь» вызывает справке.
Кнопка «Заселить в комнату» открывает окно ввода данных о студенте. Заселить студента может пользователь, имеющий на это полномочия.
Кнопка «Выселить из комнаты» выселяет студента из комнаты. Выселить студента может пользователь, имеющий на это полномочия.
Кнопка «Просмотр» открывает окно просмотра личной информации о студенте (рис 2.17) при условии, что введена фамилия студента в поле. Если фамилия не введена, отображается окно с сообщением: (рис. 2.18)
Рис. 2.18 – Окно с сообщением
В случае, если запись не найдена появиться окно с сообщением: (рис. 2.19)
Рис. 2.19 – Окно с сообщением
Кнопка «Close» предназначена для выхода из программы.
Главное меню окна (рис 2.20)
Рис. 2.20 – Меню главного окна
Поле «Введите ФИО студента» предназначена для поиска в таблице определенного студента. При этом курсор в таблице устанавливается в необходимую строку.