Спонсор: Microsoft
Опубликован: 22.11.2010 | Доступ: свободный | Студентов: 4107 / 1007 | Оценка: 4.44 / 4.34 | Длительность: 09:23:00
Лекция 9:

Интерфейс информационных систем. Создание интерфейса пользователя

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

Цели:

  1. Рассмотреть интерфейс информационных систем
  2. Изучить порядок создания интерфейса пользователя
  3. Освоить подключение объектов к источнику данных при помощи окна свойств

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

В системах построенных по технологии клиент-сервер существует два вида интерфейса:

  • Интерфейс, реализуемый при помощи клиентского приложения;
  • Web -интерфейс.

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

Элементы управления на форме называется объектами. Каждый объект обладает своим набором свойств, событий и методов.

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

В БД все объекты форм делятся на два класса:

  • Объекты управления - объекты, осуществляющие управление БД (Например: Кнопка или Выпадающий список);
  • Объекты для отображения информации - элементы, отображающие содержимое таблиц, запросов или фильтров, позволяющие добавлять изменять и удалять информацию, и проводить ее анализ.

Все формы в клиентском приложении делятся на три группы:

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

    Замечание: Кнопочная форма, которая появляется первой после запуска программы, называется, главной кнопочной формой.

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

Замечание: Существует два вида дизайна форм:

  1. Ленточные формы - формы, выводящие информацию по одной записи;
  2. Табличные формы - формы выводящие информацию в виде таблицы.

Замечание: Объекты связи используются только в клиентском интерфейсе. В web-интерфейса функции объекта связи выполняет сервер.

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

Замечание: В web- интерфейсе отсутствуют отчёты, их роль выполняют сами страницы.

Создание интерфейса пользователя

Создание интерфейса при помощи окна "Data Sources"

Visual Basic 2008 позволяет создавать не сложный интерфейс БД, без помощи панели объектов и окна свойств, лишь используя окно "Data Sources". В окне "Data Sources" после подключения источника данных отображается все таблицы, запросы, фильтры данных и их поля. В Visual Basic 2008 как и в Visual Basic 6.0 можно перетаскивать источники данных, соответственно таблицы, запросы, фильтры прямо из окна "Data Sources" на форму (в Visual Basic 6.0 окно "Data Sources" заменено на окно "Data Environment" ). Главное отличие Visual Basic 2008 является то, что при перетаскивании можно выбирать для каждого поля источника данных объект, который будет отображать его содержимое.

Замечание: Таким способом можно создавать только определённые объекты для отображения данных поля, и набор этих объектов зависит от типа данных поля.

Создание объектов для отображения данных перетаскиванием состоит из двух шагов:

  • Для каждого поля таблицы, запроса, или фильтра выбирается объект, который будет отображать его содержимое. Для этого необходимо щелкнуть мышью по полю в окне "Data Sources", рядом с именем поля появится кнопка, со стрелкой, щелкнув мышью по стрелке, отобразится выпадающее меню с объектами, которые могут отображать информацию, содержащуюся в поле. Для полей стандартными объектами являются: TextBox, ComboBox, Label, LinkLabel, ListBox. Для полей типа данных Дата Время (DateTime) возможно использования объекта DataTimePicker. Для полей логических типов данных возможно использование объекта CheckBox. Для отображения таблиц, запросов или фильтров целиком возможно два варианта отображения:
    • При помощи объекта DataGridView - информация из таблицы, запроса или фильтра отображается в виде таблицы;
    • DetalledView - отображение всех полей источника данных в TextBox по отдельности
    Замечание: В выпадающем меню с вариантами выбора объектов имеется пункт "Customize" (Настройки), который позволяет выбрать дополнительные допустимые объекты для отображения информации.
  • после выбора объектов для отображения необходимо их поместить на форму, перетаскивая мышью с панели "Data Sources" в нужное место на форме.

Замечание: При помещении первого объекта на форму на ней автоматически создаются объекты для связей с файлом данных и объекты по навигациям по источникам данных (DataSet, BindingSource, TableAdapter, BindingNavigator).

Замечание: По умолчанию панель навигации располагается в верхней части формы. Эту панель можно прикрепить около различных краев формы. Для этого необходимо воспользоваться меню действий объектов. Это меню схоже с окном "Property Pages" из Visual Basic 6.0, но кроме основных свойств объектов оно содержит и действия, которые можно производить с объектами. Чтобы вызвать это меню, необходимо выделить объект. В его правом верхнем углу появится кнопка (квадратик со стрелочкой), при нажатии этой кнопки появляется выпадающее меню с настройками и действия с объектом. Например, чтобы поменять местоположение навигации панели - надо в этом меню выбрать настройку Docking.

Замечание: При перетаскивании на форму полей источников данных автоматически создаются подписи к ним ( Label ).

Замечание: После перетаскивания с созданным объектом можно работать как и с обычным объектом Visual Basic.

Подключение объектов к источнику данных при помощи окна свойств

Visual Basic 2008 позволяет подключать источники данных к объектам без использования перетаскивания, то есть вручную, с использованием панели свойств, как в Visual Basic 6.0. Для этого на форму помещается объект, который будет подключаться к источнику данных. Его выделяют, затем на панели свойств разворачивается группа свойств "DataBindings" она содержит два свойства:

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

На этом мы заканчиваем рассмотрение простых ленточных форм для работы с данными. Дополнительную информацию можно найти в "лабораторной работе №9" .

Татьяна Казакова
Татьяна Казакова
Олег Андриевский
Олег Андриевский

Также весьма интересен фильтр данных, вводимый вручную:

Private Sub TextBox1_TextChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TextBox1.TextChanged
        If Trim(TextBox1.Text) = "" Then
            Me.СтудентыBindingSource.RemoveFilter()
        Else
            Me.СтудентыBindingSource.Filter = String.Format("{0} LIKE '{1}%'", "ФИО", Trim(TextBox1.Text))
        End If
    End Sub

Станислав Мешавкин
Станислав Мешавкин
Россия, г. Заречный
Darya Sukhorukova
Darya Sukhorukova
Россия, СПбГУ, 2013