Модернизация сайта ПРИПИТ с использованием системы управления содержимым сайта (CMS)

Платформа рассчитана на информационные системы с большими объемами информации, поэтому пользовательские интерфейсы организованы таким образом, чтобы пользователь тратил минимум времени на поиск требуемой информации в рамках системы.

Весь жизненный цикл содержания в данной информационной системе разбит на 4 этапа: сбор, создание / управление, публикация и архивирование содержания. Site Sapiens позволяет организовать поступление информации в систему из любых текстовых форматов.

Процесс создания и управления информацией подобен работе с MS-Office. Публикация автоматически представляет данные во всех заданных форматах (HTML, WML, RSS, XML и т.д.). Нажатием одной кнопки Site Sapiens позволяет создать файловый образ информационной системы, готовый для переноса на магнитные носители или DVD/CD.

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

Использование декларативного языка XML Sapiens позволяет многократное использование в приложениях заготовок структур данных и функциональных решений.

Данная система выбрана в качестве основы для интернет-решений такими компаниями, как The Coca Cola Company, Renault, Elle, Mars.

1.8.4 Характеристики и элементы сайта на основе CMS Site Sapiens

Рассмотрим сайт, построенный на основе Site Sapiens - http://www.elle.ru. Данный сайт представляет из себя электронную верию журнала ELLE.

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

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

Яркое flash-представление главных материалов на стартовой странице регулярно обновляется. Презентация сделана динамической: заголовки и иллюстрации загружаются «на лету» из материалов сайта.

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

Помимо разработки сайта, на данном проекте была организована интеграция сайта с форумом Invision Power Board. У обоих ресурсов общие пользователи и объединенный механизм авторизации.

1.8.5 CMS «1С-Битрикс: Управление сайтом»

Программный продукт «1С-Битрикс: Управление сайтом» Официальный сайт системы управления контентом «1С-Битрикс: Управление сайтом» // http://www.1c-bitrix.ru // Проверено: 10.11.2009 позволяет минимизировать расходы на сопровождение веб-сайта за счет простоты управления статической и динамической информацией.

«1С-Битрикс: Управление сайтом» позволяет:

· управлять структурой и меню сайта через веб-интерфейс

· редактировать внутреннюю область страниц в визуальном режиме

· публиковать новости, пресс-релизы, статьи и другую информацию

· управлять показом рекламы на сайте

· отправлять рассылки группам подписчиков

· управлять интернет-магазином

· вести учет статистики посещений

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

Многосайтовая версия «1С-Битрикс: Управление сайтом» позволяет создавать неограниченное число сайтов с единой системой авторизации пользователей, единой системой управления, единым рекламным пространством, системой веб-аналитики для анализа эффективности проектов, расширенными возможностями по созданию и управлению сообществами.

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

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

Можно масштабировать проект в зависимости от нагрузки на сервер.
Если при увеличении нагрузки на сервер необходимо обеспечить бесперебойную работу сайта, а для этого требуется надежная база данных. Пользователи MySQL-версии «1С-Битрикс: Управление сайтом» могут быстро перейти на Oracle или MSSQL-версию продукта.

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

1.8.6 Характеристики и элементы сайта на основе CMS «1С-Битрикс: Управление сайтом»

Рассмотрим сайт, построенный на основе «1С-Битрикс: Управление сайтом» - http://www.cybersecurity.ru. Данный сайт представляет из себя информационный портал.

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

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

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

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

1.9 Сравнительный анализ наиболее функциональных CMS

На основе исследования проведенного выше построим Таблицу 1.1. В результате анализа существующих систем управления сайтов (см. таб. 1.1) как лучших бесплатных Joomla, eZ Publish, XOOPS, так и лучших российских платных Битрикс, AMO CMS и Site Sapiens, очевидно, что в зависимости от целей и задач организации сайта можно применять как бесплатные так и платные CMS. Так для обеспечения работы сайта коммерческой организации, где важна стабильность работы продукта, оперативность технической поддержки, и не критичны стоимость продукта и технической поддержки наиболее целесообразно использовать коммерческую CMS. Это может быть Битрикс или Site Sapiens, не исключено, что и ABO.CMS сможет удовлетворить все запросы организации.

Так организациям некоммерческим, тем, кому критична стоимость продукта, и не критично отсутствие техподдержки целесообразно использовать для построения сайта одну из бесплатных CMS систем. Из рассмотренных в этой работе CMS наиболее универсальной, с наибольшим количеством модулей и крупнейшим российским сообществом разработчиков является CMS Joomla!. На данный момент Joomla! является наиболее бурно развивающейся CMS системой.

