Знакомство с новым визуальным конструктором

Исходная статья опубликована в понедельник, 22 октября 2012 г.

 

Вводная часть:Я

Здравствуйте! Меня зовут Сэм Чанг (Sam Chung). Я — руководитель команды по разработке SharePoint Designer. Я хочу представить всем одно из наших основных направлений разработки в области SharePoint Designer 2013, а именно — визуальный конструктор.

Прежде чем читать дальше, настоятельно рекомендую всем ознакомиться со статьями MSDN по теме:

https://msdn.microsoft.com/en-us/library/sharepoint/jj163272(v=office.15).aspx

https://msdn.microsoft.com/en-us/library/sharepoint/jj164055(v=office.15).aspx

https://msdn.microsoft.com/en-us/library/sharepoint/jj163971(v=office.15).aspx

Визуальный конструктор — это совершенно новое средство проектирования рабочих процессов, которое встроено в SharePoint Designer 2013. Тем из вас, кто знаком с SPD 2010, уже известно, что сначала нужно было создать рабочие процессы SP 2010 в Visio, экспортировать их, а затем импортировать эти схемы в SPD 2010. Однако несмотря на функционирование этого процесса, существовал ряд ограничений:

  • Отсутствие способа параметризации различных действий в Visio.
    • Необходимость постоянного перехода в текстовый конструктор для установки параметров действий.
  • При экспорте из SPD вы не представляли возможные изменения схемы.
  • Отсутствие способа отображения или использования настраиваемых действий в Visio.

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

Принципы работы

Давайте посмотрим, как выглядит визуальный конструктор. Он представлен на следующем снимке экрана.

изображение

Как видно, визуальный конструктор похож на полотно Visio, отображаемое непосредственно в SharePoint Designer. И это так на самом деле. Если SharePoint Designer 2013 и Visio 2013 профессиональный устанавливаются параллельно на одном компьютере, мы можем задействовать новый визуальный конструктор.

Если посмотреть на экран, можно увидеть два разных приложения.

изображение

Несмотря на то, что запущено два разных приложения, мы смогли интегрировать их на таком уровне, что вы даже и не заметите наличие именно двух приложений. У вас должно быть такое чувство, что все происходит в SPD.

Как включить визуальный конструктор?

Использование визуального конструктора. Требования

  1. На компьютере должны быть установлены SharePoint Designer 2013 и Visio профессиональный.
    • Визуальный конструктор не поддерживается в предыдущих версиях SPD.
    • Визуальный конструктор поддерживается только в Visio профессиональный.
  2. SharePoint Designer 2013 должен быть подключен к сайту SharePoint 2013 с установленным диспетчером рабочих процессов.
    • Визуальный конструктор не работает на сайтах 2010.
    • Это связано с невозможностью создания рабочих процессов SharePoint 2013 на сайтах SharePoint 2010.
    • Дополнительные сведения о настройке диспетчера рабочих процессов см. по адресу https://msdn.microsoft.com/en-us/library/sharepoint/jj163276(v=office.15).
  3. Создание рабочего процесса SharePoint 2013
    • Визуальный конструктор работает только при создании или изменении рабочих процессов SharePoint 2013.
    • Он не используется для создания или изменения рабочих процессов SharePoint 2010.

Если вы выполнили все требования, вы в любое время сможете переключиться на визуальный конструктор,
щелкнув кнопку Views (Представления).

изображение

Основные моменты

1) Возможность создания рабочих процессов с помощью перетаскивания (аналогично действиям в Visio).

изображение

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

 

2) Возможность использования Action Tags (Теги действий) для установки свойств различных действий.

изображение

    • Тег действия отображает свойства верхнего уровня для действия. Если открыть это же действие в текстовом конструкторе, можно заметить, что некоторые свойства представлены в виде ссылок в предложении.

изображение

    • Эти же ссылки отображаются в виде параметров в теге действия.
    • При выборе любого параметра откроется соответствующее диалоговое окно или Top Level Property grid (Таблица свойств верхнего уровня); более подробные сведения см. ниже.

3) В таблицах свойств верхнего уровня можно задавать свойства, которые будут отображаться только на уровне предложения
в текстовом конструкторе.

изображение

    • Аналогичный принцип применяется и к тегам действий.

4) Возможность создания схем уровня стадии для представления рабочего процесса только на уровне стадии. Это очень полезно для общего понимания хода рабочего процесса или функции формирования отчетов.

изображение

изображение

    • Примечание. Схема уровня стадии и исходная схема являются совершенно разными. Их синхронизация невозможна.
    • Одна из моих следующих публикаций в блоге будет посвящена исключительно представлению уровня стадии и его возможностям.

5) Ошибки в рабочих процессах отображаются в области ошибок.

изображение

    • Обратите внимание на отображение ошибок в области ошибок.
    • Там выводятся ошибки на уровне фигуры и ошибки в свойстве рабочего процесса.
    • После щелчка сообщения об ошибке автоматически выделяется связанная с ним фигура.
    • Проверка на ошибки выполняется при каждой публикации рабочего процесса, нажатии кнопки Check for Errors (Проверить) на ленте и при переключении из визуального конструктора в текстовый конструктор.
      • После сохранения рабочих процессов проверка на ошибки не выполняется.

6) Чтобы задать ветви условия, их необходимо щелкнуть правой кнопкой мыши.

изображение

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

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

Спасибо,

Сэм

Это — локализованная публикация в блоге. Исходная статья — Introducing the new Visual Designer