РАЗРАБОТКА РАЗДЕЛА ЭЛЕКТРОННОГО УЧЕБНИКА



Федеральное агентство по образованию

ГОУ ВПО «Сибирский государственный индустриальный университет»

Управление информатизации

РАЗРАБОТКА РАЗДЕЛА ЭЛЕКТРОННОГО УЧЕБНИКА

по дисциплине «Автоматизация измерений, контроля и испытаний»

Выпускная работа

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

Фетинина Е.П.

Руководитель: начальник отдела

корпоративных технологий

Шендриков А.Е.

Новокузнецк 2016

Содержание

Введение

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

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

С учётом прогноза развития образования в России в XXI веке государство должно поставить перед высшей школой принципиально новую задачу –

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

Разработка новой теории обучения и методических рекомендаций, последующее их внедрение в педагогическую практику требуют участия в данной области разных специалистов: педагогов, психологов, издателей, редакторов учебных изданий, дизайнеров и программистов и других.

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

Глава 1 Теоретические основы создания электронных учебных изданий

1.1 Основные требования к электронным учебникам

Сегодня ещё нельзя сказать, что понятиеэлектронного учебного издания(ЭУИ),электронного учебника(ЭУ) илиэлектронного учебного пособия(ЭУП) являются устоявшимися и общепризнанными —Изергин Н.Д. и др. Разработка электронных учебных изданий: Учебное пособие. – Коломна: Изд. МГОУ, 2005. – 160 с. – С. 18.. Окончательного определения понятия «электронный (компьютерный, мультимедийный) учебник» пока не существует, классификации такого рода изданий тоже нет, хотя уже введён (1 июля 2002 г.) ГОСТ по электронным изданиям и соответствующая инструкция —Приложение 2 к приказу Минобразования России от 19 июня 1998 г. № 1646.. На эти документы необходимо ориентироваться разработчиком современных систем обучения, так как они содержат определения понятий, правила технической, учебно-методической, эргономической и содержательной экспертизы электронных учебных изданий.

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

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

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

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

Можно составить следующую схему групп требований, предъявляемых к ЭУИ, приведённую на рисунке 1.

Рисунок 1 – Основные группы требований к ЭУИ

Понятие «требование» в данном случае понимается в первую очередь как ограничение, накладываемое тем или иным процессом реализации программного обеспечения или этапом его жизненного цикла.

В каждой из этих групп можно выделить детальные требования, предъявляемые к электронным учебным изданиям. Кроме того, необходимо учитывать и конкретные запросы конечных пользователей.

В группетехнических требовании можно выделить:

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

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

Важнейшей характеристикой любого продукта является егопсихологическое восприятие.Учёт особенностей восприятия человека не только желателен, но и настоятельно необходим.

1.2Гипертекстовая технология

Обычно любой текст представляется как одна длинная строка символов, которая читается в одном направлении.Гипертекстовая технология заключается в том, что текст представляется как многомерный, т.е. с иерархической структурой типа графа или сети.

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

Гипертекстовая технология– это технология представления неструктурированной свободно наращиваемой информации. Этим она отличается от других технологий, где создаются модели структурирования информации —Лихачёва Г.Н. Информационные технологии в экономике и управлении. – М.: Изд. МЭСИ, 2004. – 101 с. – С. 29..

Структурно гипертекст состоит из информационного материала, тезауруса гипертекста, списка главных тем и алфавитного словаря.

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

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

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

Тезаурус гипертекста состоит из тезаурусных статей. Тезаурусная статья имеет заголовок и список заголовков родственных тезаурусных статей, где указаны тип родства и заголовки информационных статей. Заголовок тезаурусной статьи совпадает с заголовком информационной статьи. Тип родства или отношений определяет наличие или отсутствие смысловой связи. Существуют референтные и организационные типы родства, или отношений.

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

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

Референтные и организационные отношения позволяют построить гипертекстовую модель.Гипертекстовая модельизображается в виде сети или графа. Модель референтных отношений обычно изображается сетью. Модель организационных отношений изображается в виде графа или сети. В вершинах сети или графа (узлах) находятся заголовки информационных статей (имена файлов, страниц, закладок). Ребро указывает ключевое слово связи (гиперссылку) с другой информационной статьей, то есть ключевое слово служит указателем заголовка в списке заголовков тезаурусной статьи. Тем самым тезаурус гипертекста реализует поисковый аппарат по смысловым и организационным связям.

Разработка модели позволяет структурировать материал. Выделить основные и частные пути создания и просмотра материала, чтобы пользователь не пропустил главного, не «утонул» в деталях, понял смысл написанного. Умение построить гипертекстовую модель облегчает созданиеWeb-страниц, гипертекстовых документов и баз гипертекстовых документов. Пользователю гипертекстовая модель обеспечивает комфорт при работе с гипертекстом. Тезаурус гипертекста может содержать не только простые, но и составные ссылки. Они образуют неявные ссылки. Примером их использования служат тематические каталоги для поиска в сети Интернет.

