Разработка интерфейса прикладного программного обеспечения с использованием моделей построения нестандартных элементов управления "CyberCalk 1.0."
Курсовой проект - Компьютеры, программирование
Другие курсовые по предмету Компьютеры, программирование
?ВНЫХ ЭЛЕМЕНТОВ УПРАВЛЕНИЯ
3.1 Описание назначения основных окон приложения, элементов управления
В программе разработаны: диалоговое окно входа в программу Form2, основное окно Form1 и окно калькулятора Form4 .
Диалоговое окно входа в программу представлено на рисунке 3.1
Рисунок 3.1 - Диалоговое окно входа в программу
Данное диалоговое предназначено для отображения логотипа компании разработчика, в рекламных целях, названия программы и элементов управления подтверждения входа в программу. По нажатия на кнопку ОК будет выполнен вход в основной модуль программы. По нажатия на кнопку CANCEL вся программа завершит свое выполнение.
Основное окно Form1 представлено на рисунке 3.2. Рассмотрим более детально каждый элемент интерфейса.
Рисунок 3.2 - Основное окно
На рисунке 3.3 представлена строка меню, на которой размещены следующие пункты меню: Файл - Открыть : Сохранить : Выйти; Редактировать - Undo: Redo; Калькулятор - Показать: Скрыть; Справка - О программе.
Рисунок 3.3 - Строка меню
На рисунке 3.4 представлена зона текстового редактора с экранной клавиатурой. При нажатия сочетания клавиш (последовательно) CTRL и SHIFT будет изменен язык ввода, при нажатии на клавишу Caps Lock будет выбран либо нижний, либо верхний регистр введения данных в текстовое поле.
нестандартный управляющий элемент визуализация алгоритм
Рисунок 3.4 - Окно выбора источника видео информации и запуск потока
На рисунке 3.5 представлена строка состояния, на которой отображается текущий язык ввода.
Рисунок 3.5 - Строка состояния
На рисунке 3.6 представлено полупрозрачное окно калькулятора, на котором располагаются следующие элементы: текстовое поле для ввода данных с клавиатуры, зона управляющих элементов, которые реализовывают основную задачу программы (функциональность). Ввод данных происходит следующим образом: пользователь вводит первое число, нажимает на кнопке нужной операции, вводим второе число, нажимает кнопку =. При нажатии на клавишу ВСТАВИТЬ ДАННОЕ, число из тестового поля калькулятора будет перемещено в текстовое поле главного окна.
Рисунок 3.6 - Окно калькулятора
На рисунке 3.7 представлено полупрозрачное окно Справка, на котором располагается изображение с название программы и кратким описанием ее предназначения.
Рисунок 3.7 - Окно Справка
3.2 Описание функциональности ПО и способов взаимодействия пользователя с ним
Вход в программу осуществляется следующим образом:
. Пользователь запускает EXE файл программы;
. В диалогом окне входа в программу пользователю необходимо выбрать клавишу ОК для запуска основного модуля приложения, либо CANCEL, чтобы завершить сеанс работы программы;
. После нажатия клавиши ОК откроется корневое - основное окно приложения Form.
Запуск окна калькулятора выполняется следующим образом:
. В строке меню необходимо выбрать Калькулятор - Показать;
. На экране откроется окно калькулятора.
Вставка данных из калькулятора в блокнот выполняется следующим образом:
.После расчетов необходимых расчетов в окне калькулятор нажимается клавиша ВСТАВИТЬ ДАННОЕ. Окно калькулятора закрывается, данное вставляется в текстовый редактор.
3.3 Описание принципов композиции и организации элементов управления и визуализации, а также описание выбранного стиля и цветовой гаммы
Назначение данного приложение обуславливает принципы композиции и элементы управления, использованные для создания данного приложения, которое написанно на языке C#. Как следствие были использованы стандартные компоненты Windows-приложений, такие как многооконный графический интерфейс (MDI), TextBox, Button, Label, RichTextBox, PictureBox, Panel, Timer, StatusBar.
Рассмотрим применение указанных компонентов.
В диалоговом окне Form2 использовались элементы: Button для подтверждения или отмены входа в основной модуль программы , Region для создания эффекта прозрачности и ограничения окружения - полей окна, PictureBox - для организации заднего фона и мигающей надписи программы, Timer - для задания периодических миганий надписи.
В окне Form1 были использованы компоненты: Panel для структурного размещения всех элементов в корневом окне, Button - для организации экранной клавиатуры, RichTextBox - для создания текстового поля, StatusBar для отображения метки текущего языка, MenuStrip - для организации горизонтальной ленты меню.
В окне Form4 были использованы: Panel для структурного размещения всех элементов на окне, TextBox - для создания текстового поля для ввода данных, Button - для создания кнопок, которые контролируют работу калькулятора, PictureBox - для создания заднего фона.
Выбранные цветовая модель и градации гаммы приятны для пользователя и не вызывают раздражений. В качестве заднего фона использовался сложный темный рисунок, что выделяет остальные компоненты интерфейса на нем. Все окна и панели выполнены в одном стиле, что обеспечивает связность представляемой информации. Темно- синие и ярко-зеленые тона позволяет визуально сократить пустые области, создают эффект свечения. Полосы меню и статуса языка выполнены в градациях серого, для визуального ограничения окна, в котором нет полосы контролирования окна.
4. РАЗРАБОТКА АЛГОРИТМОВ И БЛОК-СХЕМ, ОПИСЫВАЮЩИХ ФУНКЦИОНАЛЬНОСТЬ ПО
Представим некоторые функции программы в виде блок-схемы.