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

  • Тип – чат, тикет система для техподдержки и онлайн консультант на Джумла.

 

 

JChatSocial Enterprise – это русскоязычный компонент Joomla для создания чатов, чат-комнат, видео чатов, системы поддержки клиентов или системы обмена личными сообщениями на Вашем сайте. Компонент не требует подключения к сторонним сервисам. Он размещается только на Вашем сайте. Адаптирован для мобильных устройств, есть возможность общения без регистрации, можно использовать для видео звонков через Skype (мост), можно прикреплять файлы в переписку, использовать интерактивную доску для рисования, смайлики, авторизацию через социальные сети и многое другое. В компоненте много возможностей, он обладает большим количеством настроек для гибкой конфигурации под Ваши нужды.

Этот компонент, включающий в себя некоторые функции RSTickets Pro, uddeIM и онлайн-консультантов типа JivoSite. В отличие от сервисов, предоставляющих возможность установки у себя на сайте онлайн-консультанта, JChatSocial полностью «автономный». Он работает только в рамках Вашего сайта и не подключается к серверу разработчика. Это даёт такие преимущества: единоразовый платёж за лицензию (на 01.06.2018 цена 49 евро); есть возможность оптимизировать компонент для более быстрой загрузки, так как у Вас есть доступ ко всем его файлам; можно вносить любые изменения в его исходный код; конфиденциальные данные пользователей остаются в Вашей базе данных. Последний пункт особенно актуален в свете европейского закона General Data Protection Regulation (GDPR) и российского «Федеральный закон РФ от 27 июля 2006 года № 152-ФЗ «О персональных данных»». Где помимо всего прочего достаточно чётко говорится о необходимости обеспечивать конфиденциальность персональных данных. Однако применение такого компонента, сравнительно со сторонними чатами, онлайн консультантами не лишено ряда недостатков: увеличение нагрузки на собственный сервер, более сложная процедура настройки, ответственность за персональные данные пользователей. Если Вас заинтересовала данная тема, то советую ознакомиться со статьёй «Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ».

В обзоре будет участвовать последняя, на момент написания статьи (01.06.2018), русскоязычная версия JChatSocial Enterprise 2.28 в Joomla 3.8.8. Шаблон фронтальной части сайта – Protostar.

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

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

Видео обзор

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

  • Чат – с 00:01:14.
  • Интерактивная доска – с 00:04:01.
  • Чат-комнаты – с 00:05:00.
  • Личные сообщения – с 00:08:32.
  • Видео чат – с 00:10:31.
  • Тикет система для техподдержки – с 00:13:04.
  • Панель управления JChatSocial – с 00:15:58.

 

 

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

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

Перечислю основные особенности компонента JChatSocial Enterprise.

Переписка (чат, личные сообщения, тикеты).

  • Чат в режиме реального времени. Похож на чат в Facebook (рисунок ниже).
  • Возможность приватной или групповой переписки в чате.
  • Обмен файлами. Изображения отображаются прямо в чате. Возможность ограничения по количеству, расширениям и размеру загружаемых файлов.
  • Вставленные в текст чата URL адреса превращаются в ссылки.
  • Применение аватаров.
  • Система обмена личными сообщениями. Даже для пользователей, которые сейчас не на сайте. Им придёт уведомление на почту о новом сообщении.
  • Встроенная система технической поддержки (тикеты). Возможна поддержка в режиме реального времени.
  • Встроенная система мгновенного перевода сообщений с одного языка на другой. Включая русский, украинский, английский, французский, немецкий и другие.
  • Система уведомления о сообщениях. На сайте (со звуком) и по почте.
  • Возможность создания чат-комнат.
  • Чатом могут пользоваться зарегистрированные и незарегистрированные пользователи.
  • Окошко чата во фронтальной части сайта можно перетаскивать по странице мышью и менять его размер.
  • Наличие истории переписки.
  • Возможность удаления и экспорта переписки в CSV.
  • Поддержка вставки смайликов.
  • Поиск по чату.
  • Уведомление о наборе текста в чате другим пользователем.
  • Уведомления о доставке сообщения.
  • Вывод настраиваемого сообщения, когда Вы не онлайн.
  • Наличие фильтра стоп-слов.
  • Возможность блокировки по IP или диапазону IP адресов.
  • Возможность активации работы чата в заданный диапазон времени.
JChatSocial
JChatSocial

Видео звонки.

  • HD видео чат между пользователями (пиринговый видео чат) (Peer-to-peer videochat™). Для работы данной функции Ваш сайт должен работать по протоколу HTTPS (нужен SSL сертификат). Видео чат может быть между одним или несколькими пользователями (видео конференция).
  • Поддержка видео и аудио сообщений.
  • Базируется на HTML5.
  • Не требует установки дополнительных плагинов или flash.
  • Не использует исходящее соединение Вашего сервера. Для видео трансляции применяется передача непосредственно между браузерами пользователей (на прямую).
  • Видео конференции для нескольких пользователей. Для работы данной функции Ваш сайт должен работать по протоколу HTTPS (нужен SSL сертификат).
  • Плеер для записи видео чатов. Есть возможность сохранить запись себе на компьютер.
  • Вызовы в Skype (мост) (Skype bridge™). Если пользователь использует браузер, который не поддерживает видео чат на базе HTML5, то JChatSocial предложит организовать чат через программу Skype. Это также работает на мобильных устройствах с установленным приложением Skype.
  • Возможность модерации и бана пользователей в чате.
  • Просмотр всех переписок в админке Joomla.

Разное.

  • Родное (нативное) расширение Joomla. Не сторонний сервис.
  • Поддержка Joomla 2.5, 3 и более новых версий.
  • Адаптивный дизайн. Можно развернуть во весь экран. Поддержка мобильных операционных систем типа iOS, Android и так далее.
  • Нет абонентской платы за использование компонента, так как он полностью расположен на Вашем сервере. Можно устанавливать на разные домены без доплаты.
  • Наличие интерактивной доски Peer-to-peer Blackboard™. Позволяет рисовать и обмениваться слайдами в режиме реального времени (рисунок ниже).
Интерактивная доска Peer-to-peer Blackboard
Интерактивная доска Peer-to-peer Blackboard
  • Наличие модуля и нескольких типов пунктов меню для вывода чата и системы личных сообщений во фронтальной части сайта.
  • Интеграция с профилями пользователей JomSocial, EasySocial, Community Builder, Kunena, Easy Profile и K2.
  • Интеграция с личными сообщениями JomSocial, EasySocial. Личные сообщения JChatSocial будут интегрироваться с системой сообщений JomSocial или EasySocial. Когда новые сообщения будут отправляться с использованием личных сообщений JChatSocial для офлайн пользователей, они будут доставлены также в систему сообщений JomSocial или EasySocial.
  • Интеграция с EasySocial и Kunena для получения аватаров пользователей.
  • Поддержка геолокации по IP с отображением местоположения пользователя на карте Google.
  • Много настроек для очень гибкой конфигурации расширения.
  • Доступно 11 тем оформления. Плюс, можно создать свою. Есть настройки для изменения размера шрифтов, цветов и размеров самого окна чата.
  • Вход в чат как зарегистрированный пользователь при помощи аккаунтов социальных сетей Facebook, Google+, Twitter.
  • Компонент оптимизирован для увеличения скорости загрузки и снижения нагрузки на сервер. Можно использовать даже на обычном хостинге (не выделенном сервере). Есть собственная система кэширования. По тестам Lighthouse 3.0.0-beta.0 он показал достаточно хороший результат (рисунок ниже).
Тест скорости загрузки в Lighthouse 3.0.0-beta.0
Тест скорости загрузки в Lighthouse 3.0.0-beta.0
  • Возможность разграничения прав доступа к разным функциям для разных групп пользователей.
  • Очень подробная документация на английском языке. Есть несколько видео уроков по настройке некоторых функций JChatSocial (на английском языке).
  • Оперативная техническая поддержка на английском языке.
  • Переведён на русский, английский, немецкий, французский и другие языки. Включая подробные всплывающие подсказки к опциям.