Список главных темсодержит заголовки информационных статей с организационными отношениями. Обычно он представляет собой оглавление, содержание книги, отчёта или информационного материала.

Алфавитный словарьсодержит перечень наименований всех информационных статей в алфавитном порядке. Он реализует организационные отношения.

1.3  Инструменты и средства создания ЭУИ

1.3.1Microsoft FrontPage

Для разработки, создания и опубликования Web-сайтов на Web-серверах служат Web-процессоры. Широкое распространение вWindows получил Web-процессорMicrosoft FrontPage. Разработка Web-страниц и доступ к страницам Web-сервера основаны на протоколеHTTP передачи файлов языка гипертекстовой разметкиHTML (HyperText Markup Language) в кодахASCII. Этот протокол во многих отношениях проще, чемftp, так как базируется на внутреннем текстовом представлении.Гипертекст представляет собой иерархию связанных между собой ссылками текстов. Примерами гипертекста являются словари, энциклопедии, информационные системы, в которых статьи, фразы и отдельные термины имеют отсылки к другим текстам. Читать такие документы можно последовательно от одной статьи к другой, или двигаясь по гиперссылкам. А особые протоколыTelnet определяют такой способ передачи информации, при котором клиент делается терминалом сервера.

В составMicrosoft FrontPageвходятMicrosoft FrontPage Explorer(Навигатор),Microsoft FrontPage Editor(Редактор) иMicrosoft FrontPage Personal Web Server (Личный Web-сервер).

Microsoft FrontPage Explorer работает с логической схемой Web-сайта. Он управляет созданием, переименованием, перемещением, копированием, удалением, объединением и разделением Web-страниц, обрабатывая Web-документы подобноПроводникуWindows, обрабатывающему файлы.Microsoft FrontPage Editor работает с конкретной Web-страницей, её текстовыми, графическим, музыкальными объектами. В отличие от обычных текстовых процессоров,Microsoft FrontPage Editor ограничивается документами на языкеHTML.Microsoft FrontPage PersonalWeb Server выполняет административные функции, связанные с организацией Web-сайтов и Web-сервера Интернет. Это своеобразная операционная система, предоставляющая разработчику необходимые информационные ресурсы и управляющая информационными процессами —Сычёв А.В.Web-технологии. – [Электронный ресурс]: электронный учебник, Интернет университет информационных технологий. Режим доступа:http://www.intuit.ru, свободный..

Microsoft FrontPage Editor позволяет создавать, редактировать и форматировать любые тексты. Выделение, перемещение, копирование, удаление, поиск текстовых фрагментов выполняется обычными для текстовых процессоров способами.

Для связи Web-страниц Web-сайта следует в первую очередь определитьtargets – имена Web-страниц, адреса в Интернете или отдельные позиции (закладки) на страницах, на которые предстоит ссылаться. Различают абсолютные и относительные гиперссылки.Абсолютная ссылка оперирует полным Web-адресом, тогда какотносительная адресуется к файлам активного Web-сайта. В гиперссылку можно преобразовать не только адрес, но и любой текст или графический объект.

Таким образом, несмотря на кажущуюся сложность программыFrontPage, с ней довольно легко работать.

1.3.2 Описание структуры документа в HTML

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

Тег – это управляющая команда, обязывающая обозреватель Интернета представлять на экране содержание Web-сайта в определённом виде. Каждый тег начинается и заканчивается угловой скобкой. Первое слово тега является егоименем, последующие слова именуютсяатрибутами. Атрибутам присваивают значения, обычно заключая их в кавычки. Любое выражение на языкеHTML открывается начальным тегом, а многие содержат ещё и конечный тег, отличающийся от начального косой чертой перед именем, например:

<head>

<p align = «left»>название </p>

</head>

Теги не зависят от регистра, пробелы в них не учитываются, также как разрывы строк и знаки табуляции.

ВыраженияHTMLвкладываются одно в другое. Наиболее крупное образование – это сам документ, ограниченный тегами<html>,</html>. Как правило, документHTMLсодержит две обязательные части: заголовок в тегах<head>,</head> и тело документа в тегах<body>,</body>, а также необязательные комментарии в структуре<!-- --> —Избачков Ю.С., Петров В.Н. Информационные системы: Учебник для вузов. – 2-е изд. – СПб.: Питер, 2005. – 656 с. – С. 587..

В заголовке размещают сведения о документе, в частности название, ограниченное тегами<title>,</title> без форматирования. При чтении название присутствует в строке заголовка окна, а при сохранении – в списке просмотренных документов и в папкеИзбранное. Другая важная часть заголовка открывается тегами<meta>. За ними следуют ключевые слова (keywords) и ряд других выражений, предназначенных для опознания документа поисковыми программами Интернет.

Тело документа раскрывает его содержание. Отдельные части содержания структурируются заголовками по уровням – от<h1> (высший) до<h6> (низший), – используемым при построении оглавления документа. Часто заголовки сопровождают тегами<a>,</a> с атрибутомname, характеризующим имя раздела. Это имя впоследствии используется для поиска раздела в большом документе.