1.10 Характеристики и элементы сайта Пермского государственного технического университета

Сайт университета расположен по адресу http://pstu.ru. Пермский государственный технический университет основан в 1953 году как Пермский горный институт, в 1960 году на базе горного и вечернего машиностроительного институтов, а также филиала Северо-Западного политехнического института, организован Пермский политехнический институт. В 1993 году институту присвоен статус государственного технического университета.

Административный корпус и 4 факультета ПГТУ расположены в центральной части города Перми, остальные факультеты находятся в т. н. Комплексе ПГТУ в сосновом бору на правом берегу реки Камы.

Подготовка научно-педагогических кадров ведётся в университете по системе докторантуры по 7 научным направлениям, включающим 16 специальностей и по системе аспирантуры по 12 научным направлениям, включающим 54 специальности. В университете работает 4 специализированных Совета по защите докторских диссертаций по 7 специальностям и 5 специализированных Советов по защите кандидатских диссертаций по 10 специальностям.

1.10.1 Дизайн сайта

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

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

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

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

1.10.2 Структура и навигация сайта

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

· О ПГТУ

o Общие сведения

o Основные документы

o Органы управления

· Виды деятельности

o Образовательная

o Научная

o Инновационная

o Международная

o Внеучебная

o Издательская

· Для Вас

o Факультеты и кафедры

o Структурные подразделения

o Диссертационные советы

o Информационные ресурсы

o Абитуриенту

o Студенту

o Аспиранту

· События

o Новости

o Объявления

· Поиск по сайту

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

1.10.3 Содержание сайта

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

На данном сайте представлен полный перечень нормативной документации, правила, расписания и положения ВУЗ'а. Посетитель данного сайта может быть уверен, что найдет необходимую для него информацию (по тематике сайта). Так же на сайте доступны, как и новости, так и архив новостей за 2007-2008 годы.

Синтаксических и грамматических ошибок на данном сайте выявлено не было. Информация четко структурирована и не утомляет избытком текста. Данный сайт не масштабируется при работе в разных разрешениях, что является недостатком данного сайта, оптимальным разрешением для его просмотра является 1024х768 пикселей или выше.

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

1.11 Характеристики и элементы сайта Московского государственного университета имени М.В. Ломоносова

Сайт расположен по адресу http://www.msu.ru. МГУ включает 9 научно-исследовательских институтов, 40 факультетов и более 300 кафедр. В Университете обучается более 31 тыс. студентов и около 7 тыс. аспирантов. На факультетах и в научно-исследовательских центрах работают 4 тыс. профессоров и преподавателей, около 5 тыс. научных сотрудников. Вспомогательный и обслуживающий персонал насчитывает примерно 15 тыс. человек.

Университет имеет в своем распоряжении более 600 зданий и сооружений, включая Главное Здание на Ленинских (Воробьёвых) горах. Их общая площадь около 1 млн м?. Только в Москве территория, занимаемая МГУ, составляет 205,7 га. Планируется дальнейшее расширение территории Университета.

Работают филиалы в Севастополе (Украина), Пущино, Черноголовке, Астане (Казахстан), Ташкенте (Узбекистан). С 1988 функционировал филиал в Ульяновске, выделившийся в 1995 в Ульяновский государственный университет.

Научная библиотека МГУ - одна из крупнейших библиотек России, где представлен весь спектр литературы различных областей человеческих знаний не только на русском, но и на иностранных языках.

1.11.1 Дизайн сайта

Главная страница сайта Московского государственного университета
имени М.В. Ломоносова представлена в разбитом на блоки виде: вверху заголовок сайта представляющий из себя графическую подложку и текст с названием университета.

Так же имеются блоки левого меню, правого меню и верхнего меню. Главная страница загружается достаточно быстро. Отсутствуют заставка Flash, что является плюсом для информационного сайта. Цвета, шрифты и графика выдержаны в едином стиле. Цветовая схема серо-сине-белая с черным основным текстом. Все страницы сайта выполнены в едином стиле, за некоторым исключением. Блоки меню на главной странице отличаются от оформления меню других страниц, на которые осуществляется переход. На всех других страницах (кроме главной) присутствует единый для всех страниц блок навигационного меню, расположенный слева. Безусловно, такой подход к организации сайта, когда отсутствует единый стиль не самый лучший. Данный сайт удовлетворит целевую аудиторию, сразу ясно, что это информационный ресурс высшего учебного заведения, на любой странице имеется заголовок с названием университета. Для того, чтобы найти нужную информацию требуется не более 3х переходов по гиперссылкам. Однако некоторые ссылки третьего уровня глубины (ссылки на «Межуниверситетские структуры» и» Социальные структуры и общественные организации») ведут на страницы оформленные иным образом.

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

