Покрокові інструкції зі створення мультимедійних інтерактивних таймлайнів в різних програмах

ДИНАМІЧНА ВІЗУАЛІЗАЦІЯ.
СЕРВІСИ ДЛЯ СТВОРЕННЯ
ІНТЕРАКТИВНИХ ТАЙМЛАЙНІВ
ЖЕНЧЕНКО МАРИНА
Доктор наук із соціальних комунікацій,
доцент кафедри видавничої справи та редагування
Інституту журналістики КНУ імені Тараса Шевченка,
Віце-президент Асоціації українських редакторів
© Женченко Марина, 2015

Інтерактивний таймлайн (від англ.
Timeline – стрічка часу) — потужний
інструмент динамічної візуалізації,
що допомагає проілюструвати розвиток
певної події у часі та просторі, надає
користувачеві змогу вільно
пересуватися стрічкою часу,
переглядати мультимедійні файли у
довільному порядку.

Інформація, яку можна візуалізувати
за допомогою таймлайнів
Біографічна довідка
Хронологія подій
Історія заходів чи процесів

Приклади таймлайнів
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/ (аудіотаймлайн)

У таймлайни вбудовують:
Текст
Фото
Малюнки
Аудіофайли
Відеофайли
Гіперпосилання
Місце на карті

Фототаймлайни

Відеотаймлайни

Програмні засоби для створення
таймлайнів:
 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/)

TIMELINE.JS
HTTP://TIMELINE.KNIGHTLAB.COM/

 Простий, зручний і БЕЗКОШТОВНИЙ сервіс
для створення таймлайнів з УКРАЇНІЗОВАНОЮ
СТРІЧКОЮ ЧАСУ.
 Все, що потрібно зробити — заповнити інформацією
шаблон таблиці в https://docs.google.com.
 Крім дат та текстів програма дає змогу додавати
зображення, карти, аудіо, відео.
 Після створення можна отримати html-код
для вставки таймлайнів на сайт.

Після натиснення кнопки «Створити
таймлайн зараз» (Make a timeline
now), здійснюється перехід на
сторінку з англомовною покроковою
інструкцією по роботі з програмою.
Вибір порядку показу слайдів,
шрифтів текстових підписів.

На сайті програми можна
переглянути приклади використання
таймлайнів у західних медіа

Приклад таймлайну
http://www.lemonde.fr/election-presidentielle-
2012/visuel/2012/04/21/chronologie-une-si-longue-
campagnepresidentielle_1681661_1471069.html

Приклад:
 http://company.overdrive.com/company/who-we-
are/history/
Історія компанії Overdrive.

1. Перейдіть до вибору
шаблонів таблиць
у docs.google.com,
натиснувши кнопку

2. Створіть таблицю з даними
для таймлайну, обравши потрібний шаблон

3. Виконайте команду:
Файл – Опублікувати
в інтернеті

4. Скопіюйте посилання
та перейдіть на сторінку
з інструкцією програми
http://timeline.knightlab.
com/

5. Вставте скопійоване посилання
у віконце пункту 3 інструкції програми

6. Оберіть параметри
створюваного таймлайну

7. Перегляньте готовий таймлайн

8. Скопіюйте код
та вставте його на свій сайт

Навчальний сайт для роботи
із таймлайнами:
http://timeline.890m.com/
Логін: admin
Пароль: timeline creator 2015

На сайті програми можна переглянути приклади
використання таймлайнів у західних медіа

TIMETOAST
http://www.timetoast.com/plans

Сервіс має 3 цінових категорії:
 відкриту (безкоштовна, розрахована лише
на 1 користувача);
базову (5 користувачів за $5.99 на місяць);
професійну (35 користувачів за $8.99).

Базова та професійна версії,
на відміну від безкоштовної,
дають змогу створювати групи,
додавати оголошення, спілкуватися
та модерувати коментарі.

Швидка реєстрація через соціальні
мережі;
Таймлайни зберігаються на сайті
програми, можна переглянути
таймлайни, створені іншими
користувачами.
Недоліки: англомовна стрічка часу, не
можна завантажувати відео.

 Створені таймлайни можна зберегти на сайті сервісу

1. Натисніть на кнопці «Сreate your account»
та оберіть тарифний план

Ім’я
Електронна
пошта
Пароль
2. Створіть аккаунт

3. Активуйте свій аккаунт, перейшовши
за посиланням у листі, який надійде
на вказаний при реєстрації аккаунта е-mail

Назва
таймлайну
Статус
публікації
Категорія
Завантажити фото
для обкладинки
таймлайну
4. Введіть параметри таймлайну
Створити
таймлайн

5. Створіть першу подію
Назва
події
Опис
події
Оберіть
зображення
події
Натисніть
для
створення
події

6. Додайте необхідну кількість подій
Додайте
нові події

7. Визначте проміжок часу
для вашої події
Додайте
проміжок
часу