Важным объектом большинства Web-страниц служат гиперссылки, обрамляемые тегами<a>,</a> с атрибутомhref. В качестве значения этого атрибута выступает адрес документа в Интернете или имя закладки.

Стиль шрифта задают тегами начертания: курсивный<i>,</i> или<em>,</em>, полужирный<b>,</b> или<strong>,</strong>, подчёркнутый<u>,</u>, зачеркнутый<strike>,</strike>, моноширинный<tt>,</tt>, показатель<sup>,</sup>, индекс<sub>,</sub>. Для задания размера шрифта всего тела документа служит тег<basefont> с атрибутомsize, принимающим значения от «1» до «7». При этом размер, задаваемый обозревателем Интернета, считается равным «3». Отдельные фрагменты текста внутри тела документа можно изменить в размере тегами<font>,</font> с тем же атрибутом и при необходимости знаками «+»,  «–». Большинство обозревателей поддерживает теги<big>,</big>,<small>,</small>, устанавливающие предельные размеры шрифта. Стиль шрифта задаётся атрибутомface, а цвет – атрибутомcolor тега<font> и атрибутами<bgcolor> и<text> тега<body>. Пробелы задаются символом&nbsp.

Для разрыва строки используется тег<br>, а для отделения абзаца пустой строкой – теги<p>,</p>. Выравниванием абзаца управляют атрибутalign, принимающий значения «left», «right» или «center», и теги<center>,</center>. Обособление абзаца выполняется в<blockquote>,</blockquote>. Теги<pre>,</pre> препятствуют автоматическому переносу строк обозревателями Интернета. Атрибутыleftmargin,topmarginтега<body> определяют размеры полей.

Разновидностью текста являются списки.HTML поддерживает три типа списков: нумерованный, маркированный (не нумерованный) и списки определений (содержание). Первый из них –ordered – обрамляется тегами<ol>,</ol>, второй –unordered<ul>,</ul>, и каждый абзац в них открывается тегом<li>. Список третьего типа –definition – содержит заголовки и строки содержания. Его обрамляют теги<dl>,</dl>, заголовки открывают тегом<dt>, а строки содержания – тегом<dd>. Атрибуты тегов списков могут указывать на способ нумерации или маркировки (type; в нумерованном спискеA,a,I,i или1, в маркированном —disc,circle,square) и начальное значение нумерации (start).

Таблицы помещаются в теги<table>,</table>. Атрибутами таблиц служат цвет фона (bgcolor), размеры (width,height), толщина рамки (border) и расстояние между рамками (cellspacing) и от рамки до текста (cellpadding). Заголовок таблицы задаётся в тегах<caption>,</caption>. Внутри тегов таблицы описывается содержание её ячеек. При этом в теги<tr>,</tr> помещается описание каждой строки, в<th>,</th> – описание боковика, а в –</td>,</td> – каждого столбца в этой строке. Атрибуты этих тегов позволяют объединять ячейки (colspan,rowspan) и выравнивать в них данные (align,valign), задавать фон (bgcolor) и препятствовать разрыву строк (nowrap).

Кроме текстов, в состав тела документа вводят рисунки, используя для этого тег<img> с атрибутом источникаsrc. Если рисунок является частью гиперссылки, то гиперссылка реализует связь через этот рисунок. Часто тег<img> снабжают такими атрибутами, как размеры (width,height), обрамление (border,hspace,vspace), выравнивание (align), альтернативный текст (alt), заменяющий рисунок в ряде ситуаций, а также атрибутclearтега<br>.

Описание формы заключается в теги<form>,<form>. Описание открывается указанием метода обработки информации заполненной формы. Большинство Web-серверов обрабатывает формы без помощи Web-сайта. Такой метод называетсяpost в отличие отget, когда обработкой занимается Web-сайт. Основные поля форм описываются тегом<input> с атрибутамиtype,name,value. Значение аргументаtype = «input» присваивается текстовому полю размером в одну строку, «text» и «password» – многострочным полям, «checkbox» – флажку, «radio» – переключателю, «reset» и «submit» – кнопкам, «hidden» – скрытым элементам, «image» – рисункам. Текстовая область, состоящая из нескольких строк, описывается в тегах<textarea>,</textarea> с атрибутами<rows>,<cols>. Описание раскрывающегося списка помещается в теги<select>,</select> с атрибутомname. Каждый пункт списка открывается тегом<option>, а выделенный по умолчанию пункт – тегом<option selected>. Обычный список, занимающий более одной строки, снабжается атрибутомsize, указывающим число строк.

Таким образом, при создании электронного учебника на основе гипертекстовой технологии на равных правах с содержанием выступают внешний вид и структура построения учебника, при этом оформление является одним из путей повышения качества усвоения материала студентом. Для разработки ЭУИ применяются различные средства, в частности, средства программыFrontPage. Поскольку она включена в комплекс приложенийMicrosoft Office XP, она действует таким же образом, как и другие приложенияOffice XP.FrontPage является вполне подходящим средством для созданияWeb-страниц на языке описания гипертекстовых документовHTML (Hypertext Markup Language).

