Повышение функциональных возможностей корпоративного портала факультета с помощью MS SharePoint

Также является языком преобразования XML

РАЗДЕЛ 2. РАЗРАБОТКА И РЕАЛИЗАЦИЯ ФУНКЦИЙ КОРПОРАТИВНОГО ПОРТАЛА

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

Итак, результатом моей дипломной работы должен быть функциональный и работоспособный корпоративный портал. Притом, работа моя не связана с дизайном и администрированием. Я покажу на примере факультета то, что можно, и что я способен сделать в плане программирования, настроек веб-частей и наполнения веб-узлов информацией.

2.1 Постановка задачи

Попробую рассказать, что такое постановка задачи и одновременно составить свою.

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

Для более качественного портала необходимо при постановке задачи выполнить ряд условий:

1. История, описание и миссия предприятия, стратегические цели предприятия. Чем конкретнее и полнее будет эта часть, тем легче будет погрузиться в предметную область.

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

2. Описание предмета бизнеса предприятия - продукции, услуг и т.п.

В данном случае продуктами являются специальности. А услугами обучение.

3. Описание конкурентной среды бизнеса, перечень основных конкурентов и их присутствие в Интернете, место предприятия на рынке, конкурентные преимущества, целевые направления и применяемые методы конкурентной борьбы. Интернет - это поле конкурентной борьбы, и этим все сказано. Разработчик должен понимать, на что ориентироваться и от кого отстраиваться.

Основным конкурентом в Интернете, пожалуй, является сайт самого УГТУ. Но конкуренция минимальна. Т.к. портал узконаправлен и тесно связан с жизнью университета. Только заинтересованный пользователь извне зайдет на портал факультета, потому что там будет больше информации именно о факультете, чего нельзя будет найти на сайте УГТУ. Поэтому на портале необходимо разместить как можно больше интересной информации и разделов.

4. Описание целевых групп пользователей сайта: внешних и внутренних. Некоторые разработчики создают так называемые «персоны» - воображаемых персонажей, которые олицетворяют будущих пользователей сайта. Они носят имена и имеют воображаемые привычки - как в быту, так и при пользовании Интернетом. «Персоны» нужны, поскольку разработчикам проще разрабатывать сайт для «воображаемых конкретных людей» (как ни странно звучит эта фраза). Так вот метод персон - это внутренний метод студии, которые вольны применять или не применять его. Это инструмент творческой работы, вроде того, что использует писатель или сценарист, когда детально прорабатывает характер персонажа с целью сделать его поведение в романе или фильме жизненным. Или когда детектив рисует психологический портрет преступника.

Внутренними пользователями являются преподаватели и «посвященные» студенты. И это будет являться основной группой пользователей, которым будет предоставлена большая или меньшая (в зависимости от прав) информация. Внешними пользователями могут быть либо также студенты, не имеющие права доступа к информации, либо просто люди заинтересованные в факультете ( абитуриенты, «коллеги по цеху» из других ВУЗов и т.д.)

5. Видение портала с использованием пяти прилагательных - эпитетов.

Портал должен быть удобный, информативный, функциональный, простой в использовании и адекватный.

6. Приложения - документы, буклеты, каталоги, прайс-листы, брэнд-бук (если есть), образцы фирменного стиля (если есть), статьи в прессе и т.п.

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

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

Задачи зависят от целей. Они могут иметь несколько уровней, т.е. разбиваться на подзадачи. Тут придется поработать: например, цель «Увеличение доли рынка» влечет за собой задачу «Привлечение новых клиентов», которая распадается на подзадачи «Распространение информации в Интернете», «Предоставление дополнительных интернет-сервисов», «Персонификация общения с клиентом», и т.п. В общем, может получиться довольно объемное описание, особенно если дело касается осуществления продаж с помощью сайта. Именно в описании задач должны содержаться основные маркетинговые решения.

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

Задачами, которые я ставлю при разработке функций портала, являются:

1. Простота редактирования информации

2. Удобство интерфейса

3. Минимальные затраты времени на обращение к информации

4. Рациональность используемых веб-частей и их расположения

5. Полнота информации

Кроме описания задач, можно (но совсем не обязательно) включить в постановку предложения по конкрентной реализации:

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