1.11.2 Структура и навигация сайта

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

1.11.3 Содержание сайта

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

1.12 Характеристики и элементы сайта Московского государственного технического университета имени Н.Э. Баумана

Сайт расположен по адресу http://www.bmstu.ru. Московский государственный технический университет им. Н.Э. Баумана - первый и крупнейший технический университет в России, один из ведущих вузов России, научный центр, флагман отечественного технического образования, особо ценный объект культурного наследия народов РФ.

Назван в честь революционера Николая Эрнестовича Баумана, убитого в 1905 году недалеко от главного здания университета.

МГТУ - один из немногих российских вузов, дипломы которых котируются в западных странах. В США МГТУ конкурирует только с Массачусетсским технологическим институтом.

МГТУ им. Н.Э. Баумана в течение 12 лет является головным вузом Ассоциации технических университетов, включающей в свой состав более 130 университетов России.

1.12.1 Дизайн сайта

Главная страница данного сайта загружается быстро, Flash анимация отсутствует. Цвета выдержаны в коричнево - фиолетовой гамме. Основной текст представлен в черном цвете на белом фоне. Все страницы выдержаны в едином стиле, за небольшим исключением - свой стиль имеют разделы «Приемная комиссия», «Дистанционное образование» и некоторые другие.

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

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

На каждой странице (в нижнем правом углу страницы) доступна информация об авторских правах и имеется ссылка на форму обратной связи.

Предназначением данного сайта является информирование целевой аудитории о деятельности данного вуза.

1.12.2 Структура и навигация сайта

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

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

1.12.3 Содержание сайта

Содержание сайта полностью удовлетворяет его назначению. Пользователь из целевой аудитории будет удовлетворен контентом. На сайте присутствует форма поиска. Синтаксических и грамматических ошибок выявлено не было. Чтение материалов на главной странице и на первом уровне глубины ссылок не представляется затруднительным. На других страницах, где оформление другое, отличное от главной чтение информации затруднительно. Просматривать сайт можно в любом разрешении, начиная с 600х800 пикселей, сайт поддерживает масштабирование. На сайте применяются Java-апплеты. Внедренные музыка и видеоконтент отсутствуют. В целом сайт нельзя назвать простым и понятным, т. к. дизайн неоднороден и интенсивно используются Java - апплеты. Данный сайт проработан не самым тщательным образом. Но, тем не менее, сайт является информативным для целевой аудитории.

1.13 Характеристики и элементы сайта Пермского регионального института педагогических информационных технологий (ПРИПИТ)

Сайт расположен по адресу http://pripit.perm.ru/. Пермский региональный институт педагогических информационных технологий (ПРИПИТ) создан на основании постановления администрации Пермской области по согласованию с Министерством общего и профессионального образования РФ 1 марта 1997 года.

ПРИПИТ - государственное образовательное учреждение, имеет лицензию №3867 от 29.12.2004 г. на право ведения образовательной деятельности в рамках высшего профессионального образования и государственную аккредитацию №2114 от 7.11.2005 г.

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

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

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

· Общие гуманитарные и социально-экономические дисциплины

· Общие математические и естественные дисциплины

· Общепрофессиональные дисциплины направления

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

1.13.1 Дизайн сайта сайта

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

