• Главная
  • Карта сайта
Не найдено

Огляд сервісів для створення красивих Таймлайн: особливості та принципи роботи - EduNeo

  1. Таймлайн в освіті може бути корисний в наступних випадках:
  2. особливості:
  3. недоліки:
  4. Як користуватися?
  5. особливості:
  6. недоліки:
  7. Як працювати?
  8. особливості:
  9. недоліки:
  10. Як працювати?
  11. особливості:
  12. недоліки:
  13. Як працювати?
  14. особливості:
  15. недоліки:
  16. Як працювати?

канд. пед. наук, доцент кафедри неперервної професійної освіти КДУ. Автор масових онлайн відкритих курсів (ІКТ в освітньому процесі).

Експерт: в області інформаційних технологій і навчального відео

Таймлайн - інструмент для створення навчального матеріалу в хронологічній послідовності.

Таймлайн можна перетворити на захоплюючу історію, яка урізноманітнює ваш урок. А використання подібних сервісів в якості проектної роботи сприяє розвитку в учнів пізнавального інтересу, критичного мислення, вміння аналізувати, класифікувати навчальний матеріал і т.д.

Таймлайн в освіті може бути корисний в наступних випадках:

1. Навчальний матеріал є історією того чи іншого явища, факту, події.
2. Необхідно продемонструвати технологію процесу.
3. Потрібно проілюструвати зв'язок між тими чи іншими елементами навчального матеріалу.
4. Визуализировать подачу навчального матеріалу.
5. Організувати проектну роботу навчаються.

Таймлайн можуть бути вбудовані як в конструктори електронних підручників (наприклад, iSpring Kinetics (Visuals) «Тимчасова шкала»), а можуть являти собою самостійні онлайн-сервіси (сайти). Розглянемо ряд подібних безкоштовних сайтів для створення таймлайна.

Timeline JS -універсальний сервіс, що підходить для вирішення безлічі навчальних завдань.

Timeline JS   -універсальний сервіс, що підходить для вирішення безлічі навчальних завдань

Приклад таймлайна в Timeline JS

особливості:

1. Заснований на роботі з документами Google Drive; іншими словами, вам необхідно мати акаунт Google для створення таймлайна.
2. Підсумкова хроніка велика за розміром і має сучасний дизайн.
3. Сервіс підтримує велику кількість медіа форматів.
4. Може використовуватися для спільної роботи.
5. Повністю безкоштовний.

недоліки:

1. Немає підтримки російської мови.
2. Ні візуального редактора.

Як користуватися?

Після переходу на сайт необхідно натиснути на кнопку Make a Timeline, далі - Get Spreadsheet Template і завантажити електронну таблицю з прикладом. Назви існуючих стовпців видаляти або перейменовувати не можна, вам потрібно тільки підставити свої дані.

Назви існуючих стовпців видаляти або перейменовувати не можна, вам потрібно тільки підставити свої дані

Малюнок 1.

Коротко опишемо існуючі стовпці в таблиці. Почнемо з одного з останніх стовпців Type (тип). Якщо ми виберемо значення Title (заголовок), то нам не потрібно строго прописувати час початку і закінчення події. Тоді як Era (ера) строго вимагає заповнення перших восьми стовпців. Іншими словами, від Типу (Type) буде залежати вид і призначення таймлайна. Значення «Title» або «Era» вибирається один раз для всього проекту.

Малюнок 2.

В поле Media можна вставити посилання на зображення Flickr, Google Drive або просто з інтернету, відео Youtube, Vimeo, аудіо SoundCloud і ін., Точку на карті Google або запис в Twitter.

Малюнок 3.

Останній стовпець - Background - фоновий колір в шестизначних форматі. Нам не обов'язково знати це формат для кожного кольору або відтінку. Досить набрати в браузері пошуковий запит «Таблиця кольорів» і відкрити перший же джерело з позначенням коду будь-якого кольору.

Малюнок 4.

Після закінчення роботи над Таймлайн необхідно вибрати команду «Файл» - «Опублікувати в інтернеті» в таблиці Google. Скопіюємо з'явилася посилання і повернемося на сайт Timeline JS . Виберемо пункт 3 - «Copy / paste spreadsheet URL into the box below to generate your timeline. (Make sure you've published the spreadsheet.) »- тобто вставимо посилання на таймлайн в дану область.

