Автор Анна Евкова
Преподаватель который помогает студентам и школьникам в учёбе.

Разработка электронных учебников (Теоретические основы разработки электронных учебников)

Содержание:

ВВЕДЕНИЕ

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

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

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

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

Целью работы является разработка электронных учебников.

Для решения поставленной цели были поставлены следующие задачи:

- изучить теоретические основы разработки электронных учебников;

- провести обзор программных средств создания электронных учебников;

- провести разработку электронного учебника «Виртуальный музей информатики и информационных технологий».

Объектом работы является технологии разработки электронных учебников.

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

При подготовке работы были использованы такие информационные источники как специализированная профессиональная литература, материалы из СМИ, данные Интернет-ресурсов. Применены такие методы и приемы исследования как анализ, синтез, сравнение.

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

1.1. Понятие электронных учебников

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

Современный учебник должен быть оснащен разносторонними связями. Прямая связь осуществляется между автором (преподавателем) и учеником. Обратная связь представляет обратное взаимодействие между учениками и преподавателями. Также, возможно наличие множественной социальной связи (или взаимосвязи): ученик - ученики - преподаватели.

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

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

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

К примеру, организовать систему получения дополнительных факультативных знаний по запросу для лучшего усвоения изучаемого материала [20, с. 47].

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

Электронный учебник – учебное электронное издание, полностью или частично заменяющее или дополняющее учебник. Содержание электронного учебника должно соответствовать требованиям и содержанию программы образовательной дисциплины, утвержденной в установленном ВУЗом порядке [20, с. 48].

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

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

Электронный учебник – современный программно-методический обучающий комплекс, соответствующий времени, потребностям обучающегося и запросам практики [5, с. 39].

Электронный учебник – программно-методический комплекс, обеспечивающий возможность самостоятельно освоить учебный курс или его раздел. Объединяет в себе свойства обычного учебника, задачника, справочника и лабораторного практикума [17, с. 23].

Таким образом, указанные выше определения ЭУ будут для нас основными при дальнейшем изучении. При этом не стоит забывать, что ЭУ не альтернатива [6, с. 97], а дополнение к традиционным формам обучения. Он не заменяет работу обучающегося с конспектами, книгами, сборниками задач и упражнений. Этот «электронный лектор» призван не только сохранить все достоинства обычной книги (учебного пособия), но и в полной мере использовать современные информационные технологии, мультимедийные возможности, предоставляемые компьютером.

К таким возможностям могут относиться:

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

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

- организация контекстных подсказок, ссылок;

- аудиокомментарий автора учебника, включение в учебный материал видео и аудиосюжетов, анимации;

- быстрое проведение сложных вычислений с представлением результатов в заданном (графическом или цифровом) виде;

- отлаженная система моментальной навигации (гипертекст);

- оперативный самоконтроль знаний обучающегося при выполнении им тестов и упражнений [6, с. 98].

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

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

ЭУ может также предназначаться для самостоятельного изучения учебного материала по определенной дисциплине или для поддержки лекционного курса с целью его углубленного изучения.

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

1.2. Принципы электронного учебника

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

1. Образовательный контент электронного учебника должен быть интерактивным и мультимедийным.

2. Типовыми компонентами мультимедийного контента электронного учебника являются: символьная информация (гипертекст, текст, формулы); статический реалистический и синтезированный визуальный ряд (2D- фотопанорамы, фотографии, микрофотографии, схемы, макросъемка, графики, диаграммы, учебные рисунки и пр.); динамический реалистический и синтезированный визуальный ряд (видеоэкскурсии, видеоопыты, 3D- фотопанорама с приближением/удалением, 2D-анимация, наложение и морфинг объектов, анимация, созданная по 3D-объектам, виртуальные трехмерные модели объектов и пр.); звуковой ряд (аудиофрагменты).

3. Объекты и процессы, основные свойства которых проявляются в динамике, целесообразно иллюстрировать динамическим видеорядом.

4. Объекты сложной структуры целесообразно иллюстрировать при помощи объемных моделей и иных объектов виртуальной реальности.

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

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

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

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

Таблица 1

Принципы электронного учебника

Название принципа

Дидактический (методический) план

Технический план

Принцип наглядности

