Учебный цифровой контент? Это очень просто! — 2018
Визуализация • Интерактивность • Медиа • Структура • Типографика
онлайн-курс
22 мая — 21 июня 2018 ГОДА
Автор и ведущий курса Павел Каллиников
22 мая – 21 июня 2018 года
Расписание курса
Синхронная часть курса (вебинары) будет проходить по вторникам и четвергам в 15.00 по московскому времени. Точные даты уточняются.
Записи вебинаров к темам курса «Учебный цифровой контент? Это очень просто! — 2018»
Записи новых вебинаров будут публиковаться здесь по мере их проведения.
Запись вебинара к теме 1 «Ось времени TimeLineJS»
Запись вебинара к теме 2 «Интерактивное путешествие: StoryMapJS»
Запись вебинара к теме 3 «Использование StoryMapJS в режиме „гигапиксельной“ интерактивной картинки»
Запись вебинара к теме 4 «Сервис TimeMapper — синтез интерактивного путешествия и шкалы времени»
Запись вебинара к теме 5 «Использование сервиса Carto для создания визуализаций с географической привязкой»
Запись вебинара к теме 6 «Использование сервиса Tilda Publishing для создания лонгридов»
Запись вебинара к теме 7 «Структура блоков сервиса Тильда»
Запись вебинара к теме 8 «Создание промо страницы учебного курса»
Запись вебинара к теме 9 «Методические возможности Тильды (создание учебного контента)»
Запись вебинара к теме 10 «Создание сайта на Тильде»
Записи вебинаров к темам курса ПРЭУК — 2018
Это дополнительная информация (бонус) для слушателей нашего курса
Запись вебинара к теме 1 «Разработка элементов учебного контента. Создание карты знаний»
Запись вебинара к теме 2 «Разработка элементов учебного контента. Создание облака тэгов»
Запись вебинара к теме 3 «Разработка элементов учебного контента. Создание Timeline»
Запись вебинара к теме 4 «Разработка элементов учебного контента. Интерактивные путешествия»
Запись вебинара к теме 5 «Сборка учебного контента. Понятие лонгрида»
Запись вебинара к теме 6 «Создание учебных видеороликов. Типология и подготовка материалов»
Запись вебинара к теме 7 «Запись скринкастов»
Запись вебинара к теме 8 «Монтаж скринкастов»
Запись вебинара к теме 9 «Обзор сервисов для создания интерактивного контента»
Запись вебинара к теме 10 «Работа с «гигапиксельными» изображениями»
Запись вебинара к теме 11 «Учебный текст. Электронная типографика в учебном контенте»
Запись вебинара к теме 12 «Новые смыслы, формы и структуры учебного текста»
Программа курса
PDF и онлайн
1
Ось времени TimeLineJS
Содержание темы 1
Примеры использования сервиса.
Подготовка исходных данных и материалов.
Создание таблицы Google на основе заданного шаблона.
Заполнение таблицы исходных данных. Заполнение таблицы дат и промежутков времени.
Выбор медиа-ресурсов и их описание. Заполнение таблицы заголовков и описаний. Группы, фоны, пиктограммы. Заголовочный слайд.
Передача кода таблицы сервису.
Настройка внешнего вида оси времени.
Габариты, язык, шрифты, начальные условия, адресация.
Получение кода оси времени и вставка его в свой ресурс.
Дополнительные рекомендации по использованию различных источников медиа в Time
LineJS.
Практикум 1
Создать ось времени с количеством событий 10−20 на основе сервиса TimeLineJS на заданную или свободную тему.
2
Интерактивное путешествие: StoryMapJS
Содержание темы 2
Примеры использования сервиса.
Подготовка исходных текстовых, графических и медийных материалов для разработки интерактивного путешествия.
Создание структуры контента.
Работа в сервисе StoryMapJS.
Загрузка данных. Настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Практикум 2
Создать интерактивное путешествие объёмом 10−15 кадров в сервисе StoryMapJS.
3
Использование StoryMapJS в режиме «гигапиксельной» интерактивной картинки
Содержание темы 3
Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного изображения. Загрузка высококачественного изображения в сервис.
Работа в сервисе StoryMapJS. Разметка изображения. Загрузка данных. Настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Другие сервисы для создания интерактивных изображений.