2. Интернет-сервисы, необходимые для реализации задач. Примерами могут служить такие интернет-сервисы, как поиск по товарным группам, калькулятор расчета стоимости товара, бронирование товара, выписка счета, информирование о статусе заказа и пр. Так, подзадача «Персонификация общения с клиентом» реализуется через внедрение форума, гостевой книги, закрытого раздела для клиента. Раздел с описанием интернет-сервисов опционален для постановки задачи, т.е. он может отсутствовать, а если все-таки есть что предложить сюда, то описание должно подразумевать открытость к изменениям и дополнениям: профессиональные разработчики владеют большим экспертным опытом в отношении средств реализации, чем вы. Пройдя через множество проектов, они могут не только предложить готовые схемы и сервисы, но и посоветовать что-то принципиально новое. Предложения в этот раздел должны основываться на уникальных особенностях бизнеса, а также на данных конкурентного анализа - т.е. вы можете проанализировать на совместимость с вашим бизнесом и предложить те сервисы, которые имеются на сайтах конкурента и приносят ему реальную отдачу. Подробно этот раздел должен быть представлен в техническом задании разработчика: задачей тогда будет анализ связи целей и предложенных разработчиком решений.

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

При постановке задачи не следует забывать и про некоторые ограничения:

1. Технологические ограничения. Здесь необходимо перечислить информационные системы, применяемые на предприятии, системы электронного документооборота, CRM-системы, справочники и пр. Сайт - внешняя часть айсберга, которая увязывает множество данных. Часть этих данных уже организована и хранится в информационных системах, базах данных и т.п., применяемых на предприятии. Чтобы не создавать путаницы в производстве и использовании данных, вам нужно соблюдать важное правило информационного менеджмента: все данные заносятся в хранилища данных один раз, там, где они производятся. Поэтому при разработке сайта нельзя дублировать уже существующие базы данных, позволять заносить и редактировать данные сразу в нескольких подразделениях и т.п. Если производить разработку сайта, ничего не зная о существующих хранилищах данных, можно ненароком нарушить это правило и в наказание получить хаос. Кроме того, зная, какие информационные системы необходимо вовлечь в информационный обмен с будущим сайтом, можно ограничить выбор разработчиков теми, кто умеет работать с представленными системами.

2. Идеологические ограничения. Эти те ограничения, которые обусловлены целями и задачами. Например, если перед сайтом стоит задача привлечения новых клиентов, то одним из идеологических ограничений к применяемым технологиям станет обязательное требование видимости в поисковых системах. В этом случае, например, отпадает технология Flash - а вы, возможно, уже мечтали о той красоте, которую разведете на сайте благодаря эффектной анимации. А также не будет работать недорогое с точки зрения разработки решение скачивать прайс-листы в виде файлов (MS Word, Excel, Adobe Acrobat - формат.pdf) вместо того, чтобы представлять их в виде HTML-страниц (файлы с прайс-листами тоже могут и даже должны быть, но не вместо, а вместе с HTML-страницами). И так далее. Вывод: ваша задача - сформулировать ограничения, а не диктовать разработчику, в какой среде и с применением каких конкретных технологий ему работать. Дело в том, что правильный выбор средства, в данном случае, технологии - это решение задачи с несколькими параметрами. Правильно решить ее могут только профессионалы - студия, которую вы выберете.

3. Организационные ограничения. Скажем, в соответствии с правилом информационного менеджмента и просто в соответствии со здравым смыслом, вы хотите, чтобы информация заносилась на сайт там, где она производится. Прайс-листы, например, будут заносить на сайт в отделе продаж, а пресс-релизы - в пресс-службе. Вы продумаете, как дополнить обязанности сотрудников, а для того, чтобы никто не влезал в чужой раздел и не правил информацию там, где ему не положено, вам нужно разграничить права доступа [16].

Итак, сформулируем основные моменты, которые мне надо проработать на портале в MS SharePoint.

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

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

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

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

2.2 Выполнение работы

После установки SharePoint Portal Server 2003 на виртуальную машину и соответствующей настройки всех компонентов получаем готовый веб-узел портала (Рис. 2.1).

Как видно, тут можно настроить параметры узла, получить справку и руководства. Также можно осуществить следующие действия с порталом.

11. Добавить вхождение. Служит для добавления вхождений в область. Другими словами позволяет разместить на странице различные приложения.

12. Создать дочернюю область. Предназначена для создания страниц на узле портала. При этом страница создается в том каталоге, в котором создаешь.

13. Отправить документ. Соответственно для отправки документов в библиотеки узла.

14. Изменить параметры. Служит для изменения параметров страницы. Таких как дата публикации, название, имя, параметров поиска и индексации, изменение шаблонов.

15. Управление пользователями. Служит для добавления новых пользователей, удаления пользователей из всех групп узла или добавления пользователей в группы узла.

