Разработка Web-сайта с использованием CMS Joomla! на тему: «Астрономия»

 
содержание

 

Введение

 

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

В последние  годы стали популярны системы  управления контентом (или как их еще принято называть CMS – от англ. «Content Managment System»). С помощью подобных систем опытный пользователь может при необходимости легко создать базовый веб-проект (без дополнительных трудозатрат), а веб-интегратор получает возможность развернуть масштабный проект в приемлемые сроки (модульность подобных систем расширяет их функционал).

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

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

Современная CMS система должна позволять, не прибегая к дополнительному программированию, выполнять: редактировать содержимое страниц, включая добавление / удаление графики; добавление новых страниц; изменение структуры сайта и различных мета данных; настройку регистрационных форм; управление опросами, голосованиями и форумами; вывод статистики посещений; распределение прав по управлению сайтом среди пользователей. Моя работа посвящена разработке сайта на одной из таких СMS, а именно на СMS Joomla.

 

1. Описание CMS и модулей

1. Описание CMS

«Joomla!» –  это система управления контентом, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL[2]. Joomla! является свободным программным обеспечением, защищённым лицензией GPL. Одной из главных особенностей «Joomla!» является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. Название «Joomla!» фонетически идентично слову «Jumla», которое в переводе с языка суахили означает «все вместе» или «единое целое», что отражает подход разработчиков и сообщества к развитию системы[6]. Это название было выбрано сообществом среди многих, прошло проверку профессионалами маркетинга, и было решено, что «Joomla!» – это самый удачный выбор. Административная панель «Joomla!» представлена на рисунке 1.

 

Рисунок 1 – Административная панель «Joomla!»

 

Система управления содержанием Joomla! является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. 16 сентября 2005 года в свет вышла первая версия Joomla!, являющаяся по сути переименованной Mambo и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.

Разработчики  обещают, что к выходу версии 2.0 движок будет полностью переписан и адаптирован под PHP 6. В данный момент последними версиями являются 1.0.15 и 1.5.22. Кроме того в разработке находится версия 1.6 . На данный момент проходит её бетатестирование.

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

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

В «Joomla!» присутствует деление на компоненты и модули. «Компонентами» называются расширения, позволяющие добавлять дополнительный функционал к работе системы управления контентом. «Модулями» называются элементы вывода данных, отображение которых настраивается отдельно для каждой страницы веб-сайта. Обычно, в комплекте с компонентами поставляются и модули, обеспечивающие вывод интерактивных элементов и любой информации хранящейся в них в любом предусмотренном шаблоном месте.

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

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

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

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

 

2.    Список и описание модулей

• JoomlaPack – компонент для организации резервного копирования данных сайта. На данный момент данный проект сменил название на akeebaBackup[16]. Главное меню данного компонента представлено на рисунке 2. С помощью данного компонента можно создавать как резервные копии сайта целиком, так и каких-то отдельных его папок и баз. При настройке есть возможность выбрать тип архивации или оставить копии незапокованными. Кроме того есть возможность выполнять резервное копирование по расписанию или запускать резервное копирование удаленно с помощью специально сформированной ссылки.

Рисунок 2 –  главное меню компонента резервного копирования JoomlaPack

 

• KunenaForum – компонент для организации форума на сайте с мультиязычной поддержкой. [15] Внешний вид панели управления данным форумом представлен на рисунке 3.

Рисунок 3 – Панель управления форумом

 

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

• PhocaGallery – бесплатный компонент для организации галереи на сайте с большим количеством настроек отображения как категорий, так и самих изображений. [14] Есть возможность осуществить привязку фотографий из фотогалереи к положению на географической карте Google. Кроме этого у посетителей фотогалереи в Joomla есть возможность оценивать фотографии, оставлять комментарии на страницах с фотографиями, просматривать статистику по фотографиям и географическую привязку фотографий. В PhocaGallery можно организовать добавление фотографий пользователями вашего Joomla сайта, для этого нужно будет лишь сделать соответствующие настройки. Панель управления галереей представлена на рисунке 4.

Рисунок 4 – панель управления PhocaGallery

 

• SwMenuFree – популярный компонент для организации динамического меню с возможностью редактировать таблицы стилей (в ручную и автоматически). [7] Основное его преимущество заключается в возможности реализации различных ниспадающих меню на сайте и настройки любой его части через удобную панель управления, внешний вид которой представлен на рисунке 5. Он прост в настройке и не требует особых знаний и навыков от пользователя.

Рисунок 5 – внешний вид панель управления SwMenuFree

 

• JCEeditor – это компонент, реализующий возможности визуального редактора материалов [10]. От редактора материалов, идущего в стандартной поставке CMS Joomla! его отличает расширенная функциональность и возможность установки дополнительных плагинов для реализации каких-то дополнительных функций, которые могут упростить создание материалов на CMS. На рисунке 6 представлен внешний вид панели администрирования данного компонента.

Рисунок 6 – панель администрирования визуального редактора

 