Глава 2 Технология разработки ЭУИ по дисциплине «Автоматизация измерений, контроля и испытаний»

2.1 Описание курса

Учебный курс предназначен для теоретического и практического изучения дисциплины «Автоматизация измерений, контроля и испытаний» для студентов очной и заочной форм обучения. Задачами курса являются следующие.

  1. Освоение основ автоматизации современных систем измерений (в частности, информационно-измерительных систем, измерительно-управляющих систем), систем автоматического контроля (в том числе телеизмерительных систем) и систем испытаний различных объектов (в том числе АСПИ).
  2. Изучение применяемых в указанных системах цифровых средств измерения (в т.ч. виртуальных), контроля и преобразования сигналов и величин, а также средств обработки и передачи данных.
  3. Изучение основных этапов технологического процесса обработки измерительной информации и соответствующих уровней обработки в системах испытаний.
  4. Изучение основных видов преобразований в автоматизированных системах: аналого-цифрового, цифро-аналогового, аналоговой и цифровой фильтрации; кодов, используемых в данных системах; знакомство со специфическими принципами преобразований сигналов и эффектами, возникающими при их дискретизации и квантовании.

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

В разработанном мной ЭУИ представлен материал по двум из четырёх главам курса – первой «Автоматизированные системы измерений» и второй «Системы автоматического контроля» – в последовательном содержательно связанном изложении. Мне представляется более целесообразным начать учебное издание с начала для возможного оперативного применения уже в ближайшее время студентами заочной формы обучения. Данные главы ЭУИ содержат достаточное количество изображений, ссылок на термины и список литературы посредством использования слоёв и обычных гиперссылок.

2.2 Перевод электронной информации в интерактивные учебные кадры

Содержательный материал ЭУИ в электронном виде был сформирован в текстовом процессореWord 2003 и условно разбит на кадры, во-первых, исходя из принципа: одну семантическую единицу информации – на один кадр, причём обозримый пользователем без использования полос прокрутки; во-вторых, согласно естественному разделению учебного материала на пункты, параграфы и главы, которые были выделены мной практически в процессе чтения лекций по данной дисциплине.

В таблице 1 приведены наименованияWeb-страниц ЭУИ и соответствующие им номера кадров с их краткой характеристикой.

Общее количество кадров –42, по первой главе –16, по второй –22, четыре кадра – на введение, инструкцию по использованию учебника, глоссарий и список литературы (таблица 2).

Связи страниц между собой определяются на каждой странице посредством операторов:

var prevFile = «../.. .htm»;

var nextFile = «../.. .htm»;

вструктуре:

<script type=«text/javascript»>

var prevFile = «../Lections/1/1.3.2_1.htm»;

var nextFile = «../Lections/1/1.4.1_1.htm»;

</script>

Таблица 1 – СоответствиеWeb-страниц и последовательности кадров

Web-страница

Описание кадра

../intro/0_1.htm

1. КадрВведения к ЭУИ.

../intro/0_2.htm

2. Кадр инструкции по использованию ЭУИ.

../1/1_1.htm

3. Кадр начала первой главы. Содержит ссылку на источник литературы.

../1/1.1_1.htm

4. Кадр 1 параграфа 1 главы. Субкадры: 3 рисунка – рисунок 1.1.1, рисунок 1.1.2, рисунок 1.1.3; ссылка на термин.

../1/1.2_1.htm

5. Кадр 2 параграфа 1 главы. Субкадры: 3 рисунка – рисунок 1.2.1, рисунок 1.2.2, рисунок 1.2.3; ссылка на термин.

../1/1.3_1.htm

6. Кадр 3 параграфа 1 главы. Субкадры: рисунок 1.3.1; ссылка на источник литературы; ссылка на параграф 4.1.1 4-ой главы.

../1/1.3.1_1.htm

7. Кадр подпараграфа 1.3.1 со ссылкой на термин.

../1/1.3.2_1.htm

8. Кадр 1 подпараграфа 1.3.2. Субкадры: слой 3 с пояснениями к тексту; ссылки на 2 термина. Рисунок 1.3.2 в кадре.

../1/1.3.2_2.htm

9. Кадр 2 подпараграфа 1.3.2. Субкадры: рисунок 1.3.3 слой 3 с пояснениями к тексту; ссылка на термин; ссылка на источник литературы.

../1/1.4.1_1.htm

10. Кадр со ссылкой на источник литературы. Рисунок 1.4.1 в кадре.

../1/1.4.1_2.htm

11. Кадр со ссылкой на термин.

../1/1.4.1_3.htm

12. Кадр без ссылок и субкадров.

../1/1.4.2_1.htm

13. Кадр со ссылками на источник литературы и термин; субкадры: слой 3 в пояснениями к тексту. Рисунок 1.4.2 в кадре.

../1/1.4.2_2.htm

14. Кадр со ссылкой на параграф 4.2.1.3.

../1/1.4.3_1.htm

15. Кадр со ссылкой на источник литературы и термин.

../1/kontr_vopr_1.htm

