Курс «Профессиональная разработка электронного учебного контента»
Практикум 7. Пошаговая инструкция
Задание практикума.
Записать скринкаст при помощи приложения Camtasia Studio.
Курс «Профессиональная разработка электронного учебного контента»
Практикум 6. Пошаговая инструкция
Задание практикума.
Создать простейший скринкаст при помощи сервиса Screencast-O-Matic.
Курс «Профессиональная разработка электронного учебного контента»
Практикум 6. Пошаговая инструкция
Задание практикума.
Создать простейший скринкаст при помощи сервиса Screencast-O-Matic.
Тема 4. Разработка элементов учебного контента. Интерактивные путешествия
Содержание темы 4
Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного путешествия.
Виды интерактивных путешествий. Интерактивная карта. Гигаписельная иллюстрация. Карта с таймлайном.
Создание структуры контента.
Работа в сервисе StoryMapJS. Загрузка данных. Настройка внешнего вида. Получение кода и вставка результатов работы в свой ресурс.
Работа с сервисом TimeMapper. Загрузка данных. Настройка внешнего вида. Получение кода и вставка результатов работы в свой ресурс.
Тема 3. Разработка элементов учебного контента.
Создание Timeline.
Содержание темы 3
Подготовка исходных текстовых, графических и медийных материалов для создания оси времени (TimeLine).
Работа в сервисе TimeLineJS.
Создание и настройка внешнего вида оси времени.
Экспорт результата.
Вставка результатов работы в свой учебный курс.
Другие сервисы для создания осей времени.
Тема 2. Разработка элементов учебного контента.
Создание облака тэгов
Содержание темы 2
Подготовка исходных текстовых, графических и медийных материалов для создания облака тэгов.
Работа в сервисе tagul.
Создание и настройка внешнего вида облака тэгов.
Экспорт результата в один из стандартных форматов.
Вставка результатов работы в свой учебный курс.
Другие сервисы для создания облака тэгов.
Тема 5. Компоновка учебного контента. Storytelling: cоздание «Историй»
Содержание темы 5
Подготовка исходных текстовых, графических и#nbsp;медийных материалов для создания «истории».
Виды историй.
Понятие «лонгрида». Создание сценария.
Работа в#nbsp;сервисе Tilda.
Создание и#nbsp;настройка внешнего вида лонгрида. Экспорт результата.
Использование сервиса Tilda для компоновки учебного контента.
Другие сервисы для создания «историй».
Курс «Профессиональная разработка электронного учебного контента»
Практикум 5. Пошаговая инструкция
Задание практикума.
Cоздать лонгрид на основе одного из шаблонов сервиса «Тильда»
Тема 10. Обзор сервисов для создания интерактивного контента (часть 2)
Содержание темы 10
Скрайбинг.
Объясняшки.
Работа с текстами.
Главред. Проверка на читаемость.
Работа с файлами и скриншотами.
Imgur. Clip2Net.
Звук.
SoundCiteJS.
Карточки сайтов
Embedly
Онлайн тесты и опросы.
Playbuzz.
Тема 6. Создание учебных видеороликов. Типология и подготовка материалов
Содержание темы 6
Типология учебного видео.
Препродакшн. Подготовка предварительных материалов скринкаста. Правила создания презентаций для скринкаста (подготовка шаблонов, требованияк к#nbsp;фонам, шрифтам, верстке, внутрикадровая и#nbsp;межкадровая анимация). Использование эффекта рисования в#nbsp;процессе создания скринкаста.
Аудиосопровождение скринкаста. Требования к#nbsp;голосу, стилю. Настройка оборудования.
Структура скринкаста.
Сервис Scrincast-O-Matic. Учебные ролики по#nbsp;сервису.
Бесплатное приложение iSpring Free Cam
Приложение Camtasia Studio.
Тема 7. Подготовка скринкастов. Запись
Содержание темы 7
Приложение Camtasia Studio.
Обзор приложения. Функционал. Инструменты. Таймлайн. Дорожки. Предпросмотр. Меню.
Запись скринкаста (продакшн). Процесс записи. Выбор параметров (окно или полный экран, соотношение сторон, разрешение, источники аудиосигнала, специальные аудио- и видеоэффекты). Захват видеоизображения с экрана и с видеокамеры (Web-камеры).
Звуковое сопровождение. Настройка источника звука. «Начитка» текста скринкаста. Фиксация ошибок и повторные записи.
Тема 9. Обзор сервисов для создания интерактивного контента (часть 1)
Содержание темы 9
Изображения.
Слайдеры: JuxtaposeJS
Генерация обложек: Spruce
Интерактивные изображения и видеоролики.
ThinkLink. Интерактивность в YouTube.
Онлайн-презентации.
Prezzi. SlideShare. Penxsy. MS Mix.
Комиксы и диалоги.
PowToon. BranchTrack.
Инфографика.
Datawrapper. Infogr. am
Тема 8. Подготовка скринкастов. Монтаж
Содержание темы 8
Приложение Camtasia Studio.
Постпродакшн (монтаж) скринкаста.
Понятие холста, таймлайна, дорожки. Удаление длиннот, ускорение повествования. Увеличение («наезд камеры»). Масштабирование и панорамирование. SmartFocus.
Дорожки.
Наложение статических изображений и дополнительных видео. Картинка в картинке.
Выноски. Визуальные свойства.
Работа со звуком. Удаление шумов, наложение фонового звукового сопровождения.
Публикация проекта.
Рендеринг — сохранение результата работы в виде файла нужного разрешения и формата. Массовые операции — рендеринг нескольких проектов.
Курс «Профессиональная разработка электронного учебного контента»
Практикум 8. Пошаговая инструкция
Задание практикума.
Смонтировать скринкаст при помощи приложения Camtasia Studio и опубликовать его в виде MP4-файла.
Тема 4. Разработка элементов учебного контента. Интерактивные путешествия
Содержание темы 4
Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного путешествия.
Виды интерактивных путешествий. Интерактивная карта. Гигаписельная иллюстрация. Карта с таймлайном.
Создание структуры контента.
Работа в сервисе StoryMapJS. Загрузка данных. Настройка внешнего вида. Получение кода и вставка результатов работы в свой ресурс.
Работа с сервисом TimeMapper. Загрузка данных. Настройка внешнего вида. Получение кода и вставка результатов работы в свой ресурс.
Тема 3. Разработка элементов учебного контента.
Создание Timeline.
Содержание темы 3
Подготовка исходных текстовых, графических и медийных материалов для создания оси времени (TimeLine).
Работа в сервисе TimeLineJS.
Создание и настройка внешнего вида оси времени.
Экспорт результата.
Вставка результатов работы в свой учебный курс.
Другие сервисы для создания осей времени.
Тема 2. Разработка элементов учебного контента.
Создание облака тэгов
Содержание темы 2
Подготовка исходных текстовых, графических и медийных материалов для создания облака тэгов.
Работа в сервисе tagul.
Создание и настройка внешнего вида облака тэгов.
Экспорт результата в один из стандартных форматов.
Вставка результатов работы в свой учебный курс.
Другие сервисы для создания облака тэгов.
Тема 5. Компоновка учебного контента. Storytelling: cоздание «Историй»
Содержание темы 5
Подготовка исходных текстовых, графических и#nbsp;медийных материалов для создания «истории».
Виды историй.
Понятие «лонгрида». Создание сценария.
Работа в#nbsp;сервисе Tilda.
Создание и#nbsp;настройка внешнего вида лонгрида. Экспорт результата.
Использование сервиса Tilda для компоновки учебного контента.
Другие сервисы для создания «историй».
Курс «Профессиональная разработка электронного учебного контента»
Практикум 5. Пошаговая инструкция
Задание практикума.
Cоздать лонгрид на основе одного из шаблонов сервиса «Тильда»
Тема 10. Обзор сервисов для создания интерактивного контента (часть 2)
Содержание темы 10
Скрайбинг.
Объясняшки.
Работа с текстами.
Главред. Проверка на читаемость.
Работа с файлами и скриншотами.
Imgur. Clip2Net.
Звук.
SoundCiteJS.
Карточки сайтов
Embedly
Онлайн тесты и опросы.
Playbuzz.
Тема 6. Создание учебных видеороликов. Типология и подготовка материалов
Содержание темы 6
Типология учебного видео.
Препродакшн. Подготовка предварительных материалов скринкаста. Правила создания презентаций для скринкаста (подготовка шаблонов, требованияк к#nbsp;фонам, шрифтам, верстке, внутрикадровая и#nbsp;межкадровая анимация). Использование эффекта рисования в#nbsp;процессе создания скринкаста.
Аудиосопровождение скринкаста. Требования к#nbsp;голосу, стилю. Настройка оборудования.
Структура скринкаста.
Сервис Scrincast-O-Matic. Учебные ролики по#nbsp;сервису.
Бесплатное приложение iSpring Free Cam
Приложение Camtasia Studio.
Тема 7. Подготовка скринкастов. Запись
Содержание темы 7
Приложение Camtasia Studio.
Обзор приложения. Функционал. Инструменты. Таймлайн. Дорожки. Предпросмотр. Меню.
Запись скринкаста (продакшн). Процесс записи. Выбор параметров (окно или полный экран, соотношение сторон, разрешение, источники аудиосигнала, специальные аудио- и видеоэффекты). Захват видеоизображения с экрана и с видеокамеры (Web-камеры).
Звуковое сопровождение. Настройка источника звука. «Начитка» текста скринкаста. Фиксация ошибок и повторные записи.
Тема 9. Обзор сервисов для создания интерактивного контента (часть 1)
Содержание темы 9
Изображения.
Слайдеры: JuxtaposeJS
Генерация обложек: Spruce
Интерактивные изображения и видеоролики.
ThinkLink. Интерактивность в YouTube.
Онлайн-презентации.
Prezzi. SlideShare. Penxsy. MS Mix.
Комиксы и диалоги.
PowToon. BranchTrack.
Инфографика.
Datawrapper. Infogr. am
Тема 8. Подготовка скринкастов. Монтаж
Содержание темы 8
Приложение Camtasia Studio.
Постпродакшн (монтаж) скринкаста.
Понятие холста, таймлайна, дорожки. Удаление длиннот, ускорение повествования. Увеличение («наезд камеры»). Масштабирование и панорамирование. SmartFocus.
Дорожки.
Наложение статических изображений и дополнительных видео. Картинка в картинке.
Выноски. Визуальные свойства.
Работа со звуком. Удаление шумов, наложение фонового звукового сопровождения.
Публикация проекта.
Рендеринг — сохранение результата работы в виде файла нужного разрешения и формата. Массовые операции — рендеринг нескольких проектов.
Курс «Профессиональная разработка электронного учебного контента»
Практикум 8. Пошаговая инструкция
Задание практикума.
Смонтировать скринкаст при помощи приложения Camtasia Studio и опубликовать его в виде MP4-файла.
Содержание темы 9
Знакомство с блоками контента с точки зрения их методической ценности и учебного воздействия. Методические аспекты использования Тильды для создания учебного онлайн-контента.
Значение и основные приёмы электронной типографики. Их методическое значение.
Настройки блоков. Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Содержание темы 10
Общие настройки Тильды. Настройка аккаунта. Настройка сайта. Настройка отдельного лонгрида.
Блоки сервиса, служащие для создания связанной системы страниц — сайта. Меню, список страниц, подвал. Создание гиперссылок в сервисе. Внутристраничные ссылки, ссылки на другие страницы. Ссылка на блок, анкер.
Блоки социальных сетей. Кнопки. Формы и их настройка. Экспорт страницы, сайта.
Содержание темы 8
Знакомство с блоками контента с точки зрения их информационно-маркетингового воздействия.
Значение и основные приёмы электронной типографики. Их маркетинговое значение.
Настройки блоков. Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Содержание темы 7
Основные группы блоков и блоки сервиса Тильда. Назначение блоков
Настройки блоков. Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Интерактивные блоки сервиса. Возможность вставки любого HTML-кода в качестве блока.
Особенности вставки контента в блоки сервиса. Загрузка контента на сервис и использование ссылки на контент.
Использование встроенного графического редактора Тильды для доработки изображений под нужный шаблон.
Содержание темы 6
Введение. Понятие сторителлинга, «сноуфола», лонгрида, веб-документари.
Примеры логридов, выполненных с применением разных инструментов.
Знакомство с сервисом Tilda. Основные возможности, идеология, тарифные планы.
Шаблоны сервиса. Знакомство с шаблонами. Знакомство с основными блоками контента на основе шаблонов.
Сохранение результата работы над лонгридом.
Содержание темы 5
Подготовка исходных материалов для создания визуализации Carto. Создание структуры контента с использованием таблицы данных и географических координат.
Передача данных в сервис Carto, настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Содержание темы 4
Подготовка исходных текстовых, графических и медийных материалов для создания визуализации TimeMapper. Создание структуры контента с использованием таблицы по заданному шаблону. Добавление геоданных.
Передача данных в сервис TimeMapper, настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Усовершенствовать лонгрид, созданный в Теме 6, путём добавления 4−5 новых блоков. Воспользоваться вставкой произвольного HTML-кода для помещения в лонгрид кода вставки одного из интерактивных элементов, созданных в предыдущих темах курса.
Курс «Профессиональная разработка электронного учебного контента II»
Практикум 3. Пошаговая инструкция
Задание практикума.
Создать интерактивное изображение с разметкой и описанием 7−12 кадров в сервисе StoryMapJS.
Для тех кто затрудняется подготовить папку гигапиксельного изображения
можно воспользоваться папкой изображения «Менины» (7844×9000): http://contentium.ru/Velaskes-Meniny/
Для тех, кто хочет выполнить практикум в полном объёме на странице темы 3 курса приведены примеры изображений высокой чёткости (на источник можно перейти кликнув на изображение).
Кроме того, такие изображения можно загрузить здесь:
https://commons.wikimedia.org/wiki/Category:Gigapixel_images_from_the_Google_Art_Project
или здесь:
https://commons.wikimedia.org/wiki/Commons:Picture_of_the_Year/2015/R1/Gallery/Frescos,_ceilings_and_stained_glass
Содержание темы 3
Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного изображения. Загрузка высококачественного изображения в сервис.
Работа в сервисе StoryMapJS. Разметка изображения. Загрузка данных. Настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Другие сервисы для создания интерактивных изображений.
Курс «Профессиональная разработка электронного учебного контента»
Практикум 2. Пошаговая инструкция
Задание практикума.
Создать интерактивное путешествие объёмом 10−15 кадров в сервисе StoryMapJS.
Курс «Профессиональная разработка электронного учебного контента II»
Практикум 1. Пошаговая инструкция
Задание практикума.
Создать ось времени из 10–20 событий на заданную или свободную тему в сервисе TimeLineJS
Содержание темы 2
Примеры использования сервиса.
Подготовка исходных текстовых, графических и#nbsp;медийных материалов для разработки интерактивного путешествия. Создание структуры контента.
Работа в#nbsp;сервисе StoryMapJS. Загрузка данных. Настройка внешнего вида.
Получение кода и#nbsp;вставка результатов работы в#nbsp;свой ресурс.
Содержание темы 1
Примеры использования сервиса.
Подготовка исходных данных и#nbsp;материалов. Создание таблицы Google на#nbsp;основе заданного шаблона.
Заполнение таблицы исходных данных. Заполнение таблицы дат и#nbsp;промежутков времени.
Выбор медиа-ресурсов и#nbsp;их#nbsp;описание. Заполнение таблицы заголовков и#nbsp;описаний. Группы, фоны, пиктограммы. Заголовочный слайд.
Передача кода таблицы сервису.
Настройка внешнего вида оси времени. Габариты, язык, шрифты, начальные условия, адресация.
Получение кода оси времени и#nbsp;вставка его в#nbsp;свой ресурс.
Дополнительные рекомендации по#nbsp;использованию различных источников медиа в#nbsp;TimeLineJS.
1. Курс «Профессиональная разработка электронного учебного контента»
Практикум 7. Пошаговая инструкция
Задание практикума.
Записать скринкаст при помощи приложения Camtasia Studio.
1. Запустить приложение «CamtasiaStudio». В отрывшемся окне приложения нажать кнопку Record the
screen.
2. Основное окно приложения пропадает и появляется панель записи «Camtasia Recorder».
2. 3. Перед записью определить окно, в котором будет происходить основное действие записи, например,
браузер или какое-либо приложение. Закрыть или минимизировать все остальные окна. В нашем
примере мы будем использовать окно браузера FireFox.
4. Если приложение находится в полноэкранном режиме, привести его в состояние окна, нажав на
значок оконного режима.
3. 5. На панели записи в области настроек Select area нажать на кнопку Custom.
6. В выпадающем меню выбрать последовательно пункты 720р HD (1280х720) и Lock to application.
4. 7. Окно приложения изменит свой размер на 1280 пикселей по горизонтали и 720 пикселей по
вертикали. Этот размер (соотношение сторон 16:9) наиболее удобен для загрузки будущего ролика на
YouTube.
8. Теперь можно настроить микрофон. Для этого в области Recording inputs нажать на стрелку кнопки
Audio on (off).
5. 9. В выпадающем меню выбрать микрофон с которого будет производиться запись. Желательно, чтобы
это был микрофон USB-гарнитуры. На скриншоте показан выбор микрофона из трёх возможных
вариантов. Если не планируется запись голоса, надо выбрать строку меню Do not record microphone.
Необходимо также включить флажок Record system audio. Иначе звуки, которые в процессе записи
поступают на ваши колонки или наушники (системные звуки, звуки аудиозаписей или видеороликов и
т.п.) не будут записаны.
10. Настроить громкость (уровень записи) микрофона при помощи движка. Для этого надо сказать в
микрофон несколько фраз с той громкостью, при которой предполагается производить запись.
Индикатор рядом с движком регулировки уровня будет окрашиваться в зелёный, жёлтый или красный
цвета, в зависимости от громкости голоса. Уровень записи необходимо установить в такое положение,
чтобы цвет индикатора при записи был зелёным и жёлтым. Если индикатор не реагирует на ваш голос,
надо проверить правильность выбора микрофона (в предыдущем пункте) и его физическое
подключение.
11. Если предполагается использовать не только запись экрана, но и изображение с веб-камеры,
необходимо включить её, нажав на кнопку Webcam off/on. Однако для данного практикума
рекомендуется ограничится записью экрана.
6. 12. Теперь можно начинать запись. Для этого надо нажать на большую красную кнопку rec. На экране
появляется счёт 3-2-1 и начинается запись ролика. Вид панели изменяется. Слева отображается время
записи в чч:мм:сс. В середине – регулятор уровня записи микрофона (уровень можно менять прямо во
время записи). А справа – три кнопки Delete, Pause/Resume и Stop. Чтобы удалить запись не сохраняя
её, надо нажать на кнопку Delete. Чтобы приостановить запись и потом снова ее запустить можно
использовать кнопку Pause/Resume. В конце записи надо нажать на кнопку Stop. Нажатие копки Stop
означает окончание записи скринкаста.
7. 13. После окончания записи вместо панели записи возникает окно контроля результата записи –
простейший видеопроигрыватель, в котором можно просмотреть запись (группа элементов 1),
удалить её, сохранить или направить в приложение Camtasia Studio для редактирования (группа
элементов 2).
14. Для дальнейшей работы над записью надо нажать на кнопку Save and Edit. Перед началом
редактирования появится окошко, в котором возникнет предложение сохранить запись в виде файла с
расширением .trec. Это внутренний формат приложения Camtasia Studio. Имя файла можно, при
необходимости, изменить. Затем – нажать на кнопку Сохранить.
8. 15. Записанный скринкаст загружается в приложение Camtasia Studio и начинается этап редактирования
(монтажа) скринкаста. Этот этап будет рассмотрен в инструкции к следующему практикуму.
16. Практикумы 7 и 8 будут приниматься одновременно — после выполнения работ по практикуму 8. Если
слушатель желает сдать Практикум 7 отдельно, то ему необходимо воспользоваться инструкцией к
практикуму 8 для выполнения сохранения ролика сразу после загрузки записанного файла в
приложение Camtasia Studio.