Використання технології інфографіки для візуалізації навчального контенту Текст научной статьи по специальности «Экономика и бизнес»

Scientific journal PHYSICAL AND MATHEMATICAL EDUCATION

Has been issued since 2013.

Науковий журнал Ф1ЗИКО-МАТЕМАТИЧНА ОСВ1ТА

Видасться з 2013.

http://fmo-journal.fizmatsspu.sumy.ua/

Логв'шенко В.Г. Використання технологи'iнфографiки для в'1зуал'1зацИнавчального контенту. Ф'!зико-математична oceima. 2018. Випуск 2(16). С. 79-85.

Logvinenko V. Use Of Technology Of Infographies For Visualization Of Learning Content. Physical and Mathematical Education. 2018. Issue 2(16). Р. 79-85.

УДК 378.4: 004

В.Г. Логвшенко

Сумський нацональний аграрний унiверcиmеm, Украна

2014lvg@gmail.com DOI 10.31110/2413-1571-2018-016-2-015

ВИКОРИСТАННЯ ТЕХНОЛОГИ 1НФОГРАФ1КИ ДЛЯ В1ЗУАЛ1ЗАЦП НАВЧАЛЬНОГО КОНТЕНТУ

Анотаця. Стаття присвячена теоретичним та практичним аспектам використання технологи' iнфoгрaфiки для в'1зуал'1зацИ навчального контенту. У статт'1 узагальнено та систематизовано в'домостi про вiзуaлiзaцiю, представлено опис технологи'iнфoгрaфiки та ÏÏ застосування в навчально-педагог'!чн'ш д'яльностi, алгоритм роботи над створенням iнфoгрaфiки. Також подано екcплiкaцiю поняття «навчальна iнфoгрaфiкa» як багатопланове i структурне поняття, у якому подання iнфoрмaцiï в'дбуваеться через даш, через певну структуру або процес, через художн елементи, через д'аграми, через грaфiки, через грaфiчнi об'екти, через сЫвв'дношення м'ж предметами та фактами в час та прocmoрi, через демонстра^ю певних тенден^й у р'вних галузях. ФункцИ, що виконуе «навчальна iнфoгрaфiкa», це: обробка, iнmегрaцiя, ущiльнення, генера^я iнфoрмaцiï, ÏÏ передача, мотива^я до навчання, фокус уваги на ключов'ш iнфoрмaцiï, показ поверхневих та глибинних зв'язк'в м'ж об'ектами, сприяння ф/'ксацп та зосередженню на iнфoрмaцiï, що е ключовою, сприяння запам'ятовуванню iнфoрмaцiï, спонукання до самост'шного засвоення iнфoрмaцiï, сприяння рефлексп тих, хто навчаеться.

В рoбomi представлено нaйпoширенiшi сервси, що дозволяють створити iнфoгрaфiку для навчального контенту, наведено приклади практичного застосування даноÏ технологи' в професшнш дiяльнocmi педагога. Стаття також розглядае питання iнфoрмaцiйнo-кoмунiкaцiйнoï компетентност'1 педагога щодо розроблення навчальноÏ '¡нфограф'ки.

Ключов! слова: навчальний процес, навчальний контент, технологи' в'вуал'вацп, iнфoгрaфiкa, навчальна iнфoгрaфiкa, iнфoрмaцiйнi технологи'.

Постановка проблеми. Одним з основних завдань навчання е розвиток мислення людини. Розвиток мислення передбачае формування рiзних понять. Поняття е формою наукового тзнання, що описуе об'екти в загальних та суттевих ознаках, i якому вщповщае певний термш, символ або знак. Тому окремоУ уваги потребують технологи, ям дозволяють наявний великий обсяг навчального матерiалу лекци, заняття або уроку ущтьнити та унаочнити, а це б допомогло узагальнити його та розширити шформацмний проспр навчання. Серед таких технолопй провщно'|' ролi набувають вiзуальнi технологи подання шформацп, а конкретнее — шфографта. Ц технологи активно залучаються до оргаызацп навчального матерiалу, осктьки сприяють Ытенсифтацп, систематизаци та узагальненню окремих тем чи понять у будь-якш галузi освiти що вивчаеться. Сьогоды, як нтоли, знання та умЫня щодо застосування комп'ютерних технолопй в освт-лй сферi дiяльностi е одним iз важливих компонент яюсного виконання свого професшного обов'язку педагогом, а, отже, важливо донести до виклaдaчiв та вчителiв шформа^ю про те, як працюе комп'ютерна Ыфографта, як ÏÏ ефективно застосувати в навчально-виховному процеа.