Макет последующих страниц сайта, кроме первой, состоит из следующий блоков: вверху страниц - блок заголовка сайта; слева - главное меню сайта (отличается от главного меню на первой странице); под блоком заголовка и в конце страницы находится блок дополнительного меню (блок дополнительного меню индивидуален для каждого из разделов главного меню); в центре страницы находится блок объектов содержимого разделов. Главная страница загружается быстро. Отсутствуют заставка Flash, что является плюсом для информационного сайта. Цвета, шрифты и графика выдержаны в едином стиле. Цветовая схема сине-красно-бежевая с черным основным текстом. Все страницы сайта выполнены в едином стиле. Блок главного меню на главной странице отличается от оформления главного меню других страниц, на которые осуществляется переход. На всех других страницах (кроме главной) присутствует единый для всех страниц блок главного навигационного меню, расположенного слева. Данный сайт удовлетворит целевую аудиторию, сразу ясно, что это информационный ресурс высшего учебного заведения, на любой странице имеется заголовок с названием института. Для того, чтобы найти нужную информацию требуется не более 3х переходов по гиперссылкам. Главная страница не перегружена излишней информацией. Сайт удовлетворяет запросы целевой аудитории. Графическое оформление минимально и не препятствует восприятию информации. Качество графики хорошее. Цвета приятны для глаза. Текст читается легко, с фоном не сливается. Сайт поддерживает масштабирование и может работать в любом разрешении, начина с 800х600 пикселей и выше. В нижнем левом углу имеются сведения об авторских правах, но авторские права разные для главной и для последующих страниц. Ссылка обратной связи в навигации есть.

1.13.2 Структура и навигация сайта

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

1.13.3 Содержание сайта

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

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

На основе исследования сайтов ВУЗов, проведенного ранее построим таблицу 1.2, консолидирующую основные характеристики данных сайтов.

В данной таблице приведено сравнение основных характеристик рассмотренных сайтов.

В результате анализа данных, представленных в таблице 1.2, выделим те свойства, которых нет на существующем сайте ПРИПИТ по сравнению с сайтами других образовательных учреждений:

· Единый стиль для всех страниц

· Наличие информации об авторских правах и обратной связи на каждой странице

· Единая навигация для всех страниц

· Использование в основе сайта CMS

2. Применение технологии CMS (системы управления содержимым сайта) для разработки сайта

2.1 Исследование информационной структуры существующего сайта ПРИПИТ

Задачей данного параграфа является исследование информационной структуры существующего сайта ПРИПИТ. Данное исследование проводится путем изучения существующего сайта ПРИПИТ Официальный сайт Пермского Регионального Института Педагогических Информационных Технологий // http://pripit.perm.ru //, а так же локальной копии сайта ПРИПИТ.

В настоящее время существующий сайт ПРИПИТ сверстан на основе технологии HTML с использованием JavaScript. Данная технология подразумевает, что любая информационная страница данного сайта должна быть предварительно оформлена в формате HTML, размечена тегами и вручную размещена на сайте.

Анализ сайта производится на основе исследования содержания меню (разделов) существующего сайта.

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

Таблица 2.1. Информационная структура существующего сайта ПРИПИТ

Главное навигационное меню (разделы сайта)
1 уровень	2 уровень	3 уровень
№	Наименование	№	Наименование	№	Наименование
1	ГЛАВНАЯ СТРАНИЦА
2	О ИНСТИТУТЕ	1	Общие сведения
		2	Виды деятельности
		3	Основные документы
		4	Органы управления
3	ВИДЫ ДЕЯТЕЛЬНОСТИ	1	Образовательная
		2	Научная
		3	Инновационная
		4	Международная
		5	Внеучебная
		6	Издательская
4	СТРУКТУРНЫЕ ПОДРАЗДЕЛЕНИЯ	1	Издательство
		2	Электроника
		3	Общежитие
		4	Медиатека
5	ПОСТУПАЮЩИМ	1	Высшее образование
		2	Переподготовка
		3	Повышение квалификации
6	ФАКУЛЬТЕТЫ	1	Факультет информатики	1	Общие сведения
				2	График сессий
				3	Учебные программы
				4	Курсовые и выпускные работы
				5	Вопросы к экзаменам
				6	Интернет студентам
		2	Факультет дополнительного профессионального образования	1	План курсов
				2	Учебные программы
				3	Вопросы к экзаменам
				4	Выпускные работы
				5	Информатика в Интернете
7	КАФЕДРЫ	1	Кафедра информатики
		2	Кафедра информационных технологий
		3	Кафедра математики и естественно-научных дисциплин
		4	Кафедра гуманитарных дисциплин
8	ЛАБОРАТОРИИ	1	Лаборатория образовательных технологий
		2	Студенческая научная лаборатория
9	НАЦИОНАЛЬНЫЙ ФОНД ПОДГОТОВКИ КАДРОВ	1	ОЗШ ИНФОРМАТИКА	1	Общая информация
				2	Участие в проекте ИСО
				3	Обучение
				4	Конкурсы
				5	Преподавателям
				6	Родителям
				7	Форум для уч-ся
				8	Дистанционный семинар для учителей
		2	ТЕЛЕШКОЛА В ПЕРМИ	1	Что такое Телешкола?
				2	Как принять участие?
				3	Формы работы
				4	Сетевые учителя
		3	РЦОА	1	Общие сведения
				2	Апробационные площадки
				3	Апробируемые материалы
				4	Проект ИСО в Интернете
		4	PММЦ	1	Форум
				2	Новости new
				3	Общие сведения
				4	Закрепленные ОУ
				5	Виды деятельности
				6	План работы
				7	Ресурсы медиатеки
				8	Проект ИСО в Интернете
		5	ФАКУЛЬТЕТ ДПО	1	План курсов
				2	Учебные программы
				3	Вопросы к экзаменам
				4	Выпускные работы
				5	Информатика в Интернете
10	ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ	1	Microsoft IT Academy
		2	Курсы для детей
		3	Образование взрослых
11	НОВОСТИ	1	Главные новости
		2	Новости института
		3	Новости образования
12	КОНТАКТЫ
13	ПОИСК ПО САЙТУ

2.2 Исследование информационных потребностей различных групп потенциальных посетителей сайта ПРИПИТ

В результате анализа информационной структуры существующего сайта ПРИПИТ определим группы потенциальных посетителей сайта.

Определим соответствие «пункт меню (раздел) сайта» - «группа пользователей». Выполним данное сопоставление в табличной форме, на основе составленной ранее таблицы 2.1.

Таблица 2.2. Информационная потребность групп потенциальных посетителей сайта ПРИПИТ

Главное навигационное меню (разделы сайта)	Группа посетителей
1 уровень	2 уровень	3 уровень
№	Наименование	№	Наименование	№	Наименование	Наименование
1	ГЛАВНАЯ СТРАНИЦА					Все
2	О ИНСТИТУТЕ	1	Общие сведения			Все
		2	Виды деятельности			Все
		3	Основные документы			Все
		4	Органы управления			Все
3	ВИДЫ ДЕЯТЕЛЬНОСТИ	1	Образовательная			Все
		2	Научная			Все
		3	Инновационная			Все
		4	Международная			Все
		5	Внеучебная			Все
		6	Издательская			Все
4	СТРУКТУРНЫЕ ПОДРАЗДЕЛЕНИЯ	1	Издательство			Все
		2	Электроника			Все
		3	Общежитие			Все
		4	Медиатека			Все
5	ПОСТУПАЮЩИМ	1	Высшее образование			Абитуриенты
		2	Переподготовка			Преподаватели
		3	Повышение квалификации			Преподаватели
6	ФАКУЛЬТЕТЫ	1	Факультет информатики	1	Общие сведения	Абитуриенты
				2	График сессий	Студенты
				3	Учебные программы	Студенты
				4	Курсовые и выпускные работы	Студенты
				5	Вопросы к экзаменам	Студенты
				6	Интернет студентам	Студенты
		2	Факультет дополнительного профессионального образования	1	План курсов	Преподаватели
				2	Учебные программы	Преподаватели
				3	Вопросы к экзаменам	Преподаватели
				4	Выпускные работы	Преподаватели
				5	Информатика в Интернете	Преподаватели
7	КАФЕДРЫ	1	Кафедра информатики			Студенты
		2	Кафедра информационных технологий			Студенты
		3	Кафедра математики и естественно-научных дисциплин			Студенты
		4	Кафедра гуманитарных дисциплин			Студенты
8	ЛАБОРАТОРИИ	1	Лаборатория образовательных технологий			Студенты
		2	Студенческая научная лаборатория			Студенты
9	НАЦИОНАЛЬНЫЙ ФОНД ПОДГОТОВКИ КАДРОВ	1	ОЗШ ИНФОРМАТИКА	1	Общая информация	Школьники
				2	Участие в проекте ИСО	Школьники
				3	Обучение	Школьники
				4	Конкурсы	Школьники
				5	Преподавателям	Школьники
				6	Родителям	Школьники
				7	Форум для уч-ся	Школьники
				8	Дистанционный семинар для учителей	Школьники
		2	ТЕЛЕШКОЛА В ПЕРМИ	1	Что такое Телешкола?	Школьники
				2	Как принять участие?	Школьники
				3	Формы работы	Школьники
				4	Сетевые учителя	Школьники
		3	РЦОА	1	Общие сведения	Преподаватели
				2	Апробационные площадки	Преподаватели
				3	Апробируемые материалы	Преподаватели
				4	Проект ИСО в Интернете	Преподаватели
		4	PММЦ	1	Форум	Преподаватели
				2	Новости new	Преподаватели
				3	Общие сведения	Преподаватели
				4	Закрепленные ОУ	Преподаватели
				5	Виды деятельности	Преподаватели
				6	План работы	Преподаватели
				7	Ресурсы медиатеки	Преподаватели
				8	Проект ИСО в Интернете	Преподаватели
		5	ФАКУЛЬТЕТ ДПО	1	План курсов	Преподаватели
				2	Учебные программы	Преподаватели
				3	Вопросы к экзаменам	Преподаватели
				4	Выпускные работы	Преподаватели
				5	Информатика в Интернете	Преподаватели
