Интерфейс электронного учебно-методического комплекса

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

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

ь внешний дизайн. Нельзя, чтобы интерфейс утомлял зрение. Он должен быть рассчитан на длительную работу пользователя с приложением в течение дня;

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

ь возможность работы с электронными средствами начинающему пользователю ЭВМ;

ь использование специального интерфейса, моделирующего для преподавателя, создающего элементы учебной среды, процесс создания учебника, а для студента — моделирующего процесс работы с реальным учебником.

Окно просмотра электронного документа и панель навигации

Данное окно отображает все элементы электронного учебника (рисунок 1). В левой части окна расположена панель навигации, которая позволяет перемещаться по разделам учебника. Структура лекций и лабораторных работ создана при помощи компонентов Delphi DBTreeView, WebBrowser, ListBox, ImageList.

Рисунок 1. Главная рабочая область.

Компонент DBTreeView — это компонент, визуализирующий DB дерево. Основа — TTreeView, с небольшими измененями + запросы (Querys), к базе данных. DBTreeView создаётся для работы с базами данных, с которыми можно работать через компоненты TDatabase (BDE), TADOConnection (ADO), TIBDatabase (Interbase), TSQLConnection (dbExpress). Пока реализована функцильность для BDE, ADO и Interbase.

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

Возможности компонента:

• · построение дерева с возможностью указания признака родителей верхнего уровня
• · построение всего дерева сразу или по мере открывания веток
• · пометка веток дерева на основе входной строки идентификаторов веток, нуждающихся в пометке
• · генерация строки идентификаторов выбранных веток 3 типов — с ветками нижнего уровня, с ветками максимально верхнего уровня, с ветками всех уровней
• · генерация «пути» узла дерева
• · индикация помеченных неполностью веток чеком серого цвета
• · поиск по названию ветки дерева или по ключевому полю
• · возможность синхронизации дерева и набора данных

Установка компонента.

Инсталляция: открыть в Delphi DBTreeFilter. dpk из соотвествующего каталога (для 5, 6 или 7 версии Delphi) и проинсталиировать его. После инсталляции скопировать dbtreefilter. dcu и dbtreefilter. dcr в каталог Delphi Lib или указать путь к ним.

Для установки новых версий достаточно скопировать файлы *.dcu поверх имеющихся в каталог Lib Delphi.

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

Компонент не имеет собственной канвы и поэтому не может самостоятельно отображать хранимые в нем картинки, которые могут быть растрами (bmp) или пиктограммами (ico). Его метод Draw получает канву от другого компонента и рисует изображение в клиентской области этого компонента. В компоненте есть множество специальных свойств и методов, упрощающих обслуживание набора картинок.

Компонент ImageList был использован как контейнер для хранения иконок предназначенных визуализировать представление информации в компонентах PageControl и DBTreeView.

Рисунок 2. Контейнер ImageList.

Весь методический материал учебника отображается в левой части окна на компонете, закладки Internet, WebBrowser.

Компонент WebBrowser используется для отображения ранее созданных HTML страниц.

Такой режим можно довольно просто реализовать с помощью WebBrowser — элемента управления ActiveX, который входит в состав Internet Explorer начиная с версии 3.0. Его можно использовать в любых инструментальных средствах, поддерживающих элементы управления ActiveX, в том числе Visual Basic и Microsoft Office/VBA.

Компонент WebBrowser позволяет обращаться к Web-узлам, просматривать Web-страницы, различные документы, папки на локальном компьютере и в сети, а также читать данные из Internet. При этом автоматически поддерживается хронологический список ресурсов, к которым обращался пользователь. Данный элемент управления может работать с любыми документами ActiveX, к которым относится большинство документов Microsoft Office 97. То есть, если у вас установлен Office 97, вы можете непосредственно в окне WebBrowser открывать и редактировать рабочие книги Excel или документы Word.

Компонент WebBrowser корректно отображает Web-страницы, содержащие:

• 1. стандартную HTML-разметку и большинство расширений;
• 2. любые элементы управления ActiveX;
• 3. большинство подключаемых моделей Netscape;
• 4. скриптовые программы, написанные на JavaScript и VBScript;
• 5. апплеты Java;
• 6. мультимедийные фрагменты;
• 7. трехмерные виртуальные миры, созданные на VRML.