16. Управление содержимым. Служит для управления содержимым библиотек узла. С помощью этой страницы можно создавать или удалять списки, таблицы, вхождения, рисунки документы, можно создавать доски обсуждений.

17. Управление узлом портала. В этом представлении отображается структура портала. В нем можно перетаскивать категории и вхождения.

18. Изменить страницу. Служит для изменения содержимого на самой странице. Здесь можно управлять веб-частями. Можно открыть страницу в конструкторе и править веб-части. Одно из самых важных представлений необходимых для моей части работы со страницами портала.

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

2.2.1 Работа с редактором содержимого

Как я уже сообщил, редактор содержимого предназначен для вывода не структурированного текста. Это могут быть таблицы, текст, рисунки. Эта веб-часть предназначена для того, чтобы выкладывать большие фрагменты текста. Функций, кроме как представление текста, она практически не несет. Однако ее можно нагрузить тэгами HTML по ключевым словам для повышения рейтинга в поисковых системах.

Добавить эту веб-часть можно следующим образом. Переходим на страницу, где необходимо разместить веб-часть. Нажимаем «Изменить страницу». Далее в меню «Изменить общую страницу» выбираем «Добавить веб-части» - «Поиск». В правой части экрана появится форма поиска, где в поле для ввода текста набираем Редактор содержимого. После чего добавляем его на рабочую область. Это выглядит вот так:

Далее открываем панель инструментов и приступаем к работе с ней.

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

1. Через редактор форматированного текста. Этот редактор открывает диалоговое окно, где наподобие документа Word можно печатать свой автоматически форматируемый текст, создавать таблицы и вставлять рисунки. Однако этот редактор не такой функциональный как тот же Microsoft Word. Многие стили форматирования отсутствуют. Для дополнительных настроек разметки страницы существует второй способ.

2. Через редактор исходного текста. Здесь открывается окно с HTML разметкой веб-части. Весь текст можно самому форматировать в HTML.

Теперь я расскажу о том, что такое HTML.

HTML (от английского Hypertext Markup Language -- «язык разметки гипертекста») -- это стандартный язык разметки документов во Всемирной паутине. Практически все веб-страницы создаются при помощи языка HTML или его последователя -- XHTML.

Формально, HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

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

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991--1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых «тегами»), служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако, современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирования страницы, которую вы сейчас читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.

Язык HTML позволяет размечать в тексте:

1. Смысловую роль текстового блока (например: логическое ударение, заголовок (от первого до шестого уровня), параграф, пункт списка и др.), который обрабатывается браузером в соответствии со смыслом (например, в голосовых браузерах -- изменение интонации, в графических -- выделением курсивом, и т. п.) или настройками пользователя.

2. Гипертекстовые ссылки, которые значительно упрощают чтение множества связанных документов, ибо позволяют запросить документ с адресом, указанным в коде ссылки, простым щелчком мыши.

3. Гарнитуру, кегль, начертание, цвет шрифта для визуального вывода.

4. Специальные символы (выходящие за рамки ASCII символы пунктуации, математические символы, греческие и готические буквы, стрелки и т. п.)

5. Формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверных программ (например, на языках PHP или Perl).

6. Открытие мультимедийных файлов, выводимых как непосредственно браузером (например, изображения в форматах JPEG, GIF или PNG; аудиофайлы MIDI и др.), так и внешними приложениями, «встраиваевыми» в окно браузера (Flash-анимация, Java-апплеты и прочее).

HTML -- это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками -- тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br />). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

1. <strong>Текст между двумя тегами -- открывающим и закрывающим.</strong>

2. <a href="http://www.example.com">Здесь элемент содержит атрибут href.</a>

3. А вот пример пустого элемента: <br>

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными.

Кроме элементов, в HTML-документах есть и сущности (англ. entities) -- «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN -- код символа в Юникоде в десятеричной системе счисления.

Например, &copy; -- знак авторского права (©). Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: &amp; -- амперсанда (&), &lt; -- символа «меньше» (<) и &gt; -- символа «больше» (>), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE…>, которая обычно выглядит примерно так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

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

Далее обозначается начало и конец документа тегами <html> и </html> соответственно. Внутри этих тегов должны находиться теги заголовка (<head></head>) и тела (<body></body>) документа.

Список основных тегов и специальных символов приведён ниже.

Элемент HTML - эта основная структурная единица веб-страницы.

Теги и их параметры нечувствительны к регистру. То есть <A HREF=http://yahoo.com> и <a href=http://yahoo.com> означают одно и то же.

Гиперссылки.

1. <A HREF=url > гиперссылка </A> -- гиперссылка.

Текстовые блоки.