10	ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ	1	Microsoft IT Academy			Все
		2	Курсы для детей			Школьники
		3	Образование взрослых			Все
11	НОВОСТИ	1	Главные новости			Все
		2	Новости института			Все
		3	Новости образования			Все
12	КОНТАКТЫ					Все
13	ПОИСК ПО САЙТУ					Все

Таким образом, потенциальной аудиторией информационного сайта ПРИПИТ (Пермского Регионального Института Педагогических Информационных Технологий) являются следующие группы посетителей:

· Все - группа, включающая в себя всех посетителей сайта

· Школьники - посетители, обучающиеся в школе и их родители

· Абитуриенты - посетители, готовящиеся к поступлению в институт и их родители

· Студенты - посетители, являющиеся студентами данного института

· Преподаватели - посетители, являющиеся действующими преподавателями, школ, училищ и вузов Пермского края

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

В связи с тем, что структура и информационное наполнение существующего сайта ПРИПИТ уже сформировано, нашей задачей является модернизация информационной структуры сайта, макета сайта и дизайна сайта с учетом использования в основе нового сайта CMS.

Выделим задачи, требующие решаемые в процессе модернизации сайта:

1. Единый стиль для всех страниц.

2. Наличие информации об авторских правах и обратной связи на каждой странице.

3. Единая навигация для всех страниц.

4. Использование в основе сайта CMS.

5. Разбивка содержимого нового сайта на разделы, категории и статьи по терминологии программных CMS.

6. Распараллеливание возможности обновления содержимого сайта сразу между несколькими людьми или группами пользователей.

7. Для разграничения прав пользователей размещение на главной странице сайта блока регистрации пользователя (предоставление различным группам пользователей разной информации).

2.3 Разработка макета сайта ПРПИТ, основанного на CMS

При разработке макета сайта будем придерживаться следующих критериев В.А. Козлова, Компьютерные сети и телекоммуникации: Учебное пособие и лабораторный практикум. - Пермь: ОГУП ИПК "Пермское книжное издательство", 2005. - 192 с.:

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

· Макет страницы должен быть сбалансирован и не перегружен информацией

· Графика не должна мешать пользователю воспринимать информацию

· Сайт должен быть удобен для тех людей, у которых разрешение экрана 600х800 пикселей и выше и поддерживать масштабирование

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

· Содержание сайта должно быть организовано логически

· Навигация должна быть расположена в одном и том же месте на всех страницах

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

· Навигация должна позволять вернуться на предыдущие подуровни

2.4 Разработка информационной структуры сайта ПРИПИТ на основе CMS

Для начала уточним термины и основные принципы, которые лежат в основе системы CMS Joomla!.

Система Управления Содержимым Joomla! создана для управления содержимым (content - содержимое, контент) веб-сайта. Термины, описанные и используемые ниже - это термины, которые определяют структуру содержимого, а не законченные веб-страницы (web page).

В Joomla! четко разделено содержимое и представление содержимого в виде шаблона (template) сайта, включающего в себя цвета, шрифты, выравнивание, расположение и т.д., сайту можно назначать различные шаблоны.

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

Основой структуры организации содержимого являются Разделы и Категории:

· Разделы могут включать одну и более Категорий.

· Категории могут включать один и более Объектов содержимого.

· Объекты содержимого являются статьями, которые составляют фактическое содержимое веб-сайта.

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

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

Даже когда созданы и опубликованы Разделы, Категории и Статьи в панели управления (внутри системы), необходимо создать Меню на сайте (с внешней стороны), чтобы пользователи (гости, посещающие веб-сайт) могли найти удобный и четкий (точный) путь к актуальным и интересным материалам, представленным на. Система Joomla! сама не создает меню, его нужно создать. Самая простая схема меню для сайта может отражать структуру содержимого:

· Раздел

o Категории

