guid studio

Лабораторная работа №5 Тема. Разработка графического пользовательского

интерфейса.

Подготовила ст. гр. ПО-10а

Дрозд Ю.В.

Цель.

Разработка пользовательского интерфейса при помощи

специализированного графического инструмента «GUI Design Studio».

Задание:.

1. Согласно индивидуальному варианту задания при помощи «GUI

Design Studio» разработать прототип интерфейса программы.

2. Описать каждую логически законченную часть интерфейса

текстом из 5 предложений.

3. Разработать презентацию по интерфейсу, чередуя логические

части интерфейса слайдами с текстом еѐ описания. Формат презентации

будет необходим при оформлении расчѐтной работы.

Примечание: прототип программы должен охватывать весь

функционал программы.

Пр

ото

тип

Главная форма

Оп

ис

ан

ие

На прототипе главной формы изображен экран приложения

после его запуска, а так же функции тулбара.

Пункт меню «Файл» имеет функции «Создать», «Сохранить»,

«Открыть», «Сохранить…».

Пункт меню «Редактировать» имеет функцию «Редактировать», а

так же отмену повторение действия.

Пункт меню «Просмотр» имеет функцию «Режим просмотра».

Пункт меню «Справка» открывает окно, в котором находится

информация о разработчике и предметной области.

Пр

ото

тип

Оп

ис

ан

ие

На прототипе показано как загружается макет меню из

памяти компьютера.

При выборе в главном меню пункта «Файл», а в нем подпункта

«Открыть…» открывается окно загрузки, которое позволяет загрузить

меню из любой папки компьютера. При выборе файла и нажатии

кнопки подтверждения в главном окне программы открывается

выбранное меню.

Пр

ото

тип

Оп

ис

ан

ие

На прототипе показано как создается макет меню.

При выборе в главном меню пункта «Файл», а в нем

подпункта «Создать» открывается окно создания меню, которое

позволяет загрузить в него фото блюд и внести описание, цену,

название блюд.

Пр

ото

тип

Оп

ис

ан

ие

На данном прототипе показано как загружаются при

создании меню картинки.

При нажатии на прямоугольник предыдущего прототипа

«Загрузить картинку» открывается окно загрузки, в котором можно

выбрать нужное фото блюда. После выбора фото и

подтверждения в окне создания меню на месте пустого

прямоугольника загрузится фото.

Пр

ото

тип

Оп

ис

ан

ие

На прототипе показан предварительный просмотр меню.

При выборе в главном меню пункта «Просмотр» с

загруженным меню, а в нем подпункта «Режим просмотра»

открывается окно «Предварительный просмотр», которое позволяет

увидеть меню в таком виде, в каком оно будет отображаться на

фоторамке.

Об

щи

й м

аке

т