Guid studio
- 1. Лабораторная работа №5 Тема. Разработка графического пользовательского интерфейса. Подготовила ст. гр. ПО-10а Дрозд Ю.В.
- 2. Цель. Разработка пользовательского интерфейса при специализированного графического инструмента «GUI Design Studio». помощи Задание:. 1. Согласно индивидуальному варианту задания при помощи «GUI Design Studio» разработать прототип интерфейса программы. 2. Описать каждую логически законченную часть интерфейса текстом из 5 предложений. 3. Разработать презентацию по интерфейсу, чередуя логические части интерфейса слайдами с текстом еѐ описания. Формат презентации будет необходим при оформлении расчѐтной работы. Примечание: прототип программы должен охватывать весь функционал программы.
- 4. Описание На прототипе главной формы изображен экран приложения после его запуска, а так же функции тулбара. Пункт меню «Файл» имеет функции «Создать», «Сохранить», «Открыть», «Сохранить…». Пункт меню «Редактировать» имеет функцию «Редактировать», а так же отмену повторение действия. Пункт меню «Просмотр» имеет функцию «Режим просмотра». Пункт меню «Справка» открывает окно, в котором находится информация о разработчике и предметной области.
- 5. Прототип
- 6. Описание На прототипе показано как загружается макет меню из памяти компьютера. При выборе в главном меню пункта «Файл», а в нем подпункта «Открыть…» открывается окно загрузки, которое позволяет загрузить меню из любой папки компьютера. При выборе файла и нажатии кнопки подтверждения в главном окне программы открывается выбранное меню.
- 7. Прототип
- 8. Описание На прототипе показано как создается макет меню. При выборе в главном меню пункта «Файл», а в нем подпункта «Создать» открывается окно создания меню, которое позволяет загрузить в него фото блюд и внести описание, цену, название блюд.
- 9. Прототип
- 10. Описание На данном прототипе показано как загружаются при создании меню картинки. При нажатии на прямоугольник предыдущего прототипа «Загрузить картинку» открывается окно загрузки, в котором можно выбрать нужное фото блюда. После выбора фото и подтверждения в окне создания меню на месте пустого прямоугольника загрузится фото.
- 11. Прототип
- 12. Описание На прототипе показан предварительный просмотр меню. При выборе в главном меню пункта «Просмотр» с загруженным меню, а в нем подпункта «Режим просмотра» открывается окно «Предварительный просмотр», которое позволяет увидеть меню в таком виде, в каком оно будет отображаться на фоторамке.
- 13. Общий макет