Малюнок 5.

Нижче з'явитися посилання для публікації - гіперпосилання і код для впровадження через inframe. Посилання або код можна вставити на ваш сайт чи в систему дистанційного навчання.

[Su_youtube url = "https://youtu.be/Ej3gEB9ZNjE"] https://youtu.be/P7EgqakdzNA [/ su_youtube]

Sutori - інтерактивний таймлайн, створені спеціально для освіти.

Дизайн таймлайна в Sutori

особливості:

1. Крім тексту і зображення доступні інтерактивні елементи: тести (2-х видів), форум.
2. Можна вставляти великий обсяг тексту (більше 1 стор.).
3. Події можна об'єднувати в невеликі групи.
4. Підтримує спільні проекти.
5. Є безкоштовний тариф.

недоліки:

1. Немає підтримки російської мови.
2. У безкоштовному тарифі можна створити тільки 2 групи.
3. Педагог не бачить результатів тесту.

Як працювати?

Після реєстрації і авторизації вам запропонують створити групу або історію (create a story), тобто таймлайн. Історія може мати свій банер - картинка у верхній частині сторінки розміром тисяча п'ятсот тридцять шість х 400 пікселів. Щоб додати банер натисніть на кнопку «Add banner» і перетягніть зображення в відповідне поле зі свого комп'ютера або вставте посилання на зображення з Інтернету.

Щоб додати банер натисніть на кнопку «Add banner» і перетягніть зображення в відповідне поле зі свого комп'ютера або вставте посилання на зображення з Інтернету

Малюнок 6.

Далі вкажемо заголовок таймлайна (Insert a title) і короткий опис (white a short description ...). Для додавання елементів таймлайна натисніть на кнопку з великим плюсом. Нам буде доступні наступні елементи:

Малюнок 7.

Відео та аудіо, як і зображення, можна або завантажити з комп'ютера, або вставити посилання на відповідний об'єкт в Інтернеті.

Heading (дослівно - «заголовок») в даному випадки дозволять об'єднувати навчальні елементи по будь-якою ознакою.

Наприклад, таймлайн «Найбільші битви Великої вітчизняної війни» може містити в собі два Heading:
1. «Битви першої половини війни» з такими елементами, як «Битва за Москву», «Битва за Севастополь» «Блокада Ленінграда» і т.д .;
2. «Битви другої половини війни» з такими елементами, як «Сталінград», «Курська дуга», «Звільнення Варшави» і т.д.

Як ми писали вище, на форумі в даному таймлайне можна користуватися тільки в рамках створеної на Suotri групи, що не дуже зручно. А от створити тест можна для всіх. Нам є два види тестових завдань. Перший з них - завдання з вибором однієї правильної відповіді (Multiple choice).

Перший з них - завдання з вибором однієї правильної відповіді (Multiple choice)

Малюнок 8.

Другий - завдання на встановлення правильної відповідності (Matching quiz).

Малюнок 9.

Тести використовуються для самотестування - педагоги не можуть бачити результати тестування учнів.

Зберігається таймлайн Suotri автоматично. Щоб вставити куди-небудь отримане творіння потрібно натиснути на кнопку «Share» (поділитися), далі - «Make a public» (відкрити публічний доступ), а потім вибираємо або варіант з гіперпосиланням, або варіант зі вставкою коду (Embed code). Дані кнопки знаходяться у верхній частині сторінки під банером.

[Su_youtube url = "https://youtu.be/P7EgqakdzNA"] https://youtu.be/P7EgqakdzNA [/ su_youtube]

Timetoast - класичний таймлайн з можливістю вибору платного чи безкоштовного аккаунта.

Timetoast   - класичний таймлайн з можливістю вибору платного чи безкоштовного аккаунта

Дизайн таймлайна в Timetoast

особливості:

1. Є безкоштовний тариф.
2. Події можна об'єднувати тимчасовим періодом.
3. Є два види подання хроніки.

недоліки:

1. Немає підтримки російської мови.
2. У безкоштовному тарифі немає можливості отримати код для вставки.
3. У безкоштовному тарифі присутня реклама.

Як працювати?