16. Кадр с контрольными вопросами к первой главе.

../1/test_1.htm

17. Кадр 1-го тестирования по материалам первой главы с двумя вопросами.

../1/test_2.htm

18. Кадр 2-го тестирования по материалам первой главы с двумя вопросами.

../2/2_1.htm

19. Кадр начала второй главы. Субкадры: слой 3 с пояснениями к тексту.

../2/2.1.1_1.htm

20. Кадр со ссылкой на термин.

../2/2.1.1_2.htm

21. Кадр без ссылок и субкадров.

../2/2.1.2_1.htm

22. Кадр с субкадрами: рисунки 2.1.1, 2.1.2, 2.1.3.

../2/2.1.2_2.htm

23. Кадр без ссылок и субкадров.

../2/2.1.2_3.htm

24. Кадр с субкадрами: рисунок 2.1.4, рисунок 2.2.5.

../2/2.1.3_1.htm

25. Кадр без ссылок и субкадров.

../2/2.1.4_1.htm

26. Кадр с субкадрами: рисунок 2.1.6-а, рисунок 2.2.6-б и формулами в тексте.

../2/2.2_1.htm

27. Кадр с субкадром: слой 3 с пояснениями к тексту.

../2/2.2.1_1.htm

28. Кадр с субкадрами: рисунок 2.2.1, рисунок 2.2.2, рисунок 2.2.3.

../2/2.2.1_2.htm

29. Кадр без ссылок и субкадров.

../2/2.2.2_1.htm

30. Кадр без ссылок и субкадров. Рисунок 2.2.4 в кадре.

../2/2.2.2_2.htm

31. Кадр без ссылок и субкадров. Рисунок 2.2.5 в кадре.

../2/2.2.2_3.htm

32. Кадр без ссылок и субкадров. Рисунок 2.2.6 в кадре и формула.

../2/2.2.2_4.htm

33. Кадр без ссылок и субкадров. Рисунок 2.2.7 в кадре.

../2/2.3.1_1.htm

34. Кадр без ссылок и субкадров. В кадре 2 формулы.

Продолжение таблицы 1.

../2/2.3.2_1.htm

35. Кадр со ссылкой на источник литературы и субкадрами: рисунок 2.3.1, рисунок 2.3.2, рисунок 2.3.3.

../2/2.4_1.htm

36. Кадр со ссылкой на источник литературы и субкадром: таблица.

../2/2.4_2.htm

37. Кадр без ссылок и субкадров.

../2/kontr_vopr_2.htm

38. Кадр с контрольными вопросами ко второй главе.

../2/test_3.htm

39. Кадр 1-го тестирования по материалам второй главы с двумя вопросами.

../2/test_4.htm

40. Кадр 2-го тестирования по материалам второй главы с двумя вопросами.

../glossary/ glossary.htm

41. Кадр со списком терминов и определений.

../literature/ literature.htm

42. Кадр со списком литературы.

