1.4 Рекомендации по выбору дизайн-эргономических решений ЭУ
В настоящее время не существует общепринятых стандартов, регламентирующих цветовые решения, размеры используемых шрифтов и расположение элементов в мобильном приложении. Динамичность сферы мобильных устройств так высока, что, например, документ «Mobile Web Best Practices» (Рекомендации для мобильных веб решений), подготовленный в 2008 г. авторитетной организацией W3C, на сегодняшний день по большей части устарел [11].
При разработке ЭУ решения по дизайн-эргономическим аспектам рекомендуется принимать на основании [13]:
Рекомендаций разработчиков операционных систем iOS и Android по разработке приложений на данных ОС:
а) iOS Human Interface Guidelines - директивы по разработке пользовательского интерфейса для iOS;
б) Android Design - рекомендации по разработке пользовательского интерфейса для ОС Android;
Анализа мобильных приложений образовательной направленности, размещенных в онлайн магазинах приложений App Store и Google Play;
Анализа готовых решений и примеров от ведущих разработчиков программных библиотек для разработки мобильных веб приложений, в частности, примеры реализованные библиотекой Sencha Touch;
Анализа разработанных прототипов.
При этом необходимо учитывать следующие нормативные документы [13]:
Технический регламент «О безопасности продукции, предназначенной для детей и подростков» (с изменениями от 4 февраля 2011 г., 28 декабря 2011 г.), утвержден постановлением Правительства Российской Федерации от 7 апреля 2009 г. № 307;
Санитарные правила и нормы СанПиН 2.4.7.1166-02 «Гигиенические требования к изданиям учебным для общего и начального профессионального образования»;
ГОСТ Р ИСО 14915-1-2010 Эргономика мультимедийных пользовательских интерфейсов. Часть 1. Принципы проектирования и структура;
ISO 14915 Multimedia user interface design - Ergonomic requirements forinteracti vehuman computer multimedia interfaces (ISO 14915 «Дизайн (проектирование) пользовательского мультимедиа интерфейса - Эргономические требования для интерактивного человеко-компьютерного мультимедиа интерфейса»).
Анализ перечисленных выше документов и материалов позволяет сформулировать следующий комплекс рекомендаций.
Форматирование текста [13]:
Основной текст пишется рублеными шрифтами без засечек типа Arial, Verdana, Tahoma;
Для набора текстового материала должен применяться в основном шрифт прямого (обычного) начертания, поскольку такой шрифт легче читается. Другие шрифты могут использоваться для выделения дополнительных коротких текстовых элементов. С этой целью может быть использован полужирный шрифт или курсив;
Текст рекомендуется выравнивать по левому краю;
Заглавные буквы должны быть использованы только в заголовках или для выделения;
Не следует использовать перенос в словах;
Свободное пространство может быть использовано для разделения больших разделов текста;
Предложения, содержащие перечисления должны быть преобразованы в списки;
Сложная, структурированная информация должна быть преобразована в таблицы;
Следует избегать неоднородного фона при отображении текста;
Разные размеры и типы шрифтов могут быть использованы для текстов, выполняющих разные функции; при этом можно использовать на одном экране не более трех способов выделения текста.
Форматирование абзацев [13]:
Текст выравнивается по левому краю, правый край - «рваный» (флаговый способ);
Выравнивание основного текста по центру или по правому краю недопустимо;
«Красная строка» не используется;
Абзац от абзаца отделяется пустой строкой.
Форматирование заголовков [13]:
Заголовки располагаются или по центру, или флаговым способом с выравниванием по левому краю;
Заголовки одного и того же уровня оформляются одинаково и отличаются от заголовков других уровней;
Заголовки должны быть краткими и соответствовать содержанию страницы (экрана);
Заголовки в тексте могут использоваться в качестве элементов навигации.
Оформление пространства экрана [13]:
На экране должны присутствовать только необходимые для работы элементы;
Пространство экрана должно разбиваться на рабочие зоны;
Фон - свободное от каких-либо элементов пространство экрана - должен быть таких размеров, чтобы читаться в качестве самостоятельной, самой большой зоны экрана (недостаточная, как и слишком большая площадь фона делает работу с ресурсом некомфортной); частный случай фона - поля текста: текст без полей или со слишком узкими полями плохо воспринимается, текст со слишком большими полями вызывает ощущение недоработки из-за ожидания каких-либо элементов на полях;
Цвет фона не должен раздражать глаза, мешать восприятию содержания, поэтому в образовательных ресурсах крайне нежелательно использование в качестве фона ярких насыщенных цветов: для индивидуальной работы за экраном предпочтителен светлый фон, для показа на интерактивной доске - возможен вариант с черным или очень темным; частный случай демонстрации художественных репродукций (что важно в таких предметных областях, как Технология) заключается в том, что они всегда показываются на темном фоне;
Для целостного восприятия экрана рекомендуется, чтобы в композиции присутствовали объекты не более трех размеров: большие, средние, маленькие; большие объекты, в свою очередь, могут тоже состоять из нескольких составных частей (например, навигационная панель, воспринимающаяся как единое целое, в свою очередь делится на отдельные элементы - кнопки); если в композиции отсутствуют большие объекты, она становится монотонной, невыразительной, если отсутствуют малые объекты, композиция выглядит как составная часть чего-то целого, приобретает фрагментарность;
Все элементы композиции должны занимать площадь и место, соразмерные их значению в композиции как едином целом таким образом, что наиболее важные объекты, требующие большего внимания обучаемого, должны быть более крупными, чем остальные; незначительные вспомогательные объекты должны быть сравнительно мелкими;
Если мультимедиакомпонент предусматривает режим увеличенного просмотра изображений, он должен включать, как минимум, два варианта состояния - маленькое изображение и большое изображение;
Чем больше визуальных закономерностей (пропорциональность, выровненность по краям объектов) использовано в композиции экрана, тем более завершенным он будет представляться учащемуся.
Использование цвета [13]:
Для выделения структурных элементов и важных в смысловом отношении фрагментов текста можно использовать дополнительные цвета. Наиболее целесообразные дополнительные цвета - темно красный и зеленый;
Для выделения структурных элементов и важных в смысловом отношении фрагментов текста могут быть применены цветовые рамки и цветовой фон. Для тонких рамок хороши яркие интенсивные цвета, для фоновых плашек - неяркие, но заметные на основном фоне, однако следует избегать излишней пестроты;
Необходимо соблюдать единообразие в цветовом оформлении на всех страницах ЭУ;
При выборе цветового решения, схем цветов фона и цветных шрифтов необходимо проверять контрастность на рисунке, сохраненном в виде оттенков серого. Зрительное восприятие у человека обеспечивают три независимые, в т. ч. анатомически разделенные системы, и зрительная система, отвечающая за восприятие границ контрастных объектов (в т. ч. шрифтов) цветослепа. Поэтому все элементы дизайна, созданные на этапе разработки интерфейса, целесообразно проверять на контрастность изображений именно по экранным копиям, сохраненным в оттенках серого.
1.5 Этапы разработки электронного учебника
При разработке электронного учебника рекомендуется планировать работу в соответствии со следующими этапами:
Этап - предпроектный: анализ педагогической целесообразности создания ЭУ к тому или иному учебному курсу.
Этап - составление рубрикатора ЭУ: проектирование тематического рубрикатора ЭУ в строгом соответствии с ФГОС.
Этап - разработка сценария ЭУ: подготовка детального поэкранного сценария ЭУ.
Этап - создание дизайна ЭУ: разработка дизайн-проекта ЭУ, подготовка иллюстративного материала и медиаэлеметов.
Этап - программная реализация: программирование учебных модулей ЭУ; сборка альфа-версии ЭУ.
Этап - тестирование: внутреннее тестирование альфа-версии - исправление ошибок, дефектов и т.д.
Этап - экспертиза: внешняя экспертиза альфа-версии ЭУ. Исправление ошибок, внесение дополнений в соответствии с замечаниями. Сборка бета-версии.
Этап - апробация: проведение апробации бета-версии ЭУ в образовательных учреждениях; получение замечаний по результатам апробации ЭУ, устранение замечаний.
1.6 Рекомендации по внедрению и использованию ИМЭУ нового поколения в образовательных учреждениях Российской Федерации
1.6.1 Схемы распространения электронных учебников
На рисунке 1 представлены варианты распространения ЭУ, которые рассматриваются в настоящее время разработчиками электронных учебников.
Рисунок 1 - Варианты распространения электронных учебников
1 Локальные версии, распространяемые с помощью цифровой дистрибьюции. Пользователь может загрузить приобретенные ЭУ непосредственно с портала.
Локальные версии, распространяемые на физических носителях (CD, Flash-картах и т. п.). ЭУ, записанные на физические носители, доставляются пользователю посредством Почты России, курьерской службы и т. п.
При данной схеме распространения ЭУ размещается на сервере разработчика, репозитария (хранилища), или любом другом веб-сервере. Доступ к ЭУ в данном случае осуществляется по веб-ссылке через браузер мобильного устройства. Достоинством данной схемы распространения является простота ее реализации и простота распространения широкой аудитории пользователей. В этом варианте распространения ЭУ сохраняет полностью функционал работы с образовательным контентом и самопроверки знаний, однако передача сведений о результатах взаимодействия с контрольно-измерительными материалами, а также передача отчуждаемых образовательных продуктов учащихся в онлайновое портфолио не производится (или производится средствами сторонних разработчиков онлайновых социальных сервисов). Также, данная схема распространения предполагает наличие канала связи между мобильным устройством и сервером, на котором развернут ЭУ. Данная схема подходит для домашнего рынка и ориентирована на розничных покупателей (учителей, учащихся, родителей).
Мобильные версии ЭУ, распространяемые через агрегаторы популярных мобильных платформ (онлайн магазины приложений). Данная схема распространения предполагает упаковку ЭУ в нативные «обертки» соответствующих операционных систем, и размещение их в онлайн магазины приложений: AppStore - для приложений под ОС iOS, Google Play (ранее Android Market) - для приложений под ОС Android, Windows Store - для приложений под ОС Windows. В качестве программы для получения нативного приложения из набора HTML страниц рекомендуется использовать Phone Gap. Phone Gap - бесплатный фреймворк с открытым исходным кодом для создания мобильных приложений, позволяющий создать приложения для мобильных устройств используя Java Script, HTML5 и CSS3, под все мобильные операционные системы (iOS, Android, Windows Phone и т. д.). После размещения ЭУ в онлайн магазин готовое приложение может быть скачено на мобильное устройство. Данная схема распространения подходит для домашнего рынка. Результаты учебной деятельности по работе с ЭУ при такой схеме распространения будут храниться на мобильном устройстве. Достоинствами данной схемы распространения является: простота и «привычность» распространения для пользователей мобильных устройств; после установки приложения не требуется доступ к Интернет. Недостатки: сложная процедура размещения и последующего обновления ЭУ в магазине приложений (особенно в AppStore); результаты учебной деятельности хранятся локально на мобильном устройстве, что вполне приемлемо для домашнего использования, но менее пригодно для использования ЭУ в образовательном учреждении.
Продвижение оптовым покупателям и дистрибьюторам с использованием систем организации учебного процесса. В этом случае продукт предлагается руководству учебных заведений и региональных органов управления образованием для внедрения в учебный процесс в составе целостной информационной системы учебного заведения (автономной или входящей в информационные системы более высоких уровней: муниципального образования, области, региона). При данной схеме распространения предполагается упаковать ресурсы ЭУ в соответствии с техническими спецификациями для последующей загрузки в систему организации учебного процесса (СОУП). В качестве технической спецификации для упаковки наиболее приемлемым является профиль SCORM 2004, дефакто ставший стандартом по упаковке и распространению электронных образовательных ресурсов. Доступ к ЭУ при такой схеме осуществляется посредством интернет браузера мобильного устройства при обращении к серверу СОУП. Данная схема распространения идеально подходит для использования ЭУ в образовательных учреждениях. Результаты учебной деятельности по работе с ЭУ при такой схеме распространения будут передаваться по SCORM RTE и храниться в СОУП.
2. Практическая часть. Создание ЭУ
2.1 Предпосылки создания ЭУ
Создание ЭУ - это важное, сложное и ответственное мероприятие. Поэтому прежде, чем приступать к его написанию, необходимо все тщательно обдумать, рассмотреть и решить все проблемы, с которыми придется столкнуться в ходе написания ЭУ.
Перед тем, как начать создавать ЭУ, необходимо изучить все проблемы, которые сейчас наблюдаются при обучении той или иной возрастной группы школьников, и принять их к сведению. Подробное изучение этих проблем поможет избежать ряда ошибок, с которыми можно столкнуться при создании ЭУ.
Далее необходимо перейти к выбору предмета и темы, которому будет посвящен ЭУ. Выбор школьного предмета должен зависит от того, кто создает интерактивное пособие.
Для меня выбор не составил особого труда. Во-первых, потому что работа учителем математики накладывает свои отпечатки. Во-вторых, хотелось облегчить понимание у детей школьного материала, потому что именно недопонимание ведет к нежеланию учиться и, следовательно, к плохой успеваемости. В-третьих, математика - прекрасная наука, которая мне импонирует. Поэтому, созданный ЭУ посвящен математике [9].
В выборе темы помог педагогический опыт, который я активно получаю, работая учителем в школе. В ходе моей работы в школе был выявлен ряд тем, которые вызывают наибольшие трудности при понимании их школьниками. После многочисленных наблюдений за тем, как происходит усвоение материала детей, был сделан вывод, что темой для ЭУ станет такой раздел математики, как «функции».
2.2 Подготовка сценария ЭУ
После выбора школьного предмета и темы для ЭУ все внимание было сосредоточено на том, каким образом изложить материал, чтобы было удобно изучать его, чтобы он был понятен и не вызывал затруднений.