Курс "Интерактив PRO - 2016". Тема 1. Ось времени TimeLineJS Примеры использования сервиса. Подготовка исходных данных и материалов. Создание таблицы Google на основе заданного шаблона. Заполнение таблицы исходных данных. Заполнение таблицы дат и промежутков времени. Выбор медиа-ресурсов и их описание. Заполнение таблицы заголовков и описаний. Группы, фоны, пиктограммы. Заголовочный слайд. Передача кода таблицы сервису. Настройка внешнего вида оси времени. Габариты, язык, шрифты, начальные условия, адресация. Получение кода оси времени и вставка его в свой ресурс. Дополнительные рекомендации по использованию различных источников медиа в TimeLineJS.

1. Будем знакомы!
Каллиников Павел, автор и ведущий курса
komail@gmail.com
https://www.facebook.com/kallinikov
Наш курс называется:
Интерактив PRO ― 2016
6 вебинаров: Вт. и Чт. 15.00 MSK
Мы будем общаться здесь:
https://www.facebook.com/groups/1143137745736673/
Материалы курса располагаются здесь:
http://contentium.tilda.ws/page175655.html

2. Сертификаты

3. Высшая школа экономики, Москва, 2015
Сертификаты

4. Наш курс
ВЕБИНАРЫ
• 17 мая в 15.00 MSK
• 19 мая в 15.00 MSK
• 24 мая в 15.00 MSK
• 26 мая в 15.00 MSK
• 31 мая в 15.00 MSK
• 2 июня в 15.00 MSK

5. Наш курс
РАЗДЕЛЫ
• Оси времени
• Виртуальные
путешествия
• Интерактивные
изображения
• Лонгриды

6. Каллиников П.Ю.
Тема 1. Ось времени TimeLineJS
ВЕБИНАР 17.05.2016 15.00 MSK
Интерактив PRO — 2016

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

32. Практикум 1
Cоздать ось времени из 10–20 событий на
заданную или свободную тему в сервисе
TimeLineJS

33. TimelineJS-медиа: варианты

34. TimelineJS-медиа: варианты

35. TimelineJS-медиа: варианты

36. TimelineJS-медиа: варианты

37. TimelineJS-медиа: варианты

38. TimelineJS-медиа: варианты

39. TimelineJS-медиа: варианты

40. TimelineJS-медиа: варианты

41. TimelineJS-медиа: варианты

42. TimelineJS-медиа: варианты

43. TimelineJS-медиа: варианты

44. TimelineJS-медиа: варианты

45. TimelineJS-медиа: варианты

46. TimelineJS-медиа: варианты

47. TimelineJS-медиа: варианты

48. TimelineJS-медиа: варианты

49. TimelineJS-медиа: варианты

50. TimelineJS-медиа: варианты

51. TimelineJS-медиа: варианты

52. TimelineJS-медиа: варианты

53. TimelineJS-медиа: варианты

54. TimelineJS-медиа: варианты

55. TimelineJS-медиа: варианты

56. Практикум 1
Cоздать ось времени из 10–20 событий на
заданную или свободную тему в сервисе
TimeLineJS

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

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

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