Пояснительная записка (1231620), страница 2
Текст из файла (страница 2)
Поэтому предприятие выдвинуло требование для системы онлайн-консультирования – снабдить систему онлайн-консультирования возможностью создания чата не только с клиентами компании, а также и с сотрудниками фирмы, а также информирования о присутствии в сети сотрудников.
Помимо основных требований система должна обладать следующим возможностями:
– хранение данных на сервере компании;
– разграничение прав доступа к системе, при этом выделить такие роли, как администратор, руководитель, сотрудник и оператор;
– просмотр статистики и ведение мониторинга по работе консультантов;
– легкая интеграция виджета в сайт компании;
– детальное изменение визуализации виджета, а именно цветовой схемы и расположения элементов;
– пользовательское приложение должно работать на операционных системах Windows и Linux.
2 Структура системы онлайн-консультирования
Система онлайн-консультирования состоит из трех обязательных компонентов:
– пользовательское приложение (клиентский модуль);
– web-виджет, встраиваемый в сайт (web-модуль);
– сервер, связывающий web-виджет и приложение (серверный модуль).
2.1 Структурная схема взаимодействия модулей
Существующие системы онлайн-консультирования можно представить в виде схемы, изображенной на рисунке 7.
Рисунок 7 – Схема взаимодействия модулей
Как видно, сайт компании, который открывает клиент состоит из двух частей: web-страницы и web-виджета.
Web-страница отображает клиенту те данные, которые предоставляет web-сервер компании. Помимо этого web-сервер обрабатывает все запросы пользователя, совершенные на странице: совершение покупки, поиск товара по ключевым словам и фильтрам, регистрация пользователей и прочее.
Web-виджет совершает подключение к web-серверу разработчика, в данном случае онлайн-консультанта. Web-виджет отображает данные поступающие к нему от web-сервера, а сам web-сервер принимает данные введенные в поля web-виджет, клиентом компании.
Данные для отображения web-сервера разработчика извлекаются из пользовательского приложения, запущенного на компьютере оператора компании.
Данные введённые пользователем отправляются на рабочую станцию оператора компании.
Как видно из данной схемы, системы онлайн-консультанта работают только благодаря web-серверу разработчика такой системы, минуя сервер предприятия. Все данные таким образом хранятся на серверах компании разработчика.
Из этого следует, что главной причиной такой высокой цены на системы онлайн-консультирования является обслуживание серверов и дорогое мощное оборудование разработчиков систем.
2.2 Клиентский модуль
Клиентский модуль – важный компонент системы онлайн-консультант, который позволяет оператору общаться с клиентами компании.
Данный модуль может быть организован не только в виде отдельного приложения (например, изображенного на рисуноке 8) для операционных системы Windows, Linux и Mac OS, но и в виде web-интерфейса для браузера или мобильного приложения для операционных систем Android, IOS, Windows Phone.
Рисунок 8 – Приложение оператора системы Jivosite
Основное преимущество web-интерфейса – легкий доступ через любой браузер с произвольного устройства без предварительной установки приложения.
Мобильное приложение позволяет оператору осуществлять консультации без постоянного нахождения на рабочем месте.
Клиентский модуль выполняет ряд функций:
– отображает сообщения клиентов компании;
– позволяет отправить сообщение клиенту;
– показывает список операторов в сети;
– отображает активность клиентов на сайте;
– показывает прочую информацию.
Клиентское приложение необходимое звено в системе онлайн-консультанта, без которого невозможен диалог с оператором компании.
Несмотря на многообразие способов организации приложения, наиболее удачное решение – разработка его в виде отдельного приложения для настольных операционных системы, так как у такого клиентского модуля есть весомое преимущество – добавление приложения в автозапуск при загрузке системы.
2.3 Web-модуль
Системы онлайн-консультирования имеют в своём составе один обязательный компонент – это встраиваемый виджет в сайт компании.
Виджет – это небольшой независимый программный модуль, работающий в некоторой среде (например, сайте, браузере, мобильном телефоне, рабочем столе) и исполняющий, как правило, одну определённую или ряд функций [9]. Также имеется и альтернативное название как элемент интерфейса, элемент управления или встраиваемы модуль.
2.3.1 Классификация виджетов
Виджеты можно разделить на группы по среде, в которой они работают: web-виджеты и виджеты для рабочего стола.
Web-виджет – это часть кода, который может быть встроен пользователем в любую HTML страницу и использоваться без значительной модификации. Как правило, при создании Web-виджетов используются технологии DHTML, JavaScript и Adobe Flash.
Яркий пример таких модулей – блоки, показывающие погоду, курсы валют, видеоролики YouTube, результаты теста.
Web-виджеты также иногда называют гаджетами, информерами.
Web-виджеты можно условно разделить на интерактивные (такие, с которыми пользователь может как-то взаимодействовать: например, отправлять SMS или искать маршрут на карте) и неинтерактивные (такие, содержимое и работа которых не зависит от действий пользователя, просматривающего страницу). Неинтерактивные виджеты ещё часто называют информерами.
Классический пример информера – погодный информер (рисунок 9).
Рисунок 9 – Погодный информер
Десктоп-виджеты или виджеты для рабочего стола – это небольшие инструменты (программы), выполняющие какую-то одну функцию и требующие для своей работы специальной среды.
Десктоп-виджеты могут показывать прямо на рабочем столе вашего компьютера последние новости, слайдшоу из фотографий, позволять делать заметки на виртуальных стикерах, вести учёт рабочего времени (рисунок 10) и многое другое.
Рисунок 10 – Часы, виджет рабочего стола
При создании виджетов для рабочего стола используются самые разные технологии: от HTML и JavaScript до С++.
Внешний вид виджетов и технологии реализации могут быть самым разным, но их объединяют относительная простота разработки и использования, привлекательный дизайн и фокусирование на одной функции [10].
2.3.2 Процесс встраивания виджета
На текущий момент большое количество сервисов предоставляют для сторонних сайтов свои виджеты, которые выполняют определенные функции. Во время установки виджета должны выполняться следующие требования:
– установка виджетов не должна вызывает особых сложностей;
– если дизайн виджета не подходит к общей стилистики сайта, то должна быть возможность его изменения.
Содержание web-виджета реализуется при помощи следующих средств:
– HTML (от англ. HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный язык разметки документов во всем интернете [11];
– CSS (от англ. Cascading Style Sheets – «каскадные таблицы стилей») – формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML [12];
– JavaScript – прототипно-ориентированный сценарный язык программирования, c помощью которого веб-страницам придается интерактивность. С его помощью создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем) [13].
Существует два метода встраивания кода модуля на страницы сайтов: используя элемент iframe и используя javascript.
Iframe – тег разметочного языка HTML, создающий отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.
Элемент iframe позволяет вставить один html-документ в другой html-документ, где в атрибуте src мы указываем путь к документу, который отобразиться во встроенном iframe. При этом css и js файлы, необходимо подключить в основном отображаемом файле.
Таким образом для размещения web-виджета на сторонних сайтах через iframe необходимо разместить в нужном месте на html-страницы iframe примерно следующего содержания:
<iframe src="http://yoursite.loc/widget.php" width="480" height="320" frameborder="0" allowfullscreen ></iframe>
Подключение web-виджетов также возможно осуществить средствами javascript. Например, виджет для сообществ с соответствующей группой или официальной страницей ВКонтакте, который позволяет подписаться на новости сообщества, не покидая страницы. Пример кода представлен на рисунке 11.
Рисунок 11 – Код встраивания виджета ВКонтакте
При подключении виджетов выполняются следующие шаги:
– добавляется на страницу блок, в который будет размещен виджет (в том случае, если виджет визуально отображается для посетителей сайта);
– подключение javascript файла, с сайта предоставляющего подключение виджета;
– подключение css файла, с сайта предоставляющего подключение виджета (если это необходимо);
– инициализация виджета;
Что касается web-виджета приложения онлайн-консультант, то существует неофициальный ряд требований, которым должен удовлетворять такой модуль на сайте:
– модуль онлайн-консультанта должен передавать информацию, как с сайта, так и от него в кратчайшие сроки и с минимальными задержками по времени;
– модуль не должен загружать web-сервер компании при достаточно больших количествах подключенных пользователей;
– модулю необходимо находится на видном месте, для того чтобы клиент компании мог в любой момент времени моментально задать любой возникший вопрос;
– также модуль не должен «маячить» перед глазами пользователя, во избежание провокации негативных чувств и эмоций, которые способствуют снижению клиентооборота сайта предприятия и уменьшают покупательскую способность клиента.
Исходя из вышесказанного, можно сделать вывод о том, что для встраивания подходит любой из способов, но использование тега iframe, значительно короче и проще. Поэтому при встраивании web-виджета в сайт компании, будет использоваться именно этот способ.
2.4 Серверный модуль
Приложение оператора не может напрямую обмениваться данными с web-виджетом. Это имеет место, потому что:
– «неизвестное» расположение компьютера оператора в глобальной сети. Компьютер может находиться внутри локальной сети предприятия и подключение к нему извне практически невозможно. Помимо этого компьютер может должен иметь статический IP адрес для однозначной адресации к нему. Как правило, таким IP адресом обладает только входной узел сети предприятия, который подключен к глобальной сети;
– в случае исключения промежуточного звена подключение возможно только к одному компьютеру оператора, соответственно система не будет иметь возможность работы нескольких консультантов;
– работа web-виджета без промежуточного звена возможно только при постоянном включенном компьютере оператора.
Для решения этой проблемы необходимо включить посредника между web-виджетом и приложениями операторов. Это промежуточное звено называется серверным модулем (приложением) и может располагаться как в общей сети предприятия на сервере, так и на любом сервере в любой точке мира.
Серверный модуль может быть установлен напрямую на Web-сервер предприятия, либо на произвольный компьютер локальной сети. Установка серверного приложения на Web-сервер является самой простой и при интеграции web-виджета в сайт, требует только указания порта подключения к приложению, указываемого в адресе web-страницы.
При установки серверного модуля на локальный компьютер предприятия, сетевым инженерам необходимо произвести переадресацию запроса web-виджета на выбранный локальный компьютер сети.