1. <H1> … </H1>, <H2> … </H2>, … ,<H6> … </H6> -- заголовки 1, 2, … 6 уровня.

2. <P> -- новый параграф. Можно в конце параграфа поставить </P>, но это не обязательно.

3. <BR> -- новая строка. Этот тег не закрывается (не существует тега </BR>).

4. <HR> -- горизонтальная линия.

5. <BLOCKQUOTE> … </BLOCKQUOTE> -- цитата. Обычно текст сдвигается вправо.

6. <PRE … </PRE> -- режим preview. В этом режиме текст заключается в рамку и никак не форматируется (то есть теги, кроме </PRE>, игнорируются, и переводы строки ставятся там, и только там, где они есть в оригинальном документе).

7. <DIV> … </DIV> -- блок (обычно используется для применения стилей CSS).

8. <SPAN> … </SPAN> -- строка (обычно используется для применения стилей CSS).

Форматирование текста.

1. <EM> … </EM> -- логическое ударение (обычно отображается курсивным шрифтом).

2. <STRONG> … </STRONG> -- усиленное логическое ударение (обычно отображается жирным шрифтом).

3. <I> … </I> -- выделение текста курсивом.

4. <B> … </B> -- выделение текста жирным шрифтом.

5. <U> … </U> -- подчёркивание текста.

6. <S> … </S> -- зачёркивание текста.

7. <STRIKE> … </STRIKE> -- то же самое, что <S> … </S>.

8. <BIG> … </BIG> -- увеличение шрифта.

9. <SMALL> … </SMALL> -- уменьшение шрифта.

10. <BLINK> … </BLINK> -- мигающий текст. Это один из самых ненавидимых тегов, потому что мигающий текст неприятен для глаз.

11. <MARQUEE> … </MARQUEE> -- сдвигающийся по экрану текст. Степень народной любви к этому тэгу примерно такая же, как и к мигающему.

12. <SUB> … </SUB> -- подстрочный текст. Например, H<SUB>2</SUB>O создаст текст H₂O.

13. <SUP> … </SUP> -- надстрочный текст. Например, E=mc<SUP>2</SUP> создаст текст E=mc².

14. <FONT параметры> … </FONT> -- задание параметров шрифта. У этого тега есть следующие параметры:

a. COLOR=color -- задание цвета. Цвет может быть задан в шестнадцатеричной форме как #rrggbb (первые 2 шестнадцатеричные цифры задают красную компоненту, следующие 2 -- зелёную, последние 2 -- синюю) или названием.

b. FACE=шрифт меняет шрифт.

c. SIZE=размер меняет размер шрифта. Размер от 1 до 7, стандартный по умолчанию 3. Есть много способов изменить стандартный размер для данной страницы.

d. SIZE=+размер или SIZE=-размер -- размер задаётся по сравнению со стандартным. Например, +2 означает размер на 2 больше стандартного.

Списки.

<UL>

<LI> первый элемент </LI>

<LI> второй элемент </LI>

<LI> третий элемент </LI>

</UL>

создаёт список:

· первый элемент

· второй элемент

· третий элемент

Если вместо <UL> (Unordered List, что означает ненумерованный список) поставить <OL> (Ordered List, нумерованный список), список получится нумерованным:

1. первый элемент

2. второй элемент

3. третий элемент

Объекты.

1. <IMG SRC=имя или URL> -- вставка изображения. Этот тег не закрывается.

2. EMBED -- вставка различных объектов: не-HTML документов и media-файлов.

3. APPLET -- вставка Java-апплетов.

4. SCRIPT -- вставка скриптов.

Таблицы.

1. TABLE -- создание таблицы. Параметры тега:

a. BORDER -- толщина разделительных линий в таблице.

b. CELLSPACING -- расстояние между клетками.

2. CAPTION -- заголовок таблицы (этот тег необязателен).

3. TR -- строка таблицы.

4. TH -- заголовок столбца таблицы (этот тег необязателен).

5. TD -- ячейка таблицы.

6. height - высота таблицы.

7. width - ширина таблицы

Формы.

Создание форм в HTML является довольно сложным делом. Здесь приводятся только названия основных тегов.

· FORM -- создание формы.

· INPUT -- элемент ввода (может иметь разные функции -- от ввода текста до отправки формы).

· TEXTAREA -- текстовая область (многострочное поле для ввода текста).

· SELECT -- список (обычно в виде выпадающего меню).

· OPTION -- пункт списка.

Итак, вернемся к моей работе. Попробуем выложить на главной странице портала общую информацию о факультете. Скопируем общие сведения сначала в редактор форматированного текста. И попробуем вставить логотип ФИМТЕМ с бывшего сайта, и сохраним все это.