В таблице 1 в графеWeb-страница приведены относительные ссылки на месторасположение страниц. Здесь файлы, относящиеся к первой главе ЭУИ,  распложены по пути:с:/Электронный учебник/lectionsв папке1 (../1/*.htm), а файлы, относящиеся ко второй главе ЭУИ, – в папке2 (../2/*.htm). При этом в имени файла1_1.htm первая1 – это номер главы, вторая1 через «_» – номер кадра,htm – расширение файла – говорит о том, что этоHTML-файл. В структуре имени2.3.2_1.htm цифры2.3означают принадлежность файла к параграфу3 главы2, а2.3.2– принадлежность файла ко второму подпараграфу3-го параграфа главы2.

Графический материал текста ЭУИ представлен в форматеPNG.Графический форматPNG – формат, используемый для графических файлов в Интернете, аналогичный форматуGIF,но с заметно лучшималгоритмом сжатия. Относится  к  свободно  распространяемому программному обеспечению(publicdomain)и поддерживается многими браузерами —Изергин Н.Д. Указ. соч. – С. 69..

Выбор этого формата представления рисунков обусловлен тем, чтоPNG (PortableNetworkGraphics)является переносимой сетевой графикой, а также лучшим по сравнению, например, с форматомJPEG качеством получаемых изображений.

Первоначально рисунки ЭУИ были созданы графическими возможностями процессораWord, затем посредством нехитрого редактораWindowsPaint пересохранены в виде отдельных файлов форматаPNG и вставлены в текст ЭУИ вFrontPage. Подписи рисунков вмонтированы в них изначально, поэтому я не использовала возможностиFrontPage для подписывания иллюстраций.

2.3 Педагогический и технологический сценарий курса

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

Структура общего содержания ЭУИ включает следующие компоненты:

Введение

Как работать с учебником

Глава 1 Автоматизированные системы измерения

1.1 Основные структуры автоматизированных систем

1.2 Сигналы измерительной информации

1.3 Цифровые средства измерения (ЦСИ)

1.3.1 Классификация ЦСИ

1.3.2 Элементы ЦСИ

1.3.2.1 Классическая структура измерительного прибора

1.3.2.2 Приборный интерфейс

1.4 Цифровые измерительные системы

1.4.1 Информационно-измерительная система (ИИС)

1.4.1.1 Структура ИИС

1.4.1.2 Основные этапы работы ИИС

1.4.1.3 Основные функции ИИС

1.4.2 Измерительно-управляющая система (ИУС)

1.4.2.1 Структура ИУС

1.4.2.2 Основные этапы работы ИУС

1.4.3 Особенности обработки СИИ в ИИС

Контрольные вопросы к первой главе

Тестирование для самоконтроля

Глава 2 Системы автоматического контроля (САК)

2.1 Автоматический контроль

2.1.1 Основные понятия и виды контроля

2.1.1.1 Определение контроля

2.1.1.2 Виды контроля

2.1.2 Классификация САК

2.1.2.1 По удалённости от объекта контроля

2.1.2.2 По типу организации контроля

2.1.2.3 По частоте проведения контроля

2.1.3 Функции САК

2.1.4 Способы описания норм в САК

2.2 Телеизмерительные системы (ТИС)

2.2.1 Передача сигналов в ТИС

2.2.1.1 Линии и каналы связи

2.2.1.2 Разделение сигналов

2.2.2 Аналоговые ТИС

2.2.2.1 Токовые ТИС

2.2.2.2 Частотные ТИС

2.2.2.3 Время-импульсные ТИС

2.2.2.4 Цифровые ТИС

2.3 Коды, используемые в АС

2.3.1 Системы счисления

2.3.2. Двоичный, двоично-десятичный и тетрадно-десятичный коды

2.4 Передача кода в ТИС

2.4.1 Проверка кода на чётность

2.4.2 Примеры способов защиты передаваемой информации от ошибок

Контрольные вопросы ко второй главе

Тестирование для самоконтроля

Глава 3 Автоматизированные системы испытаний

3.1 Автоматизированная система проведения испытаний (АСИ)

3.1.1 Понятие испытания

3.1.2 Свойства АСИ

3.1.3 Схема АСИ

3.1.4 Технологический цикл проведения испытаний

3.1.5 Виды экспериментов при проведении испытаний

3.2 Представление результатов испытаний

3.2.1 Параметры объекта испытаний

3.2.2 Уровни представления информации в натурных испытаниях

3.2.2.1 Общая схема

3.2.2.2 Иерархическая схема

Контрольные вопросы к третьей главе

Тестирование для самоконтроля

Глава 4 Преобразование сигналов в автоматизированных системах

4.1 Аналого-цифровое и цифро-аналоговое преобразования

4.1.1 Аналого-цифровое преобразование (АЦ-преобразование)

4.2.1.1 Дискретизация входного сигнала

4.2.1.2 Квантование дискретного сигнала

4.2.1.3 Кодирование цифрового сигнала

4.2.1.4 Статическая характеристика АЦП

4.1.2 Цифро-аналоговое преобразование (ЦА-преобразование)

4.1.2.1 Процесс формирования выходного сигнала

4.1.2.2 Статическая характеристика ЦАП

4.1.2.3 Погрешности ЦА-преобразования

4.2 Особенности преобразований сигналов в цифровых автоматизированных системах

4.2.1 Эффект подмены частот (ЭПЧ)

4.2.1.1 Сущность ЭПЧ

4.2.1.2 Теорема Котельникова

4.2.1.3 Применение противоподменных фильтров

4.2.1.4 Пример ЭПЧ «в жизни»

4.2.1.5 Пример дискретизации синусоиды

4.2.2 Эффект «Мёртвая зона»

4.2.2.1 Сущность эффекта «Мёртвая зона»

4.2.2.2 Пример возникновения эффекта

4.2.2.3 Пример устранения «Мёртвой зоны»

4.2.3 Принцип асимметрии измерений

4.2.3.1 Сущность принципа

4.2.3.2 Алгоритм поразрядного кодирования

4.2.3.3 Пример проявления принципа асимметрии измерений

4.3 Фильтрация сигналов в автоматизированных системах

4.3.1 Аналоговая фильтрация

4.3.1.1 Основные понятия фильтрации

4.3.1.2 Амплитудно-частотная характеристика фильтров (АЧХ)

4.3.2 Цифровая фильтрация

4.3.2.1 Сглаживающие фильтры

4.3.2.2 Робастные фильтры

4.4 Согласование сигналов в АС

4.4.1 Динамический диапазон и полное согласование

4.4.2 Случаи неполного согласования

4.4.2.1 Первый случай неполного согласования

4.4.2.2 Второй случай неполного согласования

4.4.2.3 Третий случай неполного согласования

Контрольные вопросы к четвёртой главе

Тестирование для самоконтроля

Контрольные вопросы по всему курсу

Задачи и упражнения по разделам

Лабораторный практикум

Контрольные работы

Глоссарий

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

В таблице 2 приведено соответствие пунктов содержания, разработанной части ЭУИ, количеству кадров по каждому из них.

Таблица 2 – Содержание ЭУИ с количеством кадров по каждому пункту

Содержание

Число кадров

Введение

Как работать с учебником

Глава 1 Автоматизированные системы измерения

1.1 Основные структуры автоматизированных систем

1.2 Сигналы измерительной информации

1.3 Цифровые средства измерения (ЦСИ)

1.3.1 Классификация ЦСИ

1.3.2 Элементы ЦСИ

1.3.2.1 Классическая структура измерительного прибора

1.3.2.2 Приборный интерфейс

Итого кадров по параграфу 1.3

1.4 Цифровые измерительные системы

1.4.1 Информационно-измерительная система (ИИС)

1.4.1.1 Структура ИИС

1

1

1

1

1

1

1

1

1

4

1

Продолжение таблицы 1

1.4.1.2 Основные этапы работы ИИС

1.4.1.3 Основные функции ИИС

1.4.2 Измерительно-управляющая система (ИУС)

1.4.2.1 Структура ИУС

1.4.2.2 Основные этапы работы ИУС

1.4.3 Особенности обработки СИИ в ИИС

Итого кадров по параграфу 1.4

Контрольные вопросы к первой главе

Тестирование для самоконтроля

Итого кадров по 1 главе

Глава 2 Системы автоматического контроля (САК)

2.1 Автоматический контроль

2.1.1 Основные понятия и виды контроля

2.1.1.1 Определение контроля

2.1.1.2 Виды контроля

2.1.2 Классификация САК

2.1.2.1 По удалённости от объекта контроля

2.1.2.2 По типу организации контроля

2.1.2.3 По частоте проведения контроля

2.1.3 Функции САК

2.1.4 Способы описания норм в САК

Итого по параграфу 2.1

2.2 Телеизмерительные системы (ТИС)

2.2.1 Передача сигналов в ТИС

2.2.1.1 Линии и каналы связи

2.2.1.2 Разделение сигналов

2.2.2 Аналоговые ТИС

2.2.2.1 Токовые ТИС

2.2.2.2 Частотные ТИС

2.2.2.3 Время-импульсные ТИС

2.2.2.4 Цифровые ТИС

Итого по параграфу 2.2

2.3 Коды, используемые в АС

2.3.1 Системы счисления

2.3.2. Двоичный, двоично-десятичный и тетрадно-десятичный коды

Итого по параграфу 2.3

2.4 Передача кода в ТИС

2.4.1 Проверка кода на чётность

2.4.2 Примеры способов защиты передаваемой информации от ошибок

Итого по параграфу 2.4

Контрольные вопросы ко второй главе

Тестирование для самоконтроля

Итого кадров по 2 главе

Глоссарий

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

Итого по ЭУИ

1

1

1

1

1

6

1

2

16

1

1

1

1

1

1

1

1

8

1

1

1

1

1

1

1

7

1

1

2

1

1

2

1

2

22

1

1

42

В коде редактораFrontPage содержание 1 главы и фрагмента 2 главы ЭУИ, сохранённые в файлеcontent.htm папкиСommon, выглядят как представлено на рисунках 2 и 3 соответственно.

Рисунок 2 – Содержание 1 главы ЭУИ в редактореFrontPage

Рисунок 3 – Фрагмент содержания 2 главы

На рисунках 4 и 5 приведены графы технологических сценариев первой и второй глав ЭУИ соответственно.

Рисунок 4 – Графовое представление первой главы разработанной части ЭУИ

Рисунок 5 – Графовое представление второй главы разработанной части ЭУИ

Условные обозначения:id=[N] – ссылка на номер термина или источника литературы,            – параграф,           – слой,        – рисунок.

Внутри «вершин» графов приведены номера глав, параграфов и подпараграфов, согласно их разделению на соответствующие кадры (таблица 1).

Технологический сценарий опирается на уровни представления кадров по гиперссылкам. В ЭУИ выделены следующие уровни:1 уровень – основной текст ЭУИ;2 уровень – пояснения к основному тексту в слоях;3 уровень – рисунки к основному тексту;4 уровень – справочная информация – ссылки на термины и литературу.

2.4 Пользовательский интерфейс учебника

Разработанная часть ЭУИ построена на гипертекстовой основе. Кадры сформированы в видеWeb-страниц посредством редактораFrontPage 2003.

Рисунки, вставленные в оформление ЭУИ, созданы посредством графического процессораPhotoshop 9.0. Это заголовок учебника (рисунок 6), находящийся в папке../common/title.htm и../common/заголовок-1.png, отредактированные в указанном графическом процессоре стрелки навигации (рисунок 7) (../common/bottom.htm и../common/left.gif, ../common/right.gif),  и обложка (рисунок 8) (../common/cover.htm и (../common/обложка учебника.png).

Рисунок 6 – Изображение заголовка ЭУИ

Рисунок 7 – Изображение стрелок навигации

В своей основе пользовательский интерфейс ЭУИ построен на системе навигации и цветовой гамме, предложенной в Шаблоне учебника.

Рисунок 8 – Изображение обложки ЭУИ

Изменения цветовой гаммы  Шаблона коснулись гиперссылок на рисунки, они обозначены мной синим цветом, на термины глоссария, слои и источники литературы, обозначенные красным цветом. Это сделано с целью визуального разделения данных гиперссылок (отделить рисунки от терминов и пояснений) и усиления контраста цветов выделенных слов и фона для концентрации на них внимания пользователя. Для наличия того же контраста в изображении я не изменила цветовые настройки встроенных рисунков: рисунок располагается на белом фоне, между тем как фон кадра – бежевый.

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

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

Рисунок 9 – Структура кадра

Перемещение по кадрам осуществляется как посредством кнопок навигации, тогда организуется последовательное передвижение от кадра к кадру в прямом и обратном направлении согласно технологическому сценарию (рисунки 4 и 5), так и посредством активизации нужных пунктов содержания (рисунок 10), в этом случае предусмотрено любое передвижение от кадра к кадру: последовательное или с возможностью пропуска определённого их количества в прямом и обратном направлении.

Рисунок 10 – Фрагмент содержания ЭУИ

2.5 Подготовка текстов

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

Выбор кодировки дляWeb-страниц ЭУИ в редактореFrontPage производился по схеме:МенюФормат/Свойства/закладкаЯзык/Сохранить документ, используя... Кириллица (рисунок 11).

Можно задавать принудительную кодировку в браузере (Вид/Кодировка/Кириллица…), это бывает полезно в тех случаях, когда, к примеру, вHTML-файле кодировка указана неверно, либо если алгоритм автоопределения кодировки ошибается (рисунок 12).

Рисунок 11 – Выбор кодировки

Рисунок 12 – Определение кодировки в браузере

Согласно различным исследованиям, порядка 95-98% всех сайтов в Рунете написаны с использованием кодировкиWindows-1251. Поэтому целесообразно использовать данную кодировку в ЭУИ.

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

ШрифтTimesNewRoman выбран в качестве шрифта для текста списков  для их большего выделения в основном тексте.

При этом некоторые слова текста ЭУИ, на которые необходимо обратить внимание, имеют специальное отображение: курсив, обозначенный тегами<i>,</i> или полужирный, обозначенный тегами<b>,</b>.

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

2.6 Компоновка материалов курса и Web-программирование

HTML-документ – это один большой контейнер, который начинается с тега<html> и заканчивается тегом</html>.

КонтейнерHTML состоит из двух других вложенных контейнеров:заголовка документа (head) и тела документа (body) (таблица 3).

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

Таблица 3 – Структура кадра

1

<html>

2

<head>

3

<title>Название</title>

4

<link rel=stylesheet type="text/css" href="../Common/base.css" title="base css">

5

<script language="JavaScript" src="files/2/../Common/functcom.js"></script>

6

<script language="JavaScript">

7

var prevFile = "../Lections/1/1_1.htm";

8

var nextFile = "../ Lections/1/1_2.htm";

9

</script>

10

</head>

11

<bodyonLoad="init()">

12

<h2>Название</h2>

13

<p>………………..</p>

14

</body>

15

</html>

Элемент разметкиlink позволил загружать внешние описатели стилей. В данном случае речь идёт о загрузке стилей из файлаbass.css, находящегося в папкеcommon. При этом стили задаются в нотацииW3C, а неJavaScript, что определяется атрибутомtype.

Элемент разметкиscript служит для размещения кодаJavaScript. Вообще говоря,script можно использовать не только взаголовке документа, но и в его теле. В отличие от контейнераstyle, ему не требуется дополнительный контейнерlink для загрузки внешних файлов кодов.

Тело документа состоит из:

Мной изменены некоторые стилиHTML-документа по алгоритму: вFrontPage менюФормат/Связи с таблицами стилей – выбор файлаbase.css/Изменить. В открытом файлеbase.css изменение стиля производилось по пути: менюФормат/Стиль/Изменить/Формат/Шрифт. При этом изменены стили заголовковh1,h2,h3,h4(цвет, размер, положение). Стиль ссылки на слой: в списке «а» (цвет). Стиль гиперссылки на рисунки (цвет, подчёркивание): изменение файлаhighstide.css, в списке изменён стиль –highstide. Стиль основного текста и списков (шрифт, размер).

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

Рисунки: <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="files/2/../../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, свободный.




Похожие работы, которые могут быть Вам интерестны.

1. Методическая разработка раздела программы по биологии Экосистемы

2. Разработка технологического раздела проекта полигона твердых бытовых отходов (ТБО)

3. Разработка электронного практикума по созданию Flash-приложений

4. Разработка системы управления курсами для электронного обучения

5. Разработка электронного модуляактивного фильтра нижних частот четвертого порядка

6. Разработка электронного лабораторного практикума по дисциплине «Объектно-ориентированное программирование»

7. Разработка электронного практикума по дисциплине Теория систем и системный анализ

8. Разработка электронного факультативного курса Возможности редактора Corel Draw

9. Разработка электронного журнала технического обслуживания инфраструктурных объектов компрессорной станции Шекснинского ЛПУ

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