Upload
pavel-kallinikov
View
222
Download
0
Embed Size (px)
Citation preview
Будем знакомы!Каллиников Павел, автор и ведущий курса
[email protected] https://www.facebook.com/kallinikov
Наш курс называется: Интерактив PRO ― 20166 вебинаров: Вт. и Чт. 15.00 MSK Мы будем общаться здесь: https://www.facebook.com/groups/1143137745736673/ Материалы курса располагаются здесь:http://contentium.tilda.ws/page175655.html
Сертификаты
Высшая школа экономики, Москва, 2015
Сертификаты
Наш курс
ВЕБИНАРЫ • 17 мая в 15.00 MSK• 19 мая в 15.00 MSK• 24 мая в 15.00 MSK• 26 мая в 15.00 MSK• 31 мая в 15.00 MSK• 2 июня в 15.00 MSK
Наш курс
РАЗДЕЛЫ • Оси времени• Виртуальные
путешествия• Интерактивные
изображения• Лонгриды
Каллиников П.Ю.
Тема 1. Ось времени TimeLineJS
ВЕБИНАР 17.05.2016 15.00 MSK
Интерактив PRO — 2016
Полезные ссылки 1/2
• Примеры timeline «ручного» изготовления• http://research.google.com/bigpicture/music/# • http://bolid.es/• https://youtu.be/gbxr157Iu3A
• Интернет сервис для работы с осями времени http://www.dipity.com/ • Альтернативныe сервисы для работы с осями времени:
• Timeglider: http://timeglider.com/ • Tiki-Toki: http://www.tiki-toki.com/ • ReadWriteThink: http://www.readwritethink.org/ • Timetoast: https://www.timetoast.com/ • TimeRime: http://timerime.com/
Полезные ссылки 2/2
• Интернет сервис для профессионального применения TimeLine JS• TimelineJS: http://timeline.knightlab.com/
• Серия скринкастов, посвященная разработке timeline при помощи TimeLineJS• Ролик 1/5: https://youtu.be/jGYJPTNIGes • Ролик 2/5: https://youtu.be/yHcIkoNTjHE • Ролик 3/5: https://youtu.be/SKa9M6Y7coQ• Ролик 4/5: https://youtu.be/HfMPmKJJ43g • Ролик 5/5: https://youtu.be/6qwfAY9UD6A
• Серия скринкастов, посвященная использованию медиаресурсов в TimeLineJS
• Ролик 1/3: https://youtu.be/j38R_UtW6L0 • Ролик 2/3: https://youtu.be/2_zj-mB1TAo• Ролик 3/3: https://youtu.be/_BwwFBwWLWk
Метафора электронного обучения «Ось времени»
Метафора электронного обучения «Ось времени»
Сервис для создания timeline: http://www.dipity.com/
Сервис для создания timeline: создать ось времени http://www.dipity.com/
Сервис для создания timeline: заголовок timeline http://www.dipity.com/
Сервис для создания timeline: список событий http://www.dipity.com/
Сервис для создания timeline: результат http://www.dipity.com/
Сервис для создания timeline: одно из событий оси http://www.dipity.com/
Сервис для создания timeline: использование http://www.dipity.com/
Продвинутый сервис TimelineJS
TimelineJS: создание таблицы событий по шаблону
TimelineJS: создание таблицы событий по шаблону
TimelineJS: создание таблицы событий по шаблону
TimelineJS: вставка своих данных
TimelineJS: публикация таблицы в сети
TimelineJS: копировать адрес таблицы в сервис
TimelineJS: дополнительные настройки
TimelineJS: код вставки оси времени
TimelineJS: предварительный вид
TimelineJS: вставка кода в страницу курса
TimelineJS: вставка кода в страницу курса
TimelineJS: вставка кода в страницу курса
TimelineJS: вставка кода в страницу курса
Практикум 1
Cоздать ось времени из 10–20 событий на заданную или свободную тему в сервисе TimeLineJS
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
TimelineJS-медиа: варианты
Практикум 1
Cоздать ось времени из 10–20 событий на заданную или свободную тему в сервисе TimeLineJS
Полезные ссылки 1/2
• Примеры timeline «ручного» изготовления• http://research.google.com/bigpicture/music/# • http://bolid.es/• https://youtu.be/gbxr157Iu3A
• Интернет сервис для работы с осями времени http://www.dipity.com/ • Альтернативныe сервисы для работы с осями времени:
• Timeglider: http://timeglider.com/ • Tiki-Toki: http://www.tiki-toki.com/ • ReadWriteThink: http://www.readwritethink.org/ • Timetoast: https://www.timetoast.com/ • TimeRime: http://timerime.com/
Полезные ссылки 2/2
• Интернет сервис для профессионального применения TimeLine JS• TimelineJS: http://timeline.knightlab.com/
• Серия скринкастов, посвященная разработке timeline при помощи TimeLineJS• Ролик 1/5: https://youtu.be/jGYJPTNIGes • Ролик 2/5: https://youtu.be/yHcIkoNTjHE • Ролик 3/5: https://youtu.be/SKa9M6Y7coQ• Ролик 4/5: https://youtu.be/HfMPmKJJ43g • Ролик 5/5: https://youtu.be/6qwfAY9UD6A
• Серия скринкастов, посвященная использованию медиаресурсов в TimeLineJS
• Ролик 1/3: https://youtu.be/j38R_UtW6L0 • Ролик 2/3: https://youtu.be/2_zj-mB1TAo• Ролик 3/3: https://youtu.be/_BwwFBwWLWk
© 2016, Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
[email protected] https://www.facebook.com/kallinikov
Вопросы?