Після реєстрації і авторизації на даному сайті натисніть на кнопку «Add timeline +» для додавання своєї хроніки. На наступній сторінці запишемо назву (Title), в статусі (Publish status) вкажемо значення «Public» - публічний доступ (Draft - чернетка - на безкоштовному акаунті не доступний), виберемо категорію (Category) і завантажимо фото (Photo), натиснувши на кнопку завантажити (Upload). У висновку натиснемо Створити таймлайн (Create timeline).

Логіка роботи в даній хроніці вимагає спочатку створити часовий період (timespan), всередині якого будуть перебувати кілька подій (event). Наприклад, «Династія Рюриковичів» - часовий період, «Рюрик», «Ігор», «Святослав» - події.

Для створення тимчасового періоду натиснемо на кнопку add timespan. Запишемо заголовок (title), опис (description) і вкажемо дату початку і дату закінчення події (Start data, End data). У висновку натискаємо на кнопку «Створити часовий період» (Create timespan). Поле «Опис» обмежена 500 символами, що дозволить додати відносно великий обсяг інформації.

Поле «Опис» обмежена 500 символами, що дозволить додати відносно великий обсяг інформації

Малюнок 10.

Як додати подію натискаємо на відповідній кнопці (Add event) і заповнюємо зазначені поля: заголовок (title), опис (description), дата (data), завантажуємо зображення (photo - upload). У висновку натискаємо на кнопку «Створити подію» (Create event).

Малюнок 11.

Після створення таймлайна натисніть на кнопку More - View this timeline для перегляду своєї хроніки.

Малюнок 12.

У режимі перегляду нам є два варіанти - класичний горизонтальний (timeline) і вертикальний (list). Щоб отримати посилання на дану хроніку натисніть на кнопку внизу сторінки створеного проекту і скопіюйте отриману гіперпосилання.

Малюнок 13.

Детальніше в відеокасти:

[Su_youtube url = "https://youtu.be/b7f0zZcFo1c"] https://youtu.be/P7EgqakdzNA [/ su_youtube]

Tline - таймлайн у вигляді барвистою стрічки.

Барвисті лінії від Tline

особливості:

1. Хроніка представляє собою віджет в дусі Освіти 2.0.
2. Заснований на публікації гіперпосилань будь-якого змісту.
3. безкоштовний.
4. Є можливість вставки опитування.
5. Сервіс зручний для створення колекцій посилань на навчальні матеріали у вигляді ефектного блоку, публікації вебінарів, найближчих заходів і т.д.

недоліки:

1. Немає підтримки російської мови.
2. Це скоріше збори посилань, ніжили повноцінний таймлайн.
3. Розміри публікуються подій відносно невеликі.

Як працювати?

Після реєстрації / авторизації натиснемо на кнопу Creat a Timelime для створення свого таймлайна і послідовно заповнюємо поля.

Після реєстрації / авторизації натиснемо на кнопу Creat a Timelime для створення свого таймлайна і послідовно заповнюємо поля

Малюнок 14.

Логотип і зображення можна або завантажити з комп'ютера, або скопіювати Інтернет-посилання. Нижче розташований ще ряд полів:

  • Show Scrolling Buttons - показувати кнопки для прокрутки
  • Reverse Sort Date - зворотна сортування подій
  • Hide Articles 'Date - приховувати дати в записах
  • Hide Articles 'Time - приховувати час в записах
  • Credit - автор
  • Main Color - колір фону

Подія можна уявити або у вигляді посилання, або завантажити зображення зі свого комп'ютера.

Подія можна уявити або у вигляді посилання, або завантажити зображення зі свого комп'ютера

Малюнок 15.