Как видно, все изначальные тэги сохраняются, ссылки прописываются сразу. Но заголовок с логотипом выглядит некрасиво. Исправить этот недостаток можно, покопавшись в редакторе исходного текста.

Написав такой код:

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="justify"><p class="osnovnoi" >

<span class="text2">

<img src="E:\fimtemlogo.gif" valign="bottom" align="left" alt="">

</span><p class="osnovnoi">

<span class="text2">

<p align="justify">

<H1>Информация о подразделении</H1>

<font size="1">

<DL>

<DT>Официальное название:</DT>

<DD>Факультет информационно-математических технологий и экономического моделирования</DD>

<DT>Официальная аббревиатура:</DT>

<DD>ИМТЭМ</DD>

<DT>Входит в состав:</DT>

<DD>Факультеты УГТУ-УПИ</DD>

<DT>Направление деятельности:</DT>

<DD>Подготовка специалистов в области информационно-математических технологий для науки, промышленности и бизнеса. </DD>

<DT>Руководитель:</DT>

<DD>Декан - профессор, доктор физико-математических наук - Никонов Олег Игоревич</DD>

<DT>Количество сотрудников:</DT>

<DD>67</DD>

<DT>Физический адрес подразделения:</DT>

<DD>620002, Екатеринбург, ул.Мира, 17, СП-302</DD>

<DT>Основной телефон:</DT>

<DD>(343)375-45-10, 375-45-22</DD>

<DT>Адрес электронной почты:</DT>

<DD><A href="mailto:fimtem@mail.ustu.ru">fimtem@mail.ustu.ru</A></DD>

</DL>

</font>

</p>

</span>

</td>

</tr>

</table>

Получаем вот такой вид. По-моему лучше, чем было:

Как видим, работа с этой веб-частью не вызвала никаких затруднений. Минимальные знания HTML, навыки работы с MS Word, творческий подход, и работа готова.

2.2.2 Работа с библиотеками и списками

Списком может быть как созданный в самом SharePoint, так и импортированный в него список или таблица (например, MS Access, Excel). Списки из SharePoint также можно экспортировать. Создавать их также не составит большого труда.

В качестве примера я продемонстрирую, как можно создать список студентов группы ИМ-52012, с разделением по руководителям дипломных проектов. Этот список и будем использовать для дальнейшей работы с различными веб-частями.

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

Итак, выбираем действие «Управление содержимым», далее «Создать». Открывается страница создания.

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

При нажатии на одноименную ссылку появляется страница для задания общих параметров. А именно имени и описания списка. Важным моментом здесь является, что имя задается сначала на латинице, так как, если печатать на кириллице, страница не будет опознаваться в Интернете. После нажатия на кнопку «Создать», сразу же переходим на страницу списка. Вот теперь можно изменять имя списка на кириллице. По умолчанию наш список имеет один столбец с именем Названием. Нажимаем «Изменить настройки и столбцы» для того, чтобы поменять имя и добавить/удалить столбцы.

Далее выбираем «Изменить общие параметры» и меняем имя на любое, какое захотим. Я меняю на «Распределение студентов по руководителям дипломных работ». Сохраняем. Ниже за общими параметрами идет раздел «Столбцы», там расположен список существующих столбцов, а ниже варианты добавить новый и изменить порядок полей. Последнее для порядка заполнения столбцов пользователями. Каждый столбец тоже настраивается. Чтобы изменить необходимо щелкнуть мышью на него. Для столбца можно настроить имя, описание, требование постоянного содержания данных, максимальное число знаков и значение по умолчанию. При добавлении столбца необходимо ввести имя и выбрать тип данных, которые будут в нем храниться.

Типы данных:

1. Однострочный текст.

2. Многострочный текст.

3. Выбор (меню).

4. Число (1; 1,0; 100).

5. Денежный (р., $, € ).

6. Дата и время.

7. Подстановка (данные, уже имеющиеся на этом узле).

8. Да/Нет (флажок).

9. Гиперссылка или рисунок.

10. Вычисляемый (вычисление по другим столбцам).

Со всеми типами все понятно, интерес вызывает вычисляемый столбец. Расскажу о его функциях и как их реализовать.

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

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

В ходе создания или изменения представления можно задать отображение итогов для столбца. Итогом могут служить следующие значения:

1. число элементов в столбце;

2. среднее число от значений в столбце;

3. максимальное значение в столбце;

4. минимальное значение в столбце.