Аналiз актуальних дослщжень. Досягнення комп'ютерно'|' сфери, деяк функцп та можливост штернету та сучасних шформацшних технологш розширюють впровадження шновацшних методiв навчання. Зпдно зi статтею 54 Закону Укра'ни «Про освггу», де наголошуеться, що «Педагопчы, науково-педагогiчнi та науковi працiвники мають право на... вiльний вибiр форм, методiв i засобiв навчання, що вщповщають освiтнiй програмГ..» [1], кожен викладач мае можливiсть застосовувати в повый мiрi всi технологiчнi досягнення сучасносп, якi, на його думку, пщвищать ефективнiсть навчання й зацтавлять учнiв та студентiв у досягненн навчального результату.

Поняття «вiзуалiзацiя» е предметом багатьох дослщжень, наприклад, робота [2]. Питанням теоретичного обГрунтування використання технолопй вiзуалiзацiÏ в навчальному процеа зaгaльноосвiтньоÏ школи присвячено дослiдження Л.1. БiлоусовоÏ та Н.В. ЖитеньовоÏ [3]. У ньому схарактеризован когнiтивнi аспекти застосування вiзуaлiзaцiÏ нaвчaльноÏ iнформaцiÏ та показано, що вiзуaлiзaцiя нaвчaльноÏ Ыформаци, реaлiзовaнa на бaзi сучасних Ыформацмно-комунiкaцiйних технологiй, набувае нових якостей, ям iстотно розширюють сферу ÏÏ продуктивного застосування в

ISSN 2413-158X (online) ISSN 2413-1571 (print)

навчальному процесi. B4eHi зазначають, що вiзуалiзацiя навчально! шформацп: полегшуе сприйняття навчально! шформацп учнями, представляючи ii з урахуванням i вiдповiдно до ix когытивними особливостями; сприяе формуванню правильних уявлень школярiв про об'ект вивчення, позбавляючи вiд необxiдностi надалi коригувати початковi xибнi уявлення; дае можливкть сконцентрувати увагу учнiв на головних смислових елементах навчального матерiалу, видтяючи ix у зоровому образi й одночасно фiльтруючи другоряднi та зайвi деталi; дозволяе iнтенсифiкувати навчальний процес шляхом використання економiчного за обсягом i часу подання навчального матерiалу в образному виглядi; активiзуе рiзнi види мислення й пам'ят учнiв; сприяе кращому включення нових знань у систему рашше придбаних, а також ix засвоенню й запам'ятовуванню учням; розвивае пiзнавальний штерес учнiв; дае можливiсть створити позитивний емоцшний фон на уроцi; полегшуе реалiзацiю мiжпредметниx зв'язкiв у навчаны.

В iншiй роботi цих же авторiв [4] видiлено наступнi функцп вiзуалiзацií щодо iнтенсифiкацií навчального процесу: 1) компактне подання навчального матерiалу, що дае змогу пщвищити шформацшну насиченiсть навчального процесу; 2) концентроване подання навчального матерiалу в осяжному виглядi зi збереженням його семантично! повноти; 3) забезпечення адекватностi подання навчального матерiалу псиxофiзiологiчним особливостям учня; «роблячи знання видимим», вiзуалiзацiя сприяе зменшенню витрат часу та енергп учня на сприйняття й розумшня великого за обсягом навчального матерiалу; 4) пiдтримання високого темпу навчання, скорочуючи його неефективнi або низько-ефективн фази; 5) сприяння рацiональнiй оргаызаци навчально-пiзнавальноí дiяльностi учнiв на уроц шляхом ii алгоритмiзацií.

У статп [5] висвiтлюються можливостi застосування рiзноманiтниx on-line засобiв та ресурсiв для полегшення процесу навчання, а саме в процес викладацькоí дiяльностi, що позитивним чином позначиться на устшност студенев та якостi навчання. Автори характеризують використання в освiтнiй дiяльностi студентiв ментальних карт, iнтерактивниx плака^в, тестiв, використання тригер-теxнологiй у презентащях. Дослiдники розглядають певнi сервiси (Google, Glogster, Prezi, Test Pad, МайстерТест, Simpoll, LearningApps) та on-line ресурси (Mindmeister, Bubble.us, Mindomo та Mind42). Вказуються також на переваги, якими волод^ть on-line засоби навчання щодо традицшних: зручнiсть, мобiльнiсть, iнформативнiсть, доступ у будь-який час i з будь-яко'|' точки планети, одночасна робота групи над проектом.

£ окремi дослщження щодо застосування конкретних комп'ютерних теxнологiй, наприклад, програмного засобу Prezi [6]. Автор зазначае, що застосування ще технологи значно пщсилюе методичн можливостi доповiдача, сприяючи ефективнiшому запам'ятовуванню й засвоенню матерiалу завдяки нелшшному поданню матерiалу.

Автори роботи [7] показують, що серед теxнологiй, ям дозволяють унаочнювати великi обсяги даних та сприяють iнтенсифiкацií, систематизаци та узагальненню окремих тем чи понять, провiдноi ролi набувають flash-теxнологií. Ц технологи, окрiм унаочнення, передбачають динамiчну вiзуалiзацiю та залучення аудiоконтенту.

