Разработка информационно-справочного ресурса культурно-развлекательного центра "Мистик"

Размещено на http://www.allbest.ru/

ПЕРЕЧЕНЬ УСЛОВНЫХ СОКРАЩЕНИЙ

HTML - язык разметки гипертекста;

XML - расширяемый язык разметки

CSS - каскадные таблицы стилей

DHTML - динамический язык разметки гипертекста

PHP - препроцессор гипертекста

ASP - активные серверные страницы

CMS - cистема управления содержимым

ВВЕДЕНИЕ

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

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

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

Целью данного дипломного проекта является разработка информационно-справочного ресурса культурно-развлекательного центра «Мистик» способного представлять текстовую и графическую информацию пользователю. Для достижения поставленной цели были сформулированы следующие задачи:

изучить предметную область;

разработать модель предметной области;

выбрать метод проектирования интернет ресурса;

разработать и протестировать работу интернет-ресурса.

1. ОБЗОР СУЩЕСТВУЮЩИХ ТЕХНОЛОГИЙ, СОЗДАНИЯ

ИНТЕРНЕТ ИНФОРМАЦИОННО-СПРАВОЧНЫХ РЕСУРСОВ

1.1 Языки программирования для создания интернет-ресурсов

Hyper Text Markup Language. Hyper Text Markup Language (HTML) является базовой технологией интернета. Его программный код находится в основе практически каждой web-страницы [2].

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

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

Директивы HTML называются не командами, процедурами или операторами, как в большинстве языков, а тэгами (от английского слова tag -- отметка).

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

Extensible Markup Language. Extensible Markup Language (XML). Языки разметки используются для того, чтобы задать структуру документа. HTML, например, используются только для определения структуры, тогда как в XML задается помимо структуры еще и содержимое web-страницы. XML (eXtensible Markup Language), расширяемый язык разметки, не относится к прямым потомкам языка HTML. Несмотря на схожесть, XML во многом похож на HTML, в нем используется тот же синтаксис, однако XHML создавался на основе HTML для того, чтобы переход к стандарту XML получился более плавным.

В стандарте XML не допускаются присутствие непарных тегов и нечувствительность к регистру.

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

Perl. Perl - практический язык выборки и составления отчетов. Используется для обработки большого количества текстовых файлов. Он способен обрабатывать огромное количество документов на веб-узле (сервере), и используется при написании многих серверов [8].

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

Hypertext Preprocessor. Hypertext Preprocessor (PHP) помогает создавать динамические web-приложения, такие как форумы, счетчики статистики, может работать с большими объемами данных -- массивами. Язык PHP также используется для написания систем управления сайтами (движков). Основное достоинство языка PHP -- простота изучения [9].

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

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

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

Поскольку РНР является встраиваемым языком, он отличается исключительной гибкостью по отношению к потребностям разработчика. Хотя РНР обычно рекомендуется использовать в сочетании с HTML, он с таким же успехом интегрируется и в JavaScript, WML, XML и другие языки. Кроме того, хорошо структурированные приложения РНР легко расширяются по мере необходимости.

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

Python. К преимуществам языка Python относится простота освоения, хотя этот язык программирования на уровень выше, чем PHP и C. Это достигается за счет встроенных высокоуровневых структур данных (списки, массивы, словари).

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

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

Java. Java представлен на сегодняшний момент в двух вариантах: JavaScript и Java. JavaScript --надстройка стандарта HTML, в которой значительно расширяются возможности документа, созданного в этом формате. Часть кода, написанная на JavaScript, внедряется в документ HTML как подпрограмма и вызывается на исполнение соответствующей строкой HTML-кода. Весь сценарий JavaScript умещается в одном-единственном теге <script>. Встроенным в браузер интерпретатором языка воспринимается и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно. При помощи JavaScript можно полностью контролировать формат всплывающих окон и встроенных фреймов, организовывать такие интерактивные элементы, как часы, календарь, бегущие строки и иную анимацию, создать чат, сделать красивое меняющееся меню. Java -- это полноценный кросплатформенный язык программирования, который будет правильно обработан и компьютером с операционной системой Windows, и ПК под управлением UNIX, и даже Mac OS легко «поймет, о чем речь». На языке Java для сети разрабатываются небольшие программные обеспечения, называемые аплетами, они загружаются из интернета и выполняются браузером. Большинство web-камер, передающих на сайты изображение в реальном времени, также работают на базе приложений Java [14].

