Покрокові інструкції зі створення мультимедійних інтерактивних таймлайнів в різних програмах
- 1. ДИНАМІЧНА ВІЗУАЛІЗАЦІЯ. СЕРВІСИ ДЛЯ СТВОРЕННЯ ІНТЕРАКТИВНИХ ТАЙМЛАЙНІВ ЖЕНЧЕНКО МАРИНА Доктор наук із соціальних комунікацій, доцент кафедри видавничої справи та редагування Інституту журналістики КНУ імені Тараса Шевченка, Віце-президент Асоціації українських редакторів © Женченко Марина, 2015
- 2. Інтерактивний таймлайн (від англ. Timeline – стрічка часу) — потужний інструмент динамічної візуалізації, що допомагає проілюструвати розвиток певної події у часі та просторі, надає користувачеві змогу вільно пересуватися стрічкою часу, переглядати мультимедійні файли у довільному порядку.
- 3. Інформація, яку можна візуалізувати за допомогою таймлайнів Біографічна довідка Хронологія подій Історія заходів чи процесів © Женченко Марина, 2015
- 4. Приклади таймлайнів TIMELINE JS http://m.20minut.ua/Novyny-Ternopolya/richnytsya-revolyutsiyi- hidnosti/richnici-majdanuprisvyachuyet-sya-10426038.html http://company.overdrive.com/company/who-we-are/history/ http://www.irishtimes.com/business/economy/interactive-timeline-ireland- and-multinational-tax-schemes-1.2379581 http://world.time.com/2013/12/05/nelson-mandelas-extraordinary-life-an- interactive-timeline/ http://victoriazadorozhna.blogspot.com/2014/12/blog-post.html TIKI-TOKI http://www.delhi-timeline.in/ ІНШІ ПРОГРАМИ http://education.nationalgeographic.com/interactive/remembering-pearl- harbor/ (аудіотаймлайн)
- 5. У таймлайни вбудовують: Текст Фото Малюнки Аудіофайли Відеофайли Гіперпосилання Місце на карті © Женченко Марина, 2015
- 6. Фототаймлайни © Женченко Марина, 2015
- 7. © Женченко Марина, 2015
- 9. © Женченко Марина, 2015
- 10. Програмні засоби для створення таймлайнів: TIMELINE.JS (HTTP://TIMELINE.KNIGHTLAB.COM/) TIMETOAST (HTTP://WWW.TIMETOAST.COM/PLANS) DIPITY (HTTP://WWW.DIPITY.COM) WHENINTIME (HTTP://WHENINTIME.COM/) TIMEGLIDER (HTTP://TIMEGLIDER.COM/) TIKI-TOKI (HTTP://WWW.TIKI-TOKI.COM/) TIMERIME (HTTP://TIMERIME.COM/) BEEDOCS TIMELINE (HTTPS://WWW.BEEDOCS.COM/TIMELINE3D/MAC/) © Женченко Марина, 2015
- 12. Простий, зручний і БЕЗКОШТОВНИЙ сервіс для створення таймлайнів з УКРАЇНІЗОВАНОЮ СТРІЧКОЮ ЧАСУ. Все, що потрібно зробити — заповнити інформацією шаблон таблиці в https://docs.google.com. Крім дат та текстів програма дає змогу додавати зображення, карти, аудіо, відео. Після створення можна отримати html-код для вставки таймлайнів на сайт. © Женченко Марина, 2015
- 13. Після натиснення кнопки «Створити таймлайн зараз» (Make a timeline now), здійснюється перехід на сторінку з англомовною покроковою інструкцією по роботі з програмою. Вибір порядку показу слайдів, шрифтів текстових підписів.
- 14. На сайті програми можна переглянути приклади використання таймлайнів у західних медіа
- 15. © Женченко Марина, 2015 Приклад таймлайну http://www.lemonde.fr/election-presidentielle- 2012/visuel/2012/04/21/chronologie-une-si-longue- campagnepresidentielle_1681661_1471069.html
- 16. Приклад: http://company.overdrive.com/company/who-we- are/history/ Історія компанії Overdrive.
- 17. © Женченко Марина, 2015 1. Перейдіть до вибору шаблонів таблиць у docs.google.com, натиснувши кнопку
- 18. 2. Створіть таблицю з даними для таймлайну, обравши потрібний шаблон
- 20. 3. Виконайте команду: Файл – Опублікувати в інтернеті
- 21. 4. Скопіюйте посилання та перейдіть на сторінку з інструкцією програми http://timeline.knightlab. com/
- 22. 5. Вставте скопійоване посилання у віконце пункту 3 інструкції програми
- 23. 6. Оберіть параметри створюваного таймлайну
- 24. 7. Перегляньте готовий таймлайн
- 25. 8. Скопіюйте код та вставте його на свій сайт
- 26. Навчальний сайт для роботи із таймлайнами: http://timeline.890m.com/ Логін: admin Пароль: timeline creator 2015
- 27. © Женченко Марина, 2015 Приклад таймлайну http://www.lemonde.fr/election-presidentielle- 2012/visuel/2012/04/21/chronologie-une-si-longue- campagnepresidentielle_1681661_1471069.html
- 28. На сайті програми можна переглянути приклади використання таймлайнів у західних медіа
- 30. Сервіс має 3 цінових категорії: відкриту (безкоштовна, розрахована лише на 1 користувача); базову (5 користувачів за $5.99 на місяць); професійну (35 користувачів за $8.99).
- 32. Базова та професійна версії, на відміну від безкоштовної, дають змогу створювати групи, додавати оголошення, спілкуватися та модерувати коментарі.
- 33. Швидка реєстрація через соціальні мережі; Таймлайни зберігаються на сайті програми, можна переглянути таймлайни, створені іншими користувачами. Недоліки: англомовна стрічка часу, не можна завантажувати відео.
- 34. Створені таймлайни можна зберегти на сайті сервісу
- 35. 1. Натисніть на кнопці «Сreate your account» та оберіть тарифний план
- 36. Ім’я Електронна пошта Пароль © Женченко Марина, 2015 2. Створіть аккаунт
- 37. 3. Активуйте свій аккаунт, перейшовши за посиланням у листі, який надійде на вказаний при реєстрації аккаунта е-mail
- 38. © Женченко Марина, 2015 Назва таймлайну Статус публікації Категорія Завантажити фото для обкладинки таймлайну 4. Введіть параметри таймлайну Створити таймлайн
- 39. © Женченко Марина, 2015 5. Створіть першу подію Назва події Опис події Оберіть зображення події Натисніть для створення події
- 40. © Женченко Марина, 2015 6. Додайте необхідну кількість подій Додайте нові події
- 41. © Женченко Марина, 2015 7. Визначте проміжок часу для вашої події Додайте проміжок часу
- 43. Проміжок часу
- 44. © Женченко Марина, 2015 8. Змініть назву та обкладинку таймлайну (за потреби) Змініть назву та обкладинку таймлайну
- 45. 9. Перегляньте створений таймлайн
- 46. 10. Збережіть таймлайн у програмі
- 47. 11. Відкрийте збережений таймлайн та натисніть кнопку «Embed» (вбудувати)
- 48. 11. Перейдіть на свій сайт та вставте код у публікацію
- 50. Dipity дозволяє вставляти дані із YouTube, Facebook, Google, Twitter, Flickr, Blogspot, RSS-потоків та розташовувати їх у потрібній послідовності. Кожну подію можна описати докладно, немає обмежень тексту кількома реченнями. Безкоштовний аккаунт Dipity дає змогу створити три таймлайни по 150 подій в кожному. За $4.95 на місяць число робіт зростає до 10, а за $49.95 можна розробляти необмежену кількість таймлайнів. © Женченко Марина, 2015
- 52. Приклад таймлайну © Женченко Марина, 2015
- 53. © Женченко Марина, 2015 1. Створіть аккаунт Парольі Ім’я та прізвище Електронна пошта Натисніть кнопку для створення аккаунта Ім’я в Dipity
- 55. © Женченко Марина, 2015 2. Введіть параметри таймлайну Назва таймлайну Опис таймлайну Категорія Завантажте зображення Визначте режим доступу до таймлайну (публічний чи приватний) Натисніть для створення події
- 57. 3. Створіть події Назва подіїДата події Опис події Завантажте зображення (файл з комп’ютера чи посилання на фото з інтернету) Вставте посилання на відеоресурс Визначте місце події Додайте посилання на ресурс, де можна прочитати більше інформації про подію
- 58. 3. Скопіюйте код створеного таймлайну для вставки на сайт
- 61. Безкоштовний сервіс. Можливість змінювати макет, зовнішній вигляд таймлайну: обирати шаблони, теми. Можна вставляти посилання з інших сайтів на додатковий бекграунд події.
- 64. 3. Задайте параметри таймлайну
- 65. 4. Додайте нову подію або змініть шаблон, тему, тло таймлайну
- 66. 5. Оберіть параметри нової події
- 69. 1. Натисніть на кнопці «Start a timeline…» та оберіть тарифний план
- 71. 3. Створіть новий таймлайн
- 72. 4. Задайте параметри таймлайну
- 73. 5. Створіть нові події
- 76. 5. Натисніть кнопку «sharing» та скопіюйте код таймлайну
- 78. Tiki-Toki - багатофункціональна програма, яка дає змогу створювати яскраві й зручні таймлайни. Один період можна розбивати на паралельні сюжети, виділяти події кольором, додавати зображення і відео з YouTube чи Vimeo. У безкоштовній версії можна створювати лише один таймлайн; «бронзовий» аккаунт (до п’яти таймлайнів) коштуватиме $7,50 на місяць. Є шкільна пропозиція за $125 на рік — один «срібний» акаунт для вчителя (до 25 робіт) и 50 «бронзових» для студентів. Учні та викладачі можуть ділитися своїми таймлайнами або працювати разом над ними. © Женченко Марина, 2015
- 79. Програма Tiki-Toki підтримує 3D-режим, в якому таймлайн не прокручується зліва направо, а рухається вперед, як дорога. © Женченко Марина, 2015
- 80. ЗАГАЛЬНИЙ ВИГЛЯД ТАЙМЛАЙНУ © Женченко Марина, 2015
- 81. © Женченко Марина, 2015 Створений таймлайн можна роздрукувати як листівку
- 82. Натисніть для створення нового аккаунта © Женченко Марина, 2015
- 83. СТВОРЕННЯ АККАУНТА ПарольіІм’я Електронна пошта Натисніть для створення безкоштовного аккаунта © Женченко Марина, 2015
- 84. ВИЗНАЧЕННЯ ПАРАМЕТРІВ ТАЙМЛАЙНУ Назва таймлайну (події) Початкова та кінцева дата події Вибір кольору тла та текстів у таймлайні Коротка інформація про подію Вибір зображення замість тла таймлайну Вибір зображення для обкладинки (сторінки з інформацією про таймлайн) © Женченко Марина, 2015
- 85. СТОРІНКА З ІНФОРМАЦІЄЮ ПРО ТАЙМЛАЙН (ОБКЛАДИНКА ТАЙМЛАЙНУ) © Женченко Марина, 2015
- 86. СТВОРЕННЯ НОВОЇ ПОДІЇ © Женченко Марина, 2015
- 87. © Женченко Марина, 2015
- 88. ДОДАВАННЯ ДО ПОДІЇ ФОТО, АУДІО, ВІДЕОМАТЕРІАЛІВ © Женченко Марина, 2015
- 89. © Женченко Марина, 2015
- 90. СТВОРЕНА ПОДІЯ У ВІКНІ ПЕРЕГЛЯДУ © Женченко Марина, 2015
- 91. ЗАГАЛЬНИЙ ВИГЛЯД ТАЙМЛАЙНУ © Женченко Марина, 2015
- 92. © Женченко Марина, 2015 Створений таймлайн можна роздрукувати як листівку
- 93. ДЯКУЮ