Организация навигации в обучающих программах
Проектирование структуры учебного материала 1. Базовые типы структуры ПСУН При создании программных средств учебного назначения на основе web-технологии используют несколько типов базовых структур: • последовательная (линейная) структура; • иерархическая (древовидная) структура; • структура системы координат; • структура сети (паутина).
Проектирование структуры учебного материала
Проектирование структуры учебного материала 2. Рекомендации по структурированию учебного материала. Учебную информацию, предъявляемую в ПСУН, условно можно разбить на два вида: • Основная учебная информация; • Учебная информация второго плана.
Проектирование структуры учебного материала Основная учебная информация, должна быть выстроена по принципу причинно-следственных связей. Учебный материал должен отражать суть излагаемого предмета. Информация второго плана- это дополнительная информация, которая помогает более глубоко осветить излагаемый вопрос, дополнить его, расширить, изложить полярные точки зрения и т. п. Часто информация второго плана содержит справочные данные.
Проектирование структуры учебного материала При структурировании учебного материала обязательно нужно предусмотреть возможность вызова из других разделов (тем) формул, рисунков, таблиц, на которые в тексте есть ссылки.
Проектирование навигации и гипертекстовых переходов 1. Виды навигации Навигация — средства управления страницами учебника и элементами учебного курса. Можно выделить три вида навигации: 1. Глобальная навигация; 2. Локальная навигация; 3. Контекстная навигация.
Проектирование навигации и гипертекстовых переходов 1. К глобальной навигации обычно относят главное меню сайта, она отвечает на вопрос «Где я нахожусь? » 2. Локальная навигация указывает на разделы которые находятся рядом с выбранным разделом. 3. Контекстная навигация предоставляет информацию о том где вы уже побывали или дает ссылки на разделы связанные с текущим разделом.
Проектирование навигации и гипертекстовых переходов 2. Виды гиперссылок. Гиперссылка – это особым образом отформатированный текст или рисунок, содержащий скрытый адрес другого ресурса При планировании гипертекстовых переходов следует учитывать, что все гиперссылки принято делить на три вида: • структурные ссылки • встроенные ссылки • ассоциативные ссылки
Проектирование навигации и гипертекстовых переходов Структурные ссылки– это ссылки, которые обычно являются частью системы навигации и объединяются в навигационную панель. Встроенные ссылки указывают на то, что по данному, обсуждаемому вопросу имеется дополнительная информация.
Проектирование навигации и гипертекстовых переходов Ассоциативные ссылки используются для советов типа “смотри также” и указывают на страницы, которые могут быть интересны посетителю, просматривающему данный материал.
Проектирование навигации и гипертекстовых переходов 3. Рекомендации по оформлению гиперссылок. Существует несколько правил оформления гиперссылок: 1. Текстовые гиперссылки должны хорошо выделяться на фоне остального текста. 2. Наведение мышки на ссылку должно вызывать эффект подсветки.
Проектирование навигации и гипертекстовых переходов 3. Текст ссылки должен быть, по возможности коротким, но достаточным, чтобы четко описать следующее: • куда вы попадете. • что увидите • что произойдет 4. Гиперссылки на различные документы должны четко различаться. 5. Гиперссылки вызывающие неожиданные для пользователя действия должны об этом предупреждать, например: • ссылки на файлы • ссылки, открывающие или закрывающие окна.
Проектирование навигации и гипертекстовых переходов 4. Рекомендации по организации навигационных панелей. Навигационная панель— это область веб-страниц, на которой в некотором упорядоченном виде расположены ссылки на разделы и (или) страницы сайта, и единственная функция которой — предоставить пользователю удобное средство для перемещения по вебсайту.
Проектирование навигации и гипертекстовых переходов Рассмотрим основные и наиболее используемые навигационные панели. 1. Одноуровневый список. Одноуровневая панель навигации (или навигационная панель в виде одноуровневого списка ссылок) представляет собой панель навигации, на которой размещены равноправные ссылки на разделы ресурса. Этот тип панелей навигации условно можно условно разделить на два подтипа: • горизонтальный одноуровневый список; • вертикальный одноуровневый список;
Проектирование навигации и гипертекстовых переходов 1. 1 Горизонтальный одноуровневый список Панель навигации в виде горизонтального одноуровневого списка располагается вверху страницы Достоинства: После загрузки страницы все элементы списка полностью размещаются в верхней части страницы. Когда пользователь читает основной текст, меню исчезает из поля зрения и не занимает лишнего места. Недостатки: На панели нельзя разместить много элементов. При большом количестве элементов списка их приходится размещать в несколько строк.
Проектирование навигации и гипертекстовых переходов 1. 2 Вертикальный одноуровневый список Панель навигации в виде вертикального одноуровневого списка чаще всего располагается в левой части страницы. Достоинства: В вертикальной одноуровневой панели навигации можно безболезненно увеличивать количество ссылок Недостатки: Под панелью навигации часто остается много неиспользованного пространства.
Проектирование навигации и гипертекстовых переходов 2. Двухуровневый список Двухуровневая панель навигации представляет собой панель, в которой каждой ссылке первого (корневого) уровня соответствует несколько ссылок второго уровня. Этот тип панелей навигации условно можно условно разделить следующие подтипы: • двухуровневый список с фиксацией; • динамический двухуровневый список;
Проектирование навигации и гипертекстовых переходов 2. 1. Двухуровневый список с фиксацией В данном виде навигационной панели в каждый момент времени отображаются все ссылки первого уровня (одна из них является активной), а также ссылки второго уровня, которые соответствуют активной (выбранной) ссылке из первого уровня. Достоинства: Всегда видно, в какой части сайта мы находимся. По сравнению с одноуровневой панелью, позволяет разместить значительно большее количество ссылок. Недостатки: При активном перемещении по разделам сайта происходит слишком большое количество перезагрузок страниц.
Проектирование навигации и гипертекстовых переходов 2. 2. Динамический двухуровневый список Панель навигации в виде динамического двухуровневого списка более всего напоминает стандартное меню графического интерфейса. При активации элемента верхнего уровня раскрывается подменю, состоящее из соответствующих элементов второго уровня. Достоинства: Позволяет быстро получить доступ к любому элементу. Занимает мало места на странице. Недостатки: Многие реализации динамических навигационных панелей не поддерживаются старыми (редкими) браузерами.
Контрольные вопросы 1. С какими видами структур учебного материала вы познакомились? 2. Для какого вида материала применяется последовательная структура? 3. Перечислите основные виды учебной информации. 4. Для чего используется информация второго плана? 5. Что такое навигация? 6. Какие виды навигации вы знаете? 7. Что такое гиперссылка? 8. Какие виды гиперссылок вы знаете? 9. Перечислите рекомендации по оформлению гиперссылок. 10. Что такое навигационная панель? 11. Перечислите достоинства и недостатки навигационной панели в виде вертикального одноуровневого списка.
Скачать презентацию Организация навигации в обучающих программах Проектирование структуры
навигация.pptx