Создание электронно-обучающего пособия по программированию
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
лядит так:
Рисунок 10 - Граф состояний Учебник
Теперь рассмотрим каждое окно нашего проекта:
Первым делом рассмотрим главную форму:
Она состоит из следующих объектов:
Рисунок 11 - Главная форма
По событию OnClick наших кнопок происходит открытие последующих форм.
OnClick - это событие при котором по щелчку кнопки, либо любому другому компоненту происходит определённая операция, которая задаётся в данной процедуре.
По щелчку кнопки Учебник можно попасть в следующее окно нашей программы, которое состоит из нескольких объектов:
MainMenu - позволяет создавать собственное меню для программы.
TreeView - компонент, предназначенный для отображения древовидных данных, он состоит из TreeViewItems - это тип отдельного элемента дерева.
На форме также присутствует WebBrowser - веб-браузер, использующий свойства стандартного IE (Internet Explorer).
За отображение данных отвечает метод WebBrowser1. Navigate;
Свойства Items, компонента TreeView:
Рисунок 12 - TreeView Items Editor.
Слева располагается меню добавления файлов и меню древовидной структуры, свойство StateIndex справа отвечает за номер отображения по индексу, при событии OnChange TreeView. Text отвечает за название. (Код модуля находится в ПРИЛОЖЕНИИ А)
Форма 2 электронного пособия - Учебник.
Рисунок 13 - Форма 2. Учебник.
Программа тестирования:
Рисунок 14 - Программа тестирования
Состоит из панели ToolBar и тремя кнопками Открыть, Запустить и Выход.
Компонента StaticText, где будут отображаться вопросы.
Список CheckListBox, в котором будут отображаться варианты ответов и кнопки Дальше. (Подробный листинг представлен в ПРИЛОЖЕНИИ Б). Теперь рассмотрим тестовый редактор:
Рисунок 15 - Главное окно редактора тестов
Он состоит
-из главного меню (MainMenu);
-панели кнопок быстрого вызова команд ToolBar
Для каждой кнопки в свойстве Hint указана соответствующая ей подсказка. (Листинг формы представлен в ПРИЛОЖЕНИИ В)
Эта форма создаётся при нажатии кнопки Создать главного меню программы
Рисунок 16 - Окно создания нового теста
Форма состоит из:
-двух кнопок (Button и Button2);
-панели;
-4 элементов Label;
-компонентов ComboBox и Edit (Листинг представлен в ПРИЛОЖЕНИИ Г)
Следующим является окно формирования нового теста вопросов и ответов:
Рисунок 17 - Окно редактирования и создание нового вопроса и ответов
Данное окно состоит из следующих компонентов:
-TreeView - для отображения меню создаваемых тестов;
-ListView - для ввода вариантов ответа и ввода вопроса
-Панель ToolBar со следующими кнопками: Создание вопроса, Редактирвоание, Удаление, Выход.
-Компонента ImageList для загрузки картинки;
-Подробный листинг представлен в ПРИЛОЖЕНИИ Д
Далее создаю форму для редактирования элементов, которая будет отображаться на экране по нажатии кнопок: Создать вопрос и Редактировать вопрос. Эту форму можно увидеть ниже.
Рисунок 18 - Редактирование вопроса.
Здесь находится строка TEdit для ввода текста вопроса и TCheckListBox для ввода вариантов ответа. Также на форме присутствуют кнопки Добавить и Удалить, Да и Отмена и два элемента Label. Также присутствует ImageList для вставки картинки. (Листинг представлен в ПРИЛОЖЕНИИ Е)
2.4 Инструкция по эксплуатации
Электронный учебник запускается на исполнение либо двойным щелчком левой кнопки мыши по файлу *.exe в проводнике Windows, либо нажатием правой кнопки мыши по указанному файлу и выбором пункта меню Открыть. Далее пользователю предлагается ознакомиться с теорией изучаемого материала, в левом верхнем углу располагается меню просмотра материала.
Открытие исполняемого файла программы.
Рисунок 19 - Открытие программы
Далее видно главное окно программы:
Здесь располагается главное меню программы.
Рисунок 20 - Главное окно программы
Щёлкнув по кнопке меню файл, можно увидеть меню состоящее из строчек (Файл>Копировать, Печать и Выход из программы).
Щёлкнув по кнопке меню помощь, показывается справка о программе:
Рисунок 21 - О программе.
Открываю интересующий раздел, в данном случае это Учебник.
Рисунок 22 - Открытие главы 3 учебника.
Сбоку можно увидеть меню подобное главному меню программы, а также меню, отображающее уроки по главам в виде древовидной структуры, в этом меню все файлы взаимосвязаны и можно открыть любой из них.
Можно также изучать этот материал и проверять его и закреплять на тестах и программах.
Каждая глава содержит задачи для ознакомления с программированием:
Открываю, либо сохраняю демонстрационный вариант программы:
Рисунок 23 - Открытие, либо сохранение примера программы.
Пример программы:
Рисунок 24 - Запуск программы.
Нажимаю кнопку Выполнить и открывается программа:
Рисунок 25 - Программа подсчёта суммы чисел.
Закрывается окно учебник кнопкой меню: Выход
И можно открыть тесты.
Тестовая оболочка
Рисунок 26 - Редактор тестов.
Здесь создаются тесты
Рисунок 27 - Создание вопроса, выбора правильного ответа и вариантов ответа.
После всего появляется вопросы, на которые отвечает пользователь.
Рисунок 28 - Программа тестирования
Вопросы теста: