МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Практическая работа 15 Тема 8/4. Расширение функций портала на основе Joomla! Цель — освоить установку дополнительных функциональных компонентов портала. Задание: 1. Изучить назначение и освоить работу с встроенными компонентами портала. 2. Установить и освоить компонент Гостевая книга. 3. Установить и освоить компонент Галерея. Достижение требуемой функциональности портала на базе Joomla! реализуется путем применения соответствующих компонентов. Компонент представляет собой набор скриптов, которые обеспечивают определенный функционал и обладает интерактивным интерфейсом пользователя. В большинстве случаев результаты работы компонентов отображаются в центральной колонке Web-ресурса при трехколоночной верстке внешнего интерфейса. Компоненты в Joomla!, обычно состоят из 2 частей: административной панели компонента и Frontend (внешнего интерфейса). Однако одна из частей может отсутствовать, например стандартный компонент Search (обеспечивающий поиск материалов на сайте) не имеет административной части, а компонент Config (настройка глобальных параметров сайта), наоборот, содержит только административную часть. Модуль выполняет функции отображения информационных данных и является дополнением к установленным компонентам. В базовом комплекте Joomla! имеется ряд компонентов, набор модулей и мамботов, но их можно добавлять так же, как шаблоны. В большинстве случаев какое-либо расширение для Joomla! состоит из компонента, одного или нескольких модулей и поискового мамбота. Компонент выполняет какие-либо действия с данными (добавляет/изменяет/удаляет), модули отображают данные, а мамбот позволяет осуществлять поиск по данным этого компонента. Подробные сведения о функциональных элементах Joomla! (компонентах, модулях и мамботах) приведены в материалах лекции. Технология выполнения 15.1. Работа с встроенными компонентами портала 1. Открыть административный интерфейс портала. Управление компонентами осуществляется при помощи раздела Компоненты (рис. 15.1). 1 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 15.1. Раздел Компоненты в Панели управления По умолчанию в портале Joomla! имеются следующие базовые компоненты: Syndicate — компонент экспорта новостей; используется для размещения статей источника новостей, опубликованного на главной странице (Front Page), во внешнем (Frontend) интерфейсе Joomla!. Иными словами, синдикация позволяет автоматически публиковать новости с вашего Webресурса на других ресурсах. Баннеры — обеспечивает управление размещением баннеров и ведение учета переходов по баннерам. Каталог ссылок — управление ссылками, позволяет регистрировать количество посещений данных ссылок. Также компонент позволяет зарегистрированным пользователям добавлять свои ссылки. Ленты новостей — обеспечивает получение контента (новостей) с других Web-ресурсов с помощью системы обмена новостями RSS (Really Simple Syndication). Новости можно получить с любого сайта, использующего формат RSS. Контакты — управление списком контактов портала, который будет появляться в меню Контакты во Frontend. Опросы — позволяет создавать и использовать различные виды опросов и голосований для посетителей. Рассылка почты — позволяет осуществлять массовую рассылку почты одной или нескольким группам пользователей. 2. В пункте Опросы создайте новый опрос (рис. 15.2) и проверьте работу компонента Опрос (рис. 15.3) — для этого требуется включить соответствующий модуль Опросы в отображаемой на шаблоне позиции (рис. 15.4). 2 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 15.2. Форма ввода данных нового опроса Рис. 15.3. Пример опроса Рис. 15.4. Параметры управления модулем Опросы 3 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Поле Задержка между ответами в форме рис. 15.2 позволяет блокировать на заданное время «накручивание» каких-либо ответов в опросе (рис. 15.5). Проверить работу этой функции. Рис. 15.5. Блокировка повторного ответа в опросе 3. При помощи компонента Баннеры сформировать простой баннер на сайт МБИ. Можно воспользоваться рисунком 468×60 пикселей (рис. 15.6), который предварительно необходимо сохранить из данного текста как отдельный файл и загрузить на учебный Web-портал при помощи медиаменеджера (Сайт — Медиа) в существующий каталог banners (рис. 15.7). Перед созданием нового баннера требуется вначале создать нового клиента баннера при помощи пункта меню Компоненты — Баннеры — Клиенты (рис. 15.8). Рис. 15.6. Пример баннера МБИ Рис. 15.7. Форма загрузки файла в каталог banners Рис. 15.8. Пример формы создания нового клиента баннера 4 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 15.9. Форма создания нового баннера После создания нового баннера убедиться, что включен для отображения модуль Баннеры и проверить работу компонента баннеров во Frontend (рис. 15.9). Следует заметить, что в поле Пользовательский код баннера можно указать html-код баннера (например, <h2>Обучение в МБИ</h2>), который будет использоваться по очереди вместе с графическим баннером. Самостоятельно создать новый баннер на сайт МБИ с использованием этой технологии и проверить во Frontend. Обратите внимание, что новые баннеры из числа существующих баннеров появляются лишь при обновлении страницы или при каждом новом открытии страницы Web-ресурса (проверьте путем перехода по страницам назад — вперед). 4. При помощи компонента Каталог-ссылок создать новый раздел МБИ, в котором сформировать следующие ссылки Сайт МБИ (http://www.ibi.spb.ru), ВУОКСА (http://vu.ibi.spb.ru), Расписание (http://inet.ibi.spb.ru) и проверить во внешнем интерфейсе (Главное меню-ссылки). 5. При помощи компонента Контакты создать 1 — 2 дополнительных контакта с Web-ресурса и проверить их работу во Frontend (пункт меню Контакты). 6. При помощи компонента Ленты новостей познакомиться с правилами импорта новостей с других ресурсов (Интернет должен быть подключен), а при помощи компонента Syndicate познакомиться с возможностью экспорта новостей. 5 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE 15.2. Установка и освоение компонента Гостевая книга Дополнительные компоненты можно установит при помощи пункта меню Установка/удаление — Компоненты. С целью установки нового компонента, формирующего гостевую книгу, выполнить следующие действия. 1. В разделе меню Установка/удаление — Компоненты выполнить установку компонента ruBook (Гостевая книга) — архивный файл com_rubook_0_4_3.zip, который находится в папке Free_Access/Разработка электронного портала/Материалы по работе с Joomla!/Расширения Joomla!/. 2. После установки компонента включить пункт Гостевая в главное меню (Меню — mainmenu) (рис. 15.10) и связать его с установленным компонентом ruBook (рис. 15.11, 15.12). Рис. 15.10. Добавление в главное меню нового пункта Рис. 15.11. Выбор для нового пункта меню компонента 6 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 15.12. Добавление в меню компонента ruBook 3. Проверить появление пункта меню Гостевая и работу гостевой книги во Frontend (рис. 15.13) — осуществить 1 — 2 записи и проверить результат. Рис. 15.13. Гостевая книга во Frontend портала 5. Убедиться, что в разделе Компоненты появился компонент ruBook — изучить возможности по администрированию и настройке гостевой книги: Удалить первую запись, выполненную по умолчанию в Гостевой книге. Настроить Гостевую так, чтобы новые сообщения публиковались только с разрешения администратора, и проверить. Самостоятельно освоить операции по администрированию Гостевой книги при помощи меню Компоненты — ruBook (рис. 15.14). 7 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE Рис. 15.14. Состав административного меню гостевой книги Проанализировать назначение всех вкладок раздела Настройки. Обратить внимание на конфигурирование защиты от автоматических записей в Гостевую книгу рекламной информации — вкладка Флуд-боты (рис. 15.15). Рис. 15.15. Вкладка Флуд-боты в настройках Гостевой книги 8 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE 15.3. Установка и освоение компонента Галерея С целью установки нового компонента, формирующего галерею, выполнить следующие действия. 1. В разделе меню Установка/удаление — Компоненты выполнить установку компонента DatsoGallery (галерея) — архивный файл DatsoGallery_1.4.1.zip, который находится в папке Free_Access/Разработка электронного портала/Материалы по работе с Joomla!/Расширения Joomla!/ (рис. 15.16). Рис. 15.16. Сообщение об успешной загрузке компонента DatsoGallery 2. Для отображения галереи в гостевом интерфейсе следует создать новый пункт в меню, например Фотогалерея, и подключить его к установленному компоненту (рис. 15.17). Рис. 15.17. Добавление пункта меню Фотогалерея в главное меню (mainmenu) 9 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE 3. Проверить результат включения галереи во Frontend портала (рис. 15.18). Рис. 15.18. Фотогалерея во Frontend портала 4. В Панели управления административного интерфейса найти меню компонента DatsoGallery (рис. 15.19) и познакомиться с содержанием пунктов меню. Рис. 15.19. Административное меню компонента DatsoGallery 5. При помощи пункта меню Categories переименовать по-русски существующую тестовую категорию или создать новую категорию (рис. 15.20) и загрузить ряд фотографий, а затем сформировать 10 МЕЖДУНАРОДНЫЙ БАНКОВСКИЙ ИНСТИТУТ INTERNATIONAL BANKING INSTITUTE фотогалерею из загруженных картинок. Результат преподавателю. продемонстрировать Рис. 15.20. Редактирование категории изображений (раздела) в галереи 6. Во Frontend фотогалереи посетителями. изучить возможности по просмотру галереи Задание на самостоятельную работу 1. Исследовать возможности компонента DatsoGallery по работе с графическими файлами: может ли изменять размеры изображений и размеры файлов, в какие каталоги файловой системы загружаются изображения и т. п. Изучить возможности по конфигурированию галереи — пункт Configuration (рис. 15.21). Рис. 15.21. Административная панель конфигурирования галереи 2. Установить дополнительные модули для галереи (расположены в каталоге Free_Access/Разработка электронного портала/Материалы по работе с Joomla!/Расширения Joomla!/Дополнительные Модули для галереи) и освоить их назначение. 11