• AllVideos – это плагин для вставки в статьи аудио и видео в материалы, публикующиеся на сайте. Поддерживает вставку таких форматов, как .flv, .swf, .mov, .mp4, .wmv, .avi, .mpg, .mpeg, .rm, .ram, .wma, .mp3 и др. Поддерживает более 35 видеопровайдеров, с автоматической обработкой. Позволяет вставлять свой логотип поверх видео и устанавливать предварительное изображение, которое будет находиться на месте видеоматериала до начала его просмотра. Имеет глобальные настройки и множество атрибутов для каждой отдельной видео/аудио вставки. Кроме того имеется возможность создавать плейлисты. [13]

 

2. Логическая модель сайта

 

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

 

 

 

 

 

Рисунок 7 – логическая модель сайта

 

 

 

 

 

 

 

 

 

3. Физическая модель сайта

 

Таблица  –  физическая модель сайта

/home/astro.ru/www/	Корневая папка сайта
/home/astro.ru/www/administrator/modules/	Административные модули
/home/astro.ru/www/administrator/modules/mod_jpadmin	модуль управления JoomlaPack
/home/astro.ru/www/administrator/components	компоненты административной части
/home/astro.ru/www/administrator/components/com_jce	компонент визуальный редактора JCEeditor
/home/astro.ru/www/administrator/components/com_joomlapack	компонент JoomlaPack
/home/astro.ru/www/administrator/components/com_kunena	Административная часть  компонента форума kunena
/home/astro.ru/www/administrator/components/com_phocagallery	Административная часть  компонента PhocaGallery
/home/astro.ru/www/administrator/components/com_swmenufree	компонент вывода меню SwMenuFree
/home/astro.ru/www/components	папка с компонентами сайта
/home/astro.ru/www/components/com_jce	компонент JCEeditor для редактирования материалов
/home/astro.ru/www/components/com_joomlapack	компонент JoomlaPack для резервного копирования
/home/astro.ru/www/components/com_kunena	компонент форум kunena
/home/astro.ru/www/components/com_phocagallery	компонент галерея PhocaGallery
/home/astro.ru/www/components/com_swmenufree	компонент вывод меню SwMenuFree
/home/astro.ru/www/images	медиа материалы сайта
/home/astro.ru/www/images/phocagallery	изображения галереи PhocaGallery
/home/astro.ru/www/images/stories	изображения для статей сайта
/home/astro.ru/www/images/stories/videos	Видеоматериалы для  вставки в статьи
/home/astro.ru/www/media	медиа материалы сайта
/home/astro.ru/www/media/kunena	медиа материалы форума kunena
/home/astro.ru/www/modules	модули сайта
/home/astro.ru/www/modules/mod_swmenufree	модуль вывода меню SwMenuFree
/home/astro.ru/www/plugins	плагины сайта
/home/astro.ru/www/plugins/content	плагины для вывода материалов
/home/astro.ru/www/plugins/content/jw_allvideos	плагин для вставки  видео
/home/astro.ru/www/plugins/editors	папка с плагинами  визуальных редакторов
/home/astro.ru/www/plugins/editors/jce	папка плагина JCEeditor
/home/astro.ru/www/templates	шаблоны сайта
/home/astro.ru/www/templates/astro	шаблон по-умолчанию
/home/astro.ru/www/templates/astro/images	изображения для построения шаблона
/home/astro.ru/www/templates/astro/css	стили шаблона

 

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

 

4. Описание сайта

 

Тематика данного  сайта – астрономия и все, что  с ней связано.  Сайт состоит  из четырех разделов.

• Главная страница сайта – на ней публикуются новости, имеющие отношение к космосу и астрономии.
• Форум сайта.
• Фотогалерея.
• Энциклопедия – в ней опубликованы научно позновательные статьи. Кроме того в ней присутствует раздел с документальными фильмами и лекциями.

 

Внешний вид главной страницы сайта представлен на рисунке 8.

 

Рисунок 8 – Внешний вид главной страницы сайта

 

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

На рисунке 9 можно увидеть, как выглядит страница с форумом.

Рисунок 9 – страница форума

 

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

Рисунок 10 – фотогалерея

Рисунок 11 – увеличенное изображение фотографии

 

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

Рисунок 12 - Вид страницы с обычным материалом

 

Рисунок 13 – вид страницы с видеоматериалом

 

Шаблон сайта  был создан с помощью программы Notepad++ и имеет блочную структуру, реализованную с помощью тегов <div> и использованием таблиц каскадных стилей. Использование блочной верстки имеет ряд преимуществ перед табличной.

1. Соответствие стандартам. Правильная блочная верстка полностью соответствует стандартам HTML и CSS. Это обеспечивает легкое понимание вашего кода теми, кто знаком со стандартами и гарантируемую поддержку в новых версиях браузеров.
2. Отделение содержания от представления. Это обеспечивает легко читабельный код и смену дизайна всего сайта простым изменением файла стилей.
3. Правильное отображение страниц разными устройствами. Возможность создания разных файлов стилей для разных устройств (КПК, принтер и т. д.) без изменения HTML кода.
4. Легкость и логичность верстки. Вы просто берете нужный блок и, используя стили, определяете его размеры, вид и место на странице.