2017 02-14 (вебинар-3)
-
Upload
pavel-kallinikov -
Category
Education
-
view
190 -
download
0
Transcript of 2017 02-14 (вебинар-3)
![Page 1: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/1.jpg)
Каллиников П.Ю.
Тема 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)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/2.jpg)
Наш курс. Вебинары
• 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)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/3.jpg)
Наш курс. Материалы курса
Материалы курса располагаются здесь:http://contentium.tilda.ws/page122270.html
![Page 4: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/4.jpg)
Полезные ссылки 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)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/5.jpg)
Полезные ссылки 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)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/6.jpg)
• Метафора «Ось времени»Метафоры электронного обучения
![Page 7: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/7.jpg)
• Метафора «Ось времени»Метафоры электронного обучения
![Page 9: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/9.jpg)
Продвинутый сервис TimelineJS
![Page 10: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/10.jpg)
TimelineJS: создание таблицы событий по шаблону
![Page 11: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/11.jpg)
TimelineJS: создание таблицы событий по шаблону
![Page 12: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/12.jpg)
TimelineJS: создание таблицы событий по шаблону
![Page 13: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/13.jpg)
TimelineJS: вставка своих данных
![Page 14: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/14.jpg)
TimelineJS: публикация таблицы в сети
![Page 15: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/15.jpg)
TimelineJS: публикация таблицы в сети
![Page 16: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/16.jpg)
TimelineJS: копирование адреса таблицы
![Page 17: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/17.jpg)
TimelineJS: копировать адрес таблицы в сервис
![Page 18: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/18.jpg)
TimelineJS: дополнительные настройки
![Page 19: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/19.jpg)
TimelineJS: код вставки оси времени
![Page 20: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/20.jpg)
TimelineJS: предварительный вид
![Page 21: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/21.jpg)
TimelineJS: вставка кода в страницу курса
![Page 22: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/22.jpg)
TimelineJS: вставка кода в страницу курса
![Page 23: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/23.jpg)
TimelineJS: вставка кода в страницу курса
![Page 24: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/24.jpg)
TimelineJS: вставка кода в страницу курса
![Page 25: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/25.jpg)
Полезные ссылки 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)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/26.jpg)
Полезные ссылки 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)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/27.jpg)
Практикум 3
Cоздать ось времени из 8–15 событий на заданную или свободную тему в сервисе TimeLineJS
![Page 28: 2017 02-14 (вебинар-3)](https://reader035.fdocuments.net/reader035/viewer/2022070600/58a29bee1a28ab36508b7969/html5/thumbnails/28.jpg)
© 2017, Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
[email protected] https://www.facebook.com/kallinikov
Вопросы?