Содержание темы 4 Подготовка исходных текстовых, графических и медийных материалов для создания оси времени (TimeLine). Работа в сервисах TimeLineJS и dipity.com. Создание и настройка внешнего вида оси времени. Экспорт результата. Вставка результатов работы в свой учебный курс. Другие сервисы для создания осей времени.

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

2. Наш курс
ВЕБИНАРЫ
• 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

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

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

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

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

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

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

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

10. Сервис для создания timeline: список
событий http://www.dipity.com/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

30. © 2016, Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
 komail@gmail.com
https://www.facebook.com/kallinikov
Вопросы?