Указания методические по выполнению курсовой работы по дисциплине «Интерфейсы асоиу» для студентов специальности 230102 Автоматизированные системы обработки информации и управления ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ РФ ТОМСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ СИСТЕМ УПРАВЛЕНИЯ И РАДИОЭЛЕКТРОНИКИ (ТУСУР) Кафедра автоматизации обработки информации (АОИ) УТВЕРЖДАЮ Зав. каф. АОИ, профессор ___________Ю.П. Ехлаков "____" _____________ 2006 г. МЕТОДИЧЕСКИЕ УКАЗАНИЯ ПО ВЫПОЛНЕНИЮ КУРСОВОЙ РАБОТЫ по дисциплине «Интерфейсы АСОИУ» для студентов специальности 230102 – Автоматизированные системы обработки информации и управления Разработчик: Ст. преподаватель каф. АОИ ___________ Т.А. Петкун Томск 2006 СОДЕРЖАНИЕ 1. Введение …………………………………………………… 3 2. Содержание курсовой работы …………………………….. 3 3. Требования к оформлению отчетов ………………..…….. 8 4. Рекомендуемая литература ……………………………….. 10 Приложение 1. Варианты индивидуального задания ……… 11 Приложение 2. Применение рейтинговой системы ………… 12 Приложение 3. Пример оформления титульного листа ………… 13 1. ВВЕДЕНИЕ по дисциплине «Интерфейсы АСОИУ» имеет целью: получение навыков самостоятельной разработки пользовательских интерфейсов информационных систем в соответствии с типовой технологией проектирования и с учетом принципов создания дружественных интерфейсов, рассмотренных в процессе изучения дисциплины. Для выполнения курсовой работы студент получает от преподавателя индивидуальное задание – название информационной системы, для которой осуществляется создание интерфейса. Список вариантов индивидуального задания приведен в приложении 1. 2. ОБЩИЕ ТРЕБОВАНИЯ К КУРСОВОМУ ПРОЕКТУ Темы заданий выдаются преподавателем из списка прилагаемых тем (приложение 1). Студент планирует свою работу над проектом самостоятельно с учетом рекомендаций преподавателя. Студент обязан в рамках установленный занятий по курсовой работе докладывать преподавателю о проделанной работе и согласовывать промежуточные результаты проектирования. Результаты курсовой работы студент оформляет в виде пояснительной записки, содержание которой должно соответствовать требованиям, изложенным в настоящем пособии. 3. СОДЕРЖАНИЕ КУРСОВОЙ РАБОТЫ В процессе выполнения курсовой работы студент должен выполнить следующие этапы работы: 3.1. Определение назначения системы и создание каталога пользователей Необходимо определить назначение системы, ее функции, входные и выходные данные. В каталоге пользователей следует описать группы предполагаемых пользователей. Для каждой группы нужно указать тип пользователей (случайный, регулярный, программист, оператор), уровень знаний в области информационных технологий, профессию (если это имеет значение) и др. информацию. 3.2. Создание каталога требований Каталог требований включает в себя: · требования (ограничения) к оборудованию, т.е. вычислительной технике; · требования от технологии использования программного продукта (как часто будет использоваться, с какими системами должен сопрягаться, какой объем работ будет с его помощью выполняться и т.д.); · требования от пользователей (стиль интерфейса на основе личных и профессиональных привычек, опыта и др.). На основании анализа требований выбирается инструмент (программная среда) для создания Вашей системы, например, Delphi, Access, C++Builder. 3.3. Построение структуры диалогового взаимодействия Выделите отдельные функциональные блоки, составляющие Вашу систему и отдельные блоки данных (файлы, базы данных). Составьте спецификацию на каждый функциональный блок (или на основные блоки). Примерная структура спецификации приведена в таблице 1. Таблица 1 Спецификация функционального блока Атрибут Значения Назначение Описание назначения блока, его цели Описание Общий обзор действий блока Внешнее отображение Связанные с блоком экранные элементы (окно) Входные/выходные данные Содержание входных и выходных потоков данных База данных Используемая блоком постоянная информация Входные/выходные сигналы управления Содержание входных и выходных сигналов управления и действий, осуществляемых по этим сигналам Составьте структуру взаимодействия объектов (функциональных блоков, файлов и пользователей), в которой необходимо отразить потоки данных и потоки управления. Пример схемы взаимодействия приведен на рис. 1. Опишите все потоки данных и потоки управляющей информации. Обозначение потоков данных начинается с буквы D (Data), потоков управления - с буквы C (Control). После буквы через черточку указывается блок-отправитель и блок-получатель потока. Например, описание потоков данных и управления, которыми обмениваются блок 2 "пользователь" и блок 4 "поиск данных" может быть следующим: C2-4 - команда проведения поиска D4-2 - система запрашивает ввод шаблона поиска D2-4 - пользователь вводит шаблон поиска Можно привести функциональную модель системы, созданную по технологии IDEF0 или UML (диаграммы Use case и/или Activity) . Вся информация о взаимодействии системы с пользователем может быть сведена к матрице "роль пользователя/ функция системы", структура которой приведена в таблице 4. Таблица 4 Матрица "роль пользователя/ функция системы" Функциональный блок Роль пользователя управление входные данные выходные данные Функция 1 Функция 2 3.4. Разработка интерфейсных объектов . При разработке меню и экранных форм, в том числе окон, диалоговых панелей и др. Вы должны учитывать принципы создания дружественных интерфейсов, изложенные в лекционном материале: - принцип минимального рабочего усилия; - принцип экономии памяти пользователя; - принцип минимального времени на обучение; - принцип согласованности элементов интерфейса; - принципы учета возможностей пользователя (уровня знаний в области ВС, профессиональных привычек, общепринятых традиций и ассоциаций, индивидуальных особенностей пользователя.); - принцип отображения текущего состояния процесса - принцип визуализации; - принцип "помощи" пользователю - принцип объяснения результатов - принцип диагностики ошибок и отказов - принцип контроля доступа - принцип активности пользователя - принцип открытости, изменяемости системы Кроме того, Вы должны руководствоваться правилами использования цвета и форматирования экранных форм: 1. Данные должны располагаться так, чтобы пользователь мог просматривать их в логической последовательности. Как правило, направление просмотра - из левого верхнего угла слева направо и сверху вниз. 2. Данные должны располагаться так, чтобы пользователь мог идентифицировать связанные группы информации. Отдельные группы логически связанных данных можно отделять вертикальными и горизонтальными линиями, помещать в отдельные ниши, панели. 3. Информация должна располагаться так, чтобы окно было композиционно "уравновешенным", т.е. "центр тяжести" должен быть примерно посредине окна. Желательно также, чтобы информация не была слишком плотной, чтобы не утомлять пользователя. 4. Расположение одинаковой или сходной информации в различных окнах должно быть согласованно. Желательно использование единого шаблона. Во время проектирования изображений полезно нарисовать их на разлинованной бумаге. При этом те элементы, которые являются общими для различных изображений (например, кнопки Ok, Cancel) следует помещать в одно место. 5. Выбор цвета и цветовых сочетаний не должен быть хаотичным. Вот несколько советов по использованию цвета: - используйте минимальное количество цветов (не более 3 - 4-х), т.к. слишком пестрые изображения быстро утомляют глаза; - для фона лучше использовать более спокойные тона. Если в изображении используется большое количество цветов, фон лучше сделать белым или серым. На светлом фоне цвета кажутся ярче и легче воспринимаются при различном внешнем освещении; - текст и изображение должны четко выделяться на фоне. Нельзя использовать желтый цвет на белом фоне и синий - на черном; - некоторые комбинации неприятны для глаз, например, голубой цвет символов на красном фоне; - нужно учитывать общепринятые представления о цветах. Например, красный цвет считается цветом опасности и его лучше использовать в сообщениях об ошибках. При создании справочной службы Вашей системы используйте правила и советы по созданию системы справок: 1. Полезно организовывать систему справок таким образом, чтобы она имела древовидную структуру. Самый первый раздел должен содержать перечень основных разделов. Это своеобразный каталог (содержание) всей справочной информации. Любой раздел может содержать список подчиненных разделов (см. рис. 2). Не следует делать слишком запутанную систему ссылок, это лишь затруднит пользователю поиск нужной справочной информации. 2. Каждый раздел, по возможности, должен полностью отображаться в распахнутом окне. Избегайте слишком длинных пояснений, длинный раздел лучше разбить на несколько связанных подразделов. Учтите, что люди считают текст на экране гораздо медленнее, чем напечатанный текст. 3. Старайтесь излагать справочную информацию простым и ясным языком с использованием примеров, иллюстраций. Можно использовать юмор, но не переусердствуйте в этом. Не используйте профессиональный жаргон. 4. Избегайте тесноты "монолитный" текст очень утомляет и затрудняет усвоение информации. Вставляйте пустые строки, абзацы, рисунки, выделяйте важную информацию шрифтом и цветом. Но помните, что слишком "раскрашенный" текст тоже может утомлять. 3.5. Программирование и отладка системы В соответствии с разработанным проектом создайте систему с помощью выбранного Вами инструмента (программной среды). 4. Требования к оформлению отчетов По результатам курсовой работы оформляется отчет. Оформление отчета должно соответствовать требованиям стандарта ОС ТУСУР 6.1-97. Рекомендуется следующее содержание отчета: - титульный лист, - содержание, - введение, - основная часть, - заключение, - список использованных источников; - приложения. Пример оформления титульного листа приведен в приложении 2. Введение должно содержать цель курсовой работы, основные принципы, положенные в основу ее проведения, ее значение и область применения. Основная часть работы должна отражать процесс и результаты проектирования пользовательского интерфейса. Примерное содержание основной части работы: - назначение системы; - основные функции системы; - каталог пользователей; - каталог требований к интерфейсу; - выбор программного средства реализации; - структура диалогового взаимодействия с пользователем; - основные экранные элементы интерфейса; - структура справочной системы. Заключение должно содержать краткие выводы по результатам выполненной работы. Список использованных источников оформляется согласно стандарту. В приложении приводятся: - руководство пользователя (обязательное приложение); - распечатка программы или фрагмента, отражающего реализацию интерфейса (рекомендуемое приложение). 5. Рекомендуемая литература 1. Силич М.П. Интерфейсы АСОИУ (интерактивные системы): Учебное пособие. - Томск: Томский межвузовский центр дистанционного образования, 2000. - 96 с. 2. Силич М.П. Интерфейсы АСОИУ (интерактивные системы): Учебное методическое пособие. - Томск: Томский межвузовский центр дистанционного образования, 2000. - 37 с. 3. Джеф Раскин. Интерфейс. Новые направления в проектировании компьютерных систем — Санкт-Петербург-Москва: Симво 2005 4. Тео Мандел. Дизайн интерфейсов —Москва: ДМК 2005 5. Гультяев А.К., Машин В.А. Проектирование и дизайн пользовательского интерфейса — Санкт-Петербург: Корона принт 2004 6. Зиндер Е.З. Новое системное проектирование: информационные технологии и бизнес-реинжиниринг// СУБД. – 1996. – №1. – С. 20 – 35. 7. Кириллов В.П. SSADM - передовая технология разработки автоматизированных систем // Компьютеры + программы. – 1994. - №2. - С. 8-16. 8. Минаси М. Графический интерфейс пользователя: секреты проектирования: Пер. с англ. - М.: Мир, 1996. - 160 с. 9. Гордиенко А.П. Пользовательский интерфейс в графических приложениях: объектно-ориентированный подход// Пользовательский интерфейс: исследование, проектирование, реализация. – Орел. - 1993. - №1. - C. 52-57 10. Как создать графический шедевр: несколько практических рекомендаций разработчикам графических интерфейсов пользователя// ComputerWorld-Moscow. – 1995. - №3. - С. 40- Приложение 1 Варианты индивидуального задания 1. Электронный ежедневник 2. Справочная система «Библиография» для хранения и выдачи информации о книгах 3. Система резервирования авиабилетов 4. Справочная система «Документ» для хранения и печати документов различного вида 5. Справочная система «Успеваемость» для хранения информации о текущей успеваемости студентов 6. Телефонный справочник 7. Система в помощь переводчику с английского языка (перевод выделенных в тексте слов с помощью словаря, пополнение словаря) 8. Справочная система аэропорта 9. Диалоговая система по обмену жилья 10. Обучающая система (вывод обучающей информации по некоторой теме и проведение тестирования по данной теме) 11. Диалоговая система оценки знания правил дорожного движения 12. Справочная система по вузам для абитуриентов 13. Графическая система «Планировщик» для размещения мебели на плане комнаты (задание габаритов комнаты, мебели, передвижение с помощью «мыши» контуров мебели на плане) 14. Справочная система по курсам валют 15. Справочная система «Кулинария» для хранения и выдачи рецептов блюд (по выбранной пользователем категории, виду кухни) 16. Справочная система по туристическим маршрутам 17. Выбор места в самолете (отметка на плане салона самолета забронированного места и ввод информации о пассажире) 18. Система для определения соционического типа 19. Система «Склад» для хранения и выдачи информации о товарах 20. Психологический тест 21. Справочная система «Фильмотека» для хранения и выдачи информации о фильмах 22. Справочная система «Меломан» для хранения и выдачи информации об аудиоальбомах 23. Система «Бюджет семьи» для контроля доходов и расходов семьи 24. Генератор кроссвордов 25. Выбор места в театре (отметка на плане зарезервированного места и ввод информации о клиенте) Приложение 2 Применение рейтинговой системы Форма отчетности — дифференциальный зачет Максимальный рейтинг — 120 баллов Вид контроля Баллы Контрольное собеседование 10 Функциональная достаточность приложения 20 Удобство разработанного пользовательского интерфейса 20 Внешний вид пользовательского интерфейса 20 Справочная система 20 Оформление отчета 20 Защита курсовой работы 10 Всего 120 Методика формирования текущего рейтинга При сдаче курсовой работы позже установленного срока студент может потерять до 50% баллов. Приложение 3 Пример оформления титульного листа ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ ТОМСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ СИСТЕМ УПРАВЛЕНИЯ И РАДИОЭЛЕКТРОНИКИ (ТУСУР) Кафедра автоматизации обработки информации (АОИ) ПРОЕКТИРОВАНИЕ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА СПРАВОЧНОЙ СИСТЕМЫ «УСПЕВАЕМОСТЬ» по дисциплине «Интерфейсы АСОИУ» Выполнил: Студент гр. 425-1 __________ А.С. Иванов «___»___________ 2006 г. Руководитель: Ст. преподаватель каф. АОИ ____________ Т.А. Петкун «___»___________ 2006 г.