В состав ЭУ включаются иллюстрации и графические образы с возможностью выбора учащимся цветовой гаммы. Также в состав ЭУ могут быть включены мультимедийные материалы: аудио и видеофайлы.

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

Принцип доступности

Материалы, входящие в ЭУ, могут быть доступны любому обучаемому при наличии компьютера. Доступность учебных материалов обеспечивается изложением и наглядностью, а также возможностями включения в ЭУ различных справочных материалов.

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

Принцип систематичности и последовательности

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

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

Принцип связи теории с практикой

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

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

Принцип научности

Любой учебник, в том числе и электронный должен строиться на последних достижениях науки в данной сфере.

В ЭУ можно включить ссылки на ресурсы Интернета по проблематике, освещаемой в учебнике, а также включить в него электронные тексты научных статей.

Принцип сознательности и активности

Так как ЭУ предназначен в первую очередь для самостоятельной работы, то обучаемый должен подходить к нему сознательно. Активности усвоения знаний должны способствовать.

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

Принцип прочности

Прочность знаний может быть обеспечена включением в ЭУ тестов и заданий не только по отдельным темам, но и по основным разделам (с возможностями возврата к ранее изученному материалу), а также итоговых заданий.

Гиперссылки, тестирующие программы.

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

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

1.3. Обзор программных средств создания электронных учебников HTML и CSS технологии

HTML - это язык разметки гипертекста (от англ. HyperText Markup Language). Данный язык применяется для создания веб-страниц. Он интерпретируется (обрабатывается) браузером и отображается в виде документа в удобной для человека форме.

HTML – это неотъемлемая составляющая и основа практически любой веб-страницы. Язык HTML в первую очередь выступает как средство логической разметки страницы [7, с. 143].

Именно HTML позволяет нам наделять содержимое страницы определенным смыслом, а реализуется это с помощью так называемых тэгов.

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

CSS – это язык описания внешнего вида документа, написанного с использованием языка разметки. Название произошло от англ. Cascading Style Sheets — каскадные таблицы стилей.

Проще говоря, язык CSS предназначен для того, чтобы придавать необходимый внешний вид HTML-документам.

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

Итак, целью создания CSS было отделение описания логической структуры веб-страницы от ее внешнего вида. Как вы уже знаете, для описания структуры используется HTML, для описания же того, как эта логическая структура будет выглядеть, отвечает как раз CSS.

Раздельное описание логической структуры и представления документа позволяет более гибко управлять внешним видом документа и минимизировать объем повторяющегося кода, который бы неизбежно возникал при использовании HTML для описания внешнего вида документа [7, с. 147].

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

Разумеется, для того, чтобы использовать CSS для придания внешнего вида HTML-документу, нужно этот документ как-то связать со стилями, т.е. «сообщить» HTML-документу, что он будет оформлен с помощью CSS.

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

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

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

Языки программирования высокого уровня

Языки программирования – формальные искусственные языки, они имеют алфавит и синтаксис, а также семантику.

Языки программирования используются при написании программ для компьютеров (или, как говорили раньше, для ЭВМ – электронных вычислительных машин).

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

Pascal. Никлаус Вирт (Высшая техническая школа, Цюрих, Швейцария) предложил этот язык для обучения основам программирования. При его разработке было задано три условия: минимум базовых понятий, простой синтаксис и компактный компилятор. Получился простой и удобный язык строгой дисциплины программирования. Имеется много современных модификаций, с существенными расширениями и дополнениями.

Turbo Pascal – система программирования язык фирмы Borland International, первая версия появилась в 1983 г. Вариант языка Паскаль получил такое же название. Первый компилятор был объемом порядка 30 K, что привлекло внимание многих программистов.

Ежегодно выходили новые версии системы, последняя версия 7.0 выпущена в 1992 г. В 1989 г. в версии 5.5 появились средства для объектного программирования.

В системе разработки приложений Borland Delphi, первая версия появилась в 1995 г., стало возможным программировать под Windows. Язык программирования Turbo Pascal был расширен до Object Pascal, сейчас этот язык стали называть Delphi.

При программировании на Турбо Паскале можно обходиться минимальными средствами.

