Файл: 1. 2 Особенности мультимедиа курсов по видам учебной деятельности.docx

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

2.2 Выбор средств реализации

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

Для разработки использовались язык гипертекстовой разметки HTML, каскадные таблицы стилей CSS, язык скриптов Java Script, многофункциональный графический редактор Photoshop CC, текстовый редактор Notepad++.

HTML (от английского Hyper Text Markup Language – «язык разметки гипертекста») - это язык для описания структуры web-страниц. Страницы, созданные с его помощью, могут быть просмотрены только при помощи специальных программ (браузеров), установленных на компьютерах пользователей. Большинство сайтов созданы именно с помощью HTML [10].

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

CSS (каскадные таблицы стилей) – технология управления внешним видом элементов (тегов) web-страницы. CSS предоставляет гораздо больше возможностей по оформлению страницы, чем HTML. Например, с помощью стилей CSS можно убрать у ссылок подчеркивание, сделать у таблицы пунктирные границы или даже поменять курсор «мыши». Сейчас CSS используется практически на всех сайтах Всемирной паутины. Появление CSS стало революцией в мире web-дизайна. Свойства CSS могут применяться к таблицам, их строкам и ячейкам для задания свойств текста и шрифта, управления фоном, полями, границами, размерами и т.п. [11].

JavaScript – это язык программирования, с помощью которого

web-страницам придается интерактивность. С его помощью создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем). С помощью Java Script можно изменять страницу, изменять стили элементов, удалять или добавлять теги. С его помощью можно узнать о любых манипуляциях пользователя на странице (прокрутка страницы, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана) Через него можно к любому элементу HTML-кода получить доступ и делать с этим элементом множество манипуляций. Можно загружать данные не перезагружая страницу, выводить сообщения и выполнять множество других действий [12].

Adobe Photoshop CC – многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений и наиболее известным продуктом фирмы Adobe. В Adobe Photoshop CC реализовано несколько новых и улучшенных функций, которые расширяют возможности работы с цифровыми изображениями. Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в web-дизайне. Photoshop CC тесно связан с другими программами для обработки медиа - файлов, анимации и другого творчества.

Notepad++ - это тестовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Поддерживает открытие более ста форматов.

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

2.3 Требования к программному обеспечению

Для корректной работы web-учебника требуется перечисленное ниже программное обеспечение.

Для просмотра сайта подходят браузеры:

Google Chrome (версия 42.0 и выше);
Mozila Firefox (версия 3.6 и выше).

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

Требования к программному и аппаратному обеспечению сервера хостинга:

− процессор семейства x86_64;

− оперативной памяти не менее 4Gb;

− место на диске не менее 200Mb;

операционная система Windows;
язык PHP версии 5 и выше;
система управления сервером cPanel.

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

3 Создание мультимедийного сопровождения учебной дисциплины

3.1 Внешний вид web-учебника

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

Главная страница web-учебника представлена на рисунке 1.

Рисунок 1- Главная страница

Вкладка «История Японии» позволяет получить доступ к информации об истории страны за определенные периоды. Это показано на рисунке 2.

Рисунок 2 – Вкладка «История Японии»
Вкладка «Япония 3-6 век» показана на рисунке 3.

Рисунок 3 – Вкладка «Япония 3-6 век»

Каждая страница, кроме общей информации по теме, содержит видео для лучшего восприятия материала. Это показано на рисунке 4.