Моделирование интерфейса пользователя

Продолжительность лабораторной работы - 2 академических часа.

Раскадровка

Удобным инструментом макетирования пользовательского интерфейса реализации требований пользователя является PowerPoint, который интегрирован с Visual Studio 2012. Для Элементов задела работы продукта имеется возможность создать раскадровку представления экранных форм или веб-страниц приложения. Раскадровка предназначена для предварительного обсуждения основных решений пользовательского интерфейса.

Для создания раскадровки необходимо открыть Элементы задела работы продукта. Это можно сделать на веб-сайте проекта ( рис. 14.1) или из дизайнера командных проектов Visual Studio ( рис. 14.2)

увеличить изображение
Рис. 14.1. Веб-сайт проекта - Элемент задела работы продукта

увеличить изображение
Рис. 14.2. Visual Studio - Элемент задела работы продукта

В окне Элементов задела работы продукта ( рис. 14.1, рис. 14.2) выделите вкладку ЭЛЕМЕНТЫ STORYBOARD (1) и выберите ссылку Начать раскадровку (2).

Презентация интерфейса

Начальная страница PowerPoint приведена на рис. 14.3. Используя фигуры раскадровки, создайте слайд макета требуемых Windows-окон или веб-страниц разрабатываемого приложения. На рис. 14.4 приведен пример веб-страницы Преподаватели для проекта Расчет учебной нагрузки преподавателей.

Созданную презентацию пользовательского интерфейса приложения, необходимо сохранить для обеспечения к ней доступа всех заинтересованных лиц. Сохранение файла раскадровки необходимо провести в сетевой папке или на сайте SharePoint.

увеличить изображение
Рис. 14.3. Начальная страница PowerPiont

увеличить изображение
Рис. 14.4. Страница - Преподаватели