Лекция 11. Прикладное программирование

Лекция 11. Джумла Создание компонентов.

I. Компоненты — это один из видов расширений Joomla. Это основная функциональная часть.

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

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

Joomla также имеет множество встроенных компонентов, таких как менеджер материалов и баннеры.

1.Для вывода голосования на страницу сайта, надо создать компонент Голосование(Polls),которыйиспользуется для создания опросов и голосований на сайте и публикации их в виде модуля или привязки к пунктам меню.

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

Компонент "Контакты" (com_contact) предназначен для создания контактных лиц и страницы контактной информации на сайте.

Переходим в "Компоненты" --> "Контакты" и снова видим обычную страницу компонента.

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

Вкладка "Контакты" --> "Создать".

Основные настройки слева, дополнительные - справа.

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

Также есть возможность ограничить доступ к данному контакту в поле "Уровень доступа".

Дополнительные параметры позволяют настроить отображаемые поля контакта, иконки и форму отправки e-mail.

Иконки лежат в папке "images/M_images".

ОК, контакт сохранился после нажатия "Сохранить".

Но как предоставить доступ пользователям на страницу контактов? Для этого создадим новый пункт в любом из существующих меню. "Все меню" --> "Главное меню" --> "Создать" --> "Внутренняя ссылка" --> "Контакты".

И здесь у нас появляется два варианта: "Шаблон категории контакта" и "Стандартный шаблон контакта".

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

Итак, создаю страницу с одним контактом ("Стандартный шаблон контакта"). Ввожу заголовок и псевдоним, выбираю конкретный контакт.

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

Сохраняю и обновляю главную страницу сайта.

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

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

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

Может использоваться как Книга жалоб и предложений.

Среди возможностей этой гостевой книги можно отметить следующие:

-выбор уровня доступа для добавления записей в книгу (например только зарегистрированные пользователи могут оставлять сообщения),

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

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

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

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

Компонент "Поиск" производит поиск по сайту и предоставляет пользователю результаты поиска.

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

Ширина поля - размер поля поиска(измеряется в символах), обычно стоит 20символов.

Текст - текст который будет появляться в поле поиска

Кнопка поиска- показывать или не показывать кнопку поиска

Позиция кнопки- позиция кнопки поиска: Низ, Справа, Слева, Верх

Кнопка как изображение - использовать изображение вместо кнопки

Текст на кнопке - текст который будет появляться на кнопке

II.Создание слайд-шоу

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

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

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

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

Параметры модуля слайд-шоу:

-можете изменять ширину и высоту модуля;
 -время показа одного стайда;
 -время смены слайда;
-указывается массив изображений и ссылок по шаблону: [img] ; [link] ; [title]
-показывать кнопки навигации для ручного перелистывания слайдов
-размеры и отступы для кнопок навигации

1.Слайдшоумодуль - ARI Image Slider. 

Расширение полностью совместимо с Joomla 1.5/1.6.

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

Рассмотрим краткие характеристики слайд шоу модуля:

9 эффектов перехода;

Не использует flash. Чистая JavaScript и CSS;

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

Поддержка клавиатуры;

Обеспечить возможность создавать свои собственные темы;

Можно начать слайд-шоу автоматически;

Поддерживается возможность показать изображения названия и определить перенаправление ссылок, которые можно определить в файле INI;

Можно создавать эскизы;

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

Работает во всех современных браузерах.

Рассмотрим блоки настроек модуля слайд шоу:

Настройки модуля слайд шоу

Блок настроек основных параметров: версия jQuery, устранять конфликт из MooTools, размеры окна слайд шоу, дополнительные css стили, выбор темы оформления слайд шоу.

Блок интеграции слайд шоу с сторонними Lightbox расширениями: выбор расширения, размеры Lightbox окна.

Теперь перейдем к непосредственным настройкам модуля слайд шоу:

Настройки модуля слайд шоу 2

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

Рассмотрим блок настроек самих слайдов (изображений):

2.Слайд шоу модуль SlideshowCK

Расширение полностью совместимо с Joomla 1.5/2.5/3.x.

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

Модуль отличается поддержкой мобильных устройств, адаптивных шаблонов; управление параметрами модуля можно производить с помощью интерфейса drag&drop.

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

Модуль совместим с компонентом интернет-магазина «Virtuemart» (дополнительно нужно установить плагин «Slideshow CK Virtuemart») и «Hikashop».

После успешной установки модуля в админ-панели появляются ссылки на загрузку документации, тем оформления к модулю и на другие расширения от разработчика «Slieshow CK».

В «Менеджере модулей» модуль «Slideshow CK» необходимо перевести в статус «Опубликовано».

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

На вкладке «Slides manager» представлена визуальная панель добавления слайдов, на которой для каждого из них требуется выбрать изображение или видеофайл, ввести его название и описание.

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

Для автозагрузки изображений из папки и из категории статей, настройки всплывающего окна необходимо дополнительно установить плагин «Slideshow Params».

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

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

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

Вкладки «Article options» и «Caption options» предназначены для настройки отображения статей и подписей соответственно: для статей можно установить максимальную длину, тип ссылки («Подробнее», заголовок статьи как ссылка либо изображение как ссылка), выбрать тег заголовка статьи и отключить показ заголовка статьи; для подписей – выбрать шрифт, размер шрифта, цвет, жирность, отдельно размер шрифта описания и его цвет. Вкладка «Caption options» также позволяет настроить поля и фон слайдера.

Вкладка «Дополнительные параметры» содержит опции отключения загрузки JQuery, JQuery Easing, JQuery mobile, автоматического создания миниатюр изображений, выбора альтернативного макета и стиля модуля, задания суффикса CSS-класса модуля и CSS-класса заголовка, HTML-тегов модуля и заголовка, размера Bootstrap.

Так выглядит на сайте слайд-шоу, созданное с помощью расширения  «Slieshow CK»:

3.СлайдшоумодульARI Image Slider

Расширение полностью совместимо с Joomla 1.5-1.7/2.5/3.x.

Слайдер основан на плагине «Nivo Slider JQuery» и предоставляет возможность создать превосходное слайд-шоу на основе изображений из определенной папки.

Модуль основан на javascript и CSS и имеет 16 встроенных эффектов перехода между слайдами, может выводить изображения, сортируя их по имени файла, дате изменения или в случайном порядке; поддерживает навигацию с помощью клавиатуры, позволяет создавать собственные темы, имеет опцию автозапуска, может быть интегрирован с различными lightbox-расширениями для Joomla (ARI Sexy Lightbox, ARI Fancybox, ARI Colorbox, ARI Pretty Photo, RokBox,Core Joomla! lightbox) и отлично работает во всех современных браузерах.

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

В группе параметров «Lightbox integration» можно выбрать интегрированное расширение и настроить ширину, высоту всплывающего окна, цвет фона и включить группировку.

Группа параметров «Slider parameters» позволяет включить для слайд-шоу прозрачный фон, отключить влияние на отображение слайдов щелчков мыши, выбрать  эффекты перехода и настроить их, определить индекс первого слайда или задать старт со случайного изображения; отключить показ навигации, навигацию с клавиатуры, автоскроллинг.

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

Работающее на сайте расширение выглядит следующим образом:

4. Слайдшоумодуль Srizon Image Slider

Расширение полностью совместимо с Joomla 1.5/2.5/3.x.

Благодаря гибким настройкам, слайдер «Srizon Image Slider» может быть использован как для создания слайд-шоу на главной странице, так и для вставки на сайт галереи изображений.

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

Модуль успешно функционирует на любых современных браузерах, в том числе последних версиях Firefox, Google Chrome, Safari, а также протестирован на IE 9, IE 8.

Модуль обладает визуально приятным стилем, использующим CSS3, причем при настройке может быть выбран один из 10 различных текстурированных фонов или добавлен свой; возможно настраиваемое добавление текста поверх изображений, связка изображений с пользовательскими ссылками, коррекция стилей CSS из панели настроек параметров модуля.

После установки в «Менеджере модулей» добавляется модуль «Srizon Image Slider», а в менеджере плагинов - плагин «Srizon Image Slider Resource Loader».

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

На вкладке «Image Source» нужно выбрать папку, содержащую изображения для слайдера (это может быть папка из стандартной для CMS Joomla папки «Images» или любая другая папка или даже отдельные изображения по ссылке).

На вкладке «Size and Position» определяется общая ширина слайд-шоу, ширина изображения и параметры миниатюр; на вкладке «Style and Speed» можно выбрать фоновое изображение, скорость смены слайдов, включить автоскроллинг, определить стиль оформления.

На вкладке «Show/hide» можно отключить отображение надписей на слайдах, кнопок навигации и миниатюр, на вкладке «Text and Links» - ввести ссылку, заголовок и описание для каждого из изображений слайдера. Вкладка «Customize CSS» позволяет отредактировать стиль Text Container, Text Title, Text Description и ввести дополнительный CSS.

Ниже приведен пример работы модуля на сайте:

Все модули позволяют  создать на сайте превосходное слайд-шоу с миниатюрами.

Отличаются модули лишь функциональностью и легкостью настройки: модуль «Slideshow CK» в качестве наполнения слайдов использует не только изображения, но и видео, модули «ARI Image Slider»и «Slide Them All!» характеризуются красивыми эффектами перехода и простотой интеграции с популярными лайтбоксами, модуль «Srizon Image Slider» исключительно легок в настройке, при этом достаточно универсален и красив. Модуль «jQuery Fullscreen Image Gallery Joomla 2.5» прекрасно дополнит сайт фотографа, дизайнера или даже картинной галереи.

Рассмотри слайд шоу:Модуль VtemSlideshow - это модуль слайд-шоу для Joomla 1.5.

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

-Впункте«Select an image» необходимо подключить картинки (как указано на рисунке выше)

-Вид на сайте

-можно добавить количество изображений и вид на сайте:

-Лучше оставлять 3 слайда

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/265615-lekcija-11-prikladnoe-programmirovanie