В вычисляемых столбцах отображаются результаты математических или логических операций. В эти операции могут включаться как сведения из других столбцов списка, так и системные функции, например функция [Сегодня] -- для указания текущей даты. Предположим, требуется сложить значения из столбцов А и Б; для этого можно создать вычисляемый столбец, в котором будет выводиться результат. В приведенном ниже примере столбец «Сумма» является вычисляемым столбцом.

Таблица 2.1

Столбец 1	Столбец 2	Сумма
1	2	3
10	20	30
16	16	32

Формула, которую требуется ввести, чтобы создать этот вычисляемый столбец, выглядит следующим образом:

[столбец 1] + [столбец 2]

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

Для создания вычисляемых столбцов можно также использовать другие операции. Например, можно комбинировать текст из двух столбцов. Так, можно создать столбец, в котором будет находиться комбинация текста из столбцов «Имя» и «Фамилия», как показано в приведенном ниже примере.

Таблица 2.2

Фамилия	Имя	Полное имя
Гариков	Максим	Гариков, Максим
Ершов	Николай	Ершов, Николай
Баранова	Мария	Баранова, Мария

Комбинацию текста из первых двух столбцов можно составить, введя следующую формулу для вычисляемого столбца:

[Фамилия] & ", " & [Имя]

В этой формуле логические операторы & (AND) добавляют к тексту из первого столбца запятую, пробел и текст из второго столбца.

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

Таблица 2.3

Дата утверждения	Завершение работы
12.05	12.12
12.06	12.13
12.07	12.14

Для этого вычисляемого столбца формула выглядит следующим образом:

[Дата утверждения] + 7

Функции для вычисляемых столбцов бывают следующие:

1. Дата и время.

2. Финансовые функции.

3. Информация.

4. Логические элементы.

5. Поиск и ссылки.

6. Математика и тригонометрия.

7. Статистические функции.

8. Текст и данные.

Но вернемся к работе. Создаем столбцы [Имя], [Фамилия], [Отчество], [Тема дипломной работы] и [Руководитель]. Настраиваем поля в нужном порядке. Также здесь есть раздел «Представления», в котором можно сортировать строки по возрастанию и убыванию, получить итоге о количестве записей в каждом столбце, использовать фильтрацию необходимых документов.

Далее переходим на страницу списка. Чтобы создать записи необходимо щелкнуть ссылку "Создать элемент". После добавления всех элементов получаем заполненную таблицу.

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

Для своих настроек я использую:

«Выбранное представление - Текущее представление»,

«Тип панели инструментов - Полная панель инструментов»

«Состояние рамки - Развернута»

«Стиль рамки- Нет»

Далее, чтоб выбранные настройки сохранились, нажимаем кнопку «Применить». Возвращаемся в режим просмотра страницы.

И в конечном результате получаем вот такую таблицу:

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

Заходим снова в «Управление содержимым» и выбираем «Изменить настройки и столбцы». Добавляем вычисляемый столбец.

Теперь требуется составить формулу и выбрать тип данных, возвращаемых этой формулой. Тип данных будет, конечно же, однострочный текст. А вот с формулой необходимо разобраться. Наверно будет лучше, если список будет выглядеть таким образом:

Лазутин Юрий Сергеевич, тема: «Планирование и реализация функций корпоративного портала на основе MS Sharepoint (на примере портала факультета)», руководитель Ермаков Д.Г.

Следовательно составляем формулу используя функцию СЦЕПИТЬ:

=СЦЕПИТЬ([№];". ";Фамилия;" ";Имя;" ";Отчество;", тема: "";[Тема дипломной работы];"" руководитель ";Руководитель;".")

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

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

2.2.3 Работа с прочими веб-частями

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

ZoneTabs.

Веб-часть разделения страницы на зоны. Для того чтобы она работала, необходимо разместить в одной области несколько веб-частей. Если открыть «Изменить общую веб-часть», появится панель настроек. Где в полях Tab Names следует написать названия разделов.

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

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

Связывать с каждым разделом можно несколько веб-частей.

TitleBarWepPart.

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

BreadCrambTrial.

Веб-часть описания пути страницы. Просто добавляешь ее на рабочую зону, и она прописывает путь к странице.

Например:

Back to: Главная страница > Факультет > Кафедры и специальности > Группы > Группа ИМ-52012

С помощью этой веб-части пользователь может вернуться назад на порядок выше.

RightBodySectionSearchBox.

Тоже веб-часть панели инструментов, предназначена для поиска на узле. Можно задавать категории поиска. Размещается она обычно внизу «шапки» портала.

ConsumerWebPart1.

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

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

