Обзоры расширений Joomla

 

 

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

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

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

В обзоре будет участвовать последняя, на момент написания статьи (24.06.2018), русскоязычная версия NorrCompetition 1.7.6 в Joomla 3.8.8. Шаблон фронтальной части сайта – Protostar 1.0. Кроме компонента NorrCompetition установлены дополнительные модули и плагины из NorrCompetition Bundle pack. Также установлены демонстрационные данные компонента (на английском языке).

На официальном сайте расширений Joomla 7 отзывов, расширение добавлено 29.06.2015.

  • Общий рейтинг – 99 из 100.
  • Функциональность – 99 из 100.
  • Простота использования – 97 из 100.
  • Документация – 99 из 100.
  • Поддержка – 99 из 100.
  • Соотношение цена\качество – 99 из 100.

На 24.06.2018 компонент стоит €49 (обновления и техническая поддержка на один год). Код компонента не зашифрован. Его можно установить на несколько сайтов.

Видео обзор

В данном видео показаны отдельные моменты, описанные в статье.

 

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можно найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

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

Рассмотрим основные, на мой взгляд, особенности данного скрипта конкурсов. Под «участниками» подразумеваются фотографии, видео, текст и все те объекты, которые представлены в конкурсах. «Участник» – это не пользователь/учётная запись, который добавил элемент, а именно сам элемент. Один пользователь может добавить несколько «участников».

Конкурсы.

  • Три типа конкурсов: фото, видео и обычный (можно без фото и видео, например, просто текст).
  • Создание настраиваемых полей разного типа для заполнения информации об «участниках». С возможностью фильтрации сохраняемых данных (для повышения защищённости сайта от взлома).
  • Возможность создания «участников» из фронтальной и административной части сайта.
  • Вставка видео из YouTube, Vimeo, Dailymotion, Vine, Wistia, Instagram и Rutube.
  • Возможность создания нескольких «участников» одним и тем же пользователем.
  • Возможность создания «участников» незарегистрированными пользователями.
  • При изменении информации об «участниках» в админке компонента будет виден предыдущий и новый вариант (рисунок ниже). Также есть возможность настройки уведомлений о разных действиях: публикация, снятие с публикации, одобрение «участника» и т.д. (при помощи плагина).
Создание фотоконкурса
Создание фотоконкурса
  • Добавление водяного знака на изображения. Гибкие настройки изображений: размеры миниатюр, масштабирование, ограничения по замеру загружаемых изображений и так далее.
  • Защита от накруток голосования за «участников» на основании IP, IP + User-Agent, cookie. Возможность ограничения повторного голосования по времени. Также есть другие настройки конфигурации ограничений голосования.
  • Отображение результатов конкурса после его окончания. Список победителей и «участников».
  • Уведомления о новых и изменённых «участниках» по почте.
  • Ограничение конкурса и голосования по времени (автоматический таймер). Возможность вывода таймера обратного отсчёта во фронтальной части сайта (рисунок ниже).
NorrCompetition
NorrCompetition

Интеграция.

  • C Disqus, Facebook, Google+, ВКонтакте, JComments и Komento. Для комментариев в конкурсах.
  • C OSMap, Xmap. Для вставки ссылок на конкурсы в карту сайта.
  • С поиском по сайту Joomla.
  • С EasySocial, JomSocial, контакты Joomla, Kunena. Для создания ссылки на профиль пользователя, отправившего материал на конкурс.
  • С EasySocial, JomSocial. Для отображения действий пользователя, которые он совершает в конкурсах, в его ленте новостей в EasySocial и JomSocial.
  • С AltaUserPoints. Для начисления баллов пользователям за активность в конкурсах. По аналогии с активностью на доске объявлений.

Разное.

  • Поддержка Joomla 3.4 и более новой версии.
  • Переведён на русский, украинский, английский и другие языки.
  • Адаптивный дизайн. В составе компонента есть три темы, которые базируются на Bootstrap 2, Bootstrap 3 и Uikit (от YOOtheme). Также есть тема, не базирующаяся на фрейворке.
  • Множество настроек, которые позволят создать фотоконкурс под Ваши требования.
  • Документация и техническая поддержка на русском языке. Включая всплывающие подсказки к опциям в админке компонента.
  • Наличие демонстрационных данных компонента для упрощения освоения его возможностей. Данные на английском языке.
  • Поддержка Google reCAPTCHA v2.
  • Категории конкурсов базируются на стандартных категориях Joomla (com_categories).
  • Поддержка родной мультиязычности Joomla.
  • Чистый код без зашифрованных фрагментов.
  • Поддержка Open Graph.
  • Наличие кнопок шаринга в социальные сети.
  • Возможность использования плагинов контента на страницах «участников».
  • Поддержка RTL (письменность справа налево).
  • Поддержка ACL Joomla для разграничения прав доступа к компоненту разных групп пользователей.
  • Поддержка переопределений для тем и наличие документации для разработчиков (по событиям).
  • Наличие модулей для отображения «участников», конкурсов и результатов голосования.

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

Конкурсы

Данный раздел (рисунок ниже) содержит инструменты по управлению конкурсами.

Конкурсы
Конкурсы

Рассмотрим настройки, доступные при создании и редактировании конкурса, на примере фотоконкурса. Все они разделены на 9 вкладок.

