Лабораторная работа Бизнес-аналитика своими руками с использованием Visio 2013 и SharePoint 2013

Содержание

Введение

Цели

• 
  Создавать панели мониторинга с использованием Visio 2013
  
• 
  Подключать данные из внешних источников к панели мониторинга
  
• 
  Публиковать панели мониторинга на страницу SharePoint 2013
  
• 
  Настраивать веб-часть Visio Web Aceess
  
• 
  Настраивать веб-часть для отображения списка данных
  

Сценарий

Время прохождения лабораторного занятия

Компьютеры, используемые в этом лабораторном занятии

• 
  10.164.59.126
  
• 
  Реквизиты доступа:
  
• 
  Логин: Kontozo\student
  
• 
  Пароль: pass@word1
  

Информация об инструкторах

• 
  Власова Анна, Эксперт по бизнес-решениям, Microsoft
  
• 
  Великодный Дмитрий, Технический эксперт, Microsoft
  

Упражнение 1: Создание панели мониторинга с использованием Visio 2013

Сценарий:

Задание 1: Создание новой диаграммы в Visio 2013

1. 
   Откройте Visio 2013
   
2. 
   Выберите шаблон Новый документ (Blank Drawing) для работы в рамках данного лабораторного упражнения
   

3. 
   Выберите пункт Метрическая (Metric Units) и нажмите кнопку «Создать»
   

4. 
   В открывшемся окне выберите пункт меню Конструктор (Design), в блоке Параметры страниц (Page Setup) выберите Ориентация (Orientation) и нажмите на Альбомная (Landscape)
   

Задание 2: Добавление иллюстрации в качестве рисунка для оформления диаграммы

1. 
   Выберите пункт Вставка (Insert), в блоке Иллюстрации (Illustrations) выберите пункт Изображения из Интернета (Online Pictures)
   

2. 
   Подождите, пока загружается коллекция картинок
   
3. 
   В окне Вставка картинок (Insert Pictures) в поисковой строке Клипы Office.com (Office.com Clip Art) введите карта мира (world map) и нажмите кнопку запуска поиска
   
4. 
   Выберите иллюстрацию карты мира и разместите ее на диаграмме Visio, кликнув на нее двойным щелчком мыши или нажав кнопку Вставить (Insert)
   

Задание 3. Редактирование параметров иллюстрации

1. 
   Выделите иллюстрацию левой кнопкой мыши, увеличьте ее размер, а затем в пункте меню Главная (Home) в блоке Редактирование (Editing) в раскрывающемся пункте Слои (Layers) выберите Назначить слою (Assign to Layer), введите название слоя Карта мира (Map) и нажмите кнопку ОК дважды для сохранения внесенных изменений
   

2. 
   В пункте меню Главная (Home) в блоке Редактирование (Editing) в раскрывающемся пункте Слои (Layers) выберите Свойства слоя (Layer Properties) и в открывшемся окне поставьте признак Блокировка (Lock) для слоя Карта мира (Map), после этого нажмите ОК для сохранения внесенных изменений. Теперь иллюстрация карты мира стала недоступна для редактирования
   

Задание 4. Добавление фигур с показателями деятельности компании на диаграмму

1. 
   В панели фигур выберите пункт Наборы инструментов (Shapes), ссылку Дополнительные фигуры (More Shapes) и подключите к диаграмме набор фигур Простые фигуры (Basic Shapes) из блока Общие (General)
   

2. 
   Выберите фигуру Круг (Circle) в наборе фигур Простые фигуры (Basic Shapes) левой кнопкой мыши и не отпуская указатель мыши перенесите фигуру на карту мира на территорию России
   
3. 
   Уменьшите размер фигуры и повторите действия, указанные в пункте 2), переместив, таким образом, на карту мира еще 2 фигуры типа Круг (Circle) на страны Северной Америки и Австралии
   

Упражнение 2: Подключение данных из внешних источников к панели мониторинга

Сценарий:

Задание 1: Подключение данных из внешнего файла к диаграмме Visio

1. 
   В пункте меню Данные (Data) в блоке Внешние данные (External Data) выберите пункт Связать данные с фигурами (Link Data to Shapes)
   

2. 
   В открывшемся окне выберите Книга Microsoft Excel (Microsoft Excel Workbook) и нажмите на кнопку Далее (Next) для перехода к следующему шагу
   

3. 
   В открывшемся окне при использовании кнопки Обзор (Browse) найдите на рабочем столе файл Index.xlsx и выберите его для подключения. Нажмите кнопку Далее (Next) для перехода к следующему шагу
   

4. 
   В открывшемся окне укажите первый лист файла для подключения данных и отметьте, что первая строка данных содержит заголовки. Нажмите кнопку Далее (Next) для перехода к следующему шагу
   

5. 
   В открывшемся окне оставьте выбранными все столбцы и строки для включения и нажмите кнопку Далее (Next) для перехода к следующему шагу
   