§ Статьи

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

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

Взяв за основу данные информационной структуры существующего сайта ПРИПИТ из таблиц 2.1 и 2.2 построим новую информационную структуру сайта ПРИПИТ (таб. 2.3) на основе CMS Joomla!. В данной информационной структуре сайта будут учтены критерии разработки сайта а так же особенности структуры сайта, основанного на CMS Joomla!.

Таблица 2.3. Новая информационная структура сайта ПРИПИТ

Разделы	Категории
№	Название	№	Название
1	Учредительные документы и общие сведения о институте	1	Общие сведения
		2	Основные документы
		3	Органы управления
		4	Образовательная деятельность
		5	Научная деятельность
		6	Инновационная деятельность
		7	Международная деятельность
		8	Внеучебная деятельность
		9	Издательская деятельность
2	Структурные подразделения	10	Издательство
		11	Электроника
		12	Общежитие
		13	Медиатека
3	Информация для поступающих	14	Высшее образование
		15	Переподготовка
		16	Повышение квалификации
4	Факультет информатики	17	Общие сведения
		18	График сессий
		19	Учебные программы
		20	Курсовые и выпускные работы
		21	Вопросы к экзаменам
		22	Интернет студентам
5	Факультет дополнительного профессионального образования	23	План курсов
		24	Учебные программы
		25	Вопросы к экзаменам
		26	Выпускные работы
		27	Информатика в Интернете
6	Кафедры	28	Кафедра информатики
		29	Кафедра информационных технологий
		30	Кафедра математики и естественно-научных дисциплин
		31	Кафедра гуманитарных дисциплин
7	Лаборатории	32	Лаборатория образовательных технологий
		33	Студенческая научная лаборатория
8	ОЗШ ИНФОРМАТИКА	34	Общая информация
		35	Участие в проекте ИСО
		36	Обучение
		37	Конкурсы
		38	Преподавателям
		39	Родителям
		40	Форум для уч-ся
		41	Дистанционный семинар для учителей
9	ТЕЛЕШКОЛА В ПЕРМИ	42	Что такое Телешкола?
		43	Как принять участие?
		44	Формы работы
		45	Сетевые учителя
10	РЦОА	46	Общие сведения
		47	Апробационные площадки
		48	Апробируемые материалы
		49	Проект ИСО в Интернете
11	PММЦ	50	Форум
		51	Новости new
		52	Общие сведения
		53	Закрепленные ОУ
		54	Виды деятельности
		55	План работы
		56	Ресурсы медиатеки
		57	Проект ИСО в Интернете
12	ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ	63	Microsoft IT Academy
		64	Курсы для детей
		65	Образование взрослых
13	НОВОСТИ	66	Главные новости
		67	Новости института
		68	Новости образования
14	КОНТАКТЫ
15	ПОИСК ПО САЙТУ

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

Даже когда созданы и опубликованы Разделы, Категории и Статьи в панели управления (внутри системы), необходимо создать Меню на сайте, чтобы пользователи могли найти удобный и четкий (точный) путь к актуальным и интересным материалам, представленным на сайте. Система Joomla! сама не создает меню, его следует создать самостоятельно.

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

· Все - группа, включающая в себя всех посетителей сайта

· Школьники - посетители, обучающиеся в школе и их родители

· Абитуриенты - посетители, готовящиеся к поступлению в институт и их родители

· Студенты - посетители, являющиеся студентами данного института

· Преподаватели - посетители, являющиеся действующими преподавателями, школ, училищ и вузов Пермского края

На основе исследований, проведенных в таблицах 2.1 и 2.2, сформируем пункты главного навигационного меню на основе потенциальных групп пользователей:

1. Главная

2. О институте

3. Школьнику

4. Абитуриенту

5. Студенту

6. Преподавателю

7. Новости

8. Поиск

9. Контакты

Самая простая схема меню для сайта (для посетителей) может отражать структуру содержимого:

· Раздел

o Категории

§ Статьи

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

В общем, администратор создает и правильно конфигурирует содержимое сайта в иерархии Разделов, Категории, Статей.

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

На основе исследования и изучения контента сайта Пермского Регионального Института Педагогических Информационных Технологий, используя данные из таблицы 2.3 разработаем структуру меню нового сайта ПРИПИТ, основанного на CMS Joomla!. Данную структуру представим в таблице 2.4.

2.6 Разработка дизайна сайта на основе CMS