Возможностей и настроек у данного компонента много. Перейдём к их поверхностному рассмотрению на основании разделов панели управления JChatSocial 2.28 (рисунок ниже).

Панель управления JChatSocial 2.28
Панель управления JChatSocial 2.28

Комнаты

Комнаты – это отдельные чаты по темам. Наподобие разделов форума. Их можно создавать сколько угодно и присваивать уровень доступа к ним для разных групп пользователей Joomla (рисунок ниже).

Управление чат комнатами
Управление чат комнатами

Во фронтальной части сайта пользователи смогут выбрать нужную им чат-комнату и вести переписку в ней (рисунок ниже). В настройках JChatSocial Enterprise можно разрешить создание/удаление чат-комнат из фронтальной части сайта для разных групп пользователей.

Чат для Joomla
Чат для Joomla

Список сообщений

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

Тут же можно удалить сообщения по одному, все или только старые Это поможет снизить нагрузку на базу данных и уменьшить её размер.

Список сообщений
Список сообщений

Управление тикетами

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

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

Управление тикетами
Управление тикетами

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

Тикет система для техподдержки
Тикет система для техподдержки

На рисунке ниже показан пример отправки вопроса в техническую поддержку. Оператору поддержки придёт соответствующее письмо на почту.

Онлайн консультант Joomla
Онлайн консультант Joomla

Участники

В данном разделе (рисунок ниже) можно просмотреть список пользователей, информацию по ним и, при необходимости, забанить их.

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

Смайлики

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

Смайлики
Смайлики

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

Джумла чат
Джумла чат

Записанное медиа

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

Видео хранится в формате WEBM. В GOM Player оно открылось без проблем.

zapisannoe-media

Есть ещё несколько плиток в панели управления JChatSocial:

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

Настройки

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

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

Настройки
Настройки

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

Функции
Функции

Темы и аспект (рисунок ниже). Тут можно выбрать один из предложенных шаблонов чата или настроить свой собственный. Опция Режим рендеринга позволит разместить окно чата как в Facebook – справа. По умолчанию для данной опции выбрано Авто. При необходимости отображать чат в какой-то другой позиции, выберите Пользовательский режим и в менеджере модулей задайте требуемую позицию для модуля «JChatSocial Module».

Темы и аспект
Темы и аспект

Пиринговый видеочат (Peer-to-peer videochat™) (рисунок ниже). На этой вкладке Вы сможете включить и настроить некоторые опции видео чата. Он основывается на HTML5 и передаёт изображение с одного компьютера непосредственно на другой, без промежуточных сервисов (серверов). Для применения данной технологии Ваш сайт должен работать по протоколу HTTPS. У моего тестового сайта бесплатный SSL сертификат от Let's Encrypt (длина ключей 128 бит, TLS 1.2). Этого оказалось достаточно.

Пиринговый видеочат
Пиринговый видеочат

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

Интерактивная доска Peer-to-peer Blackboard
Интерактивная доска Peer-to-peer Blackboard

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

Поддерживаемые браузеры:

  • Google Chrome 23 и более новая версия. В Google Chrome 47 и более новой версии для использования видео чата сайт должен работать на HTTPS протоколе.
  • Mozilla Firefox 22 и более новая версия.
  • Opera 18 и более новая версия.

Также я проверил работу видео чата на смартфоне (Motorola Moto G5 Plus) под управлением Android 7.0.0 в Google Chrome 66.0.3359.158 и на компьютере под управлением Windows 10 х64 версия 1803 в Яндекс Браузере 18.3.1.1232. Всё сработало нормально. Были ситуации, когда при выставлении максимального качества компонент выдавал ошибку:

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

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

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

Видео чат в Joomla
Видео чат в Joomla

А в таких браузерах как Internet Explorer 11.48.17134.0 и Microsoft Edge 42.17134.1.0 видео чат, на данный момент (02.06.2018), не поддерживается.