Таким чином, технологш вiзуалiзацií е перспективними, що зумовлюе актуальысть продовження дослщжень, спрямованих на з'ясування напрямiв i особливостей íx освiтнix застосувань.

Мета статп. З огляду на вище вказане, мета статп полягае у висв™ення особливостей технологи шфографти, узагальненн та систематизацií вiдомостей про застосування технологш шфографти в навчально-педагогiчнiй дiяльностi.

Виклад основного матерiалу. Термiн «вiзуалiзацiя» в тлумачному словнику пояснюеться як «одержання (подання) видимого зображення яких-небудь предме^в, явищ, процесiв, недоступних для безпосереднього спостереження». Поняття «вiзуалiзацiя шформацп» не е новим термiном у психолого-педагопчнш науцi. Вона виникла на межi розробок, пов'язаних iз дослщженнями в iнформатицi, в ергономiцi, у психологи, у дизайну у сферi бiзнесу. Вона може бути науковою, що дозволяе подати науковi факти та залежност в найбiльш узагальненому вид^ та ненауковою, що дозволяе наочно й найбтьш ущiльнено подати життеву iнформацiю або iдею виршення життевоí проблеми. Вiдомо, що вiзуалiзацiя — це представлення iнформацií, даних, фак^в у вiзуальнiй або наочнш формi. Вiзуалiзацiя iнформацií — це штерактивне вивчення вiзуального представлення абстрактних даних для посилення людського тзнання [8]. Абстракты данi подiляються на числовi та нечисловi (текст i географiчна iнформацiя). Вiзуалiзацiя бувае:

• статичною (це i зображення, i презентацiя тощо);

• динамiчною (це аымацшний ролик);

• iнтерактивною (веб-ршення, в яких можна обрати параметри вщображення iнформацií).

