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

Оформлена в соответствии с требованиями. Защищена на оценку 4, но процент антиплагиата менее 50% в бесплатной версии. Могу снизить цену ...

+

+

п. С помощью данного продукта в пособие могут быть включены файлы разных типов: HTML страницы, VB и Java скрипты, звуковые, графические и видео файлы и многие другие.С помощью eBook Maestro можно вставлять в книгу ссылки на ресурс в Интернете, публиковать адрес электронной почты, а также создавать иконки. Элементами окна книги могут быть такие кнопки, как «Домашняя страница», «Поиск» и другие. Можно задавать им свои названия на русском и английском языках. Все файлы книги, имеющей сложную структуру, хранятся в разных директориях.Достоинства:поддержка HTML;обработка и сохранение данных, введённых пользователем в проект;преобразование текста в речь;быстрый и удобный поиск.Недостатки:максимальное число файлов для одной книги в версии FREE – 500, в то время как в версиях STANDARD и PRO их неограниченное количество [3, с. 53].TurboSite. Бесплатная программа для создания сайтов и электронных учебных пособий. Можно создать HTML-сайт или электронное учебное пособие с поддержкой комментариев, формы обратной связи, вставки видеофайлов и JavaScript-тестов и другими возможностями. Программа очень проста в обращении, не требует знания языков программирования и разметки текста.Достоинства:программа проста в освоении и предлагает множество готовых шаблонов,которые в процессе работы можно изменять;работа осуществляется через веб-браузер с поддержкой стандарта HTML5;результат получается быстро и его можно редактировать в процессе работы.Недостатки:возможность некорректного отображения материала в разных браузерах;в структуре создаваемого электронного учебного пособия все разделы будут одного уровня.SunRavBookOffice – пакет, состоящий из двух программ: SunRavBookEditor – программа для создания и редактирования книг и учебных пособий и SunRavBookReader - программа для просмотра книг и учебных пособий.Программа для создания и редактирования (SunRavBookEditor) имеет встроенную систему проверки орфографии, что облегчает процесс редактирования материала. Система гиперссылок позволяет создавать ссылки из любого места на главы текущей книги, на другие книги, на тесты (используется программа tTester), на Интернет страницы или на любые другие документы. Глубина ссылок не ограничена. Возможно открытие ссылок во всплывающих окнах, внешний вид которых можно настроить. Программа SunRavBookOffice внесена в Единый реестр российских программ для электронных вычислительных машин и баз данных. SunRavBookReader, которая может озвучивать книги, проводить индексный и полнотекстовый поиск, автоматически пролистывать страницы, читать текстовые, HTML, RTF и MS Office документы, изменять внешний вид, используя темы, организовывать наиболее часто используемые книги и главы в избранное.Достоинства:конвертация пособия в множество различных форматов;основной интерфейс программы настроен под формат Microsoft Office;удобная система ссылок.Недостатки:достаточно большой размер файла, за счет уже встроенной программы для чтения;наличие сопровождающих работу ошибок и зависаний [8, с. 167].На основе анализа программных продуктов по созданию электронного учебного пособия для разработки электронного учебного пособия была предложена технология подготовки Web-учебных пособий, предназначенных для их использования в сетях Internet. А также программное обеспеченье «WinCHM v.5.127». Программа имеет удобный редактор, который не использует сторонние компиляторы, плюс имеет маленький собственный размер, по сравнению с другими программами. Совместимо со всеми выпусками операционной системы Windows. Не требует установки. Интерфейс программы удобен, как для создания справок, так и для создания различных видов учебных материалов. Бесплатна для домашнего использования.ПРОЕКТИРОВАНИЕ УЧЕБНОЙ ИНФОРМАЦИОННОЙ СИСТЕМЫ ПО КОМПЬЮТЕРНОЙ ГРАФИКЕ2.1 Регламентирующие материалыЗакон РФ "Об авторском и смежных правах", Закон РФ "О правовой охране программ для ЭВМ и баз данных", ГОСТ 7.60–90 Система стандартов по информации, библиотечному и издательскому делу (СИБИД). Издания.Основные виды. Термины и определения.Приказ Минобразования РФ N1646 от 19.06.98 о создании Федерального экспертного совета по учебным электронным изданиям.Приложение А. Положение о Федеральном экспертном совете по учебным электронным изданиямПриложение Б. Инструкция о порядке рассмотрения и утверждения грифа Минобразования на учебные электронные издания.Проект государственного стандарта России "Электронные издания. Основные виды. Выходные сведения".Пояснительная записка к проекту государственного стандарта России "Электронные издания. Основные виды. Выходные сведения".2.2 Структурирование учебного материала электронного учебного пособияСтруктура пособия определяется тем, что, в основном, электронные пособия используются для того, чтобы организовать самостоятельную работу учащихся и должны четко определять, какие именно разделы и в какой последовательности должны быть изучены и взаимосвязаны между собой. Последовательность изучаемого материала должна строго учитываться: теоретическая часть, практическая, контрольные задания, демонстрации и материалы для дополнительного образования [1, с. 10].Любое электронное учебное пособие должно включать в себя следующие обязательные компоненты:средства изучения теоретических основ дисциплины;средства поддержки практических занятий;средства контроля знаний;средства взаимодействия между учителем и учащимися;методические рекомендации по изучению дисциплины;средства управления процессом изучения дисциплины.При этом электронное учебное пособие должно отвечать следующим требованиям:четкая структуризация предметного материала;наличие рекомендаций по изучению дисциплины;компактность представленного информационного материала;наличие иллюстраций и графическое оформление;включение текущего и промежуточного контроля знаний.Прежде всего, электронные издания рассчитаны на заочную форму обучения. Вследствие чего, кроме основного текста, содержится справочный материал, который необходим для самостоятельной работы. В издании такого типа важно наличие гиперссылок, которые включают в себя дополнительный текст, указатели и списки определений [17, с. 11].Формирование структуры электронного учебного пособия состоит из подразделов, включающих в себя теоретический материал и самостоятельные практические работы [33]. Теоретический материал поможет учащимся получить необходимую информацию по данной дисциплине или закрепить полученные ранее знания. А практические задания помогут узнать свои правильные ответы или ошибки [24].На рисунке 1 представлена структура электронного учебного пособия.Рисунок 1 - Структура электронного учебного пособияКак можно увидеть на рисунке, в электронное пособие входит оглавление, главная страница, теоретическая часть, лабораторные работы и тесты, источники литературы и глоссарий. 2.3 Создание дизайна и интерфейса электронного пособияПри создании дизайна электронного учебного пособия необходимо учитывать 2 самые важные вещи, это:удобство пользования - это сам рабочий интерфейс электронного учебного пособия. Необходимо делать его удобным и интуитивно понятным. Для этого можно взять за пример любой известный веб - сайт.красивое исполнение.Для работы с компьютерной графикой существует множество классов программных продуктов, но несмотря на это различают всего три вида компьютерной графики. Речь идет о растровой, векторной и фрактальной графике. Их принципы формирования изображения при отображении на экране монитора или при печати на бумаге отличаются. [10, с.37].Интерфейс программного обеспечения, используемого для разработки электронного учебного пособия устроен так, что в нем существует функция компиляции создаваемого проекта в файлы различного типа. Такие как HTML справка (CHM), Web справка, документ Word, PDF либо простой HTML. Всё выше перечисленное создает дополнительную возможность использовать электронное учебное пособие не только на персональном компьютере, но и на смартфонах и планшетахТекстовое содержание электронного пособия по дисциплине «Компьютерная графика» сопровождается иллюстрациями. Это изображения - примеры растровых, фрактальный и векторных рисунков. Для работы с изображениями и выполнения лабораторных работ нами была выбрана программа «GIMP 2.8». А также, содержится иллюстрация запуска программы «GIMP 2.8» и иллюстрация, показывающая принцип работы с изображениями в этой программе. В электронном пособии по дисциплине «Компьютерная графика» преобладает боковое и верхнее меню.В нём находятся страницы с полным перечнем лабораторных работ и теоретическим материалом, выходом на главную страницу и тестами. Это позволяет пользователю быстро находить нужную ему информацию.В верхнем меню находятся кнопки для перехода на следующую, либо предыдущую страницы.Для перехода к очередной главе можно воспользоваться кнопками «Вперед» / «Назад» (рис. 2).Рисунок 2 - Применение кнопок «Вперед»/»Назад»Страница «Глоссарий» содержит основные понятия и определения к ним.Для окончания работы с пособием закрыть приложение нажатием крестика в правом верхнем углу окна. 2.4 Наполнение электронного учебного пособия информацией и составление контрольных вопросов и заданий с использованием тестовРассмотрим наполнение электронного учебного пособия по дисциплине «Компьютерная графика». Первой составляющей электронного пособия будет главная страница. Далее введение - вступительная, начальная часть текста. Во введении отражаются основные характеристики учебной дисциплины, ее цели и задачи, раскрывается логика ее построения, обозначаются межпредметные связи.Затем следует теоретическая часть, соответствующая рабочей части дисциплины. Она включает в себя раздел - методы представления графической информации, ее подразделы: растровая графика, векторная графика, фрактальная графика. А также, раздел знакомство с программой «GIMP 2.8». После пояснений о программе, следует практическая часть. В нее входят работы для проверки знаний учащихся, а именно: восемь лабораторных работ и восемь тестовых заданий.Все тесты в данном электронном учебном пособии написаны на языке JAVASCRIPT. Код теста, используемый в пособии представлен ниже и выглядит следующим образом:<script type="text/javascript" language="JavaScript">// <! [CDATA [//опредление языка;var res="1"; function check_me () //начало функции скрипта подсчета результатов;{ var count=0; //присваивание значению переменной count; with(document.test) {if (! Q1[0]. checked&&! Q1[1]. checked&&! Q1[2]. checked&&! Q1[3]. checked) //проверка наличия ответов на задания;{count+=1}; if (count>0) alert ("Вы выполнили не все задания. Проверьте себя!") //если переменная count>0, то вывести текст; Else answer (); }} function control (k, f1) { //функция выбора (переменная k);if (k==1&&f1.checked) return true; // если переменная k равна 1-му и f1, то присваивается true;return false; //если нет – false;}function answer () {//функция, отвечающая за вопросы;answ=""; //сам вопрос (переменная answ) with(document) { answ+=control(res.charAt(0), test.Q1[0], test.Q1[1], test.Q1[2], test.Q1[3])?"1":"0"; //вопрос + контроль (тест1, тест2, тест3), выдается значение 1 или 0;showResult (); //показать результат; }} function showResult() { //функция вывода ответов; var nok=0; //ввод и присваивание переменной НОК 0; var i,s; //ввод переменных в функцию;for (i=0; i<answ.length;i++) {nok+=answ.charAt(i)=="1"?1:0;}if(nok==1) s="ОТЛИЧНО"; //если НОК равно 1, то оценка ОТЛИЧНО;if(nok<1) s="ХОРОШО"; //если НОК меньше 1, то оценка ХОРОШО;if(nok<0.75) s="УДОВЛЕТВОРИТЕЛЬНО"; //если nok меньше 0.75, то оценка УДОВЛЕТВОРИТЕЛЬНО;if (nok<0.5) s="НЕУДОВЛЕТВОРИТЕЛЬНО"; //если nok меньше 0.75, то оценка НЕУДОВЛЕТВОРИТЕЛЬНО; document.test.s1. value="Количество правильных ответов "+nok+". Ваша оценка "+s+". Посмотрите на окно рядом с номером вопроса. Если ответ правильный, там (+). Если ответ ошибочен, там (-)."; //текст с разделениемwith(document.test) //связь с инструкцией; { if (answ.charAt(0) =="1") {T1.value=" + "} else {T1.value=" - "}; //если значение ответа равно 1-му, ставить +, если нет, ставить -; }}function showhide(obj) { //раскрыть окно; if(obj == 'none') return 'inline'; //если объекта нет – свернуть; else return 'none'; //если ответа нет – окошко выведения ответа пустое;}// ]]></script><center><b>Заголовок теста</b> </center> <br/> <br/> //расположение заголовка;   <span style="color:#006699;textdecoration:underline;cursor:pointer;" onclick="document.getElementById('instruction').style.display = showhide(document.getElementById('instruction').style.display)">Инструкция </span> //активная гиперссылка, открывающая дополнительное текстовое поле; <br/><div id="instruction" style="display: none; width: 100 %;"> //название функции и режим;<ul><li>Выберите один из вариантов в каждом из 1 вопросов;</li><li>Нажмите на кнопку "Показать результат";</li><li>Скрипт не покажет результат, пока Вы не ответите на все вопросы;</li><li>Загляните в окно рядом с номером задания. Если ответ правильный, то там (+). Если Вы ошиблись, там (-). </li><li>За каждый правильный ответ начисляется 1 балл;</li><li>Оценки: менее 0.5 баллов - НЕУДОВЛЕТВОРИТЕЛЬНО, от 0.5, но менее 0.75 - УДОВЛЕТВОРИТЕЛЬНО, 0.75 и менее 1 - ХОРОШО, 1 - ОТЛИЧНО;</li><li>Чтобы сбросить результат тестирования, нажать кнопку "Сбросить ответы";</li></ul></div><form name="test"><ol> //название формы окна;<li><INPUT type="text" size="1" value="" name="T1"/><b> Первый вопрос</b><br/><input type="radio" value="0" name="Q1"/> Первый ответ<br /><input type="radio" value="1" name="Q1"/> Второй ответ<br /><input type="radio" value="2" name="Q1"/> Третий ответ<br /><input type="radio" value="3" name="Q1"/> Четвертый ответ<br /><br/></li></ol> <CENTER><P><TEXTAREA name="s1" rows="4" cols="70" readonly> </TEXTAREA> </P> //зона для текста<INPUT onclick="check_me()" type="button" value="Показать результат"/>     <INPUT type="reset" value="Сбросить ответы"/> //символы неразрывного пробела;</CENTER> </form> Если вставить данный код в программу, то он примет следующий вид(рис.3):Рисунок 3 – Шаблон тестаДанный принцип был использован для создания тестов в электронном учебном пособии.Для проверки усвоенных знаний в конце пособия приведен заключительный тест «Компьютерная графика», состоящий из 30 вопросов (рис.4).Рисунок 4 – Заключительный тест «Компьютерная графика»В начале теста прилагается инструкция по выполнению, благодаря которой обучающиеся могут с легкостью понять принцип работы электронного пособия по дисциплине «Компьютерная графика» (рис. 5).Рисунок 5 – Инструкция к заключительному тесту «Компьютерная графика»Тест разработан таким образом, что студент может выбрать вариант ответа на каждый вопрос с помощью щелчка мыши, а затем быстро подсчитать баллы. Можно проверить, какие ответы были верны со знаком (+), а какие не верны со знаком (-) в окне выше номера вопроса (рис. 6).Рисунок 6 – Подсчет баллов за тест «Компьютерная графика»При желании студент может ознакомиться с использованной литературой, которая указана на отдельной странице.В ходе разработки электронного учебного пособия были подготовлены лабораторные работы. При создании лабораторной работы № 1, было подготовлено теоретическое введение, которое поможет обучающимся ознакомиться с структурой и возможностями работы с GIMP (рис. 7).Рисунок 7 – Теоретическое введение в лабораторной работе № 1Далее созданы 5 заданий, задания представлены на рисунке 8.Рисунок 8 – Задания лабораторной работы № 1Для написания лабораторной работы № 1 использовался следующий код:DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> //Определение класса кода и кодировки<HTML><HEAD><title>Лаб 1</title><meta content="MSHTML 11.00.9600.18538" name="GENERATOR"><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><LINK rel=stylesheet type=text/css href="template2/winchm_template_style.css"><script type="text/javascript" src="template2/winchm_template.js"></script></HEAD> //Заголовок с описанием кодировки текста,2 метатега и загрузка шаблона+css<LINK rel=stylesheet type=text/css href="template2/winchm_template_style.css"><script type="text/javascript" src="template2/winchm_template.js"></script> //отсылка к скрипту сайта(шаблона).<div id=winchm_template_top> //определение шаблона по его id<table style="WIDTH: 100%" height=50 cellSpacing=0 cellPadding=3 width="100%" @bgColor=#a200ff border=0><body bgColor=#ffff00 background=fon.png> //фон <div id=winchm_template_navigation><em >Электронное пособие > </em></div> //Текст-гиперссылка с символом неразрывного пробела<div id=winchm_template_title><span AR-SA?? mso-bidi-language: EN-US; mso-fareast-language: Roman?; New ?Times mso-fareast-font-family: RU; mso-ansi-language: 115%; LINE-HEIGHT: Roman?,serif; Times><font size=3 >Лабораторная работа №1</font> </span></div> //Характеристика заголовка страницы<td style="WIDTH: 90px" align=right><A title=Previous href="mainpage.htm" ><IMG id=winchm_template_prev border=0 src="template2/btn_prev_n.gif" ></A><A title=Next href="Variants.htm" ><IMG id=winchm_template_next border=0 src="template2/btn_next_n.gif" ></A></td></tr></tbody></table></div> //Установка изображений на страницу<p class=MsoTitle style="MARGIN: 0cm 8.5pt 0pt 0cm; tab-stops: 36.0pt 54.0pt" align=center><font face=Arial><font face="Times New Roman"><span lang=EN-US style="mso-ansi-language: EN-US"><o:p></O:P><FONT size=4></FONT></span></font></font></p> //класс MsoTitle , стиль MARGIN, характеристика шрифта,используется во всём коде html,для заполнения страницы текстом,заголовками и т.п.<p class=MsoTitle style="MARGIN: 0cm 8.5pt 0pt 0cm; tab-stops: 0cm 36.0pt" align=justify><font face=Arial><font face="Times New Roman"><font size=4><span style="mso-tab-count: 1">            </span></font></font></font></p> // класс MsoTitle , стиль MARGIN, характеристика шрифта. Присутствуют символы неразрывного пробела, используется для создания «frontpage»<p class=MsoNormal style="MARGIN: 0cm 0cm 0pt 36pt; LINE-HEIGHT: normal; mso-pagination: none; mso-layout-grid-align: none" align=left><font face=Arial><font face="Times New Roman"><font size=4><span New mso-ansi-language: Roman?,serif; Times RU??><span><span New mso-ansi-language: LINE-HEIGHT: Roman?,serif; Times RU?? 129%;><span lang=EN-US New Times Roman?,serif??><span AR-SA?? mso-bidi-language: EN-US; mso-fareast-language: Roman?; New ?Times mso-fareast-font-family: RU; mso-ansi-language: 115%; LINE-HEIGHT: Roman?,serif; Times>И многое другое...</span> </span> </span> </span> </span> </font> </font> </font> </p> // класс MsoNormal, стиль MARGIN, характеристика шрифта, кодировка, маштаб. Используется текст+символ неразрывного пробела<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt 36pt; LINE-HEIGHT: 99%; TEXT-AUTOSPACE: ; tab-stops: 108.