С. Язык Си появился в начале 70-х, автор – Деннис Ричи, Bell Laboratories. Это язык системного программирования, он разрабатывался для реализации ОС Unix (альтернатива языку ассемблера), но быстро превратился в язык общего пользования. Компактные программы, эффективный объектный код, но сложный синтаксис. Программирование на C требует хорошей подготовки («много темных закоулков»), довольно трудно читать чужие тексты программ.

C++. В начале 80-х Бьярн Страуструп дополнил язык C объектно-ориентированными средствами по образцу языка Simula 67. При этом была существенно улучшена семантика.

C#. Разработчики – Андерс Хейлсберг, Скотт Уилтамут, Питер Гоулд (Microsoft). Язык для разработки платформы .NET Framework и для программирования под эту платформу.

Платформа .NET – среда управляемого выполнения программ фирмы Microsoft. Основные функции: обеспечение безопасности кода и совместимость различных языков программирования. Главная идея: используется промежуточный машинно-независимый язык CIL – Common Intermediate Language (IL).

Компилятор с языка программирования высокого уровня, адаптированного под .NET, переводит исходный код не в команды процессора, а на язык CIL. Среда выполнения приложений .NET компилирует CIL-код в машинные команды в режиме “по мере надобности” JIT – Just-In-Time.

CMS

Система управления контентом (содержимым) (англ. Content management system, CMS) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления содержимым, иначе — контентом (от английского content).

Главные возможности CMS:

- предоставление инструментов для создания содержимого, организация совместной работы над содержимым;

- доступ к инструментам для организации слаженной работы над содержимым и созданием контента;

- управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.;

- публикация содержимого;

- представление информации в виде, удобном для навигации, поиска.

На данный момент существует большое количество CMS-систем, таких как WordPress, Joomla, Drupal, OpenCart и другие. Поэтому перед тем как сделать выбор, лучше всего провести анализ достоинств и недостатков наиболее популярных вариантов. От того насколько качественно сделан «фундамент» сайта, зависит стабильность его работы в дальнейшем.

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

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

Для анализа были выбраны наиболее популярные CMS: WordPress, Joomla, Drupal, OpenCart.

WordPress. Это самая известная и популярная CMS в мире. Первоначально, данный движок предназначался для создания блогов и сайтов-визиток, однако, благодаря разработчикам различных шаблонов и плагинов, стал универсальной системой для создания практически любого сайта. На сегодняшний день треть сайтов, построенных на CMS работают именно на WordPress. Данный движок не требователен к уровню программирования разработчика, так как располагает огромной базой шаблонов и плагинов.

Также следует отметить, что WordPress идеально подходит для SEO-продвижения. Для него разработаны специальные плагины, позволяющие оптимизировать «раскрутку» сайта.

Joomla – обычно стоит на втором месте в списке популярных CMS [11, с. 97]. Она имеет обширное сообщество, множество плагинов и шаблонов. Лучше всего она подходит для проектирования небольших сайтов [19, с. 129] информационного характера, таких как доски объявлений, форумы или же социальные сети. Особым успехом данная CMS пользуется в тех случаях, когда требуется создать web-сайт, который будет наполняться контентом обычными пользователями. Из коробки функционал CMS относительно богат и имеет множество тонких настроек. Сложность освоения по отзывам пользователей имеет среднюю.

Также данную CMS особенно выделяют при создании социальных сетей.

Drupal – это движок, более ориентированный на опытных пользователей. Как утверждает большинство разработчиков он не подойдет новичкам в качестве первой CMS. Уровень сложности освоения данного движка довольно высок. Он ориентирован на создание объёмных сайтов со сложной структурой данных. С помощью него можно создавать любое количество пользовательских типов контента. Не имеет никаких ограничений в компоновке и содержимом. CMS универсальна и позволит создать что угодно, будь то визитка, портал, магазин или сайт знакомств. Сайты, построенные на этом движке отличаются высокой безопасностью и скоростью работы при наличии быстрого хостинга [19, с. 131].

OpenCart – это платформа, предназначенная для создания сайтов интернет-магазинов и уже из коробки содержит огромный набор возможностей. В ней есть визуальный редактор шаблонов, возможность добавления неограниченного количества товаров, категорий, производителей, страниц и прочего. Данная CMS поддерживает мультиязычность, скидки, отзывы, варианты доставки, подсчёты налогов, рейтинг товаров и т. д. Система движка является модульной, то есть можно неограниченно расширять магазин при необходимости.

