
- •10.04.2013
- •Инструкция пользователя
- •Методология проектирования Модели программ и их представления
- •Функциональная модель
- •Алгоритмическая модель
- •Информационная модель
- •Событийная модель (структура состояний и переходов)
- •Пример разработки модели системы
- •Виды интерфейса:
- •Шаги реализации пользовательского интерфейса
- •Шаг 1. Знакомство с пользователем.
- •Шаг 2. Определение функционального назначения интерфейса
- •Шаг 3. Применение принципов хорошего интерфейса (приятных визуализаций)
- •Шаг 4. Определение количества, составов и параметров окон интерфейса (Для оконного интерфейса)
- •Окно свойств
- •Диалоговое окно (окно справки)
- •Окно сообщений
- •Всплывающее окно
- •Шаг 5. Создание системного меню
- •Шаг 6. Определение состава и параметров аппаратных устройств управления интерфейсом и программным продуктам
- •Шаг 9. Выбор цветовой гаммы интерфейса и определения параметров надписей для его компонентов
- •Пример выполнения интерфейса для программы пополнения словаря
- •Отладка программного обеспечения
- •Тестирование программных продуктов
Шаг 9. Выбор цветовой гаммы интерфейса и определения параметров надписей для его компонентов
Разработка эскиза интерфейса разрабатывается следующим образом
Эскизы окон и элементы управления выполняют в монохромной цветовой гамме.
По согласованию с заказчиком. Выбирается цветовая гамма элементов интерфейса в оттенках серого холодного спектра.
ВНИМАНИЕ!!! Использование красного цвета в интерфейсах рекомендуется только для предупреждающих элементов, поскольку он обозначает безусловное внимание.
Определяется минимальный набор символов для надписи в элементе, по формуле: hэн >= (0.003 – 0.005)*L(опт),гдеhэн– минимально допустимая высота символа на экране,L(опт) – оптимальное расстояние от монитора до оператора по линии оптической оси монитора,L(опт) вычисляется по формуле L(опт)>=(4 - 6)*15.24*D, гдеD – значение диагонали монитора в дюймах, 15.24 – условный коэффициент пересчета дюймов диагонали в сантиметры высоты (для мониторов с соотношением сторон 3:4). В общем случае если заранее неизвестна диагональ монитора считается допустимой высота шрифта надписей12pt.в начертанииTahoma.
Пример выполнения интерфейса для программы пополнения словаря
На основе функциональной модули определяем след функции подлежащие реализации в интерфейсе – непосредственно функция слияния, функция сохранения файла словаря на диск.
Пополнение словаря
Файл
ПОПОЛНЕНИЕ
Главное окно программы будет иметь вид:
СОХРАНИТЬ
ВЫХОД
Текст
сообщения! ОК
При
нажатии кнопки «ПОПОЛНЕНИЕ» производится
слияние файла дополнения с файлом
словаря и генерируется сообщение. Для
вывода сообщения использую окно вида:
Заголовок
сообщения
Рис. 2
Окно
блокирует работу интерфейса до получения
ответа пользователя.
При нажатии
клавиши «СОХРАНИТЬ» выполняется пере
сохранение файла словаря на ЖД, с
последующей выдачей сообщения: «Данные
сохранены!». Сообщение выдается вида
Рис. 2.
При нажатии кнопки «ВЫХОД»
происходит выход из программы, при этом
если изменения не были сохранены выдается
сообщение: «Данные нес охранены!». Для
сообщения используется окно вида:
Принять Отмена
При нажатии кнопки «ПРИНЯТЬ» выполняется запись словаря на ЖД с последующим завершением работы программы. При нажатии кнопки «ОТМЕНА» происходит завершение работы программы без внесение изменений. Анализируя алгоритмическую модель определяем, что в момент загрузки программы, а также в случае поступлений дополнения словаря при работе программы генерируется сообщение вида «Есть новые дополнения!». Сообщения генерируются в форме окна Рис. 3. При нажатии кнопки «ПРИНЯТЬ» выполняется действие аналогичной в кнопки «ПОПОЛНИТЬ», при нажатии кнопки «Отмена» открывается главное окно программы. Окно – рис. 3
Главное меню системы представлено двумя командами: Файл, Справка.
ПРОГРАММА ПОПЛНЕНИЕ СЛОВАРЯ
Версия 1.0
Которое закрывается в момент загрузки программы и появления главного рабочего окна.
ДЗ 1
РАЗРАБОТАТЬ ЭКСКИЗЫ ОКОН ИНТЕРФЕЙСА ДЛЯ ПРОГРАММЫ
Лабораторная работа №5
Тема: Разработка эскиза интерфейса пользователя.
Цель: Закрепление теоритических знаний по теме «Интерфейс пользователя», а также выработка навыков выполнения проектных работ.
Порядок выполнения работы
Пользуясь материалами лабораторных работ №3 и №4 разработать эскизы окон интерфейса программы.
Тестирование Программного Обеспечения
Понятие о тестировании и отладки
Тестирование– это процесс запуска программы на выполнение с целью обнаружения в ней ошибок. Выделяют 3 вида тестирования:
Компонентное Применяется к логически функционально завершенным фрагментам программного кода для обнаружения в них ошибок.
Комплексное (Тестирование единого целого) Применяют к собранному программному продукту для обнаружении ошибок во взаимодействии его компонентов.
Итоговое (Приёмо-сдаточное) Применяют к окончательной сборки программного продукта при ее передачи заказчику. Целью такого тестирования является подтверждение работоспособности программного продукта.
Тест– это набор входных данных вместе с ожидаемым результатом работы программы для данного конкретного набора.
Отладка – это процесс запуска программы на выполнение с целью обнаружения и устранения в ней ошибок.
Основным отличиемтестированияиотладкиявляется то, что тестирование устанавливает факт наличия ошибки, а отладка выясняет причину возникновения ошибки.