Пояснительная записка На тему: «Проектирование программного пользовательского интерфейса для электронной социально-ориентированной системы поддержки очного обучения»

Оглавление 2

Введение 5

Цель работы 5

Задачи, решаемые в ходе работы 5

Обзорно-аналитическая часть 6

Обзор существующих подходов к проектированию пользовательских интерфейсов 6

Обзор существующих методов юзабилити-тестирований 9

Обзор существующих систем управления обучение 11

Анализ юзабилити-свойств существующих систем управления обучением 12

Формат курса и расположение элементов 12

Объявления, сообщения / Новости 15

Уроки / Документы по курсу 16

Форум 17

Представление заданий 18

Коллективная работа и коммуникативные средства 19

Зачетная книжка 20

Выводы. 21

Обзор средств прототипирования 21

PowerPoint и Keynote 21

Visio и OmniGraffle 22

Axure RP 22

Adobe Fireworks 23

Balsamic Mockups 23

Flash и Flash Catalyst 23

Практическая часть 24

Роли в системе 24

Цели и задачи проекта 24

Пользовательские требования 25

Требования студентов при работе с системой: 25

Навигация 26

Модель навигации для роли «Преподаватель» 27

Модель навигации для роли «Студент» 27

Концептуальное проектирование 29

Общая компоновка экранных форм 29

Header 30

Главная страница 31

Раздел «Учеба» 32

Раздел «Люди» 43

Раздел «Моя страница» 47

Раздел «Настройки» 48

Выводы 49

Детальное проектирование 50

Общая компоновка экранных форм 50

Header 50

Главная страница 50

Раздел «Учеба» 52

Раздел «Люди» 63

Раздел «Моя страница» 66

Раздел «Настройки» 67

Экспериментальная часть 72

Описание работы 73

Описание метрик 74

Сравнительный анализ 75

Время выполнения тестовых заданий 75

Задание 1 76

Задание 2. Заполнение контентом электронной лекции 76

Задание 3. Создание теста 78

Итоги 85

Выводы 86

Приложение 1. Обзор средств дистанционного обучения. 88