Так же в OpenCart встроен сборщик статистики (просмотры, отчёт о продажах, рейтинг популярности и т. д.), а вот SEO-оптимизация по умолчанию довольно слаба. Необходимо будет использовать сторонний платный модуль.

Уровень сложности освоения этой CMS – средний. Система построена логично, однако у магазина присутствует множество различных тонких настроек. Начинающий разработчик, потратив немного времени на её изучение, вполне сможет работать с данной CMS.

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

В результате проведенного анализа можно выделить следующее:

1. Разница между платными и бесплатными версиями CMS заключаются только в ассортименте плагинов и шаблонов, которые предоставляются разработчику безвозмездно.

2. Начинающий разработчик без большого опыта программирования сможет с легкостью спроектировать сайт при помощи CMS.

3. Все рассмотренные системы управления контентом не обладают полной универсальностью (кроме Drupal), поэтому необходимо правильно и осознанно делать выбор в пользу того или иного движка.

4. Для освоения некоторых CMS разработчик должен приложить немало сил, так как далеко не все они имеют интуитивно понятный интерфейс.

5. Если начинающий разработчик планирует проектирование масштабного ресурса, то базовые знания и графическая оболочка CMS не смогут ему в этом помочь. Даже при использовании движка, необходимо программирование множества модулей web-сайта вручную.

Глава 2. Разработка электронного учебника «Виртуальный музей информатики и информационных технологий»

2.1. Техническое задание

Составим техническое задание электронного учебника «Виртуальный музей информатики и информационных технологий»

1. Имя сайта (название домена).

http://www.computermuseum.ru

2. Название сайта.

Электронный учебник «Виртуальный музей информатики и информационных технологий»

 2.2.3. Назначение сайта

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

4. Язык сайта.

Русский.

5. Объём и состав текстовой информации.

11 стр. Главная страница, Эволюция средств вычислительной техники, Поколения компьютеров, Понятие вычислительной машины и принципы организации ее работы, Аппаратные сетевые серверы и рабочие станции, Классы вычислительных машин их основные характеристики, Системный блок компьютера, Устройства хранения информации, Устройства ввода информации, Устройства вывода информации, Периферийные устройства. Стандартные порты ввода-вывода.

6. Основные ключевые слова, по которым сайт должны находить по запросам в поисковых системах и Интернет - каталогах.

Виртуальный музей информатики, Виртуальный музей информатики и информационных технологий.

7. Объём и состав графической информации.

Нет

8. Предполагаемая возрастная аудитория сайта.

От 15 лет и старше.

Предполагаемое возрастное ядро аудитории от 30 до 45 лет.

Данная информация носит рекомендательный характер. Цифровые показатели контролю и проверке при приёмке сайта не подлежат.

9. Количество страниц сайта.

Сайт содержит следующие страницы:

  1. Главная (домашняя) страница;
  2. Эволюция средств вычислительной техники
  3. Поколения компьютеров
  4. Понятие вычислительной машины и принципы организации ее работы
  5. Аппаратные сетевые серверы и рабочие станции
  6. Классы вычислительных машин их основные характеристики
  7. Системный блок компьютера
  8. Устройства хранения информации
  9. Устройства ввода информации
  10. Устройства вывода информации
  11. Периферийные устройства. Стандартные порты ввода-вывода

10. Кнопки управления (навигация сайта).

Определяются web-дизайнером самостоятельно.

С каждой страницы сайта должен быть обеспечен переход (установлена гиперссылка).

11. Блок схема сайта.

Определяется web-дизайнером самостоятельно.

Головная (начальная) страница сайта должна содержать гиперссылки, обеспечивающие переход с нее на не менее чем 95% страниц сайта, но не более чем 150 гиперссылок.

12. Объём сайта, Мб. 

Не оговаривается.

13. Оформление рисунков.

Все рисунки объемом более 1 Кб должны быть выполнены с замещающим текстом. Рисунки размером более 100 Кб должны быть выполнены с предпросмотром. Формат всех рисунков gif или jpg (jpeg).