1.2 Целевая аудитория сайта

Целевая аудитория сайта - это посетители, которые прямо заинтересованы в том, что предлагает информационный ресурс в интернете, будь то информация, услуги, какой-либо товар и так далее [21]. Средний возраст пользователей Интернета постоянно увеличивается. Огромное количество людей пользуются Интернетом. Для целевой аудитории сайта старшего возраста, более приемлемым является внешне нейтральный сайт, без спецэффектов и излишеств в дизайне. Для молодой целевой аудитории сайта привлекательным будет внешне яркий сайт, с красивым дизайном и множеством спецэффектов.

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

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

Способы расширения целевой аудитории:

Создание собственной тематической почтовой рассылки, совпадающей с тематикой сайта.

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

Оптимизация страниц для поисковых систем.

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

Участие в тематических форумах или конференциях, так как участники данных форумов - это люди, интересующиеся конкретной темой.

Оставление сообщений в схожих по тематике ресурсах с ссылкой на собственный сайт. Около половины аудитории принадлежит к возрастной категории от 18 до 24 лет. На рисунке 1.1 представлено распределение по возрастным категориям пользователей Интернет и владельцев доменов [18].

Рисунок 1.1 - Распределение по возрастным категориям пользователей Интернет и владельцев доменов

С позиции числа регистрируемых физическими лицами доменов наиболее активна возрастная группа 25-34 года. На рисунке 1.2 представлена динамика регистрации доменов по возрастным группам [18].

Рисунок 1.2 - Динамика регистрации доменов по возрастным группам

В таблице 1.1 представлена российская статистика пользователей Интернет.

Таблица 1.1 - Российская статистика пользователей Интернет

Год	Пользователи	Население	Популярность
2000	3,100,000	145,149,035	2.1 %
2007	29,400,000	141,377,752	20.8 %
2008	38,000,000	140,702,094	27.0 %
2009	45,250,000	140,041,247	32.3 %
2010	59,700,000	139,390,205	42.8 %

интернет ресурс программирование тестирование

2. ОБЗОР СУЩЕСТВУЮЩИХ ТЕХНОЛОГИЙ СОЗДАНИЯ

ИНФОРМАЦИОННО-СПРАВОЧНЫХ РЕСУРСОВ

2.1 Системы управления контентом

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

От пользователей такой системы не требуется специальных знаний технологий, отличающихся от обычно используемых в офисных процессах [14].

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

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

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

Менеджеры заказчика работают только через специализированное рабочее место.

CMS должна решать следующие основные задачи:

Публикация информации нетехническим специалистом;

Разделение данных и их представления;

Организация совместной работы при публикации информации;

Поисковые возможности;

Другие сервисы - форумы, голосования, анкеты и так далее.

Размещено на http://www.allbest.ru/

Рисунок 2.1 - Обобщенная классификация CMS

Размещено на http://www.allbest.ru/

Рисунок 2.2 - Классификация CMS по функциональным возможностям

Простая CMS система. Система собирается из программных модулей, для каждой системы они свои. Модули единожды настраиваются разработчиком, чем жестко закрепляется структура проекта. Для дальнейшего изменения структуры сайта и его параметров требуется участие технического персонала. От пользователя системы требуется знание основ HTML. Совместимость: система совместима с определенными платформами и типами СУБД. Попытка внедрения дополнительных модулей, в зависимости от используемых технологий, может привести к полной переработке проекта. Технологичность: динамическое формирование страниц, ограниченная пропускная способность -- до 3 000-5 000 посетителей в сутки. Система инсталлируется разработчиком. Развитие системы достигается путём перевода сайта на новую, более приспособленную к текущим задачам, версию системы управления контентом.

Шаблонная CMS система. Единый модуль или набор модулей с жестко закрепленной структурой сайта. Система содержит набор сервисных функций, позволяющих выполнить стандартные действия с сайтом: сформировать новостную ленту, создать / удалить новый раздел, выбрать шаблон для работы с информацией, загрузить файл и расставить по тексту картинку, установить атрибуты текста и так далее Система совместима с определенными платформами и типами СУБД. Попытка внедрения дополнительных модулей ограничена. Динамическое формирование страниц или с использованием кэширования данных. В зависимости от методов формирования страниц -- от 5 000 до 50 000 посетителей в сутки. Инсталлируется разработчиком. Усовершенствование достигается путём перевода сайта на новую, более сложную, версию системы управления контентом.

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

