Главная База знаний "Allbest" Программирование, компьютеры и кибернетика Разработка раздела электронного учебника

Разработка раздела электронного учебника

Требования к электронным учебникам. Инструменты и средства создания электронных учебных изданий (ЭУИ). Описание структуры документа в HTML. Перевод электронной информации в интерактивные учебные кадры. Компоновка материалов курса и Web-программирование.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 14.11.2017
Размер файла 3,4 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Страница:

В ЭУИ рисунки, ссылки на термины, источники литературы, а также слои, вставлены с помощью следующих конструкций (приведены конкретные примеры):

Рисунки: <a href="../../images/рисунок%201.2.3.PNG" class="highslide" onclick="return hs.expand(this)">рисунок 1.2.3</font></a>;

Ссылки на термины: <a onclick="return hs.htmlExpand(this, { objectType: 'ajax'} )" href="../../glossary/glossary.htm#Термин 23">сигналов измерительной информации</a>;

Ссылки на источники литературы: <a onclick="return hs.htmlExpand (this, { objectType: 'ajax'} )" href="../../literature/literature.htm#Источник 4">4</a>]</p>;

Слои: <a href="javascript:showLayer('layer3')">Интерфейс</a>;

<div style="position: absolute; width: 305px; height: 95px; z-index: 1; left: 165px; top: 200px; visibility: hidden" id="layer3" class="layer3">

<p><a href="javascript:hideLayer('layer3')"></p>

<img border="0" src="../../common/x.gif" width="22" height="22" align="right"></a><p style="text-align: center">

<p align="center" style="text-align: center"> текст слоя

</div>. Мной выбран тип слоя, открывающийся без анимации по щелчку.

Вставка таблиц осуществлялась посредством конструкции:

<table border="0" width="100%" height="60%">

<tr>

<td><h1 align="center"><тело таблицы></h1></td>

</tr>

</table>.

Списки в ЭУИ организованы посредством тегов <ol>, </ol> для нумерованного и <ul>, </ul> ненумерованного списка, которые представляют собой, например, следующую совместную конструкцию (п. 1.3.1):

<ul> <li><b>Реальные ЦСИ.</b></li></ul>

<ol>

<li>Автономные ЦСИ -...</li>

<li>СИ, управляемые компьютером -...</li>

<li>СИ со встроенным компьютером -...</li>

<li>СИ на основе компьютера -... </li>

</ol>

<ul><li><b>Виртуальные ЦСИ.</b></li></ul>

<ol>

<li>Адаптивные СИ - ...</li>

<li>Индивидуальные СИ - ...</li>

<li>Сетевые СИ -...</li>

<li>Локальные СИ -... </li>

</ol>

2.7 Подготовка вопросов и тестов

Контрольные вопросы по первой и второй главам организованы соответственно размещённому в тексте ЭУИ теоретическому материалу, без задания уровня сложности, без подключения внешних файлов, в простой формулировке по теории учебника.

Тестовые здания также касаются теоретического материала ЭУИ. Вопросы в них (по 4 на главу), размещённые в файлах test_1, test_2 - для 1 главы (../lections/1/test_1.htm, ../lections/1/test_2.htm) и test_3, test_4 - для 2 главы (../lections/2/test_3.htm, ../lections/2/test_4.htm), не совпадают с контрольными вопросами по главам.

При этом использовано 2 объекта Web-форм: checkbox и radio. Например:

<P><STRONG>На какие классы подразделяются цифровые средства измерения?</STRONG>

<FONT COLOR="#117700">

<BLOCKQUOTE>

<INPUT TYPE="checkbox" VALUE="a01" NAME="q01_a01">реальные<BR>

<INPUT TYPE="checkbox" VALUE="a02" NAME="q01_a02">модельные<BR>

<INPUT TYPE="checkbox" VALUE="a03" NAME="q01_a03">виртуальные<BR>

<INPUT TYPE="checkbox" VALUE="a04" NAME="q01_a04">действительные<BR>

</BLOCKQUOTE></FONT>

<P><STRONG>Что такое "приборный интерфейс"?</STRONG>

<FONT COLOR="#117700">

<BLOCKQUOTE>

<INPUT TYPE="radio" name= "q02" value= "a01">система обмена данными между ЦСИ и компьютером<BR>