6. 
   В открывшемся окне оставьте выбора страны как уникального значения и нажмите кнопку Далее (Next) для перехода к следующему шагу
   

7. 
   В открывшемся окне нажмите кнопку Готово (Finish) для окончания импорта
   

Задание 2: Связка данных из подключенного к диаграмме файла с фигурами диаграммы

1. 
   В открывшейся в нижней части окна части Внешние данные (External Data) выберите левой кнопкой мыши строку страны Россия и не отпуская указатель мыши перенесите выбранную строку на фигуру, размещенную на карте мира на стране Россия
   
2. 
   Обратите внимание, что перенесенная строка стала отмечена знаком связи в окне Внешние данные (External Data)
   

3. 
   Повторите шаги, указанные в пунктах 1) и 2) данного блока для подключения к фигурам строк Северной Америки и Австралии
   

Задание 3. Настройка отображения рисунков, связанных с данными, для подключенных к диаграмме данных

1. 
   В пункте меню Данные (Data) в блоке Отображение данных (Display Data) выберите в пункте Рисунки, связанные с данными (Data Graphics) пункт Создать рисунок, связанный с данными (Create New Data Graphic)
   

2. 
   В открывшемся окне нажмите на кнопку Создать элемент (New Item)
   

3. 
   В открывшемся окне в качестве Поля данных (Data Field) выберите Страна, в качестве Отображения (Displayed as) – Текст (Text), в качестве Стиля (Style) – Заголовок 2 (Heading 2) и нажмите на кнопку ОК для сохранения внесенных изменений
   

4. 
   Повторите шаги 3.2) и 3.3) из данного пункта для создания рисунков, связанных с данными, обладающих следующими параметрами:
   
   1. 
      Поле данных (Data Field): Суммарная прибыль
      
      1. 
         Отображение (Displayed as): Гистограмма (Data Bar)
         
      2. 
         Стиль (Style): Спидометр (Speedometer)
         
      3. 
         Максимальное значение (Maximum Value): 60 000 000
         
      4. 
         Формат значения (Value Format): Денежный (Currency)
         
   2. 
      Поле данных (Data Field): Суммарный убыток
      
      1. 
         Отображение (Displayed as): Гистограмма (Data Bar)
         
      2. 
         Стиль (Style): Строка выполнения (Progress Bar)
         
      3. 
         Максимальное значение (Maximum Value): 8 000 000
         
      4. 
         Формат значения (Value Format): Денежный (Currency)
         
   3. 
      Поле данных (Data Field): Количество филиалов
      
      1. 
         Отображение (Displayed as): Цвет по значению (Color by Value)
         
      2. 
         Способ раскраски (Coloring Method): Каждый цвет соответствует диапазону значений (Each color represents a range of values):
         
         1. 
            0-2 Красный (Red)
            
         2. 
            3-8 Оранжевый (Orange)
            
         3. 
            9-10 Зеленый (Green)
            
         4. 
            Неиспользуемую строку выделите левой кнопкой мыши и нажмите кнопку Удалить (Delete)
            

5. 
   Выделите все фигуры на диаграмме, удерживая нажатой кнопку Ctrl, в пункте меню Данные (Data) в блоке Отображение данных (Display Data) выберите в блоке Рисунки, связанные с данными (Data Graphics) только что созданный рисунок, связанный с данными, и подтвердите необходимость его применения ко всем фигурам диаграммы
   

Задание 4. Настройка автоматического обновления данных диаграммы при изменении источника данных

1. 
   В пункте меню Данные (Data) в блоке Внешние данные (External Data) выберите пункт Обновить все (Refresh All) и перейдите к окну Обновить данные (Refresh Data)
   

2. 
   В окне Обновить данные (Refresh Data) нажмите на кнопку Настройка (Configure)
   

3. 
   В окне Настройка обновления (Configure Refresh) в блоке Автоматическое обновление (Automatic Refresh) активируйте обновление каждые 60 минут и нажмите на кнопку ОК для сохранения измененных параметров
   

4. 
   В окне Обновление данных 9Refresh Data) нажмите на кнопку Закрыть (Close)
   

Упражнение 3: Публикация панели мониторинга на страницу SharePoint 2013

Сценарий:

Задание 1. Публикация диаграммы на страницу SharePoint 2013

1. 
   В пункте меню Файл (File) выберите Сохранить как (Save as) и, используя кнопку Обзор (Browse), откройте окно для сохранения диаграммы
   

2. 
   Введите в строку перехода адрес http://localhost/sites/visio_test/Shared Documents и нажмите Enter для перехода к указанному размещению
   
3. 
   Введите имя диаграммы Map и нажмите кнопку Сохранить (Save) для публикации диаграммы
   

Задание 2. Исследование функций навигации на опубликованной диаграмме

1. 
   Откройте Internet Explorer 10 и перейдите на страницу SharePoint 2013 для просмотра опубликованной диаграммы по адресу: http://localhost/sites/visio/Shared Documents
   

