Разработка оптимального программного обеспечения: создание раскадровок и сбор отчетов об ошибках от заинтересованных лиц при помощи Visual Studio 11

Общие сведения

Как часто разработчик создает программное обеспечение, которое пользователи просили, но не совсем то, которое они хотели? Проекты по разработке программного обеспечения становятся все более сложными, поэтому очень важно четко фиксировать требования пользователей, которые затем будут учтены в процессе создания программного обеспечения. В этом упражнении вы узнаете о том, каким образом новые возможности Visual Studio 11 позволяют быстро создавать раскадровку предъявляемых требований, а также, по мере развития разрабатываемого вами программного обеспечения, собирать отзывы и предложения от пользователей с целью доработки и оптимизации поставляемых решений.

Необходимые условия

Для этого практического занятия вам понадобится виртуальная машина Visual Studio 11, предоставляемая Microsoft. Для получения дополнительных сведений о получении и использовании этой виртуальной машины выберите ссылку.

Информация о сценарии Fabrikam Fiber

В этой группе практических занятий для более удобного изучения сценариев упоминается вымышленная компания Fabrikam Fiber, которая предоставляет доступ к кабельному телевидению и оказывает сопутствующие услуги в США. С целью масштабирования своего веб-сайта для клиентов она использует приложение Windows Azure, чтобы предоставить конечным пользователям возможность самообслуживания и отслеживания доступности технических специалистов. В компании используется также локальное приложение ASP.NET MVC для повышения эффективности работы представителей отдела обслуживания клиентов. Приложение позволяет управлять процессом выполнения заказов клиентов.

В рамках этой группы практических занятий вы примете участие в ряде сценариев, в которые вовлечены разработчики и тестировщики компании Fabrikam Fiber. Рабочая группа из 8-10 специалистов решила использовать инструменты управления жизненным циклом приложений Visual Studio для управления исходным кодом, запуска сборок, проверки веб-сайтов, а также планирования и мониторинга процесса реализации проекта.

Упражнения

Это практическое занятие включает следующие упражнения:

1.     Краткое описание раскадровки.

2.     Сбор отзывов и предложений при помощи инструмента Microsoft Feedback Manger (диспетчер обратной связи Microsoft).

Примерная продолжительность практического занятия: 60 минут.

В этом упражнении вы узнаете, как использовать специализированную надстройку PowerPoint в процессе создания раскадровки приложений. Мы проанализируем существующий файл раскадровки и добавим в него несколько новых слайдов для обращения к дополнительному пользовательскому описанию функциональности.

1.     Войдите в систему с логином Annie. Этот сотрудник несет ответственность за представление интересов клиентов и взаимодействие с пользователями. Для всех учетных записей используется пароль P2ssw0rd.

2.     Сначала определим местоположение существующей раскадровки. Запустите Internet Explorer и нажмите кнопку TFS Project Portal (Портал проекта TFS) на панели Favorites (Избранное), чтобы загрузить панель мониторинга.

Рисунок 1

Портал проекта Fabrikam Fiber

3.     Щелкните ссылку Shared Documents (Общие документы), чтобы открыть библиотеку, в которой расположен файл PowerPoint под названием "FF Storyboard - Start".

Рисунок 2

Местоположение ссылки Shared Documents (Общие документы)

4.     Щелкните ссылку на файл "FF Storyboard - Start", чтобы открыть его в PowerPoint.

Рисунок 3

Местоположение начального файла раскадровки

5.     Нажмите желтую кнопку Enable Editing (Разрешить редактирование) в верхней части окна PowerPoint.

Рисунок 4

Разрешаем редактирование файла раскадровки

6.     Выберите вкладку Storyboarding (Раскадровка) в верхней части окна PowerPoint.

Рисунок 5

Исходное представление раскадровки в PowerPoint, вкладка Storyboarding (Раскадровка)

7.     Эти слайды раскадровки показывают, как можно использовать новую надстройку PowerPoint для раскадровки в процессе создания макетов пользовательского интерфейса мобильных и веб-приложений. Образцы слайдов и различные макеты позволяют создать повторно используемые шаблоны для вашего приложения. Нажмите кнопку Layout (Макет), чтобы просмотреть некоторые макеты, доступные в данном файле раскадровки PowerPoint.

Рисунок 6

Образцы слайдов и макеты