14. Пропускная способность линии связи.

Среднее время загрузки страниц не должно превышать 30 секунд при скорости соединения 28.8 Кбит/сек. Допускается увеличение времени загрузки отдельных страниц до 35 секунд, но не более чем на 30% числа страниц сайта. Головная (начальная) страница должна иметь время загрузки не более 40 секунд.

15. Основной диапазон разрешения мониторов, на которых будет просматриваться сайт.

От 800х600 до 1240х1024 пикселей (от 15" ЭЛТ до 19" ЭЛТ или 17" LCD).

Основное разрешение, на которое оптимизируется сайт: 1024х768 пикселей (17" ЭЛТ или 15" LCD)

16. Минимальное разрешение монитора, на котором будет просматриваться сайт.

800х600 пикселей (15" ЭЛТ)

При указанном разрешении допускается возможность просмотра страниц сайта с горизонтальной прокруткой в окне браузера.

17. Основной браузер, которым будет просматриваться сайт, и его минимальная версия.

Как показывает статистика использования браузеров за последний, 2016 год, от 25.40% до 30.61% пользователей Интернет используют в своей работе Google Chrome. Поэтому примем этот браузер за основной.

18. Цветовая палитра.

Основной режим мониторов, на которых будет просматриваться сайт: 16 разрядов цветов и выше (число цветов 65536 и выше).

При разработке сайта должна быть обеспечена возможность его просмотра при использовании безопасной цветовой палитры (разрядность цветов - 32). Изменения оттенков цветов, при просмотре сайта с использованием безопасной цветовой палитры, не оговариваются.

19. Общий фон сайта.

Общий фон сайта светлый (белый). Допускается использование светлого фонового рисунка.

20. Размер и вид шрифта сайта.

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

2.2. Проектирование электронного учебника «Виртуальный музей информатики и информационных технологий»

Логическая схема электронного учебника представлена на рисунке 1.

Электронный учебник

Эволюция средств вычислительной техники

Поколения компьютеров

Понятие вычислительной машины и принципы организации ее работы

Аппаратные сетевые серверы и рабочие станции

Классы вычислительных машин их основные характеристики

Системный блок компьютера

Устройства хранения информации

Устройства ввода информации

Устройства вывода информации

Периферийные устройства. Стандартные порты ввода-вывода

Рисунок 1 - Логическая схема электронного учебника

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

Сайт содержит следующие страницы:

  1. Главная (домашняя) страница;
  2. Эволюция средств вычислительной техники
  3. Поколения компьютеров
  4. Понятие вычислительной машины и принципы организации ее работы
  5. Аппаратные сетевые серверы и рабочие станции
  6. Классы вычислительных машин их основные характеристики
  7. Системный блок компьютера
  8. Устройства хранения информации
  9. Устройства ввода информации
  10. Устройства вывода информации
  11. Периферийные устройства. Стандартные порты ввода-вывода

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

index.html

index1.html

index2.html

index3.html

index4.html

index5.html

index6.html

index7.html

index8.html

index9.html

index10.html

Рисунок 2 – Физическая схема электронного учебника

2.3. Реализация электронного учебника «Виртуальный музей информатики и информационных технологий»

Электронный учебник «Виртуальный музей информатики и информационных технологий» оформлен в стиле единого шаблона оформления, созданного на основе HTML кода.

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

Рисунок 3 – Главная страница электронного учебника «Виртуальный музей информатики и информационных технологий»

Перемещение на нужный раздел или подраздел выбранной темы происходит автоматически при нажатии на соответствующую кнопку (рисунок 4).

Рисунок 4 – Глава 1 электронного учебника «Виртуальный музей информатики и информационных технологий»

Содержание представляет собой основной блок тем слева и страницу с подразделами, которая открывается при нажатии на кнопки основных разделов.

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

Так же навигация осуществляется и уже на самой странице с материалом по теме. Можно сразу перейти к следующему разделу или к основному содержанию (рисунок 5-13).

Рисунок 5 – Глава 2 электронного учебника «Виртуальный музей информатики и информационных технологий»

Рисунок 6 – Глава 3 электронного учебника «Виртуальный музей информатики и информационных технологий»

Рисунок 7 – Глава 4 электронного учебника «Виртуальный музей информатики и информационных технологий»

Рисунок 8 – Глава 5 электронного учебника «Виртуальный музей информатики и информационных технологий»

Рисунок 9 – Глава 6 электронного учебника «Виртуальный музей информатики и информационных технологий»

Рисунок 10 – Глава 7 электронного учебника «Виртуальный музей информатики и информационных технологий»

Рисунок 11 – Глава 8 электронного учебника «Виртуальный музей информатики и информационных технологий»

Рисунок 12 – Глава 9 электронного учебника «Виртуальный музей информатики и информационных технологий»

Рисунок 13 – Глава 10 электронного учебника «Виртуальный музей информатики и информационных технологий»

ЗАКЛЮЧЕНИЕ

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

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

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

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

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

Работа была посвящена разработке электронного учебника «Виртуальный музей информатики и информационных технологий».

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

На втором этапе была задача создать электронный учебник «Виртуальный музей информатики и информационных технологий» на основе его технических концепции и разработанной архитектуры.

   

СПИСОК ИСТОЧНИКОВ

  1. Аленичева Е.В. Этапы создания электронного учебника / Е.В. Аленичева // Высшее образование в России. – 2018. – № 5. – С. 33-35
  2. Апробация электронных учебников в общеобразовательных учреждениях Российской Федерации / Федеральный институт развития образования. – М.: Федеральный институт развития образования, 2017. – 56 с.
  3. Башмаков А.И. Разработка компьютерных учебников и обучающих систем / А.И. Башмаков, И.А. Башмаков. – М.: Филинъ, 2017. – 616 с.
  4. Беляев М.И. Технологии создания электронных обучающих средств / М.И. Беляев, Г.А. Краснова, А.В. Соколов. – М.: МГИУ, 2017. – 224 с.
  5. Бойко Е. В. Объектно-ориентированный подход к созданию электронных учебников / Е. В. Бойко // Вестник Красноярского государственного педагогического университета. – 2018. – №2. – С. 39 – 46
  6. Бурцева Л. П. Методика профессионального обучения: учебное пособие / Л. П. Бурцева. — М.: ФЛИНТА: Наука, 2017. — 157 с.
  7. Веб-мастеринг на 100%. HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка / Ташков П. А. — СПб.: Питер, 2015. – 298 с.
  8. Гайдамакин Н.А. Автоматизированные информационные системы, базы и банки данных. Вводный курс: учебное пособие / Н.А. Гайдамакин – М.: Гелиос АРВ, 2017. – 99 с.
  9. Гершунский Б.С. Компьютеризация в сфере образования: проблемы и перспективы / Б.С. Гершунский. – М.: Педагогика, 2017. – 264 с.
  10. Голицына И.Н. Эффективное управление учебной деятельностью с помощью компьютерных информационных технологий / И.Н. Голицына // Education Technology & Society. – 2018. – № 6. – С. 43-45
  11. Горнаков С. Г. Осваиваем популярные системы управления сайтом. – М.: ДМК-Пресс, 2017. - 333 с.
  12. Горнова Н.В. Формирование готовности студентов к использованию информационных технологий в профессионально-педагогической деятельности / Н.В. Горнова. – Саратов: Сателлит, 2018. – 132 с.
  13. Гречихин А.А. Типология, стандартизация, компьютеризация: учебник / А.А. Гречихин. – М.: Логос, 2017. – 255 с.
  14. Деревнина А. Ю. Принципы создания электронных учебников / А. Ю. Деревнина // Открытое образование: проектирование учебни­ков. - 2019. – №2. – С. 73-75
  15. Ефимова О. Курс компьютерной технологии с основами информатики: учебник / О. Ефимова. – М.: АСТ, 2017. – 432 с.
  16. Зимина О.В. Печатные и электронные издания в современном высшем образовании: теория, методика, практика / О.В. Зимина. – М.: МЭСИ, 2017. – 178 с.
  17. Ильина М. А. Электронные учебные пособия, и их важность в учебном процессе / М. А. Ильина // Информационно-коммуникационные технологии в педагогическом образовании. – 2018. – № 3. – С. 23-25
  18. Козлова Е. И. Электронные учебные издания в современном вузе: учебно-методическое пособие / Е. И. Козлова. – М.: Форум, 2017. – 207 с.
  19. Лещев Д. В. Создание интерактивного web-сайта: учеб. курс / Д. В. Лещев. – СПб.: Питер, 2017. – 543 с.
  20. Новые педагогические и информационные технологии в системе образования: учебное пособие для студентов вузов / под ред. Е. С. Полат. – М.: Академия, 2017. – 269 с.
  21. Основы разработки электронных учебных изданий / Г. В. Алексеев, И. И. Бриденко, Е. И. Верболоз, М. И. Дмитриченко. – Санкт-Петербург: Лань, 2016. – 144 с.

ПРИЛОЖЕНИЕ

Листинг главной страницы электронного учебника

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>ВИРТУАЛЬНЫЙ МУЗЕЙ ИНФОРМАТИКИ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ</title>

<link media="all" rel="stylesheet" type="text/css" href="css/all.css" />

</head>

<body>

<div class="box">

<div class="holder">

<div class="frame">

<div class="content">

<img src="images/31.jpg" alt="image description" />

<h1>ВИРТУАЛЬНЫЙ МУЗЕЙ <br>ИНФОРМАТИКИ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ</h1>

<ul class="lessons">

<li><a href="index1.htm">Глава <span>1. </span><font size="2">Эволюция средств вычислительной техники</font></a></li>

<li><a href="index2.htm">Глава <span>2. </span><font size="2">Поколения компьютеров </font></a></li>

<li><a href="index3.htm">Глава <span>3. </span><font size="2">Понятие вычислительной машины и принципы организации ее работы</font></a></li>

<li><a href="index4.htm">Глава <span>4. </span><font size="2">Аппаратные сетевые серверы и рабочие станции</font></a></li>

<li><a href="index5.htm">Глава <span>5. </span><font size="2">Классы вычислительных машин их основные характеристики</font></a></li>

<li><a href="index6.htm">Глава <span>6. </span><font size="2">Системный блок компьютера</font></a></li>

<li><a href="index7.htm">Глава <span>7. </span><font size="2">Устройства хранения информации</font></a></li>

<li><a href="index8.htm">Глава <span>8. </span><font size="2">Устройства ввода информации</font></a></li>

<li><a href="index9.htm">Глава <span>9. </span><font size="2">Устройства вывода информации</font></a></li>

<li><a href="index10.htm">Глава <span>10. </span><font size="2">Периферийные устройства. Стандартные порты ввода-вывода</font></a></li>

</ul>

</div>

</div>

</div>

</div>

</body>

</html>

Листинг файла all.css

body{

margin:0;

color:#000;

font:12px/15px 'Times New Roman', Times, serif;

background:#fff;

}

img{border-style:none;}

a{

text-decoration:none;

color:#6e5e3d;

}

.box{

width:968px;

background:url(../images/bg-box-t.png) no-repeat;

padding:71px 0 0;

margin:0 auto;

}

.box .holder{

background:url(../images/bg-box-b.png) no-repeat 0 100%;

padding:0 0 115px;

}

.box .frame{

background:url(../images/bg-box-c.png) repeat-y;

width:100%;

}

.box .frame:after{

content:'';

display:block;

clear:both;

}

.box .content{

width:872px;

padding: 11px 0 0 96px;

position:relative;

margin:0 0 -34px;

float:left;

}

.content img{

float:left;

margin: 4px 45px 0 0;

}

.content h1{

margin:0;

font-size:18px;

line-height:22px;

font-weight:normal;

color:#6e5e3d;

}

.content .lessons{

margin:0;

padding: 36px 0 0;

list-style:none;

overflow:hidden;

}

.content .lessons li{

margin:0 0 10px;

}

.content .lessons a{

font-size:24px;

}

.content .lessons a span{

font-size: 20px;

padding: 0 0 0 8px;

}

.content .lessons a:hover span{

font-size:28px;

}

.content p{

margin:0;

font: 13px/17px Verdana,Geneva,Arial,Helvetica,sans-serif;

letter-spacing: 0;

margin: 0;

padding: 0 9px;

width: 355px;

word-spacing: 1px;

color:#6e5e3d;

clear:both;

}