Вот так выглядит применение этих веб-частей на портале.

Теперь мы подошли к одной из самых интересных веб-частей непосредственно связанной с программированием.

CsegRollUp.

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

В поле Lists вводим название страницы, на которой расположена веб-часть и через двоеточие название списка. Далее в поле Fields названия столбцов, которые будут включены в веб-часть, через запятую без пробела.

Далее идет написание XSL кода. Не забываем, что этот код служит для XML с HTML разметкой. Поэтому при разработке кода необходимо проработать структуру выводимого текста. Структура у нас останется та же:

Лазутин Юрий Сергеевич, тема: «Планирование и реализация функций корпоративного портала на основе MS Sharepoint (на примере портала факультета)», руководитель Ермаков Д.Г.

Суть здесь такова, что CsegRollUp выбирает все элементы каждого столбца и выводит в виде структурированного текста. Разметка та же самая, что и в HTML, поэтому очень удобно работать с выводом. Единственное, что не надо прописывать разметку для каждой строки. Веб-часть сама выбирает все имеющиеся элементы.

Итак, составляем код:

<?xml version='1.0' encoding='utf-8'?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html" />

<xsl:template match="/">

<xsl:for-each select="Rows/Row"><ol>

<xsl:value-of select="Family" />&#xA0;

<xsl:value-of select="Name" />&#xA0;

<xsl:value-of select="Ot4estvo" />,&#xA0;тема:&#xA0;

<xsl:value-of select="Diplom" />,&#xA0;руководитель&#xA0;

<xsl:value-of select="Rukovod" />.</ol>

</xsl:for-each>

</xsl:template>

</xsl:stylesheet>

После чего страница портала стала выглядеть вот так:

Очень похоже, что список просто разместили через «Редактор содержимого», но это конечно же не так. Самым главным плюсом такого размещения списков является тот факт, что эта информация не запоминается на странице, запоминается только механизм получения информации, поэтому каждое обновление будет сразу отображено.

В CsegRollUp кроме вывода списков можно еще делать запросы на них. Для этого используется язык CAML. С помощью него можно, например, осуществить выборку по руководителям дипломных работ для определенного руководителя. Что я сейчас и продемонстрирую. Все в той же панели настроек веб-части есть раздел CsegRollUp Query. Выбираем его. Там есть поле для ввода текста под названием CAML Query, в это поле необходимо вписать запрос, написанный на языке CAML.

Можно делать запросы по нескольким критериям, а можно составлять запросы по нескольким именам из одного столбца. Но для простоты примера я покажу как делать запрос по одному критерию.

<Where>

<Contains>

<FieldRef Name="Rukovod" />

<Value Type='Text'>Медведева М.А.</Value>

</Contains>

</Where>

После прогона этого кода, выводится необходимый список (Рис. 2.12)

Это далеко не единственное применение CAML-запросов. Очень хорошо они подходят для веб-части Форма.

Форма.

Веб-часть Форма можно использовать как формуляр для поиска чего либо. Сейчас я продемонстрирую, как можно использовать форму для поиска. Основное свойство этой веб-части то, что ее можно связывать с остальными. Однако основной недостаток-связывание происходит только по одному имени или запросу. В поле может находиться только одно значение. Однако свяжем ее с уже готовой веб-частью CsegRollUp. Далее открываем панель настройки и через уже знакомый «Редактор исходного текста» правим HTML код. Через него можно настроить форму. Она может быть как полем для ввода текста, списком, набором кнопок, всем, чем угодно, но с ограничением единичной ссылки.

Со стороны CsegRollUp связать его с формой можно с помощью CAML. Для этого открываем настройки и изменяем код запроса.

<Where>

<Contains>

<FieldRef Name="Rukovod" />

<Value Type=”Text”>[CellProvider] </Value>

</Contains>

</Where>

Как видим, вместо имени в запросе поставили ссылку на поле ввода текста в форме.

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

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

2.3 RSS

RSS -- семейство XML-форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п.

В разных версиях аббревиатура RSS имела разные расшифровки:

1. Rich Site Summary (RSS 0.9x) -- обогащённая сводка сайта;

2. RDF Site Summary (RSS 0.9 и 1.0) -- сводка сайта с применением инфраструктуры описания ресурсов;

3. Really Simple Syndication (RSS 2.x) -- очень простое приобретение информации [14].