Файловая система (рисунок ниже). На этой вкладке Вы сможете разрешить загрузку аватаров пользователей в онлайн консультант Joomla из фронтальной части сайта и возможность прикрепления вложений (файлов). Можно будет задать ограничение на размер и формат загружаемых файлов.

Файловая система
Файловая система

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

Тикеты и живая поддержка
Тикеты и живая поддержка

Соц. авторизация (рисунок ниже). Для упрощения регистрации пользователей на сайте Вы сможете активировать вход через социальные сети Facebook, Google+, Twitter. На этой вкладке настроек есть опции и даже видео-инструкция (на английском языке), которые помогут это сделать.

Соц. авторизация
Соц. авторизация

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

Переводчик языков
Переводчик языков

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

Автоматический перевод сообщений чата
Автоматический перевод сообщений чата

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

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

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

Расширенные настройки
Расширенные настройки

Пункты меню

У компонента есть 4 типа пунктов меню для его отображения во фронтальной части сайта.

Conference (Конференция, рисунок ниже). Позволяет выводить страницу для видео чата (рисунок ниже).

Видео чат в Joomla
Видео чат в Joomla

У данного пункта меню есть несколько настроек (рисунок ниже).

  • Enable calls chain (Включить цепочки звонков). Если данная опция включена, то все участники видео конференции будут автоматически связываться друг с другом. Например, когда пользователь A вызывает пользователя Б, а затем вызывает пользователя В, пользователь В автоматически вызовет пользователя Б для закрытия круга и включит всех участников A-B-C в конференцию.
  • Show search field (Показывать поле поиска). Отображает поле поиска пользователей.
  • Hide the chat sidebar (Прятать боковую панель чата). Позволяет спрятать окно чата для Joomla на странице видео чата.
  • Show maximize button (Показать кнопку раскрытия на весь экран). Позволяет отображать кнопку, по нажатию на которую окно видео чата развернется на весь экран.
  • Access for guests (Доступ для гостей). Ели данная опция включена, то незарегистрированные пользователи смогут получить доступ к видео чату. Они смогут создавать их и записывать в случае, когда это не запрещено в настройках JChatSocial на вкладке Права доступа.
Настройка пункта меню Conference
Настройка пункта меню Conference

Form activation (Форма начала чата, рисунок ниже). Данный пункт меню позволяет выводить страницу с формой для незарегистрированных пользователей, чтобы они могли начать общение в чате. Для этого в настройках JChatSocial на вкладке Права доступа для опции Уровни доступа к чату должен быть указан уровень Public или вариант Все уровни доступа.

Форма начала чата
Форма начала чата

У данного пункта меню есть две вкладки с настройками. Вкладка Form fields (Поля формы) содержит опции Show email field (Показывать поле E-mail), Show description area (Показывать поле Описание), Show Skype ID (Показывать поле ID Skype), Show antispam validation (Показывать капчу), которые выводят те или иные поля на форме начала чата. А вкладка Validation param (Параметры проверки) содержит опции Email required (E-mail обязателен), Description required (Описание обязательно), Skype ID required (ID Skype обязателен) которые позволяют сделать то или иное поле обязательным для заполнения.

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

Личные сообщения
Личные сообщения

У данного пункта меню есть несколько настроек:

  • Number of loading messages (Количество загружаемых сообщений). Количество сообщений, которое будет загружено в окне переписке при заходе на страницу.
  • Show search field (Показывать поле поиска). Отображает поле поиска пользователей.
  • Hide the chat sidebar (Прятать боковую панель чата). Позволяет спрятать окно чата для Joomla на странице личных сообщений.
  • Auto fullscreen on mobile (Автоматически раскрывать во весь экран на мобильных устройствах).
  • Auto open chat popups (Автоматически открывать всплывающие окна чата). Если данная опция включена, то при получении нового сообщения от пользователя, с которым Вы не общаетесь в данный момент в личных сообщениях, автоматически откроется всплывающее окно чата. В противном случае в списке пользователей будет отображаться индикатор конверта новых сообщений.

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

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

Управление билетами
Управление билетами

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

Редактирование тикета
Редактирование тикета

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

 

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