Лабораторна робота
Тема: Створення стрічки часу (подій) завдяки веб-сервісу Preceden
Завдання: розробити стрічку подій "Історії появи ...ЕОМ, хмарних технологій, Microsoft Office WORD...
Хід роботи:
це спосіб візуалізувати навчальний матеріал. Найчастіше використовується, коли маємо справу з історією або хронологією якоїсь події. Дуже зручно використовувати для хронології як в навчальній діяльності, так і в позакласній роботі;
це відмінний спосіб поринути в минуле, або навіть майбутнє, простежити життєвий і творчий шлях поета чи письменника, спланувати свою роботу над проектом.
Вартість: безкоштовна версія – одна часова шкала з 10 подіями, платна версія – від 29$ на рік.
Мова: інтуїтивно зрозуміла англійська.
Preceden – один із найпростіших у користуванні сервісів, адже має лише кілька головних кнопок. Створити таймлайн, окреслити подію та її часовий проміжок, обрати легенду (legend)... Останнє означає колір подій, показаних на стрічці. Незамінна функція під час створення великого таймлайну, де потрібно виділити одним кольором схожі події! Наприклад, роки народження великих винахідників на уроках географії.
Який функціонал додатку?
Створення часових графіків за допомогою тексту.
Інструмент дозволяє візуалізувати не тільки короткі, але і тривалі події.
Можна ввести свої власні кроки часу, наприклад, день, тиждень, місяць, рік, декада тощо.
Результатом можна поділитися за допомогою прямого посилання, embed-коду, а також зберегти у вигляді таблиці, зображення або PDF-файлу.
Багато чого відбувається з часом. Слідкуйте за подіями, що відбуваються від години до години. Відобразіть їх список і подивіться, як проходить час, створивши онлайнову хронологію.
Повертайтеся в минуле за допомогою конструктора хронології Canva. Наш інтуїтивно зрозумілий редактор дизайнів дає змогу орієнтуватись у ключових моментах вашої історії, важливих покрокових процедурах і навіть у дрібницях вашого повсякденного життя. Швидко зафіксуйте ці важливі етапи свого часу за допомогою наших готових шаблонів і багатої медіатеки. Візьміть будь-кого у вашу подорож часом, поділившись інфографікою своєї хронології в цифровому чи друкованому форматі.
Почніть створювати дизайн
Відкрийте Canva і введіть текст «Інфографіка хронології» на панелі пошуку. Ви можете редагувати як у своєму обліковому записі, так і не входячи в систему.
Візуалізуйте час
Створіть власну хронологію з нуля або перегляньте готові шаблони. Уявіть, якою ви хочете бачити свою інфографіку, і виберіть із-поміж наших унікальних дизайнерських ідей з огляду на тип, колір і стиль, які вам потрібні.
Відкрийте для себе нові можливості
Існує мільйон способів визначити час. Перегляньте нашу велику медіатеку й виберіть графічні елементи для своєї хронології. Використовуйте наші безкоштовні та преміальні іконки, ілюстрації, фігури, зображення та відео, щоб оживити дизайн.
Складіть і персоналізуйте часову шкалу
Наша інтуїтивно зрозуміла панель дизайну дає змогу відредагувати будь-який макет хронології за кілька кліків. Легко перетягуйте елементи, щоб візуально доповнити певні події, етапи чи процеси. Додайте текст і стилізуйте його за допомогою стильних шрифтів і кольорів.
Завантажуйте та діліться
Додайте останні штрихи до своєї хронології. Завантажте її у форматі JPEG, PNG або PDF високої якості. Ви також можете поділитися нею в соцмережах, надіслати електронною поштою колегам або вставити у свій блог чи сайт.
Упорядкуйте всі події, що сталися за певний період. Розташуйте їх по порядку з першої до останньої. Потім визначте масштаб своєї хронології та відокремте кожний сегмент вашої історії чи проєкту.
Створіть графічну хронологію за допомогою бібліотеки ліній і фігур Canva. Розмістіть маленькі кола вздовж смуги, щоб нанести конкретні моменти, і за допомогою стрілок укажіть важливі деталі. Зробіть свою подорож у часі текстами для опису події. Ви можете додати неповторності своїй хронології, використовуючи яскраві шрифти та кольори з нашої колекції.
Додайте змістовний контекст до кожного пункту на часовій шкалі. Потім проілюструйте подію чи завдання візуальними підказками, які допоможуть вашим учням зрозуміти урок історії або вкажуть вашим колегам на певний процес. Внесіть ясність для своїх читачів і спробуйте надати візуально привабливу інфографіку.
Створіть візуальну хронологію, використовуючи нашу медіатеку. Додайте зображення, що ілюструють певний сценарій. Ви можете знайти відповідні стокові зображення або додати власні фотографії події. Хочете дати стислий звіт за допомогою цифр? Наші діаграми дають змогу візуалізувати прогрес і зростання за певні періоди. Скористайтеся також значками та ілюстраціями, щоб позначити різні етапи на вашій часовій шкалі.
Дні можуть тривати довго, але цього не можна сказати про створення часової шкали. Наш зручний конструктор хронології дає змогу розробити дизайн за лічені хвилини. Він інтуїтивно зрозумілий і простий у використанні як для початківців, так і для досвідчених дизайнерів. Ви можете редагувати в ньому як завгодно і співпрацювати з партнерами, використовуючи наші інструменти перетягування.
Опублікуйте інфографіку вашої хронології, щоб представити її світу. Збережіть і завантажте власний дизайн як файл високої роздільної здатності. Ви можете поділитися ним у соцмережах, вставити його у свій блог чи сайт або роздрукувати як навчальний матеріал для своїх студентів або як візуалізацію процесу для бізнесу чи роботи.
3. Сервіс Free-timeline дозволяє:
створювати, зберігати та обмінюватися абсолютно безкоштовно стрічками часу.
складати шкали без реєстрація.
простота роботи (перетягування елементів в інтерфейсі).
працювати з мобільних і планшетних ПК.
вбудовувати у свій веб-сайт або блог.
імпортувати файли CSV.
Інструкція створення стрічки подій в Free-timeline:
Щоб додати подію за часом, просто двічі натисніть / торкніться будь-де на полотні.
Перенести подію у середину події та перетягнути його в бік.
Щоб змінити довжину події, перетягніть початок або кінець події.
Щоб вручну встановити певні дати початку / закінчення, натисніть / торкніться події, введіть бажані дати початку / закінчення та натисніть Оновити.
Щоб зберегти різноманітні дати, скористайтеся форматами: РРРР, YYYY-MM-DD, або YYYY-MM-DD HH: SS. Для до н.е. дати, додайте "-00" до чотиризначного року (наприклад, 100 Б.К. стає "-000100").
Щоб позначити подію, натисніть / торкніться події, введіть текст мітки та натисніть Оновити.
Щоб додати посилання або зображення, торкніться кнопки редагування поруч із введенням мітки та використтайте текстовий редактор, який відкриється. Щоб використовувати посилання та зображення, не забудьте вказати повну URL-адресу.
Щоб змінити розмір зображення у редакторі, просто торкніться зображення та перетягуйте його вниз-вправо, щоб збільшити його, або торкніться і перетягніть стрілку вліво, щоб зменшити зображення.
Щоб збільшити або зменшити масштаб, скористайтеся жестом на сенсорних пристроях для мобільних пристроїв або планшетів або кнопкою меню збільшування.
Щоб тимчасово зберегти часову шкалу, ви можете залишити сторінку та повернутися протягом тижня з того самого пристрою, і ваша робота буде тут. Так!
Щоб назавжди зберегти шкалу часу, натисніть Зберегти та створіть обліковий запис за допомогою електронного листа та пароля. Ви можете отримати доступ до нього з будь-якого пристрою, зокрема мобільного пристрою (iPhone, iPad, Android тощо).
Основні заходи щодо створення тимчасової стрічки:
Щоб додати в хронологію подію, просто двічі клацніть / натисніть у будь-якому місці на холсті.
Готову подію можно легко перетягувати по холсту.
Щоб вручну вказати конкретні заходи Дата початку / закінчення дати, необхідно натиснути на події та ввести бажаний початок / кінець дня. Натисніть оновити.
Для введення різних дат необхідно використовувати формат: ГГГГ, ГГГГ-мм-ДД або ГГГГ-мм-ДД ЧЧ: СС. Для до н. е дати, добавлять "-00" до чотирьох цифр року (наприклад, 100 р. до н.е. ставиться "-000100").
Для додавання посилання, тексту або зображення, торкніться кнопки "змінити" та скористайтеся текстовим редактором.
Для зміни розміру зображення у візуальному редакторі просто натисніть на зображення і перемістіть його вниз і вправо, щоб збільшити його, або натисніть і перемістіть, вгору наліво, щоб зменшити зображення.
Готову стрічку зберегти. Її можна розмістити в мережі та отримати код для вбудовування її на сайтах або блогах.
Ідеї по використанню сервісу в освіті
Для наповнення портфоліо
Створення наочного ряду дій, проекту, реконструкції подій, історичну стрічку та ін.
Спільне редагування (реконструкція) навчального завдання
Проведення досліджень
Ілюстрований опис "Як і де я провів літо" та ін.
4. TimelineJS уже проста в користуванні, абсолютно безкоштовна, це інструмент із відкритим вихідним кодом, який дозволяє будь-кому створювати візуально багаті інтерактивні часові шкали. Цікава тим, що є єдиним програмним засобом, який дозволяє створювати україномовні тайм-лайни. В ній можна змінювати шрифти підписів до матеріалів, обирати порядок показу слайдів. Також має покрокову англомовну інструкцію для користувачів-новачків. Однією з особливостей ресурсу є те, що файли для створення матеріалу потрібно спершу завантажити в мережу, а вже потім розміщувати їх на стрічці часу. Також на сайті програми можна переглянути приклади використання тайм-лайнів в західних медіях. Зберігається в GoogleDocs. Експерти можуть використовувати свої навички JSON для створення власних установок, зберігаючи при цьому основні функції TimelineJS.
TimelineJS може завантажувати медіа з різних джерел. Twitter, Flickr, YouTube, Vimeo, Vine, Dailymotion, Google Maps, Wikipedia, SoundCloud, Document Cloud тощо!
TimelineJS працює на будь-якому сайті чи блозі. Зробіть свій власний за чотири прості кроки.
Виникли проблеми? Перегляньте наше відео або перегляньте розділ довідки нижче .
Створіть свою електронну таблицю
Створіть нову таблицю Google за допомогою нашого шаблону. Вам потрібно буде скопіювати шаблон у свій обліковий запис Google Drive, натиснувши кнопку «Зробити копію».
Перемістіть дати, текст і посилання на медіа у відповідні стовпці. Щоб дізнатися більше про роботу з нашим шаблоном, перегляньте розділ Створення шкали часу з електронної таблиці Google
Отримайте шаблон електронної таблиці
Не змінюйте заголовки стовпців, не видаляйте стовпці та не залишайте порожніх рядків у своїй електронній таблиці.
Опублікувати в Інтернеті
У меню « Файл » у підменю «Спільний доступ» виберіть «Опублікувати в Інтернеті».
Не встановлюйте для таблиці Google Timeline значення «будь-хто, хто має посилання, може редагувати». Це не є необхідним і може призвести до того, що хтось змінить ваш графік без вашої згоди.
У наступному вікні натисніть зелену кнопку «Опублікувати». На запитання: "Ви впевнені...?" натисніть OK. Ігноруйте URL-адресу, яка відображається в центрі вікна. Просто закрийте вікно, натиснувши X у верхньому правому куті.
Закривши вікно, скопіюйте URL-адресу в адресний рядок браузера. Ви використаєте це на наступному кроці.
Якщо ви отримуєте повідомлення про помилку з посиланням на «Недійсну URL-адресу Google», перегляньте наведені вище інструкції. Ви повинні використовувати URL-адресу Google Таблиць з адресного рядка веб-переглядача, а не URL-адресу зі спливаючого вікна «Опублікувати в Інтернеті».
Створіть свою шкалу часу
Скопіюйте/вставте URL-адресу електронної таблиці в поле нижче, щоб створити часову шкалу. (Переконайтеся, що ви опублікували електронну таблицю.)
URL-адреса таблиці Google
Ширина
Висота
Додаткові налаштування (показати)
Встановіть мову, шрифти, початковий слайд тощо.
Поділіться своєю хронологією
Розповсюдити посилання
Використовуйте це для прямого посилання на вашу часову шкалу.
Якщо ви вставляєте на Medium.com або в інші сервіси, які підтримують oembed, просто вставте це посилання в окремий рядок, де має відображатися ваша шкала часу.
Вставити
Скопіюйте цей код для вбудовування та вставте його на свій сайт у те місце, де має відображатися хронологія (як відео YouTube).
Попередній перегляд Відкрити попередній перегляд у новому вікні
5. Time.Graphics – безкоштовний онлайн-сервіс, який призначений для створення інтерактивних часових стрічок із додаванням фото, аудіо та відеоматеріалів.
Проект було розроблено у 2017 році російським програмістом Євгеном Мустафіним.
швидкість: новий інтерактивний часовий графік «з нуля» можна створити у 4-5 кроків;
багатофункціональність: значний діапазон налаштувань фону, кольорів, форматів доданих матеріалів, розміщення та відображення інформаційних блоків.
простота: сервіс має інтуїтивно зрозумілий інтерфейс;
зрозумілість: налаштувати інтерфейс можна однією з 7 запропонованих мов;
інтеграція з іншими ресурсами: для створення часової стрічки можна імпортувати дані з Google Maps, YouTube, Google Таблиці тощо;
експорт готового проекту: створену часову стрічку можна експортувати в найбільш популярні соціальні мережі, вбудовувати у власний сайт або скачувати файл в одному з 11 доступних форматах, з яких 6 – безкоштовні, 5 – платні;
інформативність: окрім власного проекту, на сайті можна у вільному доступі переглядати популярні часоплини, які були створені іншими користувачами, також тут міститься графічне відображення статистичних даних по окремих країнах, в тому числі в Україні.
Time.Graphics – достатньо зручний у користуванні інструмент. Завдяки простому інтерфейсу та зручному вікну редагування, створити власний таймлайн можна у кілька кроків.
1. Реєстрація на сайті Time.Graphics. Це можна зробити через мейл, Facebook чи Google+. Потім на головній сторінці потрібно натиснути кнопку «створити». Перед вами з'явиться вікно редактора.
2. Базові налаштування вашого проекту. Можна обрати фон (темний, світлий чи певне зображення) та налаштувати доступ (проект може мати публічним чи приватним або відкриватися лише за відповідним посиланням).
Відеоінструкція щодо використання Time.Graphics
3. Внесення даних. Для початку виберіть рік, з якого хочете почати. Натисніть на нього і виберіть дію: позначити подію, період часу, відобразити статистику тощо (графік можна масштабувати від годин до мільярдів років).
До кожного нанесеного значення можна обрати дизайн, колір тексту і положення на стрічці. Також на часовий графік можна додавати фото, відео, будь-яке зображення та аудіо.
Сервіс ресурсу надає можливість одночасного редагування хроніки кількома користувачами. Це особливо важливо, якщо ви оберете створення стрічки часу в якості проектної роботи для окремих груп учнів класу.
4. Збереження таймлайну. Після завершення роботи над проектом натисніть кнопку «зберегти». Після цього оберіть область з графіку, яка буде головним зображенням.
Після збереження стрічки часу нею можна ділитися у популярних соціальних мережах чи зберігати в одному з 11 доступних форматів.
5. Редагування. Дуже зручно, що готовий проект можна у будь-який момент редагувати, додаючи чи видаляючи певні дані.
Відеоінструкція Додаткові можливості Time.Graphics
Щоб готовий проект виглядав наочніше, рекомендуємо використовувати різні формати відображення інформації, а також комбінувати текстові блоки з фото і відео матеріалами. На наш погляд, достатньо зручним для запам'ятовування є такий формат проектів, в яких використовуються різні форми представлення інформації.
Запропонуйте школярам створити власний часоплин. Це можуть бути біографічні довідки, хронологія подій, історія певних заходів чи процесів – будь- що!
Залучаючи сучасні інформаційні технології та маючи змогу максимально проявити свої творчі здібності, ваші учні з легкістю опанують навчальний матеріал. Адже процес навчання буде відбуватися у невимушеному, захопливому форматі!