Лабораторная работа №1.Знакомство с Microsoft Visio.
Схемы алгоритмов.
Цель работы: познакомиться с одним из компонентов Microsoft Office, а именно с Microsoft Visio. Выявить его функции и научиться применять их на практике.
Теоретическая часть.
Любой технологический процесс можно описать различными способами: текст, графическое отображение и др. Часто эти способы комбинируют и используют совместно в одном проекте. Наиболее наглядно и понятно представление в виде условной графики или рисунка. Однако для создания ряда схем, диаграмм существуют нормативные правила в виде государственных или международных стандартов и рекомендаций, например для изображения алгоритмов, моделей процессов IDEF0 и IDEF3. Для правильного построения подобных схем необходимо иметь в наличии соответствующую регламентирующую документацию, что не всегда выполнимо.
В целях обеспечения унификации, быстроты и удобства исполнения, повышения качества представляемых графических изображений различных бизнес-схем и диаграмм, компанией Microsoft создана программа MicrosoftOfficeVisio. В ряде случаев простая программа MS Visio может заменить дорогостоящие графические процессоры и системы визуального моделирования деловых процессов. Графические изображения, созданные в MS Visio, можно вставлять в виде объектов в файлы других программных продуктов Microsoft.
MicrosoftVisio — векторный графический редактор, редактор диаграмм и блок-схем для Windows. Выпускается в трёх редакциях: Standard, Professional и Pro for Office 365. Первоначально Visio разрабатывался и выпускался компанией VisioCorporation. Microsoft приобрела компанию в 2000 году, тогда продукт назывался Visio 2000, был выполнен ребрендинг, и продукт был включен в состав MicrosoftOffice. Поддерживает следующие файловые форматы: VSD — диаграмма или схема, VSS — фигура, VST — шаблон, VDX — диаграмма в формате XML, VSX — фигура XML, VTX — шаблон XML, VSL — надстройка. VSDX — OPC/XML диаграмма, VSDM — OPC/XML диаграмма, содержащая макрос. Visio 2010 и более ранние версии MicrosoftVisio поддерживают просмотр и сохранение диаграмм в форматах VSD и VDX. VSD является собственным бинарным файловым форматом, который используется во всех предыдущих версиях Visio. VDX является хорошо задокументированным XML "DatadiagramML" форматом. Начиная с версии Visio 2013, сохранение в формате VDX больше не поддерживается в пользу новых VSDX и VSDM файловых форматов. Созданные на основе стандарта OpenPackagingConventions (OPC - ISO 29500, Часть 2), VSDX и VSDM файлы состоят из группы архивированных XML-файлов, находящихся внутри ZIP-архива. Единственная разница между VSDX и VSDM файлами состоит в том, что VSDM файл может содержать макросы. Из-за подверженности таких файлов макровирусам, программа обеспечивает строгую безопасность для них. Visio 2010 и более ранние версии MicrosoftVisio используют VSD формат как формат по умолчанию, Visio 2013 использует VSDX формат по умолчанию. DatadiagramML используется многими другими инструментами по управлению бизнес-процессами (BPM), такими как Agilian, ARIS Express, BonitaOpenSolution, ConceptDraw, OmniGraffle или IBM WebSphere. OmniGrafflePro для Mac OS X поддерживает просмотр VSD и VDX форматов и сохранение в VDX формат. Начиная с версии 3.5 LibreOffice поддерживает просмотр VSD файлов, созданных в MicrosoftVisio 2000-2013. LibreOffice 4.0 beta1 поддерживает просмотр всего спектра Visio файлов, начиная с Visio 1.0 и заканчивая Visio 2013, включая VSDX, VSDM и VDX файловые форматы.
Практическая часть.
Для начала запустим программу MicrosoftVisio, мы увидим стартовый экран (рис. 1), далее создаем документ и нам на выбор предоставляется какого плана будет наш документ, я использовал схемы, карты планов чертежей и сети. Так же если вы не нашли подходящий для вас шаблон, его можно найти по поиску (если вы знаете его название).
Рисунок 1
Рисунок 2
Для более подробного ознакомления с программой можно выделить наиболее важные места (рис. 2):
1) главное меню и набор инструментов;
2) панель набора элементов;
3) рабочая область.
Для начала работы выбираем на панели элементов нужную категорию, далее необходимый предмет и строим нашу планировку, путём перетаскивание нужных нам элементов (рис.3). После того, как все элементы архитектуры нужные для работы на нашем рабочем пространстве, можно отредактировать их размеры и положение, выбрав их с помощью мышки, чтобы соотношение размеров соответствовало реальному. Еще Visio позволяет вставить изображения, тексты, диаграммы, выноски, гиперссылки и многое другое (рис.4, 5). Конструктор позволяет менять темы оформления работ и их варианты. Здесь же можно поменять ориентацию листа или его размеры.
Рисунок 3
Если при построении схемы вы заметили, что в каком-то месте фигура стоит не та что нужна и вы не хотите перестраивать всю схему заново, то щелкая по фигуре правой кнопкой мыши появится маленькое подменю, где будет нарисован значок «заменить фигуру», нажав на него вам будет представлен вариант фигур, на которые можно ее поменять. Замена совершиться без нарушений вашей схемы.
Рисунок 4
Рисунок 5
Требуется создать схему алгоритма вычисления суммы факториалов.
Схема алгоритма – графическое представление метода решения задачи, в котором используются символы для отображения операций и данных. Конфигурацию, перечень и размеры условных изображений, а также правила построения схем алгоритмов устанавливает ГОСТ 19.701–90 «Схемы алгоритмов, программ, данных и систем».
Алгоритм выражен последовательностью графических символов, выполняющих определенные функции, и наличием связей между ними –линий, стрелок (потоками информации). Основное направление – сверху вниз и слева направо, при этом стрелки, указывающие направления, можно не ставить.
Порядок работы:
1. Запустить программу MS Visio.
2. Выбрать категорию «Блок-схема».
3. Выбрать шаблон «Простая блок-схема» (BasicFlowchartShapes).
4. На панели инструментов выбрать масштаб 75%.
5. Передвинуть границу между окном «Фигуры» (Shapes) и окном «Область вставки» так, чтобы «Область вставки» занимала не менее двух третей экрана.
6. Щелчок по кнопке «Текст» (TextTool), в верхней части страницы области вставки нарисовать прямоугольник для будущего текста заголовка.
7. На панели инструментов установить шрифт Arial 18 пт жирный.
8. Ввести текст «СУММА ФАКТОРИАЛОВ», для окончания ввода щелкнуть вне прямоугольника текста на пустом месте (рис. 6). Сохранить файл в своей рабочей папке.
Рисунок 6
9. Щелчок по кнопке «Указатель» (PointerTool), щелчок по введенному тексту, вокруг текста появится поле выделения с манипуляторами выделения.
10. Передвинуть мышью поле выделения текста в верхней части страницы, расположив его так, как это указано на рис. 6. Для снятия выделения – щелчок вне прямоугольника выделения.
11. Перетащить с трафарета элемент «Оконечная фигура» (Terminator).
12. Передвинуть манипулятор в виде зеленого квадрата в нижнем левом углу поля выделения фигуры так, чтобы горизонтальный размер фигуры установился в десять клеток страницы, а вертикальный – в четыре.
13. Передвинуть полученную фигуру примерно под середину заголовка.
14. Аналогично перетащить элементы: «Данные» (Data), «Процесс» (Process), «Подготовка» (Preparation), «Заранее определенный процесс» (PredefinedProcess), «Документ» (Document) и, передвигая манипуляторы полей выделения (зеленые квадраты), установить одинаковые габаритные размеры фигур.
15. Скопировать элементы «Оконечная фигура» и «Процесс» с верхней части страницы в нижнюю с помощью перетаскивания при нажатой клавише Ctrl. Результат представлен на рис. 7.
Рисунок 7
16. Соединить две верхние фигуры. Для этого выполнить следующие действия:
– Щелчок по кнопке «Соединительная линия» (ConnectorTool) на панели инструментов.
– Установить курсор на синий крест, расположенный в центре нижнего края фигуры «Оконечная фигура»; появление красного квадрата в этом месте означает наличие соединения.
– Нажав левую клавишу мыши и удерживая ее, переместить курсор на синий крест, расположенный в центре верхнего края фигуры «Данные», появление красного квадрата в этом месте означает наличие соединения. Отпустить левую клавишу мыши.
17. Аналогично создать остальные соединения (рис. 8). Изгибы установятся автоматически.
Рисунок 8
18. Перенести соединительную линию, исходящую от последней фигуры «Процесс» и направленную вверх, на левую сторону схемы. Для этого выполнить следующие действия:
– Щелкнуть по кнопке «Указатель».
– Щелкнуть по линии – появятся манипуляторы зеленого цвета.
– Установить курсор на манипулятор, расположенный в середине вертикального сегмента линии, при этом курсор преобразуется в двунаправленную стрелку.
– Нажав левую клавишу мыши и удерживая ее, перетащить сегмент влево (рис. 9). Отмена выделения – клавиша Esc.
Рисунок 9
19. Ввести текст в элементы. Для этого выполнить следующие действия:
– Двойной щелчок внутри первой фигуры «Оконечная фигура» (рис. 10).
– На панели инструментов установить шрифт TimesNewRoman 14 пт.
– Ввести текст во все фигуры с шрифтом TimesNewRoman 14 пт (рис. 10).
20. Изменить высоту шрифта во всех фигурах с помощью копирования формата. Для этого выполнить следующие действия:
– Изменить высоту шрифта в тексте «Начало» первой фигуры до 18 пт.
– Двойной щелчок по тексту «Начало» в первой фигуре – появится синее выделение текста.
– Двойной щелчок по кнопке «Формат по образцу» (FormatPainter) на панели инструментов.
– Последовательно щелкая по текстам внутри элементов, перенести формат текста первой фигуры на все остальные.
– Отжать кнопку «Формат по образцу».
– Снять выделение – кнопка Esc.
21. Изменить размер стрелок. Для этого выполнить следующие действия:
– На панели инструментов в списке кнопки «Указатель» выбрать «Выбор нескольких объектов» (MultipleSelect).
– Для выделения всех соединительных линий, удерживая нажатой клавишу Ctrl, последовательно щелкать по всем соединительным линиям.
– Выполнить команду «Формат / Линия» (Format / Line).
– В окне «Линия» (Line) в строке «Конец» (End) выбрать стрелку 13, а в строке «Начальный размер» (Beginsize) – «Очень крупный» (ExtraLarge), «Применить» (Apply), ОК.
– Снять выделение клавишей Esc.
Рисунок 10
22. Ввести текст для соединительных линий фигуры с текстом «К=1+N». Порядок действий:
– Двойной щелчок по соединительной линии между элементом с текстом «К=1+N» и элементом с текстом «Вывод SF».
– В прямоугольнике с зеленой рамкой ввести текст «Нет».
– Щелчок вне прямоугольника на пустом месте.
– Щелчок по слову «Нет». Внутри текста появится манипулятор в виде желтого ромба.
– Перетащить этот манипулятор так, чтобы слово «Нет» расположилось над линией (рис. 11). Снять выделение клавишей Esc.
– Выделить текст в любом блоке (фигуре). Появится синий прямоугольник.
– Щелчок по кнопке «Формат по образцу».
– Щелчок по введенному слову «Нет». Снять выделение клавишей Esc.
– Аналогично ввести слово «Да» (рис. 11).
23. Выполнить контекстную команду «Переименовать» (RenamePage), выполненную на ярлыке «Страница 1» (Page 1). Ввести название страницы «Сумма факториалов» (рис. 11).
24. Создать блок-схему алгоритма «Поиск чисел по условию» (рис. 12). Для этого выполнить следующие действия:
– В раскрывающемся списке кнопки «Указатель» выбрать «Выбор лассо» (LassoSelect).
– Обвести всю схему криволинейным окном.
– В этом окне выполнить контекстную команду «Копировать» (Copy).
– Выполнить контекстную команду «Добавить страницу» (InsertPage), выполненную на ярлыке «Сумма факториалов».
– В окне «Параметры страницы» (PageSetup) ввести имя «Поиск чисел по условию».
– На странице «Поиск чисел по условию» выполнить контекстную команду «Вставить» (Paste).
– Изменить схему так, чтобы получилась блок-схема, указанная на рис. 12.
25. Сохранить файл с результатами лабораторной работы № 1.
26. В соответствии с нормативными документами направления линии потока сверху вниз и слева направо принимают за основные, и, если линии потока не имеют изломов, стрелками можно их не обозначать. В остальных случаях направление линии потока обозначать стрелкой обязательно. В файле с результатами лабораторной работы № 1 самостоятельно изменитьсимволы линий на схемах, представленных на рис. 11, 12. Сохранить файл с новыми результатами под другим именем.
Рисунок 11
Рисунок 12
Лабораторная работа № 2. Схемы визуального моделирования.
Различные массивы (потоки) данных, бизнес-процессы можно представить графически в виде схем. Такой способ моделирования называется визуальным. Его основное отличие и преимущество – простота и наглядность. В ряде случаев он является альтернативой математической модели, или визуальные и математические модели могут использоваться совместно. Для профессионального визуального моделирования предназначены системы CASE-средств: CA ERwinProcessModeler (BPwin), CA ERwinDataModeler (ERwin), RationalRose и др.
Зная правила построения визуальных моделей, например методологии IDEF0, IDEF3, можно создать простую модель без привлечения программных продуктов, реализующих CASE-средства.
Требуется по методологии IDEF0 построить модель бизнес-процесса продажи техники, состоящую из трех работ, и для одной из работ создать модель данных. Для этого выполнить следующие действия:
1. Открыть файл с результатами лабораторной работы № 1.
2. На ярлыке страницы «Поиск чисел по условию» выполнить контекстную программу «Добавить страницу» (InsertPage). Присвоить имя IDEF0 новой странице.
3. Щелчок по кнопке «Фигуры» (Shapes). Выбрать «Блок-схема / Фигуры схемы IDEF0» (Flowchart / IDEF0 DiagramShapes).
4. На панели инструментов выбрать масштаб 130%.
5. Перетащить элемент «Блок заголовка» (TitleBlock) и в окне «Данные фигуры» (CustomProperties) ввести данные:
– в строке «Узел» (Node) окна – A0;
– в строке «Заголовок» (Title) – «Деятельность компании»;
– в строке «Номер» (Number) – 1;
– в строке «Поля страницы» (PageOffset) – 12,5 мм, ОК (рис. 13).
Рисунок 13
6. Форматировать заголовочные области в нижней части рамки. Для этого выполнить следующие действия:
– При нажатой клавише Ctrl выделить области «Узел» (Node), «Заголовок» (Title), «Номер» (Number). Выделенные области указаны на рис. 13.
– Контекстной командой «Формат / Текст / Шрифт» (Format / Text / Font) установить высоту шрифта 12 пт (pt), «Применить» (Apply), OK. Для снятия выделения щелкнуть вне выделенной области на пустом месте.
– Выделить область «Узел» (Node) и выполнить контекстную команду «Формат / Текст / Абзац / Первая строка» (Format / Text / Paragraph / FirstLine), выбрать 8 мм. При этом по умолчанию установлено выравнивание «По правому краю» (Right). Результат представлен на рис. 14.
– Щелчок по тексту А0 – выделится блок (рис. 14); на панели инструментов выбрать высоту шрифта 14 пт (pt).
Рисунок 14
– Выделить область заголовка (рис. 15).
Рисунок 15
– Выполнить контекстную команду «Формат / Текст / Абзац / Первая строка» (Format / Text / Paragraph / FirstLine), выбрать 100 мм. При этом по умолчанию установлено выравнивание «По правому краю» (Right). Результат представлен на рис. 16.
Рисунок 16
– Выделить блок текста «Деятельность компании» (рис. 17), на панели инструментов выбрать высоту шрифта 14 пт (pt).
– Аналогично в блоке «Номер» изменить высоту шрифта до 10 пт (pt), установить отступ первой строки 10 мм, а в блоке 1 – высоту шрифта 14 пт (pt). Результат представлен на рис. 17.
Рисунок 17
7. Ввести элементы работ:
– Перетащить элемент «Блок действия» (Activitybox).
– В строке «Имя процесса» (ProcessName) окна «Данные фигуры» (CustomProperties) ввести «Продажи и маркетинг», а в строке «Идентификатор процесса» (Process ID) – 1 (рис. 18).
– Аналогично ввести работы: «Сборка и проверка», «Отгрузка и получение» (рис. 18).
Рисунок 18
8. Редактировать введенные элементы. Для этого выполнить следующие действия.
– При нажатой клавише Ctrl выделить три элемента.
– На панели инструментов установить шрифт Arial 12 пт (pt).
–Двойной щелчок по идентификатору 1 работы «Продажи и маркетинг», на панели инструментов выбрать выравнивание «По правому краю».
Аналогично изменить выравнивание идентификаторов остальных элементов работ (рис. 19).
Рисунок 19
9. Ввести стрелку «Звонки». Для этого выполнить следующие действия:
– Перетащить элемент «Соединительная линия IDEF0» (connector IDEF0). Результат представлен на рис. 20.
Рисунок 20
– Перетащить правый конец соединительной линии на границу работы в синий крест; красный квадрат означает автосоединение (рис. 21).
Рисунок 21
– Двойной щелчок по линии, ввести имя «Звонки», установив на панели инструментов размер шрифта 12 пт (рис. 22).
Рисунок 22
– Контекстная команда «Формат / Текст / Блок текста / Поля / нижнее – 14 пт» (Format / Text / TextBlock / Margins / Bottom – 14 pt), выполненная на линии «Звонки».
– Контекстная команда «Формат / Линия» (Format / Line), выполненная на линии «Звонки»; в окне выбрать «Конец – 13» (End – 13) и «Конечный размер – очень крупный» (EndSize – extralarge), «Применить», (Apply), ОК (рис. 23).
10. Ввести линию «Заказы». Для этого выполнить следующие действия:
– Перетащить элемент «Соединительная линия IDEF0» (Connector IDEF0).
– Изменить изгиб (рис. 23). Ввести имя.
– Выделить линию «Звонки», щелчок по кнопке «Формат по образцу» (FormatPainter), щелчок по линии «Заказы».
– Контекстная команда «Формат / Текст / Блок текста» (Format / Text / TextBlock); в окне выбрать «Поля / нижнее – 0 пт, левое – 8 пт» (Margins / Bottom – 0 pt, Left – 8 pt) и «Выравнивание – по нижнему краю» (AlignmentVertical – Bottom).
11. Ввести стрелки «Техника», «Продукция». Применить средство «Формат по образцу». Блоки работ можно передвигать (рис. 23).
Рисунок 23
12. Ввести стрелку «Правила». Для этого выполнить следующие действия:
– Ввести элемент «Односторонняя соединительная линия» (1 leggedconnector), правый конец присоединить к середине верхней стороны работы «Продажи и маркетинг».
– Переместить левый конец вверх, добиваясь вертикального направления стрелки (рис.24).
– Ввести элемент «Соединительная линия IDEF0» (Connector IDEF0). Левый конец привязать к середине введенной односторонней линии(точка – голубой крест), правый конец – к середине верхней стороны работы «Сборка и проверка» (рис. 25).
Рисунок 24
Рисунок 25
– Ввести элемент «Соединительная линия IDEF0» (Connector IDEF0). Левый конец привязать к середине введенной односторонней линии (точка – голубой крест), правый конец – к середине верхней стороны работы «Отгрузка и получение» (рис. 26).
– Аналогично ввести еще одну ветвь стрелки. Результат представлен на рис. 27.
Рисунок 26
Рисунок 27
– Ввести элемент «Блок текста» (Textblock).
– На панели инструментов выбрать выравнивание «По левому краю», высота шрифта 12 пт (рис. 28).
Рисунок 28
– Двойной щелчок по введенному блоку текста и ввести имя «Правила», щелчок вне блока (рис. 29).
– Увеличить концы стрелок (конец – 13, конечный размер – очень крупный).
13. Аналогично ввести стрелку «Персонал» (рис. 29).
14. Выполнить команду «Сервис / Привязать и приклеить» (Tools / Snap&Glue) и отключить опцию «Приклеивание» (Glue).
15. Ввести стрелку «Результат сборки» (рис. 30).
16. Форматировать стрелку «Результат сборки»: толщина линии – 09, цвет линии и текста – красный, конечный размер стрелки – мелкий.
17. Контекстной командой «Формат / Заливка» (Format / Fill) выполнить заливку блоков работ бледно-голубым цветом – оттенок 20% и тень со стилем «02: смещение, вниз вправо» (Shadow /Style – 02: Offset,lowerright). Результат в режиме предварительного просмотра представлен на рис. 31.
Рисунок 29
18. Ввести новую страницу контекстной командой «Добавить страницу» (InsertPage) с именем «Модель данных».
19. Щелчок по кнопке «Фигуры» (Shapes). Выбрать «Программное обеспечение и базы данных / Базы данных / Отношение сущности» (Database / EntityRelationship).
20. Выполнить команду «Сервис / Привязать и приклеить» (Tools / Snap&Glue). Включить опции «Привязка» (Snap), «Приклеивание» (Glue), «Сетка» (Grid).
21. Перетащить элемент «Сущность» (Entity).
22. Щелчок по введенному элементу, затем повторный щелчок по верхней затемненной части элемента.
Рисунок 30
23. Ввести имя поля первичного ключа «Код_заказа», высота шрифта – 12 пт, выравнивание – по центру. Щелчок вне фигуры.
24. Щелчок по элементу, затем повторный щелчок по нижней незатемненной части элемента.
25. Ввести текст «Заказчик», высота шрифта – 12 пт, выравнивание – по левому краю, Enter, ввести текст «Адрес», Enter, ввести текст «Дата_заказа». Щелчок вне фигуры (рис. 32).
26. Аналогично ввести другие сущности (рис. 32).
27. При нажатой клавише Ctrl выделить три введенные сущности и выполнить команду «Фигура / Выровнять фигуры / Вертикальное выравнивание – по верхнему краю» (Shape / Align Shapes / Vertical Alignment – top). Результатпредставленнарис. 32.
28. Щелчок по кнопке «Текст» (TextTool) на панели инструментов, затем щелчок над первой введенной сущностью.
29. Ввести имя сущности «Заказ», высота шрифта 14 пт. Аналогично ввести имена других сущностей (рис. 33). Щелчок по кнопке «Указатель» (PointerTool).
30. Перетащить элемент «Динамическая соединительная линия» (Dynamicconnector). Присоединить конец линии без стрелки к правой границе сущности «Заказ», а конец со стрелкой – к левой границе сущности «Продукт». Выпрямить линию при помощи среднего маркера линии. Будет введена связь «Заказчик» – «Продукт» (рис. 33).
31. Выполнить контекстную команду «Формат / линия» (Format / Line). Выбрать «Конец – 42» (End – 42), «Конечный размер – крупный» (Endsize – Large).
32. Аналогично ввести связь «Сотрудник» – «Продукт» (рис. 33).
33. Сохранить файл.
Рисунок 31
Рисунок 32
Рисунок 33