1. Визуализация в
дистанционном обучении
Проф. Кухаренко В.Н.
ПЛДО НТУ «ХПИ»

2. Функции иллюстраций
• Декоративная
• Развлекательная
• Выразительная
• Убеждающая
• Описательная
• Пояснительная
• Упрощающая
• Рассчетная (графики, гистограммы и др.)
• Постановочная

3. Советы по использованию
иллюстраций
• Объяснение функций
• Уравновешивание функций
• Размещение заданий после иллюстраций
• Объясняются ли обозначения?
• Размещение рядом с текстом
• Графические акценты
• Перегруженность информацией
• Иллюстрации не говорят обо всем
• Использование посторонних иллюстраций
• Тестирование иллюстраций
• Библиотека иллюстраций

4. Основные правила сочетания цветов:
http://www.livemaster.ru/topic/82622-
garmoniya-tsveta-osnovnye-pravila-
sochetaniya-tsvetov

5. Protanopia
Deuteranopia
Tritanopia

6. «Сжатие» информации
• обобщение,
• укрупнение,
• систематизация,
• генерализация. .

7. Системное квантование
• специфика функционирования
умственной деятельности человека
• выражается разными знаковыми
системами:
– языковыми,
– символическими,
– графическими.

8. Принцип системного квантования
• учебный материал большого объема
тяжело запоминается;
• учебный материал, размещенный
компактно по определенной системе,
лучше воспринимается;
• выделение в учебном материале
значащих опорных пунктов способствует
эффективному запоминанию.

9. Простейшие геометрические
формы
• Квадрат и квадрант:
– 4 критерия, фактора, вида данных;
– соединив квадраты линиями, покажем связи
между ними и (дугами) этапы непрерывного
процесса.
• Прямоугольник:
– диаграмма иерархии (схема),
– модель (деятельность и связи),
– статистика (гистограммы).

10. Линии, как основа изображений
• Линии и их сочетания (как символы):
– крест прямой и косой,
– звездочка,
– стрелки.
• Функции стрелки:
– внимание,
– направление,
– акцент,
– движение,
– процесс,
– зависимость,
– действие силы,

11. Принцип когнитивной
визуализации
• эффективность усвоения повышается,
если наглядность в обучении выполняет
не только иллюстративную, но и
когнитивную функцию (используются
когнитивные графические учебные
элементы).

12. Когнитивно-графические
элементы «Дерево» и «Дом»

13. Дерево
целей
дифферен-
цирования

14. Конспект-схема

15. Карта пам'яті

17. http://www.visual-literacy.org/periodic_table/periodic_table.html

18. Инфографика 1982 (US Today)
• Любое сочетание текста и графики,
созданное с целью изложить ту или иную
историю, донести тот или иной факт:
• показать устройство и алгоритм работы чего-
либо
• показать соотношение предметов и фактов во
времени и пространстве
• продемонстрировать тенденцию
• показать как что выглядит
• организовать большие объёмы информации

19. graphic on your website
http://visual.ly/cost-
bachelor
%E2%80%99s-
degree-around-
world

20. Процесс создания
• Формулирование цели и определение
аудитории
• Сбор определенного количества данных,
материала по теме
• Аналитика и обработка информации
• Построение доступной визуализации,
верстка

21. Используйте уместные метафоры

22. Рассказывайте историю в картинках

23. http://visual.ly/
Инфоргафика в примерах
http://infoanalyze.blogspot.com
10 советов по использованию
инфографики
http://www.cmsmagazine.ru/lib
rary/items/graphical_design/jj_
2011-10-25

25. http://www.diagram.ly/

26. Popplet.com

27. http://popplet.com/

28. Галерея

29. Карта памяти

30. Мысли

31. Сотрудничество

32. Граф дискусии «Планирование
дистанционного учебного
процесса»
https://topaz.ad.uow.edu.au/
SNAPP/getsnappresults.html

33. Дискуссия “Функции тьютора”

34. Введение в курс LAK11

35. Библиотека изображений
Microsoft
http://office.microsoft.com/en-us/images/

37. Спецэффекты
http://www.chami.com/html-
kit/services/imge/

38. спасибо!
Координаты
E-mail kukharenkovn@gmail.com
Mob 8-097-27-47-414
http://dl.kharkiv.edu
http://dl.kpi.kharkov.ua