Разработка приложений Web 2.0 на Microsoft Sharepoint

Вики-узлы

Разбить на страницы
Показывать лекцию целиком

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

6.1. Создание вики-узла

Рассмотрим в завершение курса типовые решения сайтов Web 2.0. Вики-узлы - это веб-сайты, на которых пользователям разрешается создавать и редактировать любые страницы. При этом существующие страницы соединяются ссылками, причем ссылки на новые страницы могут создаваться автоматически. Вики-узлы идеальны для создания электронных энциклопедий и обмена знаниями. Они применяются для разработки учебных курсов, совместной работы над проектом, составления технических инструкций, и т.п.

Примечание:Вики-вики в переводе с гавайского означает "быстро", т.е. вики-узел - это сайт, позволяющий быстро изменять его контент (и, кстати, следить за его изменениями).

Создание вики-узла

Начнем с создания дочернего вики-узла.

  • В браузере выберите команду Создать / Веб-узел.
  • На странице (рис 6.1) Создайте новый сайт SharePoint на основе шаблона Вики-узел
  • В группе Выбор шаблона выберите шаблон Вики-узел.
  • Нажмите кнопку Создать.
  • В результате будет открыт новый вики-узел (рис. 6.2).

    (рис 6.2) Новый вики-узел

    Обратите внимание на панель ссылок в правом верхнем углу страницы (рис. 6.3) - с ее помощью можно быстро перейти к редактированию страницы (ссылка Изменить ) просмотреть историю ее правки ( Журнал ) и просмотреть, какие страницы вики-узла содержат гиперссылки, ведущие к текущей странице ( Входящие ссылки ).

    (рис 6.3) Для перехода к правке вики-страницы щелкните ссылку Изменить

    Строение вики-узла

    Сайт, созданный на основе шаблона вики-узел, изначально устроен довольно просто - он содержит всего одну библиотеку документов Вики-страницы (рис. 6.4). В этом можно убедиться, щелкнув ссылку Все содержимое узла на его домашней странице.

    (рис 6.4) Типовой вики-узел содержит всего одну библиотеку документов

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

    (рис 6.5) Библиотека документов Вики-страницы

    6.2. Создание вики-страницы

    Для создания новой вики-страницы предусмотрены два метода:

  • Обычный способ добавления элемента в библиотеку, т.е. путем нажатия кнопки Создать (рис. 6.6).
  • Создание прямой ссылки на несуществующую страницу вики-узла.
  • (рис 6.6) Добавление веб-страницы в вики-библиотеку

    Рассмотрим второй способ более подробно, добавив на домашнюю страницу узла ссылку на несуществующую страницу Содержание.

  • Перейдите в режим редактирования вики-страницы (при помощи щелчка по ссылке Изменить ).
  • Введите в текст текущей страницы заголовок несуществующей страницы, заключив его в двойные квадратные скобки (рис. 6.7). В нашем примере это будет текст [[Содержание]].
  • Нажмите кнопку (рис 6.7) Вставка прямой ссылки в текст вики-страницы

    В результате в тексте вики-страницы появится гиперссылка, подчеркнутая пунктирной линией, что говорит о настройке перехода на несуществующую страницу (рис. 6.8).

    Внимание! Если ввести внутри двойных квадратных скобок название существующей страницы вики-узла, то будет организована рабочая ссылка на эту существующую страницу. (рис 6.8) Гиперссылка на несуществующую вики-страницу подчеркивается пунктиром
  • Щелкните по созданной гиперссылке.
  • В открывшейся форме Создать вики-страницу отредактируйте имя и введите вики-содержимое (рис. 6.9).Примечание: Если Вы поменяете имя вики-страницы, то ранее созданная ссылка работать не будет. (рис 6.9) Новая вики-страница создается по прямой ссылке с другой страницы
  • Нажмите кнопку Создать (рис. 6.10).
  • (рис 6.10) Завершите процесс создания вики-страницы

    Результат создания вики-страницы показан на рис. 6.11 (сама вики-страница в режиме просмотра) и 6.12 (эта вики-страница среди остальных элементов библиотеки Вики-страницы ).

    (рис 6.11) Вики-страницы созданы(рис 6.12) Созданная страница в вики- библиотеке

    6.3. Редактирование вики-страницы

    Как уже было сказано, для правки вики-страницы достаточно щелкнуть ссылку Изменить и затем отредактировать ее в режиме изменения элемента (рис. 6.13). При этом, сохраняется точное отображение содержимого страницы.

    Форматирование

    Форматирование текста вики-страницы может включать выбор типа и размера шрифта, его начертания (полужирного, курсивного и подчеркнутого), выравнивания абзаца, цвета текста и заливки и т.п. Также допускается выбор абзацного отступа и организация нумерованных и маркированных списков, а также таблиц. Закончив редактирование, обновите страницу нажатием кнопки ОК.

    (рис 6.13) Переход к HTML-коду вики-страницы

    При редактировании вики-страниц, следует иметь в виду, что они представляют содержимое, сохраненное в HTML-формате. Поэтому, если перечисленных опций форматирования недостаточно для отображения желаемой информации, Вы имеете возможность, нажав кнопку на панели инструментов (рис. 6.13), обратиться к HTML-коду вики-страницы (рис.?6.14), чтобы вручную ввести нужный тег или параметр тега.

    (рис 6.14) Ручное редактирование HTML-кода вики-страницы

    Гиперссылки

    Для вставки гиперссылки предусмотрены два приема:

  • Вставка прямой ссылки.
  • Щелчок по кнопке вставки гиперссылки на панели инструментов (рис. 6.15) и ввод текста и URL-адреса ссылки в открывшемся диалоговом окне (рис. 6.16).
  • (рис 6.15) Вставка гиперссылки(рис 6.16) Текст и адрес гиперссылки определяется в отдельном диалоговом окне
  • Для создания прямой ссылки на другую страницу того же вики-узла введите в форме редактирования имя этой страницы, заключив его в двойные квадратные скобки (рис 6.17(рис 6.17) Добавление прямой гиперссылки(рис 6.18) Гиперссылка в тексте вики-страницы

    Чтобы создать ссылку, в которой было бы показано не имя соответствующей страницы, а другой текст, поставьте знак вертикальной черты (|) после имени страницы и затем введите нужный текст. Например, для создания ссылки, содержащей текст "Домашняя страница" и указывающей на страницу "Домашняя", введите [[Домашняя|Домашняя страница]].

    Чтобы убедиться в том, что страницы вики-узла содержат гиперссылки, ведущие к текущей странице щелкните кнопку Входящие ссылки в верхнем правом углу страницы

  • Таблицы

    Для вставки таблицы на вики-страницу проделайте следующее.

  • В режиме редактирования вики-страницы нажмите кнопку вставки таблицы.
  • В открывшемся диалоговом окне введите число столбцов и строк таблицы (рис. 6.19).
  • Нажмите кнопку ОК.
  • (рис 6.19) Вставка таблицы на вики-страницу
  • Отредактировать вставленную таблицу легко, применяя нужную из кнопок на панели инструментов. Перечислим их, слева-направо:
  • Вставка элемента таблицы (строки, столбца или ячейки)
  • Удаление строки или столбца
  • Разделение ячейки
  • Объединение выделенных ячеек
  • Рисунки
  • Для вставки рисунка на вики-страницу:
  • Загрузите нужный файл с рисунком на сайт SharePoint (например, в библиотеку рисунков при помощи браузера или в другое место при помощи SharePoint Designer, как это проиллюстрировано рис. 6.22 и 6.23 ниже).
  • Скопируйте адрес рисунка в буфер обмена.
  • Перейдите в режим редактирования вики-страницы (рис 6.20(рис 6.20) Вставка рисунка
  • Нажмите кнопку вставки рисунка (рис. 6.20).
  • В открывшемся диалоговом окне введите адрес рисунка (из буфера обмена) и (при желании) замещающий текст (рис. 6.21).
  • Нажмите кнопку ОК.
  • (рис 6.21) При вставке рисунка необходимо ввести его адрес
  • В результате рисунок появится на вики-странице (рис. 6.22). Для подтверждения ее изменения достаточно в форме нажать кнопку (рис 6.22) Рисунок на вики-странице
  • Файлы изображений удобно загружать на веб-узел при помощи программы SharePoint Designer. Достаточно открыть папку с файлом (на локальном компьютере) в проводнике и перетащить файл на панель Список папок, в нужное место на сервере (рис 6.23(рис 6.23) Месторасположение рисунка на веб-узле
  • Далее, выделив рисунок в SharePoint Designer и введя команду Просмотр в обозревателе, достаточно будет скопировать его адрес в буфер обмена (рис 6.24(рис 6.24) Предварительный просмотр рисунка в браузере
  • Лабораторная работа 6.1. Вики-библиотеки

    По умолчанию, вики-узел содержит одну вики-библиотеку. Разумеется, на него (а также на любой сайт SharePoint) можно добавить и другие вики-библиотеки.

  • Откройте веб-узел и выберите Действия узла / Создание.
  • На странице Создание выберите пункт Библиотека вики-страниц (рис. 6.25).
  • Задайте параметры вики-библиотеки и затем просмотрите, как она будет выглядеть после добавления на сайт.
  • (рис 6.25) Создайте новую вики-библиотеку

    Как и другие компоненты веб-узла SharePoint, вики-библиотеки можно переименовывать и задавать отображение переходов в области быстрого запуска веб-сайта.

  • Откройте библиотеку Вики-страницы.
  • Выберите (рис 6.26) Перейдите к параметрам вики-библиотеки
  • Введите новое имя вики-библиотеки и ее описание (рис. 6.27).
  • Нажмите кнопку Сохранить.
  • Просмотрите, как изменится название библиотеки (см. рис. 6.28 ниже).
  • (рис 6.27) Переименуйте вики-библиотеку

    Лабораторная работа 6.2. Управление версиями вики-страниц

    Вики-узлы позволяют документировать изменения, которые вносят пользователи узла путем сохранения версий вики-страниц, что, в частности, позволяет восстановить одно из предыдущих состояний страницы. Рассмотрим, как это делается.

  • Откройте библиотеку Вики-страницы.
  • Нажмите кнопку (рис 6.28) Откройте журнал изменений вики-страницы
  • Просмотрите историю изменений вики-страницы: список версий приведен на панели слева (рис 6.29(рис 6.29) Журнал версий вики-страницы
  • Просмотрите, какие элементы (они выделяются соответствующим цветом) были удалены и добавлены в выбранной версии (рис 6.29(рис 6.30) Добавленные и удаленные элементы вики-страницы выделяются цветом
  • Нажмите кнопку (рис 6.31) Перейдите к журналу версий
  • Просмотрите журнал версий вики-страницы.
  • Перейдите к одной из более ранних версий (рис 6.32(рис 6.32) Журнал версий вики-страницы
  • Нажатием кнопки Восстановить эту версию сделайте ее текущей версией вики-страницы.
  • Перейдите к какой-либо еще версии вики-страницы.
  • Удалите эту более раннюю версию вики-страницы (рис 6.33(рис 6.33) Удаление старой версии вики-страницы с сервера
  • Удалите все ранние версии вики-страницы (рис. 6.34).
  • (рис 6.34) Очистка веб-узла от ранних версий вики-страницы

    В результате этих действий на веб-узле останется только одна - последняя - версия вики-страницы (рис. 6.35).

    (рис 6.35) Результат удаления ранних версий вики-страницы

    Краткие итоги

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

    Страницы:

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

    6.1. Создание вики-узла

    Рассмотрим в завершение курса типовые решения сайтов Web 2.0. Вики-узлы - это веб-сайты, на которых пользователям разрешается создавать и редактировать любые страницы. При этом существующие страницы соединяются ссылками, причем ссылки на новые страницы могут создаваться автоматически. Вики-узлы идеальны для создания электронных энциклопедий и обмена знаниями. Они применяются для разработки учебных курсов, совместной работы над проектом, составления технических инструкций, и т.п.

    Примечание:Вики-вики в переводе с гавайского означает "быстро", т.е. вики-узел - это сайт, позволяющий быстро изменять его контент (и, кстати, следить за его изменениями).

    Создание вики-узла

    Начнем с создания дочернего вики-узла.

  • В браузере выберите команду Создать / Веб-узел.
  • На странице (рис 6.1) Создайте новый сайт SharePoint на основе шаблона Вики-узел
  • В группе Выбор шаблона выберите шаблон Вики-узел.
  • Нажмите кнопку Создать.
  • В результате будет открыт новый вики-узел (рис. 6.2).

    (рис 6.2) Новый вики-узел

    Обратите внимание на панель ссылок в правом верхнем углу страницы (рис. 6.3) - с ее помощью можно быстро перейти к редактированию страницы (ссылка Изменить ) просмотреть историю ее правки ( Журнал ) и просмотреть, какие страницы вики-узла содержат гиперссылки, ведущие к текущей странице ( Входящие ссылки ).

    (рис 6.3) Для перехода к правке вики-страницы щелкните ссылку Изменить

    Строение вики-узла

    Сайт, созданный на основе шаблона вики-узел, изначально устроен довольно просто - он содержит всего одну библиотеку документов Вики-страницы (рис. 6.4). В этом можно убедиться, щелкнув ссылку Все содержимое узла на его домашней странице.

    (рис 6.4) Типовой вики-узел содержит всего одну библиотеку документов

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

    (рис 6.5) Библиотека документов Вики-страницы

    6.2. Создание вики-страницы

    Для создания новой вики-страницы предусмотрены два метода:

  • Обычный способ добавления элемента в библиотеку, т.е. путем нажатия кнопки Создать (рис. 6.6).
  • Создание прямой ссылки на несуществующую страницу вики-узла.
  • (рис 6.6) Добавление веб-страницы в вики-библиотеку

    Рассмотрим второй способ более подробно, добавив на домашнюю страницу узла ссылку на несуществующую страницу Содержание.

  • Перейдите в режим редактирования вики-страницы (при помощи щелчка по ссылке Изменить ).
  • Введите в текст текущей страницы заголовок несуществующей страницы, заключив его в двойные квадратные скобки (рис. 6.7). В нашем примере это будет текст [[Содержание]].
  • Нажмите кнопку (рис 6.7) Вставка прямой ссылки в текст вики-страницы

    В результате в тексте вики-страницы появится гиперссылка, подчеркнутая пунктирной линией, что говорит о настройке перехода на несуществующую страницу (рис. 6.8).

    Внимание! Если ввести внутри двойных квадратных скобок название существующей страницы вики-узла, то будет организована рабочая ссылка на эту существующую страницу. (рис 6.8) Гиперссылка на несуществующую вики-страницу подчеркивается пунктиром
  • Щелкните по созданной гиперссылке.
  • В открывшейся форме Создать вики-страницу отредактируйте имя и введите вики-содержимое (рис. 6.9).Примечание: Если Вы поменяете имя вики-страницы, то ранее созданная ссылка работать не будет. (рис 6.9) Новая вики-страница создается по прямой ссылке с другой страницы
  • Нажмите кнопку Создать (рис. 6.10).
  • (рис 6.10) Завершите процесс создания вики-страницы

    Результат создания вики-страницы показан на рис. 6.11 (сама вики-страница в режиме просмотра) и 6.12 (эта вики-страница среди остальных элементов библиотеки Вики-страницы ).

    (рис 6.11) Вики-страницы созданы(рис 6.12) Созданная страница в вики- библиотеке

    6.3. Редактирование вики-страницы

    Как уже было сказано, для правки вики-страницы достаточно щелкнуть ссылку Изменить и затем отредактировать ее в режиме изменения элемента (рис. 6.13). При этом, сохраняется точное отображение содержимого страницы.

    Форматирование

    Форматирование текста вики-страницы может включать выбор типа и размера шрифта, его начертания (полужирного, курсивного и подчеркнутого), выравнивания абзаца, цвета текста и заливки и т.п. Также допускается выбор абзацного отступа и организация нумерованных и маркированных списков, а также таблиц. Закончив редактирование, обновите страницу нажатием кнопки ОК.

    (рис 6.13) Переход к HTML-коду вики-страницы

    При редактировании вики-страниц, следует иметь в виду, что они представляют содержимое, сохраненное в HTML-формате. Поэтому, если перечисленных опций форматирования недостаточно для отображения желаемой информации, Вы имеете возможность, нажав кнопку на панели инструментов (рис. 6.13), обратиться к HTML-коду вики-страницы (рис.?6.14), чтобы вручную ввести нужный тег или параметр тега.

    (рис 6.14) Ручное редактирование HTML-кода вики-страницы

    Гиперссылки

    Для вставки гиперссылки предусмотрены два приема:

  • Вставка прямой ссылки.
  • Щелчок по кнопке вставки гиперссылки на панели инструментов (рис. 6.15) и ввод текста и URL-адреса ссылки в открывшемся диалоговом окне (рис. 6.16).
  • (рис 6.15) Вставка гиперссылки(рис 6.16) Текст и адрес гиперссылки определяется в отдельном диалоговом окне
  • Для создания прямой ссылки на другую страницу того же вики-узла введите в форме редактирования имя этой страницы, заключив его в двойные квадратные скобки (рис 6.17(рис 6.17) Добавление прямой гиперссылки(рис 6.18) Гиперссылка в тексте вики-страницы

    Чтобы создать ссылку, в которой было бы показано не имя соответствующей страницы, а другой текст, поставьте знак вертикальной черты (|) после имени страницы и затем введите нужный текст. Например, для создания ссылки, содержащей текст "Домашняя страница" и указывающей на страницу "Домашняя", введите [[Домашняя|Домашняя страница]].

    Чтобы убедиться в том, что страницы вики-узла содержат гиперссылки, ведущие к текущей странице щелкните кнопку Входящие ссылки в верхнем правом углу страницы

  • Таблицы

    Для вставки таблицы на вики-страницу проделайте следующее.

  • В режиме редактирования вики-страницы нажмите кнопку вставки таблицы.
  • В открывшемся диалоговом окне введите число столбцов и строк таблицы (рис. 6.19).
  • Нажмите кнопку ОК.
  • (рис 6.19) Вставка таблицы на вики-страницу
  • Отредактировать вставленную таблицу легко, применяя нужную из кнопок на панели инструментов. Перечислим их, слева-направо:
  • Вставка элемента таблицы (строки, столбца или ячейки)
  • Удаление строки или столбца
  • Разделение ячейки
  • Объединение выделенных ячеек
  • Рисунки
  • Для вставки рисунка на вики-страницу:
  • Загрузите нужный файл с рисунком на сайт SharePoint (например, в библиотеку рисунков при помощи браузера или в другое место при помощи SharePoint Designer, как это проиллюстрировано рис. 6.22 и 6.23 ниже).
  • Скопируйте адрес рисунка в буфер обмена.
  • Перейдите в режим редактирования вики-страницы (рис 6.20(рис 6.20) Вставка рисунка
  • Нажмите кнопку вставки рисунка (рис. 6.20).
  • В открывшемся диалоговом окне введите адрес рисунка (из буфера обмена) и (при желании) замещающий текст (рис. 6.21).
  • Нажмите кнопку ОК.
  • (рис 6.21) При вставке рисунка необходимо ввести его адрес
  • В результате рисунок появится на вики-странице (рис. 6.22). Для подтверждения ее изменения достаточно в форме нажать кнопку (рис 6.22) Рисунок на вики-странице
  • Файлы изображений удобно загружать на веб-узел при помощи программы SharePoint Designer. Достаточно открыть папку с файлом (на локальном компьютере) в проводнике и перетащить файл на панель Список папок, в нужное место на сервере (рис 6.23(рис 6.23) Месторасположение рисунка на веб-узле
  • Далее, выделив рисунок в SharePoint Designer и введя команду Просмотр в обозревателе, достаточно будет скопировать его адрес в буфер обмена (рис 6.24(рис 6.24) Предварительный просмотр рисунка в браузере
  • Лабораторная работа 6.1. Вики-библиотеки

    По умолчанию, вики-узел содержит одну вики-библиотеку. Разумеется, на него (а также на любой сайт SharePoint) можно добавить и другие вики-библиотеки.

  • Откройте веб-узел и выберите Действия узла / Создание.
  • На странице Создание выберите пункт Библиотека вики-страниц (рис. 6.25).
  • Задайте параметры вики-библиотеки и затем просмотрите, как она будет выглядеть после добавления на сайт.
  • (рис 6.25) Создайте новую вики-библиотеку

    Как и другие компоненты веб-узла SharePoint, вики-библиотеки можно переименовывать и задавать отображение переходов в области быстрого запуска веб-сайта.

  • Откройте библиотеку Вики-страницы.
  • Выберите (рис 6.26) Перейдите к параметрам вики-библиотеки
  • Введите новое имя вики-библиотеки и ее описание (рис. 6.27).
  • Нажмите кнопку Сохранить.
  • Просмотрите, как изменится название библиотеки (см. рис. 6.28 ниже).
  • (рис 6.27) Переименуйте вики-библиотеку

    Лабораторная работа 6.2. Управление версиями вики-страниц

    Вики-узлы позволяют документировать изменения, которые вносят пользователи узла путем сохранения версий вики-страниц, что, в частности, позволяет восстановить одно из предыдущих состояний страницы. Рассмотрим, как это делается.

  • Откройте библиотеку Вики-страницы.
  • Нажмите кнопку (рис 6.28) Откройте журнал изменений вики-страницы
  • Просмотрите историю изменений вики-страницы: список версий приведен на панели слева (рис 6.29(рис 6.29) Журнал версий вики-страницы
  • Просмотрите, какие элементы (они выделяются соответствующим цветом) были удалены и добавлены в выбранной версии (рис 6.29(рис 6.30) Добавленные и удаленные элементы вики-страницы выделяются цветом
  • Нажмите кнопку (рис 6.31) Перейдите к журналу версий
  • Просмотрите журнал версий вики-страницы.
  • Перейдите к одной из более ранних версий (рис 6.32(рис 6.32) Журнал версий вики-страницы
  • Нажатием кнопки Восстановить эту версию сделайте ее текущей версией вики-страницы.
  • Перейдите к какой-либо еще версии вики-страницы.
  • Удалите эту более раннюю версию вики-страницы (рис 6.33(рис 6.33) Удаление старой версии вики-страницы с сервера
  • Удалите все ранние версии вики-страницы (рис. 6.34).
  • (рис 6.34) Очистка веб-узла от ранних версий вики-страницы

    В результате этих действий на веб-узле останется только одна - последняя - версия вики-страницы (рис. 6.35).

    (рис 6.35) Результат удаления ранних версий вики-страницы

    Краткие итоги

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

    Вернуться к учебному плану