<INPUT TYPE="radio" name= "q02" value= "a02">схема подключения ЦСИ к системной шине компьютера<BR>

<INPUT TYPE="radio" name= "q02" value= "a03">кабель, соединяющий ЦСИ и компьютер<BR>

<INPUT TYPE="radio" name= "q02" value= "a04">программа, посредством которой компьютер управляет ЦСИ<BR>

</BLOCKQUOTE></FONT>

Проверка результатов производится при помощи функции проверки:

function showResult(f) {

var countAll = 2;

var countTrue = 0;

if (f.q01_a01.checked)&(f.q01_a03.checked)&!(f.q01_a02.checked)&!(f.q01_a04.checked)) {countTrue = countTrue + 1;}

if (f.q02[0].checked) {countTrue = countTrue + 1;}

alert("Правильных ответов: " + countTrue + " из " + countAll + "\n" + "Ваш процент верных ответов: " + 100*countTrue/countAll);

Таким образом, разработана часть ЭУИ по дисциплине «Автоматизация измерений контроля и испытаний», включающая две первые главы с контрольными вопросами и тестами для самоконтроля, встроенными и подгружаемыми посредством гиперссылок объектами: рисунками, ссылками на источники литературы и термины, слоями, содержащими пояснения к тексту ЭУИ. В составе ЭУИ 42 кадра, 16 - на первую главу, 22 - на вторую, по одному на введение, инструкцию к ЭУИ, список литературы и глоссарий. При разработке ЭУИ использованы многие возможности редактора FrontPage и HTML-технологии.

Глава 3. Итоговый интерфейс электронного учебника

Представление итогового интерфейса ЭУИ представлено рисунками 13-21.

3.1 Скриншоты общих для ЭУИ кадров

Общими для всего электронного издания являются следующие разработанные кадры: обложка учебника (рисунок 13), кадр «Введения», кадр «Как работать с учебником», кадр «Глоссарий» (рисунок 14) и кадр «Список литературы» (рисунок 15).

Рисунок 13 - Кадр обложки ЭУИ

Рисунок 14 - Фрагмент кадра глоссария

Рисунок 15 - Кадр со списком литературы

3.2 Скриншоты кадров глав ЭУИ

Рисунок 16 - Кадр со ссылками на рисунки и термин

Рисунок 17 - Кадр со ссылками на источник литературы и слоем

Рисунок 18 - Кадр с формулами

Рисунок 19 - Кадр со вставленным в текст рисунком

Рисунок 20 - Кадр с контрольными вопросами

Рисунок 21 - Кадр с тестами

Заключение

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

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

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

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

В данной выпускной работе были представлены основные результаты разработки ЭУИ по дисциплине «Автоматизация измерений, контроля и испытаний», предназначенной для освоения студентами специальности 072000 «Стандартизация и сертификация» ГОУ ВПО «СибГИУ» очной и заочной форм обучения.

Разработанная часть ЭУИ включает две первые главы с контрольными вопросами и тестами для самоконтроля, объектами: рисунками, ссылками на источники литературы и термины, слоями, содержащими пояснения к тексту ЭУИ. В составе ЭУИ 42 кадра, 16 - на первую главу, 22 - на вторую, по одному на введение, инструкцию к ЭУИ, список литературы и глоссарий. При разработке ЭУИ использованы возможности редактора FrontPage и HTML-технологии.

Список литературы

1. Избачков Ю.С., Петров В.Н. Информационные системы: Учебник для вузов. - 2-е изд. - СПб.: Питер, 2015. - 656 с.

2. Изергин Н.Д. и др. Разработка электронных учебных изданий: Учебное пособие. - Коломна: Изд. МГОУ, 2005. - 160 с.

3. Лихачёва Г.Н. Информационные технологии в экономике и управлении. - М.: Изд. МЭСИ, 2014. - 101 с.

4. Сычёв А.В. Web-технологии. - [Электронный ресурс]: электронный учебник, Интернет университет информационных технологий. Режим доступа: http://www.intuit.ru, свободный.

Размещено на Allbest.ru

Страница:


Подобные документы

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.

© 2000 — 2025, ООО «Олбест» Все наилучшее для вас