8. Змініть назву та обкладинку
таймлайну (за потреби)
Змініть назву
та обкладинку
таймлайну

9. Перегляньте створений таймлайн

10. Збережіть таймлайн у програмі

11. Відкрийте збережений таймлайн
та натисніть кнопку «Embed» (вбудувати)

11. Перейдіть на свій сайт та вставте
код у публікацію

DIPITY
http://www.dipity.com/

 Dipity дозволяє вставляти дані із YouTube,
Facebook, Google, Twitter, Flickr, Blogspot,
RSS-потоків та розташовувати їх у потрібній
послідовності.
 Кожну подію можна описати докладно, немає
обмежень тексту кількома реченнями.
 Безкоштовний аккаунт Dipity дає змогу створити
три таймлайни по 150 подій в кожному.
За $4.95 на місяць число робіт зростає до 10,
а за $49.95 можна розробляти необмежену
кількість таймлайнів.

Приклад таймлайну

1. Створіть аккаунт
Парольі
Ім’я
та
прізвище
пошта
Натисніть
кнопку
для
створення
аккаунта
Ім’я
в
Dipity

2. Введіть параметри таймлайну
Назва
таймлайну Опис
таймлайну
Категорія
Завантажте
Визначте
режим доступу
до таймлайну
(публічний
чи приватний)
Натисніть
для
створення
події

3. Створіть події
Назва
подіїДата
події
Опис
події
Завантажте
(файл
з комп’ютера
чи
посилання
на фото
з інтернету)
Вставте
посилання
на
відеоресурс
Визначте
місце події
Додайте посилання
на ресурс, де можна
прочитати більше
інформації про подію

3. Скопіюйте код створеного
таймлайну для вставки на сайт

ТАЙМЛАЙН СТВОРЕНО

WHENINTIME (HTTP://WHENINTIME.COM/)

Безкоштовний сервіс.
Можливість змінювати макет,
зовнішній вигляд таймлайну:
обирати шаблони, теми.
Можна вставляти посилання з інших
сайтів на додатковий бекграунд
події.

1. Cтворіть аккаунт

2. Натисніть кнопку

3. Задайте параметри таймлайну

4. Додайте нову подію або змініть шаблон, тему,
тло таймлайну

5. Оберіть параметри нової події

TIMEGLIDER
HTTP://TIMEGLIDER.COM

1. Натисніть на кнопці «Start a timeline…»
та оберіть тарифний план

2. Cтворіть аккаунт

3. Створіть новий таймлайн

4. Задайте параметри таймлайну

5. Створіть нові події

5. Натисніть кнопку «sharing» та скопіюйте код таймлайну

TIKI-TOKI
HTTP://WWW.TIKI-TOKI.COM/

 Tiki-Toki - багатофункціональна програма, яка дає змогу
створювати яскраві й зручні таймлайни.
 Один період можна розбивати на паралельні сюжети,
виділяти події кольором, додавати зображення і відео
з YouTube чи Vimeo.
 У безкоштовній версії можна створювати лише один таймлайн;
«бронзовий» аккаунт (до п’яти таймлайнів)
коштуватиме $7,50 на місяць.
 Є шкільна пропозиція за $125 на рік — один «срібний» акаунт
для вчителя (до 25 робіт) и 50 «бронзових» для студентів.
 Учні та викладачі можуть ділитися своїми таймлайнами
або працювати разом над ними.

Програма Tiki-Toki підтримує 3D-режим, в якому таймлайн не прокручується
зліва направо, а рухається вперед, як дорога.

ЗАГАЛЬНИЙ ВИГЛЯД ТАЙМЛАЙНУ

Створений таймлайн
можна роздрукувати
як листівку

Натисніть
для створення
нового
аккаунта

СТВОРЕННЯ АККАУНТА
ПарольіІм’я
пошта
Натисніть
для створення
безкоштовного
аккаунта

ВИЗНАЧЕННЯ ПАРАМЕТРІВ
ТАЙМЛАЙНУ
Назва
таймлайну
(події)
Початкова
та кінцева
дата події
Вибір
кольору тла
та текстів
у таймлайні
Коротка
інформація
про подію
Вибір
замість тла
таймлайну
Вибір
для
обкладинки
(сторінки
з інформацією
про таймлайн)

СТОРІНКА З ІНФОРМАЦІЄЮ ПРО ТАЙМЛАЙН
(ОБКЛАДИНКА ТАЙМЛАЙНУ)

СТВОРЕННЯ НОВОЇ ПОДІЇ

ДОДАВАННЯ ДО ПОДІЇ
ФОТО, АУДІО, ВІДЕОМАТЕРІАЛІВ

СТВОРЕНА ПОДІЯ У ВІКНІ ПЕРЕГЛЯДУ

Покрокові інструкції зі створення мультимедійних інтерактивних таймлайнів в різних програмах

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Покрокові інструкції зі створення мультимедійних інтерактивних таймлайнів в різних програмах