- •Технология визуализации учебной информации на примере дисциплины «педагогические технологии»
- •Содержание
- •Глава 1. Теоретические основы технологии визуализации учебной информации 6
- •Глава 2. Разработка интернет-сайта по основам визуализации учебной информации на примере дисциплины «Педагогические технологии» 21
- •Введение
- •Глава 1. Теоретические основы технологии визуализации учебной информации
- •1.1. Сущность технологии визуализации учебной информации
- •1.2. Визуальное мышление и проблемы восприятия и понимания учебной информации
- •Выводы по первой главе
- •Глава 2. Разработка интернет-сайта по основам визуализации учебной информации на примере дисциплины «Педагогические технологии»
- •2.1. Техническое задание на создание интернет-сайта по основам визуализации учебной информации
- •Структура и состав интернет-сайта
- •Требования к программе или программному изделию.
- •5.1 Требования к функциональным характеристикам.
- •2.2. Разработка и наполнение содержания интернет-сайта по основам визуализации учебной информации
- •Структура и состав интернет-сайта
- •Макет главной страницы
- •Выводы по второй главе Заключение Литература
2.2. Разработка и наполнение содержания интернет-сайта по основам визуализации учебной информации
Несмотря на большое количество разработок в области визуализации учебной информации, данная проблема остается не достаточно решенной. Это связано с постоянно изменяющейся средой образовательного процесса. Значительные возможности для повышения эффективности процесса обучения, развития творческих способностей студентов заложены именно в технологии визуализации учебной информации.
Разработанный нами интернет-сайт предполагает описание технологии визуализации на примере учебной дисциплины «Педагогические технологии». Основная аудитория сайта – преподаватели и студены не только педагогических вузов, но и образовательных учреждений других типов.
Главная страница интернет-сайта разделена на три блока-столбца. В первом столбце расположена навигационная панель, во втором – основная информация, в третьем – карта сайта и поиск. В структуру навигации вошли такие разделы как «Главная», «Теория», «Практика», «Карта сайта», «Faq», «Ссылки на сайты со схожей тематикой», «Поиск по сайту», «Дополнительная литература», «Обратная связь» (табл. 2).
Таблица 2
Структура и состав интернет-сайта
№ |
Раздел сайта |
Описание |
Тип содержимого |
1 |
Главная |
Основная информация, посвященная тематике сайта |
Текст, изображение |
2 |
Теория |
Лекции, статьи по проблеме исследования |
Текст, изображение, файлы (презентации, текстовые документы, видео и т.д.) |
3 |
Практика |
Вопросы и задания для практического применение изученного, наглядная демонстрация материала |
Текст, изображение, разные формы презентации |
4 |
Карта сайта |
Ссылки на разделы сайта |
Текст, изображение |
5 |
Faq |
Вопросы и ответы по тематике сайта |
Текст |
6 |
Ссылки на сайты со схожей тематикой |
Ссылки на порталы и сайты по визуализации учебной информации |
Текст, изображение |
7 |
Глоссарий |
Словарь основных терминов технологии визуализации учебной информации |
Текст |
8 |
Дополнительная литература |
Список популярной литературы, научных трудов, статей |
Текст |
9 |
Обратная связь |
Контакты, по которым можно связаться с разработчиком, модераторами и администратором сайта |
Текст |
При выборе стиля оформления мы опирались на тематику интернет-сайта и учитывали цели посещения его пользователями. Наш сайт носит познавательный характер и полезен пользователям, которые заинтересованы проблемами визуализации учебной информации. Таким образом, разработанный дизайн сайта способствовал привлечению пользователей и способствовал улучшенному восприятию и пониманию информации. Дизайн позволял сделать акцент на самых важных деталях сайта. «С помощью выделения основных моментов можно добиться запечатления в памяти пользователя определенных методик и правил» [27]. При выборе цветовой гаммы сайта мы учитывали известный факт, что яркие цвета отвлекают пользователей, агрессивные – вызывают негативные эмоции. В связи с чем, мы использовали выдержанные, не агрессивные, спокойные цвета, в целях повышения качества получаемой информации. Нами были использованы такие цвета, как светло-зеленый (спокойный, обездвиженный цвет), синий (цвет науки, бесконечности), светло-серый (цвет стабильности и гармонии), желтый и фиолетовый (вдумчивые и серьезные цвета).
Модульная сетка интернет-сайта представляет собой набор невидимых направляющих, вдоль которых располагаются элементы Web-страниц. Это облегчает размещение данных в документе, обеспечивает визуальную связь между отдельными блоками сайта и сохраняет преемственность дизайна при переходе от одной страницы к другой.
Панель навигации состоит из девяти ссылок, это самый используемый элемент интернет-сайта. Ни один другой элемент не используется чаще навигационной панели. С ее помощью пользователь может легко и быстро находить интересующую его информацию. Панель навигации расположена в вертикальном положении слева от основного текста, благодаря чему меню и другие элементы навигации всегда доступны пользователю. Все ссылки навигации сопровождаются цветовой индикацией. Вверху с правой стороны от контента находиться меню поиска и карта сайта (табл. 3).
Таблица 3