8.     Нажмите клавишу F5, чтобы просмотреть раскадровку в режиме презентации. Просмотрите все слайды, используя мышь или клавишу СТРЕЛКА ВПРАВО для перехода на следующий слайд. Обратите внимание, что раскадровка дает представление о внешнем виде и функциях определенных элементов веб-приложения и приложения Windows Phone 7. Анимация используется для моделирования взаимодействия пользователя с приложением.

Давайте создадим несколько дополнительных раскадровок для узла интрасети Fabrikam Fiber, на котором сотрудники работают с данными клиентов и билетами службы. При создании раскадровки целесообразно документировать определенные сценарии с целью подготовки пользовательских описаний функциональности для разработчиков, которые занимаются внедрением и тестированием продукта. Предположим, что в Team Foundation Server имеется позиция журнала невыполненных работ по продукту, которая представляет собой пользовательское описание: Service rep can view service ticket details from the dashboard(Представитель службы поддержки может просмотреть сведения о билете службы из панели мониторинга).

9.     Удалите все существующие слайды, чтобы сосредоточиться на новом пользовательском описании, последовательно нажимая клавишу DELETE (или нажав клавиши CTRL + A, а затем клавишу DELETE).

Рисунок 7

Удаление всех существующих слайдов

10.  Нажмите разворачивающуюся кнопку New Slide (Новый слайд) и выберите макет 1_Default в образце слайдов Web Browser (Веб-браузер).

Рисунок 8

Создание нового слайда на основе образца

11.  На новом слайде раскадровки вы увидите все элементы выбранного образца. Здесь присутствуют все элементы интерфейса веб-приложения, что позволяет сделать наши слайды раскадровки целостностными и согласованными.

Рисунок 9

Новый слайд, созданный на основе выбранного образца

12.  Обратите внимание, что образец слайдов также содержит несколько заполнителей для заголовка и адреса веб-страницы, которые можно редактировать. Измените заполнитель Web page title (Заголовок веб-страницы), введя взамен этого Dashboard (Панель мониторинга). На этом слайде будет представлена страница панели мониторинга, которая предназначена для отображения сведений о билетах, предупреждениях и сообщениях, а также другой корпоративной информации.

Рисунок 10

Редактирование заполнителей в слайде, созданном на основе образца