Практикум 3
Создать интерактивное изображение с разметкой и описанием 7−12 кадров в сервисе StoryMapJS.
4
Сервис TimeMapper — синтез интерактивного путешествия и шкалы времени
Содержание темы 4
Подготовка исходных текстовых, графических и медийных материалов для создания визуализации TimeMapper. Создание структуры контента с использованием таблицы по заданному шаблону. Добавление геоданных.
Передача данных в сервис TimeMapper, настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.

Практикум 4
Создать интерактивный таймлайн с геопривязкой событий на 7−12 кадров в сервисе TimeMapper
5
Использование сервисов Geocode и Carto для создания визуализаций с географической привязкой
Содержание темы 5
Подготовка исходных материалов для создания визуализации Carto. Создание структуры контента с использованием таблицы данных и географических координат.
Использование дополнения к GoogleDocs «Geocode by Awesome Table» в качестве первого этапа подготовки таблицы данных или в качестве самостоятельного картографического сервиса.
Создание карты при помощи «Geocode by Awesome Table». Получение кода и вставка результатов работы в свой ресурс.
Передача данных в сервис Carto, настройка внешнего вида. Получение кода и вставка результатов работы в свой ресурс.
Практикум 5
Создать собственную карту с 5−10 точками привязки при помощи сервиса Carto или дополнения Geocode by Awesome Table
6
Использование сервиса Tilda Publishing для создания лонгридов
Содержание темы 6
Введение. Понятие сторителлинга, «сноуфола», лонгрида, веб-документари.
Примеры логридов, выполненных с применением разных инструментов.

Знакомство с сервисом Tilda. Основные возможности, идеология, тарифные планы.
Шаблоны сервиса. Знакомство с шаблонами. Знакомство с основными блоками контента на основе шаблонов.
Сохранение результата работы над лонгридом.
Практикум 6
Создать небольшой лонгрид на основе одного из шаблонов Tilda.
7
Структура блоков сервиса Тильда
Содержание темы 7
Основные группы блоков и блоки сервиса Тильда. Назначение блоков
Настройки блоков.
Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Интерактивные блоки сервиса. Возможность вставки любого HTML-кода в качестве блока.
Особенности вставки контента в блоки сервиса. Загрузка контента на сервис и использование ссылки на контент.
Использование встроенного графического редактора Тильды для доработки изображений под нужный шаблон.
Практикум 7
Усовершенствовать лонгрид, созданный в Теме 6, путём добавления 4−5 новых блоков. Воспользоваться вставкой произвольного HTML-кода для помещения в лонгрид кода вставки одного из интерактивных элементов, созданных в предыдущих темах курса.
8
Создание промо страницы учебного курса
Содержание темы 8
Знакомство с блоками контента с точки зрения их информационно-маркетингового воздействия.
Значение и основные приёмы электронной типографики.
Их маркетинговое значение.
Настройки блоков.
Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Практикум 8
Создать промо-страницу с программой вашего (или гипотетического) учебного курса или промо-страницу автора курса.
9
Методические возможности Тильды (создание учебного контента)
Содержание темы 9
Знакомство с блоками контента с точки зрения их методической ценности и учебного воздействия. Методические аспекты использования Тильды для создания учебного онлайн-контента.
Значение и основные приёмы электронной типографики.
Их методическое значение.
Настройки блоков.
Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Практикум 9
Создать страницу темы своего (или гипотетического) учебного курса.
10
Создание сайта
на Тильде
Содержание темы 10
Общие настройки Тильды. Настройка аккаунта. Настройка сайта. Настройка отдельного лонгрида.
Блоки сервиса, служащие для создания связанной системы страниц — сайта
. Меню, список страниц, подвал. Создание гиперссылок в сервисе. Внутристраничные ссылки, ссылки на другие страницы. Ссылка на блок, анкер.
Редактор рассылок в Тильде.
Блоки социальных сетей. Кнопки. Формы и их настройка. Экспорт страницы, сайта.
Практикум 10
Добавить меню на созданных в предыдущих темах страницах. Связать эти страницы в единый сайт. Изменить настройки шрифтов у всего сайта.
© 2018 All Right Reserved. Каллиников П.Ю. komail@gmail.com
Made on
Tilda