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

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

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

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

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

ВЕБИНАР 24.03.2016 15.00 MSK

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

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

Наш курс

ВЕБИНАРЫ • 15 марта в 15.00 MSK• 17 марта в 15.00 MSK• 22 марта в 15.00 MSK• 24 марта в 15.00 MSK• 29 марта в 15.00 MSK• 31 марта в 15.00 MSK• 5 апреля в 15.00 MSK• 7 апреля в 15.00 MSK• 12 апреля в 15.00 MSK• 14 апреля в 15.00 MSK

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

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

• Интернет сервис для работы с осями времени http://www.dipity.com/ • Интернет сервис для профессионального применения 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/ • ReadWriteThink: http://www.readwritethink.org/ • Timetoast: https://www.timetoast.com/ • TimeRime: http://timerime.com/

Полезные ссылки 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

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

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

Сервис для создания 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: вставка кода в страницу курса

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

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

• Интернет сервис для работы с осями времени http://www.dipity.com/ • Интернет сервис для профессионального применения 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/ • ReadWriteThink: http://www.readwritethink.org/ • Timetoast: https://www.timetoast.com/ • TimeRime: http://timerime.com/

Полезные ссылки 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

Практикум 4

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

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

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

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

Вопросы?