13.  Немного отвлечемся и загрузим сайт интрасети Fabrikam Fiber в Internet Explorer, нажав на кнопку FF Intranet Portal (Портал интрасети Fabrikam Fiber) на панели Favorites (Избранное) [http://intranet.fabrikam.com]. На экране появится страница Dashboard (Панель мониторинга). Взгляните на присутствующие здесь элементы пользовательского интерфейса. Мы можем использовать некоторые из них в раскадровках.

Рисунок 11

Dashboard (Панель мониторинга) на портале интрасети Fabrikam Fiber

14.  Вернемся в PowerPoint и добавим новый элемент Text Box (Текстовое поле) к первому слайду.

Рисунок 12

Добавление элемента Text Box (Текстовое поле) к слайду

15.  Введите текст Dashboard (Панель мониторинга) в новом текстовом поле, чтобы создать заголовок для данной страницы. Поместите его, как показано на следующем снимке экрана. Установите для текста параметр bold (Жирный), используйте размер текста 16 и цвет фона gray (Серый).

Рисунок 13

Добавление содержимого к слайду раскадровки

16.  Теперь создадим кнопку под названием Create New (Создать новый) и разместим ее под заголовком Dashboard (Панель мониторинга). Нажмите кнопку Storyboard Shapes (Фигуры раскадровки), если соответствующая панель не была открыта ранее.

Рисунок 14

Открываем окно Storyboard Shapes (Фигуры раскадровки)

17.  В правой части панели Storyboard Shapes (Фигуры раскадровки) введите текст "button" в поле поиска, чтобы найти фигуру Button (Кнопка).

Рисунок 15

Поиск в библиотеке фигур

18.  Перетащите экземпляр фигуры Button (Кнопка) на слайд.

Рисунок 16

Добавление фигур в раскадровку

19.  Вместо текста по умолчанию введите Create New (Создать новый), выберите цвет white (Белый) для текста и orange (Оранжевый) для фона фигуры, чтобы привести ее в соответствие с принятым дизайном. Предположим, что у Fabrikam Fiber есть утвержденные требования к пользовательскому интерфейсу, которые мы должны соблюдать.

Рисунок 17

Изменение новой фигуры кнопки

20.  Вы можете создавать собственные фигуры и использовать их в дальнейшем в процессе подготовки раскадровок. Выберите кнопку, которую вы только что создали, и нажмите кнопку Add to My Shapes (Добавить в "Мои фигуры"). В качестве названия новой фигуры введите Fabrikam Button (Кнопка Fabrikam).

Рисунок 18

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

21.  Повторное использование существующих активов позволяет ускорить процесс раскадровки. В данном случае мы будем использовать вырезку экрана оставшейся части существующей страницы панели мониторинга, вместо того чтобы добавлять реальную таблицу данных и заполнять ее вручную. Прежде всего, убедитесь, что ничто не закрывает обзор окна Internet Explorer, в котором в настоящее время открыт портал интрасети Fabrikam Fiber. Затем на вкладке Storyboarding (Раскадровка) в PowerPoint нажмите разворачивающуюся кнопку Screenshot (Снимок экрана) и выберите пункт Screen Clipping (Создать вырезку экрана).

Рисунок 19

Использование вырезки экрана для ускорения процесса создания раскадровки

22.  После того, как окно PowerPoint будет автоматически свернуто для отображения недоступной страницы Fabrikam Fiber Dashboard (Панель мониторинга Fabrikam Fiber), щелкните левый верхний угол таблицы и, удерживая левую кнопку мыши, переместите курсор в правый нижний угол, захватив область оповещений, сообщений и т. д. Отпустите левую кнопку мыши, чтобы выбрать область для создания вырезки экрана.

Рисунок 20

Выделение области для создания вырезки экрана

23.  В PowerPoint разместите вырезку экрана таким образом, чтобы она гармонично смотрелась прямо под кнопкой Create New (Создать новый).

Рисунок 21

Размещение вырезки экрана в раскадровке

24.  Вернемся к сценарию, для которого мы готовим раскадровку. Представьте, что сотрудник видит эту панель мониторинга и обращает внимание на один из билетов, который был открыт достаточно давно, при этом запрос не был удовлетворен или эскалирован. Поэтому сотрудник хочет просмотреть данный билет, щелкнув ссылку на регистрационный номер. Должна начаться загрузка страницы с подробной информацией о билете службы.

Рисунок 22

Местоположение гиперссылки билета службы

25.  Приступаем к раскадровке данного сценария. Создадим new slide (Новый слайд) на основе того же макета. Новый слайд должен быть размещен сразу после первого, созданного ранее.

Рисунок 23

Создаем новый слайд на основе того же шаблона

26.  Введите любую информацию о билете, как показано ниже, используя полученные в этом упражнении навыки. Используйте дополнительные фигуры раскадровки - Street Map (План города) и Map Marker (Маркер карты), чтобы указать местонахождение клиента.

Рисунок 24

Создание второго слайда раскадровки с подробной информацией о билете службы

27.  В процессе раскадровки в PowerPoint вы также можете создать представление для потока приложения с помощью гиперссылок из фигур. Выберите первый слайд, на котором показана Dashboard (Панель мониторинга), выберите изображение с таблицей билетов, и нажмите кнопку Hyperlink (Гиперссылка) на вкладке Storyboarding (Раскадровка).

Рисунок 25

Превращение таблицы в гиперссылку

28.  В окне Insert Hyperlink (Вставить гиперссылку) выберите пункт Place in This Document (Добавить в текущий документ), укажите second slide (Второй слайд) и нажмите кнопку OK, чтобы создать ссылку.

Рисунок 26

Выбор слайда, на который будет создана ссылка из таблицы

29.  Мы также можем воспользоваться анимациями PowerPoint, для того чтобы повысить информативность раскадровки. Вернитесь к первому слайду и найдите фигуру mouse pointer (Указатель мыши) в окне Storyboard Shapes (Фигуры раскадровки). Перетащите экземпляр фигуры mouse pointer (Указатель мыши) на слайд. Эта фигура будет использоваться для имитации выбора пользователем одного из билетов службы на панели мониторинга Dashboard.

Рисунок 27

Фигура mouse pointer (Указатель мыши) будет использоваться для имитации действий пользователя

30.  Увеличьте указатель мыши, чтобы его было лучше видно.

Рисунок 28

Увеличение указателя мыши

31.  На вкладке Animations (Анимации) щелкните раскрывающийся список Add Animation (Добавить анимацию) и выберите пункт Custom Path (Пользовательский путь) внизу списка (возможно, потребуется прокрутить страницу вниз).

Рисунок 29

Анимация фигуры mouse pointer (Указатель мыши), демонстрирующая ее перемещение по пользовательскому пути

32.  Используйте мышь, чтобы нарисовать путь от текущего местоположения фигуры Mouse Pointer (Указатель мыши) к одной из гиперссылок на билет службы (в данном случае таблица - это просто картинка). Для этого щелкните фигуру Mouse Pointer (Указатель мыши) и, удерживая левую кнопку мыши, нарисуйте линию по направлению к гиперссылке. Затем отпустите кнопку мыши и нажмите клавишу ESCAPE.

Рисунок 30

Итоговая траектория движения фигуры mouse pointer (Указатель мыши)

33.  Нажмите клавиши CTRL + S, чтобы сохранить работу в Team Foundation Server.

34.  Нажмите клавишу F5, чтобы просмотреть раскадровку в режиме презентации. Нажмите клавишу СТРЕЛКА ВПРАВО, чтобы запустить анимацию указателя мыши. Когда курсор достигнет гиперссылки на билет службы, нажмите клавишу СТРЕЛКА ВПРАВО, чтобы перейти на второй слайд. Нажмите клавишу ESCAPE после окончания презентации.

35.  Будем считать, что мы завершили разработку раскадровки и хотим связать этот файл с пользовательским описанием функциональности в Team Foundation Server. Нажмите кнопку Storyboard Links (Связи раскадровки) на вкладке Storyboarding (Раскадровка) в PowerPoint.

Рисунок 31

Местоположение кнопки Storyboarding Links (Связи раскадровки)

36.  В окне Storyboard Links (Связи раскадровки) нажмите кнопку Link To (Ссылка на), чтобы связать раскадровку с рабочим элементом.

Рисунок 32

Местоположение кнопки, позволяющей связать раскадровку с существующим рабочим элементом

37.  В окне Choose Linked Work Items (Выберите связанные рабочие элементы) выберите метод поиска Title Contains (Заголовок содержит) и введите текст service ticket (Билет службы). Затем нажмите кнопку Find (Найти).

Рисунок 33

Поиск нужного рабочего элемента

38.  Выберите рабочий элемент под названием Service rep can view service ticket details from the dashboard (Представитель службы поддержки может просмотреть сведения о билете службы из панели мониторинга) и нажмите кнопку OK.

Рисунок 34

Выбор нужного рабочего элемента

39.  После того как ссылка будет создана, вы получите подтверждение в окне Storyboard Links (Связи раскадровки). Нажмите кнопку Close (Закрыть), чтобы завершить процесс.

Рисунок 35

Подтверждение успешного создания связи между раскадровкой и рабочим элементом

В этом упражнении вы познакомитесь с новым инструментом Feedback Client (Клиент обратной связи). В процессе разработки программного обеспечения очень важно организовать получение отзывов и предложений от заинтересованных лиц (конечных пользователей, владельцев продукта и т. д.). Это позволяет гарантировать, что рабочая группа движется в правильном направлении, обеспечивая соответствие продукта требованиям клиента. К рабочим отчетам об ошибках в Team Foundation Server можно прикреплять аудио- и видеофайлы, снимки экрана и другой контент.

1.     Войдите в систему с логином Annie. Этот сотрудник несет ответственность за представление интересов клиентов и взаимодействие с пользователями. Для всех учетных записей используется пароль P2ssw0rd.

2.     Запустите приложение Microsoft Feedback Client (Клиент обратной связи Microsoft) из меню Start / All Programs / Microsoft Visual Studio 11 (Пуск / Все программы / Microsoft Visual Studio 11).

Рисунок 36

Запуск приложения Microsoft Feedback Client (Клиент обратной связи Microsoft)

3.     После того как приложение загрузится, будет установлено соединение с Team Foundation Server. Выберите проект рабочей группы FabrikamFiber.

Рисунок 37

Подключение к проекту рабочей группы FabrikamFiber

4.     Когда заинтересованные лица запускают приложение Feedback Client (Клиент обратной связи) таким способом, оно будет работать в режиме добровольный обратной связи. Сообщение об этом присутствует в разделе инструкций. Это позволяет заинтересованным лицам направлять отзывы и предложения рабочей группе без соответствующего приглашения. Каждый отчет об ошибках будет сохранен в проекте рабочей группы, который был выбран в момент запуска приложения.

Рисунок 38

Вид приложения Feedback Client (Клиент обратной связи) после загрузки

5.     Нажмите кнопку Settings (Настройки) в правом нижнем углу окна приложения Feedback Manager (Менеджер обратной связи).

Рисунок 39

Местоположение кнопки Settings (Настройки)

6.     Обратите внимание, мы можем изменить настройки, представленные на снимке экрана, и выбрать устройство записи звука. Эта виртуальная машина не поддерживает звук, поэтому мы не будем пытаться активировать устройство. Нажмите кнопку ESCAPE для продолжения работы.

Рисунок 40

Просмотр настроек приложения Microsoft Feedback Client (Клиент обратной связи Microsoft)

7.     Предположим, что у нас есть предложение, которое имеет отношение к узлу интрасети Fabrikam Fiber. Наше руководство считает, что узел интрасети не должен иметь возможность удалять сотрудников из базы данных, поскольку это прерогатива отдела кадров компании Fabrikam Fiber, использующего отдельное приложение. Выберите вкладку Provide (Предоставить) в верхней части окна Feedback Client (Клиент обратной связи).

Рисунок 41

Вкладка Provide (Предоставить) в окне приложения Feedback Client (Клиент обратной связи)

8.     Запустите Internet Explorer и нажмите кнопку FF Intranet Portal на панели Favorites (Избранное), чтобы загрузить портал интрасети Fabrikam Fiber.

Рисунок 42

Запускаем портал интрасети Fabrikam Fiber

9.     Теперь мы можем взаимодействовать с приложением Fabrikam Fiber для подготовки отзывов и предложений в отношении работающего программного обеспечения. Щелкните ссылку Employees (Сотрудники) в верхней части окна, чтобы вывести таблицу со списком сотрудников.

Рисунок 43

Выбор ссылки Employees (Сотрудники)

10.  Обратите внимание на ссылку Delete (Удалить) рядом с каждым сотрудником. Мы хотим, чтобы рабочая группа, которая занимается данным продуктом, рассмотрела этот вопрос.

Рисунок 44

Расположение ссылки, которая позволяет удалить сотрудника

11.  В приложении Feedback Client (Клиент обратной связи) введите текст We do not want to be able to delete employees directly from the intranet portal (Нам не нужна возможность удаления сотрудников непосредственно с портала интрасети).

Рисунок 45

Предоставление отзывов и предложений

12.  Прикрепите снимок экрана, нажав кнопку Screenshot (Снимок экрана). По умолчанию это позволит вам выделить прямоугольную область на экране, снимок которой вы хотите сделать. Удерживайте левую кнопку и перемещайте указатель мыши, чтобы выделить экран редактирования информации о сотрудниках.

Рисунок 46

Выбор области для создания снимка экрана

13.  Убедитесь, что снимок экрана включен в отчет об ошибках. Мы хотим выделить конкретную область, поэтому нужно двойным щелчком открыть снимок экрана в графическом редакторе Paint.

Рисунок 47

Двойной щелчок снимка экрана открывает изображение в графическом редакторе

14.  В редакторе Paint выберите красный цвет и нарисуйте круг вокруг столбца, в котором показаны ссылки Delete (Удалить).

Рисунок 48

Создание заметки на снимке экрана

15.  Закройте Paint и сохраните изменения для возврата в Feedback Client (Клиент обратной связи). Обратите внимание, что внесенные вами изменения отображаются немедленно.

Рисунок 49

Снимок экрана с заметкой

16.  Можно также записывать видео и звук, прикреплять дополнительные файлы и редактировать текст отчета об ошибках при помощи инструментов для работы с форматированным текстом в Feedback Client (Клиент обратной связи).

Рисунок 50

Приложение Feedback Client (Клиент обратной связи) является многофункциональным инструментом для подготовки и отправки отзывов и предложений

17.  Мы закончили подготовку отзывов и предложений. Выберите вкладку Submit (Отправить) или нажмите кнопку Next (Далее) для продолжения.

Рисунок 51

Переход на вкладку Submit (Отправить) в окне приложения Feedback Client (Клиент обратной связи)

18.  Здесь вы можете еще раз проверить подготовленные отзывы и предложения и увидеть, где будет сохранен отчет об ошибках. Нажмите кнопку Submit and Close (Отправить и закрыть) для завершения.

Рисунок 52

Отправить добровольный отчет об ошибках рабочей группе

19.  Запустите Internet Explorer и нажмите кнопку TFS Web Access на панели Favorites (Избранное), чтобы загрузить сайт веб-доступа FabrikamFiber.

Рисунок 53

Запуск сайта веб-доступа FabrikamFiber

20.  После загрузки сайта веб-доступа FabrikamFiber щелкните ссылку Work (Работа).

Рисунок 54

Переход на страницу Work (Работа)

21.  На странице Work (Работа) выберите вкладку Work Items (Рабочие элементы).

Рисунок 55

Переход на страницу Work Items (Рабочие элементы)

22.  Найдите отправленный нами рабочий элемент Feedback Response (Отклик) и щелкните его, чтобы просмотреть подробную информацию.

Рисунок 56

Добровольный отчет об ошибках отправлен в виде рабочего элемента Feedback Response (Отклик)

23.  Во время следующего совещания по планированию рабочая группа может проанализировать отклики, определить очередность и подходы к решению поставленных задач. Информация в некоторых откликах может быть классифицирована как ошибка; другие отзывы и предложения могут стать основой для новых пользовательских описаний функциональности или задач. Выделив новый рабочий элемент Feedback Response (Отклик), нажмите разворачивающуюся кнопку в контекстном меню и выберите пункт Link selected item(s) to a new work item… (Связать выбранные элементы с новым рабочим элементом...).

Рисунок 57

Связывание отчета об ошибках с новым рабочим элементом

24.  В данном случае мы хотим связать отчет об ошибках в качестве дочернего элемента с новым элементом Product Backlog (Журнал невыполненных работ по продукту). Новый элемент Product Backlog (Журнал невыполненных работ по продукту) появится во время следующего совещания по планированию. Тогда его можно будет разбить на отдельные задачи. Просмотрите доступные типы ссылок и обратите внимание на новую связь, которая показана на диаграмме. Выберите пункты меню, как показано на следующем снимке экрана, и нажмите кнопку OK.

Рисунок 58

Создание нового рабочего элемента, связанного с отчетом об ошибках

25.  Нажмите кнопку Save and Close (Сохранить и закрыть).

26.  Приложение Feedback Client (Клиент обратной связи) поддерживает режим, в котором запрос на предоставление отчета об ошибках направляется заинтересованным лицам по электронной почте. Такая возможность может быть полезна на любом этапе разработки. Например, завершена работа над прототипом и рабочей группе требуются отзывы и предложения общего характера, или решена конкретная задача и необходима обратная связь в целях проверки.

27.  В рамках этого практического занятия предположим, что мы хотели бы получить отзывы и предложения по поводу реализованной на портале интрасети Fabrikam Fiber возможности редактирования данных о клиентах. В Internet Explorer вернитесь на страницу Home (Домашняя страница) сайта веб-доступа FabrikamFiber. В разделе Activities (Действия) щелкните ссылку Request feedback (Запрос отзыва).

Рисунок 59

Инициация запроса отзыва

28.  В окне Request Feedback (Запрос отзыва) выберите пользователя Brian Keller в качестве заинтересованного лица, от которого нужно получить отзыв. Выберите вариант Web Application (Веб-приложение) и введите URL-адрес узла интрасети: http://intranet.fabrikam.com. В текстовом поле прямо под URL-адресом поместите рекомендации по поводу использования веб-приложения Please use IE9 or higher (Рекомендуем использовать IE9 или более позднюю версию). Введите заголовок запроса отзыва Please provide some feedback on the current customer records editing functionality (Нужен ваш отзыв о текущих функциональных возможностях редактирования информации о клиенте). Введите также краткие инструкции под текстовым полем заголовка, например: Go to intranet portal, click on Customer link, then Edit link for any customer (Войдите в портал интрасети, щелкните ссылку Customer (Клиент), затем ссылку Edit (Редактировать) для любого клиента).

Рисунок 60

Создание запроса отзыва

29.  Когда запрос отзыва будет готов, нажмите кнопку Send (Отправить), чтобы отправить электронное письмо пользователю Brian.

Рисунок 61

Отправка электронного письма с запросом отзыва

30.  После отправки запроса отзыва на странице Home (Домашняя страница) сайта веб-доступа Fabrikam Fiber появится соответствующее уведомление. Этот рабочий элемент относится к типу Feedback Request (Запрос отзыва).

Рисунок 62

Только что созданный рабочий элемент Feedback Request (Запрос отзыва)

31.  Давайте представим, что пользователь Brian получил электронное письмо. Начнем сеанс обратной связи. Откройте проводник и перейдите в папку c:\inetpub\mailroot\drop. Найдите последнее сообщение электронной почты. Двойным щелчком откройте его в Outlook.

Рисунок 63

Имитируем получение электронного письма с запросом отзыва пользователем Brian

32.  В электронном письме, открытом в Outlook, щелкните ссылку Start your feedback session (Начать сеанс обратной связи), чтобы запустить приложение Feedback Client (Клиент обратной связи).

Рисунок 64

Инициация сеанса обратной связи непосредственно из электронной почты

33.  После запуска Feedback Client (Клиент обратной связи) щелкните ссылку на портал интрасети Fabrikam Fiber в разделе APPLICATION (Приложение).

Рисунок 65

Запуск приложения в соответствии с инструкциями

34.  Нажмите кнопку Next (Далее), чтобы подготовить запрашиваемый отзыв.

Рисунок 66

Нажимаем кнопку Next (Далее)

35.  В соответствии с инструкциями щелкаем ссылку Customers (Клиенты), чтобы перейти на соответствующую страницу.

Рисунок 67

Переход на страницу Customers (Клиенты)

36.  Далее щелкаем ссылку Edit

Рисунок 68

Редактирование подробной информации о клиенте

37.  Пользователь Brian знает, что информация о клиенте содержит номера телефонов, и пользователям портала интрасети Fabrikam Fiber часто требуется обновлять телефонные номера клиентов, которые обращаются к ним за услугами. Но, как вы видите, соответствующее поле на экране редактирования отсутствует.

Рисунок 69

Вид экрана редактирования информации о клиенте

38.  В окне Feedback Manager (Менеджер обратной связи) опишите обнаруженную проблему. Введите, к примеру, We need to provide a way to update customer phone numbers (Необходимо предоставить возможность редактирования номера телефона клиента).

Рисунок 70

Добавляем отзыв

39.  Добавьте снимок текущего экрана редактирования к тексту отзыва, как мы делали это ранее. Целесообразно сформировать как можно более полный контекст для описания проблемы.

Рисунок 71

Снимок экрана, формирующий контекст отзыва

40.  Предположим, что в целом экран редактирования информации о клиенте нас устраивает, необходимо только добавить отсутствующее поле. Предоставьте рабочей группе конкретную оценку данного элемента, выделив 4 звезды из 5.

Рисунок 72

Включаем оценку в отзыв

41.  Нажмите кнопку Next (Далее), чтобы перейти на экран отправки отзыва.

Рисунок 73

Подготовка отзыва завершена

42.  Еще раз проверьте введенную информацию и нажмите кнопку Submit and Close (Отправить и закрыть), чтобы отправить отзыв.

Рисунок 74

Отправка отзыва

43.  Вернитесь на сайт веб-доступа Fabrikam Fiber и перейдите на страницу Home (Домашняя страница). Затем щелкните зеленую плитку Feedback Requests (Запросы отзывов) в разделе Team Favorites ("Избранное" рабочей группы).

Рисунок 75

Загрузка очереди рабочих элементов Feedback Requests (Запросы отзывов)

44.  Найдите только что созданный отзыв.

Рисунок 76

Выбранный рабочий элемент Feedback Response (Отклик)

45.  Двойным щелчком откройте рабочий элемент Feedback Response (Отклик). По умолчанию выбрана вкладка Notes (Примечания), где вы можете непосредственно ознакомиться с отзывом.

Рисунок 77

Примечания, содержащиеся в элементе Feedback Response (Отклик)

46.  Выберите вкладку System Info (Системная информация) и обратите внимание, что приложение Feedback Client (Клиент обратной связи) по умолчанию также предоставляет некоторую системную информацию. Такого рода информация очень полезна. Она помогает проанализировать нюансы в поведении приложения, которые заинтересованные лица часто упускают из виду при формировании отзывов и предложений.

Рисунок 78

Системная информация, предоставленная приложением Feedback Client (Клиент обратной связи)

47.  Наконец, перейдите на вкладку All Links (Все связи) и обратите внимание на то, что данный рабочий элемент Feedback Response (Отклик) является дочерним для элемента Feedback Request (Запрос отзыва), который был отправлен пользователю Brian.

Рисунок 79

Отзывы автоматически связываются с исходными запросами