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

Please download to get full document.

View again

All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
 2
 
  Покорокові інструкції зі створення мультимедійних інтерактивних таймлайнів в різних програмах
Share
Transcript
  • 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
  • 8. Відеотаймлайни © Женченко Марина, 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
  • 11. TIMELINE.JS HTTP://TIMELINE.KNIGHTLAB.COM/ © Женченко Марина, 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. Створіть таблицю з даними для таймлайну, обравши потрібний шаблон
  • 19. 3. Виконайте команду: Файл – Опублікувати в інтернеті
  • 20. 4. Скопіюйте посилання та перейдіть на сторінку з інструкцією програми http://timeline.knightlab. com/
  • 21. 5. Вставте скопійоване посилання у віконце пункту 3 інструкції програми
  • 22. 6. Оберіть параметри створюваного таймлайну
  • 23. 7. Перегляньте готовий таймлайн
  • 24. 8. Скопіюйте код та вставте його на свій сайт
  • 25. Навчальний сайт для роботи із таймлайнами: http://timeline.890m.com/ Логін: admin Пароль: timeline creator 2015
  • 26. © Женченко Марина, 2015 Приклад таймлайну http://www.lemonde.fr/election-presidentielle- 2012/visuel/2012/04/21/chronologie-une-si-longue- campagnepresidentielle_1681661_1471069.html
  • 27. На сайті програми можна переглянути приклади використання таймлайнів у західних медіа
  • 28. TIMETOAST http://www.timetoast.com/plans © Женченко Марина, 2015
  • 29. Сервіс має 3 цінових категорії:  відкриту (безкоштовна, розрахована лише на 1 користувача); базову (5 користувачів за $5.99 на місяць); професійну (35 користувачів за $8.99).
  • 30. Базова та професійна версії, на відміну від безкоштовної, дають змогу створювати групи, додавати оголошення, спілкуватися та модерувати коментарі.
  • 31. Швидка реєстрація через соціальні мережі; Таймлайни зберігаються на сайті програми, можна переглянути таймлайни, створені іншими користувачами. Недоліки: англомовна стрічка часу, не можна завантажувати відео.
  • 32.  Створені таймлайни можна зберегти на сайті сервісу
  • 33. 1. Натисніть на кнопці «Сreate your account» та оберіть тарифний план
  • 34. Ім’я Електронна пошта Пароль © Женченко Марина, 2015 2. Створіть аккаунт
  • 35. 3. Активуйте свій аккаунт, перейшовши за посиланням у листі, який надійде на вказаний при реєстрації аккаунта е-mail
  • 36. © Женченко Марина, 2015 Назва таймлайну Статус публікації Категорія Завантажити фото для обкладинки таймлайну 4. Введіть параметри таймлайну Створити таймлайн
  • 37. © Женченко Марина, 2015 5. Створіть першу подію Назва події Опис події Оберіть зображення події Натисніть для створення події
  • 38. © Женченко Марина, 2015 6. Додайте необхідну кількість подій Додайте нові події
  • 39. © Женченко Марина, 2015 7. Визначте проміжок часу для вашої події Додайте проміжок часу
  • 40. Проміжок часу
  • 41. © Женченко Марина, 2015 8. Змініть назву та обкладинку таймлайну (за потреби) Змініть назву та обкладинку таймлайну
  • 42. 9. Перегляньте створений таймлайн
  • 43. 10. Збережіть таймлайн у програмі
  • 44. 11. Відкрийте збережений таймлайн та натисніть кнопку «Embed» (вбудувати)
  • 45. 11. Перейдіть на свій сайт та вставте код у публікацію
  • 46. DIPITY http://www.dipity.com/ © Женченко Марина, 2015
  • 47.  Dipity дозволяє вставляти дані із YouTube, Facebook, Google, Twitter, Flickr, Blogspot, RSS-потоків та розташовувати їх у потрібній послідовності.  Кожну подію можна описати докладно, немає обмежень тексту кількома реченнями.  Безкоштовний аккаунт Dipity дає змогу створити три таймлайни по 150 подій в кожному. За $4.95 на місяць число робіт зростає до 10, а за $49.95 можна розробляти необмежену кількість таймлайнів. © Женченко Марина, 2015
  • 48. Приклад таймлайну © Женченко Марина, 2015
  • 49. © Женченко Марина, 2015 1. Створіть аккаунт Парольі Ім’я та прізвище Електронна пошта Натисніть кнопку для створення аккаунта Ім’я в Dipity
  • 50. © Женченко Марина, 2015 2. Введіть параметри таймлайну Назва таймлайну Опис таймлайну Категорія Завантажте зображення Визначте режим доступу до таймлайну (публічний чи приватний) Натисніть для створення події
  • 51. 3. Створіть події Назва подіїДата події Опис події Завантажте зображення (файл з комп’ютера чи посилання на фото з інтернету) Вставте посилання на відеоресурс Визначте місце події Додайте посилання на ресурс, де можна прочитати більше інформації про подію
  • 52. 3. Скопіюйте код створеного таймлайну для вставки на сайт
  • 53. ТАЙМЛАЙН СТВОРЕНО
  • 54. WHENINTIME (HTTP://WHENINTIME.COM/)
  • 55. Безкоштовний сервіс. Можливість змінювати макет, зовнішній вигляд таймлайну: обирати шаблони, теми. Можна вставляти посилання з інших сайтів на додатковий бекграунд події.
  • 56. 1. Cтворіть аккаунт
  • 57. 2. Натисніть кнопку
  • 58. 3. Задайте параметри таймлайну
  • 59. 4. Додайте нову подію або змініть шаблон, тему, тло таймлайну
  • 60. 5. Оберіть параметри нової події
  • 61. TIMEGLIDER HTTP://TIMEGLIDER.COM
  • 62. 1. Натисніть на кнопці «Start a timeline…» та оберіть тарифний план
  • 63. 2. Cтворіть аккаунт
  • 64. 3. Створіть новий таймлайн
  • 65. 4. Задайте параметри таймлайну
  • 66. 5. Створіть нові події
  • 67. 5. Натисніть кнопку «sharing» та скопіюйте код таймлайну
  • 68. TIKI-TOKI HTTP://WWW.TIKI-TOKI.COM/ © Женченко Марина, 2015
  • 69.  Tiki-Toki - багатофункціональна програма, яка дає змогу створювати яскраві й зручні таймлайни.  Один період можна розбивати на паралельні сюжети, виділяти події кольором, додавати зображення і відео з YouTube чи Vimeo.  У безкоштовній версії можна створювати лише один таймлайн; «бронзовий» аккаунт (до п’яти таймлайнів) коштуватиме $7,50 на місяць.  Є шкільна пропозиція за $125 на рік — один «срібний» акаунт для вчителя (до 25 робіт) и 50 «бронзових» для студентів.  Учні та викладачі можуть ділитися своїми таймлайнами або працювати разом над ними. © Женченко Марина, 2015
  • 70. Програма Tiki-Toki підтримує 3D-режим, в якому таймлайн не прокручується зліва направо, а рухається вперед, як дорога. © Женченко Марина, 2015
  • 71. ЗАГАЛЬНИЙ ВИГЛЯД ТАЙМЛАЙНУ © Женченко Марина, 2015
  • 72. © Женченко Марина, 2015 Створений таймлайн можна роздрукувати як листівку
  • 73. Натисніть для створення нового аккаунта © Женченко Марина, 2015
  • 74. СТВОРЕННЯ АККАУНТА ПарольіІм’я Електронна пошта Натисніть для створення безкоштовного аккаунта © Женченко Марина, 2015
  • 75. ВИЗНАЧЕННЯ ПАРАМЕТРІВ ТАЙМЛАЙНУ Назва таймлайну (події) Початкова та кінцева дата події Вибір кольору тла та текстів у таймлайні Коротка інформація про подію Вибір зображення замість тла таймлайну Вибір зображення для обкладинки (сторінки з інформацією про таймлайн) © Женченко Марина, 2015
  • 76. СТОРІНКА З ІНФОРМАЦІЄЮ ПРО ТАЙМЛАЙН (ОБКЛАДИНКА ТАЙМЛАЙНУ) © Женченко Марина, 2015
  • 77. СТВОРЕННЯ НОВОЇ ПОДІЇ © Женченко Марина, 2015
  • 78. © Женченко Марина, 2015
  • 79. ДОДАВАННЯ ДО ПОДІЇ ФОТО, АУДІО, ВІДЕОМАТЕРІАЛІВ © Женченко Марина, 2015
  • 80. © Женченко Марина, 2015
  • 81. СТВОРЕНА ПОДІЯ У ВІКНІ ПЕРЕГЛЯДУ © Женченко Марина, 2015
  • 82. ЗАГАЛЬНИЙ ВИГЛЯД ТАЙМЛАЙНУ © Женченко Марина, 2015
  • 83. © Женченко Марина, 2015 Створений таймлайн можна роздрукувати як листівку
  • 84. ДЯКУЮ
  • Related Search
    Similar documents
    View more
    We Need Your Support
    Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

    Thanks to everyone for your continued support.

    No, Thanks
    SAVE OUR EARTH

    We need your sign to support Project to invent "SMART AND CONTROLLABLE REFLECTIVE BALLOONS" to cover the Sun and Save Our Earth.

    More details...

    Sign Now!

    We are very appreciated for your Prompt Action!

    x