Якщо ми виберемо перший варіант, то нам доведеться заповнити ще ряд полів і завантажити (з Інтернету або з комп'ютера) зображення.

Малюнок 16.

Якщо ми виберемо варіант «Завантажити зображення з комп'ютера» в попереднім кроці, то нам також потрібно буде доповнити подія поруч інформацією:

Малюнок 17.

Як Click URL (посилання, на яку користувач перейде) можна використовувати:

  • презентацію уроку
  • Додаткові матеріали до уроку
  • Посилання на онлайн тестування
  • Посилання на навчальний курс і т.д.

Справа буде демонструватися попередній перегляд. У висновку зберігаємо таймлайн, публікуємо його і отримуємо посилання або код для впровадження.

У висновку зберігаємо таймлайн, публікуємо його і отримуємо посилання або код для впровадження

Малюнок 18.

Відеоподкаст по темі:

[Su_youtube url = "https://youtu.be/b0CVEiqwaQQ"] https://youtu.be/b0CVEiqwaQQ [/ su_youtube]

На останок ми залишили найсолодше - myhistro , Чи не єдиний таймлайн російською мовою.

Таймлайн від myHistro

особливості:

1. Є підтримка російської мови.
2. Створювані події повинні мати прив'язку до географічного місця.
3. Є можливість спільної роботи.
4. Можна додавати тести.
5. Є можливість експорту в різні формати.

недоліки:

1. Прив'язка до геолокації накладає обмеження на створювані події.
2. Щодо маленькі розміри медіа файлів.
3. Тести засновані на знанні дат, а не навчального змісту.

Як працювати?

Після реєстрації і авторизації в myhistro нам потрібно перейти на вкладку «Події» і натиснути на кнопку «Створити моє перша подія».

Після реєстрації і авторизації в myhistro нам потрібно перейти на вкладку «Події» і натиснути на кнопку «Створити моє перша подія»

Малюнок 19.

На вкладці нам необхідно записати назву події, його опис, додати тривалість, фото і прив'язати подія до карти, тобто вказати географію події. У додаткових налаштуваннях ми можемо:

  • Додати авторів, тобто зробити проект спільним;
  • Дозволити / заборонити залишати коментарі до подій;
  • Вставити відео;
  • Вибрати іконки.

На завершення натискаємо кнопку «Виконано».

На завершення натискаємо кнопку «Виконано»

Малюнок 20.

За допомогою таких нехитрих дій ми створюємо достатню кількість подій для нашої хроніки.

Далі переходимо на вкладку «Історія» - «Додати історію». За допомогою історії ми об'єднуємо створені події в одну презентацію. У вікні створення історії запишемо її заголовок, опис і додамо зображення. У наступному вікні просто перетягуємо відповідні події з лівого стовпця (події) в правий (події в цій історія) і зберігаємо проект.

У вікні проекту ми можемо переходити до тієї чи іншої події за допомогою кліка миші або запустити слайд-шоу (інтервал зміни подій - 5 секунд). Праворуч розташований блок експорту в CSV (електронна таблиця, містить тільки текст), в формат KML (формат для завантаження в Google Maps), PDF або DVD. У цьому ж блоці є кнопка «Додати тест». В даному випадки при створенні тесту видаляється та чи інша дата і навчається необхідно цю дату відтворити.

Ще нижче розташований «Код для блогу», за допомогою якого можна скопіювати код і вставити його на свій сайт або в систему електронного навчання. За допомогою кнопки "Змінити властивості вікна» ми можемо поміняти ширину і висоту для коду.

[Su_youtube url = "https://youtu.be/hwAGg22eUPc"] https://youtu.be/b0CVEiqwaQQ [/ su_youtube]

У висновку представимо невелику таблицю з порівнянням описаних Таймлайн:

У висновку представимо невелику таблицю з порівнянням описаних Таймлайн:

Малюнок 21. Порівняльна таблиця

Інші статті автора

Статті по темі

Як користуватися?
Як працювати?
Як працювати?
Як працювати?
Як працювати?
Провайдеры:
  • 08.09.2015

    Batyevka.NET предоставляет услуги доступа к сети Интернет на территории Соломенского района г. Киева.Наша миссия —... 
    Читать полностью

  • 08.09.2015
    IPNET

    Компания IPNET — это крупнейший оператор и технологический лидер на рынке телекоммуникаций Киева. Мы предоставляем... 
    Читать полностью

  • 08.09.2015
    Boryspil.Net

    Интернет-провайдер «Boryspil.net» начал свою работу в 2008 году и на данный момент является одним из крупнейших поставщиков... 
    Читать полностью

  • 08.09.2015
    4OKNET

    Наша компания работает в сфере телекоммуникационных услуг, а именно — предоставлении доступа в сеть интернет.Уже... 
    Читать полностью

  • 08.09.2015
    Телегруп

    ДП «Телегруп-Украина» – IT-компания с 15-летним опытом работы на рынке телекоммуникационных услуг, а также официальный... 
    Читать полностью

  • 08.09.2015
    Софтлинк

    Высокая скоростьМы являемся участником Украинского центра обмена трафиком (UA — IX) с включением 10 Гбит / сек... 
    Читать полностью