На основе критериев, приведенных ранее, разработаем дизайн сайта. Данный дизайн будет основан на CSS (таблице каскадных стилей), применяемой к сайту на основе CMS Joоmla.

При разработке дизайна будем придерживаться следующих требований:

· Так как сайт несет в первую очередь информационную нагрузку то графическое оформление должно быть легким, использование Flash а так же внедренных в страницы сайта музыкальных и видео файлов нецелесообразно

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

· Цвета дизайна страниц должны быть сбалансированы, единообразный дизайн для всех страниц сайта.

· Графика должна быть качественной и сочетаться с остальными составляющими страницы

· Графика не должна мешать пользователю воспринимать информацию

· Текст должен легко читаться и не сливаться с фоном

· Сайт должен быть удобен для тех людей, у которых разрешение экрана 600х800 пикселей и выше и поддерживать масштабирование

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

2.7 Средства разделения прав в CMS

Пользователи в CMS Joomla! могут принадлежать к разным группам. Группа пользователей определяет права, которыми обладает пользователь. В текущей версии Joomla! не позволяет создавать произвольные группы пользователей встроенными средствами, однако для многих задач, достаточно имеющихся групп пользователей по умолчанию.

Во время установки Joomla! создается один пользователь, который получает права суперадминистратора (Super Administrator). Ему присваивается имя «admin» и пароль, который вы указали при установке.

В CMS Joomla! имеются встроенные группы пользователей. Это следующие группы:

· Super Administrator

· Administrator

· Manager

· Author

· Editor

· Publisher

Рассмотрим данные группы подробнее.

· Группа Administrator имеет несколько урезанные права по сравнению с Super Administrator. Пользователи, принадлежащие к этой группе не могут:

o добавлять и редактировать пользователей группы Super Administrator

o входить в раздел глобальных настроек (Global Configuration settings)

o осуществлять массовую email рассылку

o изменять / добавлять шаблоны

o изменять / добавлять языковые файлы

· Группа Manager создана в основном для управления контентом на сайте. Пользователи этой группы могут авторизоваться в административной панели сайта, но не могут:

o редактировать других пользователей

o устанавливать модули

o устанавливать компоненты

o иметь доступ к некоторым компонентам, указанным суперадминистратором

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

· Пользователи группы Author в дополнение к правам, наследуемым от группы Registered, имеют право добавлять на сайт контент-информацию и редактировать информацию, добавленную ими.

· Группа Editor позволяет пользователям добавлять и редактировать контент-информацию, созданную любым пользователем.

· Группа Publisher может добавлять, редактировать и публиковать любую контент-информацию.

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

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

В первую очередь определелим перечень групп пользователей, которым необходимо назначить права на публикацию материалов сайта. Т.к. в текущей версии Joomla! не позволяет создавать произвольные группы пользователей встроенными средствами воспользуемся дополнительными средствами для CMS Joomla! для управления правами групп и пользователей. На официальном сайте расширений для Joomla! Еxtensions to the community Joomla // http://extensions.joomla.org/extensions/access-a-security/backend-a-full-access-control // Проверено: 12.11.2009 доступен список дополнительных модулей для расширенного управления правами пользователей.

В настоящее время доступны следующие компоненты для расширенного управления правами пользователей:

· 'corePHP' Community ACL - The Ultimate in User Control - платный компонент

· noixACL 2.0 - Frontend and Backend ACL - распространяется бесплатно

· JUGA - Joomla! User Group Access - платный компонент

· Admin-User-Access (pro) - платный компонент

· YOS Resources Manager - платный компонент

· module for Admin-User-Access (frontend) - бесплатный компонент (ограничена функциональность)

Из всех компонентов бесплатным и наиболее функциональным является «noixACL 2.0 - Frontend and Backend ACL». Данный компонент и предлагается использовать для создания новых групп пользователей в CMS Joomla!.

Предварительно определим основные. группы пользователей:

· Super Administrator - в данную группу будет входить ответственный на функционирование сайта технический специалист

· Все - все посетители, не зарегистрировавшиеся на сайте

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

Таким образом, определим 2 типа дополнительных групп:

1 тип дополнительной группы пользователей - вида «%Категория % Autor» (знаком % выделено переменное значение категории). Для данного типа группы присвоим следующие права:

· разрешено создавать новые объекты в категории, к которой присвоена группа

· разрешено редактировать созданные объекты в категории, к которой присвоена группа

· разрешено публиковать материалы

· разрешено сохранять созданные объекты в категории, к которой присвоена группа