Универсальная CMS-система. Имеет продвинутые средства управления контентом, настройка функциональности системы, возможность переопределения атрибутов объектов сайта. Система предоставляет средства для разработки новых сервисов и возможностей. Технические особенности. Расширенные возможности АPI, наличие готовых прикладных решений, в том числе с участием программных продуктов третьих фирм. Наличие сертифицированной системы обеспечения безопасности -- разграничение прав доступа к системе на внутрикорпоративном уровне. Кэширование формируемых динамических страниц. Пропускная способность -- не ограничена. К таким CMS относятся: Drupal, Joomla, Wordpress и так далее.

Joomla. Система управления содержанием, написанная на языке PHP и использующая MySQL. Joomla является свободным программным обеспечением.

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

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

Функциональность можно увеличивать с помощью дополнительных расширений (компонентов, модулей).

Имеется модуль безопасности для многоуровневой аутентификации пользователей и администраторов (используется собственный алгоритм аутентификации и «ведения» сессий).

Система шаблонов позволяет легко изменять внешний вид сайта или создать свой уникальный (например, с помощью программы Artisteer). В сети существует огромный выбор готовых шаблонов, как платных, так и бесплатных.

Предусмотриваются настраиваемые схемы расположения модулей, включая левый, правый, центральный и любое другое произвольное положения блока. При желании содержимое модуля можно включить в содержимое материала. Например, выражение {loadposition mod_fpslideshow} введенное (вместе с фигурными скобками) в произвольное место в статье выведет содержимое модуля, которому задана позиция вывода как «mod_fpslideshow».

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

Возможности администрирования:

Для каждой динамической страницы создается своё описание и ключевые слова в целях повышения рейтинга в поисковых системах;

Начало и окончание публикации любых материалов программируется по календарю;

Возможность ограничить доступ к определённым разделам сайта только для зарегистрированных пользователей, а с выходом Joomla 1.6 доступ как к разделу, так и к определённому материалу с точностью до конкретной связи;

Настраиваемые схемы расположения элементов по областям шаблона;

Различные модули (последние новости, счётчик посещений, подробная статистика посещений, гостевая книга, форум и другие);

В версии 1.6 была сильно улучшена система установки и управления расширениями. Теперь возможно одновременно устанавливать несколько расширений, объединенных в один инсталляционный пакет. Более того, реализована возможность автоматического обновления установленных расширений (при условии, что разработчик расширения задействует этот механизм);

В версии 1.6 появилась возможность публикации содержимого на нескольких языках [15];

В версии 1.6 появилась возможность определить время начала и завершения публикации модулей. Так же в новой версии Joomla улучшены возможности по управлению отображением содержимого;

Возможность создания не одной, а нескольких форм обратной связи для каждого контакта;

Модуль приёма от удалённых авторов новостей, статей и ссылок;

Иерархия объектов;

Менеджер рассылки новостей. Поддержка более чем 360 служб рассылки новостей по всему миру;

Рисунок 2.1 - Интерфейс Joomla

WordPress. Это современная платформа, ориентированная на красоту, сетевые стандарты и удобство использования. WordPress бесплатен и свободен к распространению [16].

WordPress - CMS с открытым кодом. Написан на PHP, в качестве базы данных использует MySQL.

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

Особенности WordPress:

возможность публикации с помощью сторонних программ и сервисов;

простота установки, настройки;

поддержка RSS, Atom, trackback, pingback;

подключаемые модули (плагины) с простой системой их взаимодействия с кодом;

обширные библиотеки "тем" и "плагинов", позволяющих легко менять как внешний вид, так и способы вывода данных; " "темы" реализованы как наборы файлов-шаблонов на PHP, что положительно сказывается на скорости и гибкости;

заложенный потенциал архитектуры позволяет легко реализовывать сложные решения;

наличие русских переводов.

Рисунок 2.2 - Интерфейс WordPress

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

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

широкий набор свойств при построении рубрикаторов: плоские списки, иерархии, иерархии с общими предками, синонимы, родственные категории;

вложенность категорий любой глубины;

поиск по содержимому сайта, в том числе поиск по таксономии и пользователям;

разграничение доступа пользователей к документам (ролевая модель);

динамическое построение меню;

поддержка XML-форматов;

авторизация через OpenID;

символьные осмысленные URL;

переводы интерфейса сайта на разные языки, а также поддержка ведения разноязычного контента;

возможность создания сайтов с пересекающимся содержимым (например общей базой пользователей или общими настройками);

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

механизм для ограничения нагрузки на сайт (автоматическое отключение при высокой посещаемости части информационных блоков и модулей);

уведомления о выходящих обновлениях модулей.

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

Система поддерживает локализацию интерфейса для различных языков. Drupal 5 имеет переводы интерфейса на 33 языка, а Drupal 6 -- более чем на 70 языков. Имеется поддержка русского языка. В Drupal используется собственный механизм для локализации с хранением переводов в базе данных, наравне с остальным содержимым сайта. При этом несложной является адаптация к работе со стандартной библиотекой.



Рисунок 2.3 - Интерфейс Drupal

2.2 CASE средства для создания интернет-ресурсов

HTML-редактор -- компьютерная программа, позволяющая создавать и изменять HTML-страницы.

Adobe Dreamweaver. Adobe Dreamweaver - профессиональный редактор HTML для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети.

Визуальные возможности редактирования в Dreamweaver позволяют вам быстро создавать страницы без того, чтобы писать код вручную. Вы можете просматривать все ваши элементы сайта или активы и быстро вставлять их из панели непосредственно в документ. Вы можете упрощать ваши действия, создавая и редактируя изображения в Macromedia Fireworks или в другом графическом редакторе, затем импортируя их непосредственно в Dreamweaver или добавляя объекты Macromedia Flash.

Dreamweaver также обеспечивает полно-функциональную среду написания кода, которая включает инструментальные средства редактирования кода (например, раскраска кода или проверка закрытия тегов) и справочная информация по HTML, CSS, JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы JavaServer (JSP).

Dreamweaver также дает возможность вам строить динамические станицы использующие сервер-технологии CFML, ASP.NET, ASP, JSP и PHP.

Dreamweaver полностью настраиваемый. Dreamweaver используется, чтобы создавать свои собственные объекты и команды, изменять "горячие" клавиши и даже писать код JavaScript, чтобы расширять возможности Dreamweaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте.

Рисунок 2.4 - Интерфейс Dreamweaver

Namo WebEditor. Namo WebEditor Разработан объединением корейских и американских программистов компанией Namo Interactive. Поддерживает HTML, CSS, XML, JavaScript, ASP и PHP технологии.

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

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

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

Поддерживает DHTML и CSS стили. Включает графические фрагменты для создания кнопок и баннеров, большое количество готовых шаблонов. Мощная визуальная среда разработки позволяет удобно добавлять содержимое веб-страниц без каких-либо знаний веб-кода [12].

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

Возможности Namo WebEditor:

создание, редактирование и управление веб-сайтами;

объединяет в себе HTML-редактор и CMS;

встроенный менеджер сайтов для управления их структурой;

подходит для любого типа пользователей, даже новичкам;

множество шаблонов сайтов различной тематики;

типа редактирования: HTML;

режима просмотра результата: в веб-браузере и мобильном устройстве;

созданный HTML код соответствует стандартам.

Рисунок 2.5 - Интерфейс Namo WebEditor

Microsoft FrontPage. Microsoft FrontPage является программным продуктом из расширенного комплекта Microsoft Office и предназначен для разработки отдельных web-страниц и целых web-сайтов любой сложности. FrontPage является одним из самых популярных визуальных инструментов web-дизайна [13].

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

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

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

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

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

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

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

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

Рисунок 2.6 - Интерфейс FrontPage

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

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

Программа располагает широким набором опций и отличается минимальным потреблением ресурсов процессора.

Этот проект базируется на компоненте Scintilla написанном на C++ с использованием только Win32 API и STL (что гарантирует максимальную скорость выполнения при минимальном размере программы), распространяется под лицензией GPL.

Основные особенности Notepad++:

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

Поддержка большого количества языков (C, C++, Java, XML, HTML, PHP, Java Script, ASCII, VB/VBS, SQL, CSS, Pascal, Perl, Python, Lua, TCL, Assembler)

WYSIWYG (печатаешь и получаешь то, что видишь на экране)

Настраиваемый пользователем режим подсветки синтаксиса

Авто-завершение набираемого слова

Одновременная работа с множеством документов

Одновременный просмотр нескольких документов

Поддержка регулярных выражений Поиска/Замены

Полная поддержка перетягивания фрагментов текста

Динамическое изменение окон просмотра

Автоматическое определение состояния файла

Увеличение и уменьшение

Заметки

Выделение скобок при редактировании текста

Запись макроса и его выполнение

Рисунок 2.7 - Интерфейс Notepad++

2.3 Анализ достоинств и недостатков имеющихся технологий

Использование CMS предоставляет следующие преимущества:

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

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

Предоставление дополнительных сервисов пользователю: часть сервисов - поиск, форумы, голосования, интернет-магазины, модули статистики и рекламы и т.д. реализованы в рамках CMS.

Уменьшение сроков и стоимости разработки: наиболее востребованная функциональность уже реализована в CMS и может быть сразу использована.

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

Снижение стоимости дальнейших модификаций.

Рассмотрим имеющиеся недостатки CMS. К первому недостатку систем управления сайтом можно отнести избыточность. Так cms создаются для решения всех известных на сегодняшний день проблем. Сами же ненужные коды cms в момент работы будут замедлять управление ресурсом при помощи системы управления сайтом [19].

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

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

3. ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА СОЗДАНИЕ РЕСУРСА

Техническое задание на создание ресурса разработано с учетом требований, которые представлены в ГОСТ 34.602-89:

1. Общие сведения

Язык сайта - Русский. Доменное имя сайта http://www.мистик.рф/.

Данный документ является техническим заданием на разработку и публикацию информационно-справочного ресурса концертно-развлекательного комплекса «Мистик». Информационно-справочный ресурс должен быть построен на основе системы управления контентом Drupal 7, что позволит снизить затраты на поддержку сайта за счет того, что Drupal - бесплатная система, а также повысить поисковый рейтинг материалов ресурса за счет определенных средств автоматической оптимизации сайта для поисковых систем. Целью оказания услуг по разработке официального сайта является расширение возможностей доступа потребителей к информационным ресурсам и услугам, повышение информационной открытости.

2. Терминология

Таблица 3.1 - Основные термины

Термин	Описание
1	2
CMS (Content Management System)	Система управления содержимым сайта, позволяющая через Web-интерфейс (посредством Web-браузера) изменять графический дизайн и контент сайта.
Контент	Совокупность информационных данных, публикуемых на сайте.
Шаблон	Сверстанное графическое оформление сайта, готовое к публикации в сети Интернет.
Администратор системы	Лицо, имеющее неограниченный доступ ко всем элементам системы, занимающееся поддержкой сайта.
Пользователь системы	Лицо, занимающееся редактированием контента и имеющее ограниченный доступ к элементам
Посетитель сайта	Лицо, имеющее возможность просматривать информацию сайта через браузер.
Хостинг	Услуга по размещению сайта на дисковом пространстве с выходом в сеть Интернет
Первый тип включаемой области	Характеризуется тем, что области первого типа являются одинаковыми для всех страниц сайта и присутствуют на всех страницах сайта.
Второй тип включаемых областей	Означает, что данные HTML-блоки могут быть разными на отдельно взятых страницах и отдельно взятых разделах сайта. При этом могут существовать такие страницы сайта, в которых данных области вообще не будут присутствовать.
Третий тип включаемых областей	Отличается от второго типа тем, что не существует таких страниц, в которых бы блоки третьего типа были отключены. Таким образом, логика показа включаемых областей третьего типа отличается от второго: если для текущей страницы не найдено содержимое для области третьего типа, то содержимое берется из соответствующей включаемой области корневого раздела.

3 Общие требования

3.1.1 Корректное отображение сайта

Сайт, созданный на основе «Drupal 7», корректно отображается в следующих браузерах:

Microsoft Internet Explorer версия 8.0 и более старших версиях релизов на момент сдачи проекта.

Firefox версия 5.0 или более старших версиях релизов на момент сдачи проекта.

Opera версия 11.6 или более старших версиях релизов на момент сдачи проекта.

Google Chrome 11 или более старших версиях релизов на момент сдачи проекта.