2. 
   Откройте опубликованную диаграмму, кликнув на название файла
   

3. 
   Нажмите и удерживайте нажатой левую кнопку мыши, когда курсор находится в окне Visio Web Access и значок курсора изменяется на значок руки. Удерживая нажатой левую кнопку мыши, передвигайте указатель вокруг окна для панорамирования схемы
   
4. 
   Вы можете легко изменять масштаб изображения с помощью колеса прокрутки мыши. Также вы можете воспользоваться ползунком масштаба, который расположен в правой нижней части панели меню веб-части Visio Web Access
   

5. 
   Многие из фигур в Visio имеют поля Данные фигуры (Shape Data), которые содержат дополнительные данные о фигуре, импортированные из внешнего источника данных. Для просмотра этих данных в браузере необходимо открыть область сведений о фигурах. Нажмите кнопку Область сведений о фигурах (Shape Info) для включения или выключения этого окна, расположенную в левой верхней части страницы
   

6. 
   Нажимайте на разные фигуры на схеме для просмотра полей Данные фигуры (Shape Data) и их значений. В области сведений о фигурах отображаются только поля, содержащие ненулевые значения
   

7. 
   Вы можете изменить расположения окна области сведений о фигурах, перетащив панель заголовка этого окна с нажатой левой кнопкой мыши. Также вы можете изменять размеры окна посредством нажатия и перетаскивания его границ
   
8. 
   Кнопка Открыть в Visio (Open in Visio), расположенная в левой верхней части страницы, позволяет открыть изображение в клиенте Visio, если на компьютере установлено приложение Visio 2010/2013
   

9. 
   Если опубликованная схема содержит несколько страниц переднего плана, они будут доступны в списке Страницы (Pages) в правой верхней части страницы. Если выбрать другую страницу, произойдет загрузка Служб Visio и рендеринг страницы. Также будут обновлены и связаны данные и рисунки, связанные с данными
   

10. 
    При нажатии на кнопку Комментарии (Comments), расположенную в левой верхней части страницы, у вас появляется возможность оставлять комментарии к опубликованной диаграмме Visio
    

Упражнение 4: Настройка веб-части Visio Web Access

Сценарий:

Задание 1. Создание страницы веб-частей для размещения веб-части с опубликованной диаграммой

1. 
   Откройте главную страницу SharePoint 2013 http://localhost/sites/visio_test
   
2. 
   Нажмите кнопку Контент сайта (Site Contents) в левом верхнем углу страницы
   

3. 
   Перейдите к справочнику Страницы сайта (Site Pages)
   

4. 
   Нажмите Создать новую страницу (New Wiki page) для создания страницы
   
5. 
   Введите имя создаваемой страницы Map и кнопку Создать (Create) для сохранения страницы
   

6. 
   В разделе Макет (Text Layout) выберите шаблон Две колонки с заголовком (Two columns with header)
   

Задание 2. Настройка веб-части для отображения в ней диаграммы

1. 
   Перейдите в левую колонку и в пункте Вставить (Insert) выберите Веб-часть (Web Part), в категории Бизнес-данные (Business Data) выберите Веб-часть Visio Web Access (Visio Web Access), а затем нажмите кнопку Добавить (Add)
   

2. 
   В новой веб-части Visio Web Access нажмите ссылку для открытия области инструментов
   

3. 
   В области инструментов нажмите кнопку Обзор (…), чтобы открыть URL-адрес веб-документа, который должен быть размещен в данной веб-части
   

4. 
   В открывшемся окне выберите библиотеку документов Documents, в которую опубликована диаграмма, а затем файл диаграммы Map.vsdx и нажмите кнопку Вставить (Insert) для добавления диаграммы в выбранную веб-часть
   

5. 
   Нажмите кнопку Применить (Apply) в нижней части области инструментов веб-части
   

6. 
   Установите для свойства интервала Автоматическое обновление (Automatic Refresh Interval (in minutes)) значение 1 минута
   

7. 
   Нажмите OK, чтобы принять изменения свойств веб-части инструментов. Теперь схема будет автоматически обновляться из подключенного источника данных каждую минуту
   

Упражнение 5: Настройка веб-части для отображения данных

Сценарий:

Задание 1. Отображение веб-части с данными, связанными с диаграммой

1. 
   На странице Map откройте вкладку Страница (Page) и нажмите Изменить страницу (Edit)
   

2. 
   В зоне правой веб-части выберите Вставить (Insert), выберите Веб-часть (Web Part), в категории Приложения (Apps) выберите список с именем Index и нажмите Добавить (Add) для добавления списка в выбранную веб-часть
   

3. 
   Нажмите кнопку Сохранить (Save) в строке меню для сохранения внесенных изменений. Теперь на данной странице отображается построенная диаграмма и список с подключенными данными
   

Выводы