RSS - это формат, предназначенный для публикации новостей на новостных и подобных им сайтах, начиная от таких ведущих новостных сайтов, как Wired, Slashdot, и кончая личными сетевыми дневникам. Но по сути, публиковать можно не только новости. Практически любой материал, который можно разделить на отдельные части, можно публиковать с помощью RSS: например, объявления о последних публикациях, информация об обновлениях, история изменений, внесенных в книгу. После того, как информация преобразована в формат RSS, программа, понимающая этот формат, может вытягивать сведения о внесенных изменениях и в зависимости от результата, например, автоматически предпринимать какие-либо действия.

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

Разработка того, что впоследствии стало известно как RSS, началась ещё в 1997 году. Первую известность эта технология получила, когда компания Netscape использовала её для наполнения каналов своего портала Netcenter. Вскоре эта технология уже использовалась для трансляции контента на многих новостных сайтах -- в том числе таких, как BBC, CNET, CNN, Disney, Forbes, Wired, Red Herring, Slashdot, ZDNet и многих других. Первой открытой официальной версией RSS стала версия 0.90. Формат был основан на RDF (Resource Description Framework -- стандарт схемы описания источников) и многим показался слишком сложным, и тогда Netscape представила его упрощённую версию -- 0.91. В 2000 году произошло разделение формата:

1. группа разработчиков из списка рассылки «RSS-DEV» предложила формат RSS 1.0, который был основан на стандартах XML и RDF организации W3C. Расширения формата предлагалось делать через модули расширений, описываемые в своих пространствах имён. Так как проект использует уже существующие стандарты, рассматривается его использование в рамках технологии Semantic Web.

2. Дейв Вайнер, работающий в компании «UserLand Software», опубликовал спецификацию RSS 0.92, которая является развитием версии 0.91 и ориентируется на тех пользователей, которым RDF-описание показалось излишне сложным. Вайнер смог популяризовать свою разработку среди многих изданий (в том числе «The New York Times») и придумал свою расшифровку аббревиатуры -- Really Simple Syndication (очень простое приобретение информации). Дальнейшим развитием этой ветки стал формат RSS 2.0, который тоже поддерживает расширения с помощью модулей, лежащих в своих пространствах имён.

5 января 2006 года с сайта my.netscape.com был удален файл rss-0.91.dtd, ссылки на который были размещены в большом количестве трансляций формата RSS версии 0.91. Это событие привело к сбою некоторых онлайновых и офлайновых агрегаторов, так как потоки, ссылающиеся на этот DTD, стали невалидными.

Существует 7 различных форматов, и все они называются RSS. Как программисту, пишущему программу-агрегатор, придется сражаться со всеми этими форматами.

1. Netscape версия 0.90

2. UserLand версия 0.91. Используют для простых публикаций. Если понадобится большее, можно легко перейти на версию 2.0

3. UserLand версия 0.92

4. UserLand версия 0.93

5. UserLand версия 0.94

6. RSS-DEV Working Group версия 1.0. Для приложений, где используется RDF, либо в том случае, если нужен какой-то определенный модуль

7. UserLand версия 2.0. Используется для публикации новостей общего назначения

Напишем программу, которая считывает новости в формате RSS, чтобы, например, публиковать заголовки новостей на своем сайте, или чтобы создать портал новостей. Все зависит от того, о какой версии RSS идет речь. Вот пример файла в формате RSS 0.91 (урезанная версия новостей с http://www.xml.com/):

<rss version="0.91">

<channel>

<title>XML.com</title>

<link>http://www.xml.com/</link>

<description>XML.com features a rich mix of information and services for the XMLcommunity.</description>

<language>en-us</language>

<item>

<title>Normalizing XML, Part 2</title>

<link>http://www.xml.com/pub/a/2002/12/04/normalizing.html</link>

<description>In this second and final look at applying relational normalization techniques to W3C XML Schema data modeling, Will Provost discusses when not to normalize, the scope of uniqueness and the fourth and fifth normal forms.</description>

</item>

</channel>

</rss>

Блок новостей (channel) состоит из заголовка, ссылки, данных о языке новостей и описания. После этого идет список самих новостей, где в каждом пункте указывается заголовок, ссылка и краткое описание новости.

Та же самая информация выглядит в формате RSS 1.0:

<rdf:RDF xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns#xmlns="http://purl.org/rss/1.0/"

xmlns:dc="http://purl.org/dc/elements/1.1/">

<channel rdf:about="http://www.xml.com/cs/xml/query/q/19">

<title>XML.com</title>

<link>http://www.xml.com/</link>

<description>XML.com features a rich mix of information and services for the XML community.</description>

<language>en-us</language>

<items>

<rdf:Seq>

<rdf:li rdf:resource="http://www.xml.com/pub/a/2002/12/04/normalizing.html"/>