3.1.2 Требования к способам и средствам связи для информационного обмена между элементами системы и посетителями, пользователями или администраторами

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

Стабильное соединение с сервером на скорости не менее 38400 бит/сек. На компьютерах пользователей и администраторов системы должен быть установлен Microsoft Internet Explorer Версия: 8.0 или более старших версий релизов на момент сдачи проекта.

3.1.3 Требования к программному обеспечению системы

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

На серверной стороне:

Веб-сервер: Apache (рекомендуется), Nginx, Lighttpd, или Microsoft IIS

СУБД: MySQL 5.0.15 и выше, PostgreSQL 8.3 и выше, или SQLite 3.x

Версия PHP: 5.2.4 и выше

Оперативная память: 32MB (для сайтов с большим числом используемых модулей может потребоваться 64 и более MB памяти.)

На клиентской стороне:

Операционная система Windows или Linux с поддержкой протоколов семейства TCP/IP;

3.1.4 Требования к техническому обеспечению системы

На серверной стороне:

Оперативная память - не менее 128 Mb и выше;

Пространство на жестком диске - 10 Mb для самой системы и дополнительное пространство, ~300 Mb под данные, созданные в системе;

Рекомендуемый процессор - 300 Mhz Intel Pentium II и выше

На клиентской стороне:

Оперативная память - 128 Mb и выше;

Рекомендуемый процессор - 300 Mhz Intel Pentium II и выше

3.1.5 Администрирование сайта

Для администрирования сайта рекомендуется использовать браузер Google Chrome 12 или более старшей версии релиза на момент сдачи проекта.

3.1.6 Требования к публикации изображений

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

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

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

3.1.7 Требования к численности и квалификации персонала системы

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

Количество пользователей и администраторов системы не ограничено.

Квалификация персонала - знание компьютера на уровне пользователя ПК, навыки работы с Microsoft Internet Explorer и Microsoft Office.

3.1.8. Требования к защите информации от несанкционированного доступа

Вопросы безопасности, хранения информации решаются средствами поставляемой CMS.

Администратору и пользователям системы назначаются уникальные имена. При входе в систему администрирования или редактирования контента система запрашивает имя и пароль. В случае правильного ввода этих данных пользователь получает доступ к системе.

Администратор имеет возможность распределения и назначения прав доступа по всем группам пользователей.

3.1.9 Требования к организации входных данных. Входные данные представляют:

данные пользователя заносятся в базу данных через форму и являются незащищёнными;

3.1.10 Требования к организации выходных данных.

Выходные данные формируются в режиме реального времени. Данные выводятся из базы данных.

3.1.11 Требования к временным характеристикам.

Обработка ввода информации не должна превышать 1 секунды.

3.2 Требования к надежности

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

организацией бесперебойного питания технических средств;

выполнением рекомендаций Министерстватруда и социального развития РФ, изложенных в Постановлении от 23 июля 1998г. "Об утверждении межотраслевых типовых норм времени наработы по сервисному обслуживанию ПЭВМ и оргтехники и сопровождению программных средств";

выполнением требований ГОСТ 51188-98 "Защита информации. Испытания программных средств наналичие компьютерных вирусов";

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

3.2.2 Время восстановления после отказа.

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

3.2.3 Отказы из-за некорректных действий оператора.

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

3.3 Условия эксплуатации

3.3.1 Климатические условия эксплуатации.

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

3.4 Стадии и этапы разработки

3.4.1. Стадии разработки. Разработка должна быть проведена в три стадии:

разработка технического задания;

рабочее проектирование;

внедрение.

3.4.2. Этапы разработки

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

разработка программы;

разработка программной документации;

испытания программы.

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

3.4.3. Содержание работ по этапам

На этапе разработки технического задания должны быть выполнены перечисленные ниже работы:

постановка задачи;

определение и уточнение требований к параметрам технических средств;

определение требований к информационной и программной совместимости;

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

На этапе разработки программы должна быть выполнена работа по разработке программы, программной документаций и испытания программы. На этапе разработки программной документации должна быть выполнена разработка программных документов в соответствии с требованиями ГОСТ 19.101-77 и требованием пунктом "Предварительный состав программной документации" настоящего технического задания.На этапе испытаний программы должны быть выполнены перечисленные ниже виды работ:

разработка, согласование и утверждение программы и методики испытаний;

проведение приемо-сдаточных испытаний;

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

На этапе подготовки и передачи программы должна быть выполнена работа по подготовке и передаче программы и программной документации в эксплуатацию.

3.5 Технико-экономические показатели

3.5.1. Ориентировочная экономическая эффективность.

Ориентировочная экономическая эффективность не рассчитывается.

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

3.6 Требования к программной документации

3.6.1 Предварительный состав программной документации. Состав программной документации должен включать в себя:

техническое задание;

3.6.2 Специальные требования к программной документации. Специальные требования к программной документации не предъявляются.

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

В качестве дизайна сайта будет использоваться специально разработанная тема оформления. Дизайн «жесткий», то есть он жестко закреплен в размерах, имеет постоянную ширину 900 пикселей

На рисунке 3.1 представлен общий фон сайта - тёмный цвет «бензин» (он переливается всеми цветами радуги, как пятно машинного масла разлитого на воду в солнечную погоду).

Рисунок 3.1 - Общий фон сайта

На рисунке 3.2 представлена шапка сайта.

Рисунок 3.2 - Шапка сайта

1. Слайд-шоу

На рисунке 3.3 представлено слайд-шоу

Рисунок 3.3 - Слайд-шоу

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

2. Главное горизонтальное выпадающее меню (максимальный уровень вложенности - 7 уровня).

Рисунок 3.4 - Горизонтальное выпадающее меню

3. Рабочая область (средняя колонка), на ней располагаться содержание выбранной страницы. Шрифт белого цвета поверх рисунка.



Рисунок 3.5 - Фон рабочей области

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

5. Нижняя область: содержит счетчик Liveinternet.

6 Структура сайта

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

Пункты главного меню

Главное меню содержит следующие подразделы и страницы:

- Главная

Раздел предназначен для отображения информации об концертно-развлекательному комплексу «МИСТИК».

-КРК ”Мистик”

-- Ночной клуб «Мистик»

На этой странице отражена информация о ночном клубе «Мистик», режим работы

--DJ bar

На этой странице отражена информация о баре

--Ресторан

На этой странице отражена информация о ресторане, режим работы, меню, цены

-- Караоке

На этой странице отражена информация о зале караоке, режиме работы

-- Боулинг

На этой странице отражена информация о зале боулинга, режиме работы, ценах

-- Детский парк

На этой странице отражена информация перспективе развития детского парка

-- Детская площадка

На этой странице отражена информация о детской площадке, о аттракционах

- Специальные гости

- Фото-отчеты

Раздел предназначен для загрузки фото-отчетов работы КРК ”Мистик”.

-Контакты

Раздел содержит все контакты КРК со схемами проезда.

4. ПРОЕКТИРОВАНИЕ РАБОТЫ РЕСУРСА С ПОМОЩЬЮ UML

Построим следующие диаграммы UML:

диаграмма вариантов использования;

диаграмма размещения;

диаграмма состояний.

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

определить общие границы и контекст моделируемой предметной области;

сформулировать общие требования к функциональному поведению проектируемой системы;

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

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

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

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

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

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

Рисунок 4.1 - Диаграмма вариантов использования

Представленная диаграмма размещения на рисунке 4.2 визуально показывает особенности физического представления системы.

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

Основные элементы диаграммы размещения:

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

Соединение - это канал взаимодействия узлов (сеть).



Рисунок 4.2 - Диаграмма размещения

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

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

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

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

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

Рисунок 4.3 - Диаграмма состояний, выполненная в Rational Rose

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

Рисунок 4.4 - Диаграмма состояний, выполненная в Rational Rose, для варианта использования администратором

5. РЕАЛИЗАЦИЯ ИНФОРМАЦИОННОГО РЕСУРСА

5.1 Разработка информационного ресурса

Разработка Интернет-ресурса начинается с создания главной страницы.

Администратор Интернет-ресурса имеет непосредственный доступ к коду ресурса.

При нажатии на логотип КРК ”Мистик” происходит анимация входа на сайт, с последующим переходом на выбранную страницу.

Анимация входа на ресурс управляется следующим скриптом:

$(document).ready(function(){

$curtainopen = false;

$(".logo2").click(function(){

$(this).blur();

if ($curtainopen == false){