Сьогоднi iснуе широке коло застосування засобiв вiзуалiзацií в рiзниx галузях, що показано на рис. 1. I, звичайно, розроблено багато методiв та прийомiв щодо вiзуалiзацii iнформацií (рис. 2). Кожний iз видiв вiзуалiзацií iнформацií мае певне призначення та мету застосування. Назвемо деяк з них: орiентований граф (https://uk.wikipedia.org/wiki/Орiентований_граф), гiперболiчне дерево як метод вiзуалiзацii великих iерарxiй (https://uk.wikipedia.org/wiki/Пперболiчне_церево), ISOTYPE (мова зображень) як метод вщображення соцiальниx, теxнологiчниx, бiологiчниx та кторичних зв'язкiв у форматi зображень

(https://uk.wikipedia.org/wiki/ISOTYPE_(мова_зображень)), дiаграма Ганта, що використовуеться для iлюстрацií плану, графiка робп- за будь-яким проектом (https://uk.wikipedia.org/wiki/Дiаграма_Ганта), тктограма як умовний малюнок будь-яких явищ та подш (https://uk.wikipedia.org/wiki/Пiктограма), спарклайн як маленька лiнiйна дiаграма, що зазвичай намальована без осей чи координат, та представляе загальну форму коливання (https://uk.wikipedia.org/wiki/Спарклайн), Ggplot2 — графiчний пакет вiзуалiзацii даних для мови програмування R (https://uk.wikipedia.org/wiki/Ggplot2), шфографта (https://uk.wikipedia.org/wiki/Iнфографiка), блок-схема (https://uk.wikipedia.org/wiki/Алгоритм).

Зупинимося на розглядi iнфографiки або iнформацiйноí графiки. Поява шфографти датуеться 19 ст. [9], але приклади зображення, якi можна вщнести до iнфографiки були вiдомi ще в античностi. До робп- з iнфографiки 19 столiття найбтьш вщомими е й робота «Новий графiк iсторií» Джозефа Пристлi (1769 р.), i книга «Комерцiйний i полiтичний атлас» Вiльяма Плейфера (1786 р.), i робота «Карта захворювання на холеру» Джона Сноу (1854 р.), i <^аграма причин смертЬ> Флоренс Найтiнгейл (1856 р.), i «Карта наполеонiвського походу в Роаю 1812-го року» Шарля-Жозефа Мiнара (1869 р.). Ц та iншi роботи показували бтьшу кiлькiсть iнформацií, були оригшальними, привертали увагу, але при цьому мали аскетичне оформлення. Сучасна шфографта мае бтьше рiзноманiття прикладiв та мае бiльше яскравий вид, про що свщчать численнi публтаци в журналах та iнтернет-джерелаx.

Hay^Bi дослщження

цифровi бiблiотеки

iнтелектyaльнии aнaлiз даних

грaфiчнa ¡нформацт

фiнaнсовиИ aнaл¡з даних

контроль виробництва

досл¡дження ринку

в¡добрaження злочинност¡

освггш потреби

1нш1 застосування

Рис. 1. Галузi застосування вiзуалiзацií

гiперболiчне дерево

блок-схема

ISOTYPE (мова зображень)

дiаграма Ганта

п1ктограма

_

спарклайн

✓ ---

Рис. 2. Деяш методи та прийоми в'зуал'зацн

Чому ж iнфографiка привертае увагу дослщниюв у рiзниx галузях? Мабуть тому, що надае змогу особi краще один раз побачити та почути одночасно. З дослщження вчених Вайса та МакГрата вщомо, що людина через 72 години пам'ятае 10 % вщ почутого, 30% вщ побаченого та 65 % вщ побаченого та почутого одночасно. Як зазначаеться в одному з докладiв [10] для створення iнфографiки потрiбно три речi: змiст — це те, про що хочете сказати сво1м слухачам, користувачам (головна л^я), сенс — з'являеться тодi, наприклад, коли щось порiвнюють iз чимось, та легккть сприйняття. Автор наголошуе, що основними правилами iнфографiки е:

• лакоычшсть оформлення; мiнiмум тексту (в обмеженш кiлькостi);

• 2 хвилини

• розкласти все «по полицям»;

• професшний звук;

• iсторiя - це факти з душею, тобто витягти всi факти, добавити емоцю

• iсторiя - це бажання подтитися з кимось.

3i слiв найдосвiченiшого експерта в справi вiзуалiзацií даних та створення доцшьно! iнфографiки в справi журналктики Альберта Каíро [11] головними ознаками яюсно! iнфографiки е контекст (тобто що означають цифри, як вони змшювались?) i наративна структура (тобто шфографта мае розповiдати iсторiю), яка i вiдрiзняе iнфографiку вiд просто! вiзуалiзацi1. Вiн вважае, що ключовим е iнтелектуальний процес створення шфографти (структурування iнформацií), а комп'ютер е лише шструментом вiзуалiзацií.

Завдяки поширенню та швидкому розвитку шформацшних технологш з'явилося багато iнструментiв для створення рiзного роду вiзуалiзацiй, серед яких комп'ютерн технологи зi створення шфографти займають провiдне мiсце. Безкоштовнi й лет у використанн iнструменти стають надзвичайно розповсюдженими. Зацтавлеысть свiтовоí аудиторп найбiльш вiдомими програмними засобами для створення шфографти easel.ly, infogram.com, piktochart.com, canva.com, Visual.ly вiдстежено нами за допомогою Google Trends [12]. Назван сервки мають наступнi загальнi характеристики:

• базова онлайн верая;

• безкоштовна можливкть створення облiкового запису;

• необов'язкова потреба розумшня основ дизайну;

• е можлив^ь обрати професшы шаблони в бiблiотецi (наприклад, в easel.ly можна взяти за основу одну з 17 безкоштовних тем; у piktochart — 8 шаблошв та один пустий; у canva шфографта мае 4 шаблони: шфографта iз часовою шкалою, шфографта для освiти, iнфографiка для шструкцп, iнфографiка для резюме);

• е можливкть добавити власнi зображення (спочатку завантаживши ix) або вибрати потрiбнi iз бiблiотеки;

• можливiсть застосовувати шструмент або шаблон мапи е не в уах сервiсаx (наприклад, в infogram — втьно скористатися можна 13 шаблонами графiчниx мап; у piktochart е шструмент Tools-карта);

• е можливкть налаштування зображень;

• пщтримуеться можливiсть форматування тексту;

• пщтримуеться можливiсть збереження власно1 розробленоí iнфографiки;

• пiдтримуеться можливкть подiлитися з користувачами iншиx платформ та можливкть вбудувати на своему ресура (сайтi або блозi);

• можлив^ь завантажити розроблену iнфографiку на власний комп'ютер е не у вах сервках.

Динамiка популярностi easel.ly, infogram.com, piktochart.com, canva.com, Visual.ly за останых п'ять ро^в висвiтлена на рис. 3. Аналiз графiка свщчить про стiйкий iнтерес свiтовоí сптьноти до засобiв створення iнфографiки. Бтьшою популярнiстю користуються сервiси «Canva» та «Easel.ly». На нашу думку, це вказуе на те, що вказаы сервки без сумыву, е найкращими в справi створення iнфографiки, але це не означае, що варто обмежувати свш вибiр тiльки одыею конкретною програмою. З урахуванням зростаючих потреб сучасного студента викладачевi в здшснены щоденноí практики, необxiдно використовувати на аудиторних заняттях та в дистанцшному навчаннi потенцiал можливих переваг представлених ресурав iз метою налагодження й полтшення педагогiчноí взаемодй, збтьшення можливостi доповiдача з вiзуалiзацií й мобтьносп iнформацií.

• easel.ly • inrograrn.com • pjKlachafl.com • canva.com * Visual.ly

Рис. 3. Динамка популярностi запиту easel.ly, infogram.com, piktochart.com, canva.com, Visual.ly

Зупинимося на застосуванн iнфографiки в навчальнiй дiяльностi. lнфографiка дозволяе якiсно унаочнити складну й об'емну навчальну шформащю та надати для вивчення закшчений шформацшний блок. Вона е таким видом викладення навчального контенту в бумажна або електроннiй формi, який штегруе при створеннi умовно нового навчального об'екта або навчального контенту певну шформащю та pi3^ засоби, у т.ч. художньо''' творчостi, дiаграм, графМв та iнших графiчних об'ектiв. Засобами шфографти можна органiзувати великий обсяг даних, показати певн спiввiдношення мiж предметами i фактами в час та просторi, демонструвати певнi тенденцп в рiзних галузях. Отже, шфографта — це:

1) результат розумово' дiяльностi людини, що узагальнюе досвщ при опануваннi певно' iнформацií;

2) навчальночнформацшна модель реальностi що пщлягае вивченню та опануванню;

3) навчальний блок ущтьнено''' iнформацií.

Вона включае:

• певнi данi,

• шформа^ю як результат перетворення й опрацювання даних,

• знання як перевiрена практикою iнформацiя. До того ж вщомо, знання подiляють на поверхнев^ що вiдтворюють видимi взаемозв'язки мiж окремими подiями та фактами в певнш наочнi областi, та глибины, що вiдтворюють структуру i процеси в певшй наочнi областi через абстракцп, аналоги та схеми.

Наведемо наше розумшня поняття «навчальна iнфографiка». Ми розглядаемо його як багатопланове i структурне поняття, у якому видтяемо окремо пласт «подання iнформацií» та «функцГ''», якi, на нашу думку, воно виконуе. Експлта^ю поняття представлено на рис. 4. Подання шформацп вщбуваеться через даы, через певну структуру або процес, через художн елементи, через дiаграми, через графiки, через графiчнi об'екти, через стввщношення мiж предметами та фактами в чаа та простор^ через демонстращю певних тенденцiй у рiзних галузях. ФункцГ', що виконуе «навчальна шфографта», це: обробка, штегращя, ущiльнення, генерацiя iнформацií, и передача, мотиващя до навчання, фокус уваги на ключовш iнформацií, показ поверхневих та глибинних зв'язмв мГж об'ектами, сприяння фшсацп та зосередженню на Шформацп, що е ключовою, сприяння запам'ятовуванню iнформацií, спонукання до самоспйного засвоення шформацп, сприяння рефлексмтих, хто навчаеться.

Навчальна шфографша

•через даш

•через певну структуру або процес •через художщ елементи •через Д1аграми •через графжи •через граф1чн1 об'екти •через стввщношення М1Ж предметами та фактами у чаа та простор] •через демонстранта певних тенденцШ у рЬних галузях

•обробка шформацм •[нтеграц!я ¡нформацк •ущтьнення ¡нформацП •генерац1я ¡нформац"] •передач! ¡нформащТ •мотиващядо навчання •фокус уваги на ключовш ¡нформаци •показ поверхневих та глибинних зв'язшв Внж об'ектами

•сприяння фжсацлта зосередженню на шформацИ', що е ключовою •сприяння запам'ятовуванню ¡нформацк •спонукання до самост1 иного засвоення ¡нформацГ/

•сприяння рефлекс» тих, хто навчаеться

Рис. 4. Експлiкацiя поняття «навчальна iнфографiка»

Використання шфографти в навчанн мае сво' дидактичн можливостГ в реалТзаци таких принципГв навчання як природовщповщшсть, наочнiсть, доступнГсть, усвiдомленiсть, емоцiйнiсть навчання. 1нфографц як технологГí вiзуалiзацГí, властива також можливкть ущiльненого подання навчального матерТалу, сприяння його продуктивному засвоенню й запам'ятовуванню.

Щоб розробити навчальну шфографту вчителю або викладачу знадобляться таю компетентностi: • здатнiсть планувати, оргаызовувати, координувати, контролювати та оцшювати свою дГяльысть та взаемодiю суб'ек^в навчально' дГяльносп;

• володшня певними знаннями та умшнями в галузi шформатики й комп'ютерних технологiй;

• здатысть до формування необхiдного обсягу фахово!' iнформацii з рiзних джерел для створення навчально!' iнфографiки;

• умшня працювати iз засобами створення Ыфографти;

• знання особливостей використання просто!' та складно!' шфографти для навчально-виховних цтей;

• пiдбирати найефективнiший тип шфографти для конкретно!' навчально! шформацп.

Розробити iнфографiку можна, скориставшись матерiалами щодо !'!' розробки та створення, що представленi в джерелах, наприклад [13] або [14].

Зупинимося на етапах створення навчально! шфографти.

1 етап. Визначити призначення навчально!' Ыфографти, на яку розраховане зображення, тому що вщ цього залежить вид Ыфографти, що буде обраний. Обмiркувати, що це_представлення даних буде сприйматися найкраще, нiж звичайний текст.

2 етап. Зiбрати данi за навчальною темою. Дан можуть бути представленi в рiзних форматах: графiка, текст, вiдео тощо. Збирання даних залежить в^д теми, детальност та вiрогiдностi вiдтворення фак^в.

3 етап. Систематизувати данi — зiбрана iнформацiя подаеться у виглядi плану, структури або схеми-зображення майбутньо!' iнфографiки. Потрiбно замалювати на чернетц певнi блоки зi слiв, посилань, зв'язюв для згрупування даних та вiзуалiзацii iнформацiйних потокiв за допомогою блок-схеми. Встановити основнi та тдпорядковаш об'екти, визначити центральне зображення або оргаызувати представлення даних за принципом послщовносп об'ектiв. Цей етап е найвагомшим, тому що отриманий шформацшний блок iнформацii повинен наочно та ущтьнено подавати необхiдний навчальний контент iз потрiбними поняттями. Запорукою добре розроблено!' навчально! iнфографiки е таю власт^ педагогу характеристики як критичне мислення та творчий пiдхiд.

4 етап. Визначити кольорову схему, що допомагае впорядкувати сприйняття.

5 етап. Створення Ыфографти комп'ютерними засобами. Виконання цього етапу, яким би сервком створення шфографти ви б не користувалися, мае п'ять основних кроюв, якi показано на рис. 5 (створений за допомогою сервку Canva). Вони е загальними для вах комп'ютерних iнструментальних засобiв зi створення Ыфографти, що називалися вище.

5.1. Створення облтового запису на бажаному сервiсi.

5.2. Обрати професiйний шаблон, що буде використано за основу майбутньо! навчально! шфографти.

5.3. Ввести потрiбний текст за навчальною темою та обрати власш зображення (або доступы зображення iз бiблiотеки).

5.4. Налаштувати зображення та вiдформатувати уведений текст.

5.5. Зберегти свою роботу, вставити посилання з розроблено! навчально! Ыфографти на власному сайт або блозi та подiлитися з користувачами iнших платформ.

Виконавши всi описан етапи та кроки, викладач отримуе яюсний iнформацiйний контент, що розроблено особистими зусиллями.

Створення ¡нфографжи

основ!ii етапи

Створити о5л1ковий запис

крон

01

Обрати професшний шаблон

Добавити

власш

зображення

оз

КРОК

Налаштувати власш

кр"ок зображення та 04 вщформатувати j текст

КРОК

Зберегти свою роботу та подтитися

Рис. 5. Кроки створення ¡нфографши компЮтерними засобами

Висновки та перспективи подальших дослщжень.

Отже, сучасна навчальна iнфографiка — це ефективна форма подання навчальноГ шформацй', що використовуе cy4acHÍ середовища комп'ютерних iнформацiйних технологiй 3Í створення шфографти. Вона дозволяе зiбрати воедино величезн й розрiзненi обсяги навчальноГ шформацп, дае можливкть за допомогою взаемодП' iнформацiйних блокiв вказати на наявн зв'язки мiж елементами шформацп, значно пщвищуючи ефективнiсть сприйняття шформацй' (шляхом 'f¡ ущiльнення).

Пiдняте питання про застосування засобiв iнфографiки в освт не може бути вичерпним. ПодальшМ науковi пошуки можуть бути спрямован на формування в учыв та студентiв внутриредметних та мiжпредметних зв'язкiв засобами iнфографiки на заняттях, оволодiння викладачами вмiннями та навичками роботи iз системами обробки шформаци та створення яккноГ навчальноГ шфографти.

Список використаних джерел

1. Стаття 54. Права та обов'язки педагопчних, науково-педагогiчних i наукових працiвникiв, ¡нших осiб, якi залучаються до освiтнього процесу: Закон УкраГни «Про освггу» вiд 05.09.2017 № 2145—VIII.

URL: http://zakon3.rada.gov.ua/laws/show/2145-19/page3 (дата звернення: 18.03.2018).

2. Семеыхша О.В., Друшляк М.Г. Вiзуалiзацiя знань як актуальний запит шформацшного суспiльства до сфери освгги. Використання ÍHHoea^üHux технологiй у процес пдготовки фаxiвцiв: матерiали мiжнародноf наук.-практ. штернет-конференцГГ (м. Вiнниця, 3-4 квггня 2016.). Вiнниця. 2016. С. 156-160.

3. Белоусова Л.И., Житенева Н.В. Дидактические аспекты использования технологий визуализации в учебном процессе общеобразовательной школы. lнформацiйнi технологи й засоби навчання: електрон. наук. фахове вид. 2010. Т. 16, № 2. URL: http://journal.iitta.gov.ua/index.php/itlt/article/view/1017 (дата звернення: 01.02.2018).

4. Бтоусова Л.1., Житеньова Н.В. Функцюнальний пщхщ до використання технологш вiзуалiзацГ¡ для штенсифтацп навчального процесу. lнформацiйнi технологи й засоби навчання: електрон. наук. фахове вид. 2017. Т. 57, № 1. URL: https://journal.iitta.gov.ua/index.php/itlt/article/view/1525/1132 (дата звернення: 02.02.2018).

5. Шахша 1.Ю., Лазнюк Д.С. Ытенсифта^я освггнього процесу з використанням on-line засобТв. Ф'!зико-математична освта: електрон. наук. фахове вид. 2017. Вип. 4(14). С. 318-323.

URL: http://fmo-journal.fizmatsspu.sumy.ua/journals/2017-v4-14/2017_4-14-Shahina_ScientificJournal_FM0.pdf (дата звернення: 20.02.2018).

6. Бондаренко Т.В. Особливосп використання програмного засобу prezi у процес розробки навчальних презентацй lнформацiйнi технологи й засоби навчання: електрон. наук. фахове вид. 2018. Т. 63, № 1.

URL: https://journal.iitta.gov.ua/index.php/itlt/article/view/1907/1302 (дата звернення: 02.03.2018).

7. Юрченко А.О., Логвш А.В., Лаштун О.В., Безверха К.М., Семеыхша О.В. Про вiзуалiзацiю навчального матерТалу засобами flash-технолопй (на прикладi вивчення тригонометричних функцм). Ф'вико-математична осв'та: електрон. наук. фахове вид. 2017. Вип. 1(11). С. 128-132. URL: http://fmo-journal.fizmatsspu.sumy.ua/journals/2017-v1-11/2017_1-11-Voievoda_ScientificJournal_FM0.pdf (дата звернення: 20.02.2018).

8. Вiзуалiзацiя шформацп. В/'юпед/'я. Вшьна енциклопед'т. URL: https://uk.wikipedia.org/wiki/Вiзуалiзацiя_iнформацГ¡ (дата звернення: 02.02.2018).

9. Василий Федотовский. XIX-е столетие: Золотой век инфографики. URL: https://infogra.ru/infographics/xix-e-stoletie-zolotoj-vek-infografiki (дата звернення: 02.02.2018).

10. iForum 2013, Алексей Пилипчук. Доклад: «Инфографика — интеллектуальное продвижение». URL: https://infogra.ru/infographics/infografika-lektsii-i-master-klassy (дата звернення: 02.02.2018).

11. Резниченко £. Альберто КаГро: «В шфографщ ви берете читача за руку й ведете вщ початку ¡сгори до висновку». URL: http://osvita.mediasapiens.ua/mediaprosvita/how_to/alberto_kairo_v_infografitsi_vi_berete_chitacha_za_ruku_y_vedete _vid_pochatku_istorii_do_visnovku/ (дата звернення: 02.02.2018).

12. «Google Trends». Google Trends. Електрон. даш. URL: https://trends.google.com/trends/explore?date=today%205-y&q=easel.ly,infogram.com,piktochart.com,canva.com,Visual.ly (дата звернення: 15.03.2018).

13. 7 шагов от идеи до реализации: Рисуем свою первую инфографику. [Електронний ресурс].

URL: https://infogra.ru/infographics/7-shagov-ot-idei-do-realizatsii-risuem-svoyu-pervuyu-infografiku (дата звернення: 02.02.2018).

14. Как создать инфографику без помощи дизайнера за 5 шагов. URL: https://www.motocms.com/blog/ru/kak-sozdat-infographiku/ (дата звернення: 02.02.2018).

References

1. Stattia 54. Prava ta oboviazky pedahohichnykh, naukovo-pedahohichnykh i naukovykh pratsivnykiv, inshykh osib, yaki zaluchaiutsia do osvitnoho protsesu: Zakon Ukrainy «Pro osvitu» vid 05.09.2017 № 2145-VIII.

URL: http://zakon3.rada.gov.ua/laws/show/2145-19/page3 (дата звернення: 18.03.2018).

2. Semenikhina O.V., Drushliak M.H. Vizualizatsiia znan yak aktualnyi zapyt informatsiinoho suspilstva do sfery osvity. Vykorystannia innovatsiinykh tekhnolohii u protsesi pidhotovky fakhivtsiv: materialy mizhnarodnoi nauk.-prakt. internet-konferentsii (m. Vinnytsia, 3-4 kvitnia 2016.). Vinnytsia. 2016. S. 156-160.

3. Belousova L.Y., Zhyteneva N.V. Dydaktycheskye aspektbi yspolzovanyia tekhnolohyi vyzualyzatsyy v uchebnom protsesse obshcheobrazovatelnoi shkolbi. Informatsiini tekhnolohii y zasoby navchannia: elektron. nauk. fakhove vyd. 2010. T. 16, № 2. URL: http://journal.iitta.gov.ua/index.php/itlt/article/view/1017 (data zvernennia: 01.02.2018).

4. Bilousova L.I., Zhytienova N.V. Funktsionalnyi pidkhid do vykorystannia tekhnolohii vizualizatsii dlia intensyfikatsii navchalnoho protsesu. Informatsiini tekhnolohii y zasoby navchannia: elektron. nauk. fakhove vyd. 2017. T. 57, № 1.

URL: https://journal.iitta.gov.ua/index.php/itlt/article/view/1525/1132 (data zvernennia: 02.02.2018).

5. Shakhina I.Iu., Lazniuk D.S. Intensyfikatsiia osvitnoho protsesu z vykorystanniam on-line zasobiv. Fizyko-matematychna osvita: elektron. nauk. fakhove vyd. 2017. Vyp. 4(14). S. 318-323. URL: http://fmo-journal.fizmatsspu.sumy.ua/journals/2017-v4-14/2017_4-14-Shahina_Scientific_journal_FMO.pdf (data zvernennia: 20.02.2018).

6. Bondarenko T.V. Osoblyvosti vykorystannia prohramnoho zasobu prezi u protsesi rozrobky navchalnykh prezentatsii. Informatsiini tekhnolohii y zasoby navchannia: elektron. nauk. fakhove vyd. 2018. T. 63, № 1.

URL: https://journal.iitta.gov.ua/index.php/itlt/article/view/1907/1302 (data zvernennia: 02.03.2018).

7. Yurchenko A.O., Lohvin A.V., Lashtun O.V., Bezverkha K.M., Semenikhina O.V. Pro vizualizatsiiu navchalnoho materialu zasobamy flash-tekhnolohii (na prykladi vyvchennia tryhonometrychnykh funktsii). Fizyko-matematychna osvita: elektron. nauk. fakhove vyd. 2017. Vyp. 1(11). S. 128-132. URL: http://fmo-journal.fizmatsspu.sumy.ua/journals/2017-v1-11/2017_1-11-Voievoda_Scientific_journal_FMO.pdf (data zvernennia: 20.02.2018).

8. Vizualizatsiia informatsii. Vikipediia. Vilna entsyklopediia. URL: https://uk.wikipedia.org/wiki/Vizualizatsiia_informatsii (data zvernennia: 02.02.2018).

9. Vasylyi Fedotovskyi. XlX-e stoletye: Zolotoi vek ynfohrafyky. URL: https://infogra.ru/infographics/xix-e-stoletie-zolotoj-vek-infografiki (data zvernennia: 02.02.2018).

10. iForum 2013, Aleksei Pylypchuk. Doklad: «Ynfohrafyka — yntellektualnoe prodvyzhenye».

URL: https://infogra.ru/infographics/infografika-lektsii-i-master-klassy (data zvernennia: 02.02.2018).

11. Reznychenko Ye. Alberto Kairo: «V infohrafitsi vy berete chytacha za ruku y vedete vid pochatku istorii do vysnovku». URL: http://osvita.mediasapiens.ua/mediaprosvita/how_to/alberto_kairo_v_infografitsi_vi_berete_chitacha_za_ruku_y_vedete _vid_pochatku_istorii_do_visnovku/ (data zvernennia: 02.02.2018).

12. «Google Trends». Google Trends. Elektron. dani. URL: https://trends.google.com/trends/explore?date=today%205-y&q=easel.ly,infogram.com,piktochart.com,canva.com,Visual.ly (data zvernennia: 15.03.2018).

13. 7 shahov ot ydey do realyzatsyy: Rysuem svoiu pervuiu ynfohrafyku. [Elektronnyi resurs].

URL: https://infogra.ru/infographics/7-shagov-ot-idei-do-realizatsii-risuem-svoyu-pervuyu-infografiku (data zvernennia: 02.02.2018).

14. Kak sozdat ynfohrafyku bez pomoshchy dyzainera za 5 shahov. URL: https://www.motocms.com/blog/ru/kak-sozdat-infographiku/ (data zvernennia: 02.02.2018).

USE OF TECHNOLOGY OF INFOGRAPHICS FOR VISUALIZATION OF LEARNING CONTENT

Victoria Logvinenko

Sumy National Agrarian University, Ukraine Abstract. The article is devoted to theoretical and practical aspects of the use of infographie technology for visualization of educational content. In this article it is summarized and systematized information about visualization, it is described the technology of infographic and its application in teaching and pedagogical activities, it is provided an algorithm for the creation of infographics. Also, thе explication of the concept of " educational infographics" is presented as a multidimensional and structural concept in which the presentation of information occurs through data, through a particular structure or process, through artistic elements, through diagrams, through graphs, through graphic objects, through the relationship between objects and facts in time and space, through the demonstration of certain trends in various fields. The functions of "learning infographic" are: processing, integration, compaction, generation of information, its transmission, motivation for learning, focusing on key information, showing surface and deep links between objects, facilitating fixation and focusing on information that is a key, promoting the memorization of information, encouraging self-assimilation of information, promoting the reflection of those who study.

In this paper it is presented the most common online services that allow creating infographics in the learning content, it is presented the example of practical application of this technology in the professional activity of the teacher. The article also is addressed the issue of information and communication competence of the teacher for the creation of educational infographics.

Key words: learning process, learning content, visualization, infographics, educational infographics, information technologies.