2017 02-14 (вебинар-3)

28
Каллиников П.Ю Тема 3. Разработка элементов учебного контента. Создание Timeline ВЕБИНАР 14.02.2017 15.00 MSK Профессиональная разработка электронного учебного контента — 2017 Мы общаемся здесь: https://www.facebook.com/groups/145234860477734 0 / Материалы курса располагаются здесь: http://contentium.tilda.ws/page122270.html

Upload: pavel-kallinikov

Post on 13-Apr-2017

190 views

Category:

Education


0 download

TRANSCRIPT

Page 1: 2017 02-14 (вебинар-3)

Каллиников П.Ю.

Тема 3. Разработка элементов учебного контента. Создание Timeline

ВЕБИНАР 14.02.2017 15.00 MSK

Профессиональная разработка электронного учебного контента — 2017

Мы общаемся здесь: https://www.facebook.com/groups/1452348604777340/ Материалы курса располагаются здесь:http://contentium.tilda.ws/page122270.html

Page 2: 2017 02-14 (вебинар-3)

Наш курс. Вебинары

• 7 февраля в 15.00 MSK• 9 февраля в 15.00 MSK• 14 февраля в 15.00 MSK• 16 февраля в 15.00 MSK• 21 февраля в 15.00 MSK

• 28 февраля в 15.00 MSK• 2 марта 15.00 MSK• 9 марта в 15.00 MSK• 14 марта в 15.00 MSK• 16 марта в 15.00 MSK

Page 3: 2017 02-14 (вебинар-3)

Наш курс. Материалы курса

Материалы курса располагаются здесь:http://contentium.tilda.ws/page122270.html

Page 4: 2017 02-14 (вебинар-3)

Полезные ссылки 1/2

• Примеры timeline «ручного» изготовления• http://research.google.com/bigpicture/music/# • http://bolid.es/• https://youtu.be/gbxr157Iu3A

• Интернет сервис для профессионального применения TimeLine JS• TimelineJS: http://timeline.knightlab.com/ • Короткий учебный ролик про сервис TimeLine JS (ENG): http://

youtu.be/vAWbm4gF9lU• Альтернативныe сервисы для работы с осями времени:

• Timeglider: http://timeglider.com/ • Tiki-Toki: http://www.tiki-toki.com/ • Timetoast: https://www.timetoast.com/ • TimeRime: http://timerime.com/• Sutori4: https://www.sutori.com/

Page 5: 2017 02-14 (вебинар-3)

Полезные ссылки 2/2

• Серия скринкастов, посвященная разработке timeline при помощи dipiti.com• Ролик 1/5: http://youtu.be/rHTJDUsC4dg• Ролик 2/5: http://youtu.be/6IS4WmW_SsE• Ролик 3/5: http://youtu.be/3RRDxi-mDWk• Ролик 4/5: http://youtu.be/KcCdTdB9VsE• Ролик 5/5: http://youtu.be/24tGQ8LzoT8

• Серия скринкастов, посвященная разработке 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

Page 6: 2017 02-14 (вебинар-3)

• Метафора «Ось времени»Метафоры электронного обучения

Page 7: 2017 02-14 (вебинар-3)

• Метафора «Ось времени»Метафоры электронного обучения

Page 8: 2017 02-14 (вебинар-3)

Сервис для создания timeline: http://www.dipity.com/

Page 9: 2017 02-14 (вебинар-3)

Продвинутый сервис TimelineJS

Page 10: 2017 02-14 (вебинар-3)

TimelineJS: создание таблицы событий по шаблону

Page 11: 2017 02-14 (вебинар-3)

TimelineJS: создание таблицы событий по шаблону

Page 12: 2017 02-14 (вебинар-3)

TimelineJS: создание таблицы событий по шаблону

Page 13: 2017 02-14 (вебинар-3)

TimelineJS: вставка своих данных

Page 14: 2017 02-14 (вебинар-3)

TimelineJS: публикация таблицы в сети

Page 15: 2017 02-14 (вебинар-3)

TimelineJS: публикация таблицы в сети

Page 16: 2017 02-14 (вебинар-3)

TimelineJS: копирование адреса таблицы

Page 17: 2017 02-14 (вебинар-3)

TimelineJS: копировать адрес таблицы в сервис

Page 18: 2017 02-14 (вебинар-3)

TimelineJS: дополнительные настройки

Page 19: 2017 02-14 (вебинар-3)

TimelineJS: код вставки оси времени

Page 20: 2017 02-14 (вебинар-3)

TimelineJS: предварительный вид

Page 21: 2017 02-14 (вебинар-3)

TimelineJS: вставка кода в страницу курса

Page 22: 2017 02-14 (вебинар-3)

TimelineJS: вставка кода в страницу курса

Page 23: 2017 02-14 (вебинар-3)

TimelineJS: вставка кода в страницу курса

Page 24: 2017 02-14 (вебинар-3)

TimelineJS: вставка кода в страницу курса

Page 25: 2017 02-14 (вебинар-3)

Полезные ссылки 1/2

• Примеры timeline «ручного» изготовления• http://research.google.com/bigpicture/music/# • http://bolid.es/• https://youtu.be/gbxr157Iu3A

• Интернет сервис для профессионального применения TimeLine JS• TimelineJS: http://timeline.knightlab.com/ • Короткий учебный ролик про сервис TimeLine JS (ENG): http://

youtu.be/vAWbm4gF9lU• Альтернативныe сервисы для работы с осями времени:

• Timeglider: http://timeglider.com/ • Tiki-Toki: http://www.tiki-toki.com/ • Timetoast: https://www.timetoast.com/ • TimeRime: http://timerime.com/• Sutori4: https://www.sutori.com/

Page 26: 2017 02-14 (вебинар-3)

Полезные ссылки 2/2

• Серия скринкастов, посвященная разработке timeline при помощи dipiti.com• Ролик 1/5: http://youtu.be/rHTJDUsC4dg• Ролик 2/5: http://youtu.be/6IS4WmW_SsE• Ролик 3/5: http://youtu.be/3RRDxi-mDWk• Ролик 4/5: http://youtu.be/KcCdTdB9VsE• Ролик 5/5: http://youtu.be/24tGQ8LzoT8

• Серия скринкастов, посвященная разработке 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

Page 27: 2017 02-14 (вебинар-3)

Практикум 3

Cоздать ось времени из 8–15 событий на заданную или свободную тему в сервисе TimeLineJS

Page 28: 2017 02-14 (вебинар-3)

© 2017, Каллиников Павел Юрьевич

+7 (903) 546-81-84 моб

[email protected] https://www.facebook.com/kallinikov

Вопросы?