Вкладка Конкурс (рисунок ниже). На этой вкладке есть опция Тип, которая задаёт тип конкурса: фотоконкрус, видео конкурс или простой конкурс. В дальнейшем её поменять нельзя. От типа конкурса зависит «логика» работы конкурса во фронтальной части сайта. Например, создав фотоконкурс, обязательным будет добавление изображений в информации об «участниках».

Как сделать фотоконкурс
Как сделать фотоконкурс

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

Фотоконкурс на сайте
Фотоконкурс на сайте

На рисунке ниже показан фрагмент страницы созданного фотоконкурса.

Скрипт конкурса
Скрипт конкурса

Вкладка Параметры публикации (рисунок ниже). На этой вкладке, в основном, собраны опции для SEO оптимизации страницы конкурса. Можно добавить мета-данные, указать дату создания конкурса и его автора.

Параметры публикации
Параметры публикации

Вкладка Поля (рисунок ниже). Тут Вы должны указать поле, которое будет использоваться для ввода заголовка конкурса и указать другие поля, которые будут участвовать в форме добавления «участников». Поля необходимо предварительно создать в одноимённом разделе скрипта компонента NorrCompetition. Это чем-то очень напоминает штатные поля самой Joomla.

Поля
Поля

На рисунке ниже показан пример формы подачи информации на конкурс.

Форма подачи информации об участнике
Форма подачи информации об участнике

Вкладка Основные параметры (рисунок ниже). Тут содержатся опции влияющие, в основном, на функционирование страницы фотоконкурса с перечнем всех «участников». Можно настроить отправку заявок на участие в конкурсе (отправку «участников»), голосование и интеграцию с AltaUserPoints. Опции могут быть переопределены для каждого конкретного конкурса в отдельности или принимать значение из общих настроек скрипта конкурса (вкладка Участники).

Основные параметры
Основные параметры

На рисунке ниже показан пример страницы «участника».

Страница участника
Страница участника

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

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

Параметры макета
Параметры макета

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

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

Параметры макета конкурсов
Параметры макета конкурсов

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

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

Параметры макета участника
Параметры макета участника

Вкладка Изображения (рисунок ниже). Позволит Вам изменить настройки изображений и видео для конкурса. Можно будет сконфигурировать размеры миниатюр, настроить отступы и добавить водяной знак.

Изображения
Изображения

При добавлении водяного знака в формате PNG с прозрачностью столкнулся с одной особенностью. В Adobe Photoshop CS6 13.1.2 при выполнении команды Файл – Сохранить для WEB для опции Матовый необходимо выбирать Не показывать. Это убирает обводку вокруг изображения и позволяет сохранять его с меньшей палитрой цветов. В моём примере (рисунок ниже) – PNG-8. При сохранении в PNG-24 такой проблемы не наблюдал, но файлы в PNG-24 больше по объёму, чем в PNG-8. В статье ниже есть файл сохранённого набора настроек оптимизации (*.IROS) для Photoshop. Это настройки с рисунка ниже. Для импорта откройте Меню оптимизации – Редактировать настройки экспорта – Загрузить. Меню оптимизации – это маленькая иконка справа от спадающего списка Набор (рисунок ниже).

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

Настройки экспорта водяного знака в PNG без фона
Настройки экспорта водяного знака в PNG без фона

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

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

Права
Права

Участники

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

Участники
Участники

При создании или редактировании «участника» (рисунок ниже) Вам будут доступны те же поля, что и при добавлении «участника» из фронтальной части сайта, а также несколько дополнительных.

Редактирование участников
Редактирование участников

Из дополнительно доступных полей стоит отметить следующие:

  • Подтверждение. Позволяет одобрить или отклонить «участника».
  • Гран-при. Если для этой опции выбрано Да, то «участник» становится победителем конкурса. Можно назначить «участника» победителем ещё до окончания конкурса. Победителем может быть только один «участник» в конкурсе. Победитель выводится в рамке над списком участников после окончания конкурса (рисунок ниже).
  • Описание Гран-при. Текст, который появится возле победившего «участника» на странице с перечнем «участников» в конкурсе (рисунок ниже).
Победитель конкурса
Победитель конкурса

Категории

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

Категории
Категории

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

Вкладка Категория (рисунок ниже). Тут Вы можете добавить описание категории, задать её язык (для мультиязычных сайтов), добавить метки (из компонента com_tags) и так далее. Описание категории отображается в Open Graph и мета-теге «description». Если на вкладке Публикация в поле Мета-тег Description задано какое-то значение, то оно будет отображается в Open Graph и мета-теге «description».

Создание/редактирование категории
Создание/редактирование категории

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

Параметры
Параметры

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

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

Параметры макета категории скрипта конкурса
Параметры макета категории скрипта конкурса

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

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

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

Права доступа
Права доступа

В следующей статье «Обзор NorrCompetition. Как создать сайт конкурсов» мы рассмотрим поля и инструменты управления голосами, отданными за «участников». А также рассмотрим общие настройки скрипта конкурса и познакомимся с его модулями и пунктами меню.

 

Полезные ссылки:

При скачивании файлов менеджерами загрузок возможны проблемы.
ФайлОписание
Скачать этот файл (png-8-s-prozrachnostyu-bez-obvodki.zip)Профиль экспорта в PNGДля Adobe Photoshop CS6 (64 Bit)