Материал: Разработка и реализация плагина, формирующего рейтинг Интернет-сайтов

Далее для того, чтобы посмотреть список отзывов необходимо нажать на слово «Отзывы» рядом с оценкой под названием магазина. Страница отзывов по магазин «Just.ru» изображена на рисунке 1.11.

Рисунок 1.11. Страница отзывов магазина

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

2. Разработка технических требований и архитектуры плагина

2.1 Выбор браузера

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

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

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

Google Chrome - данный браузер разработан на основе браузера Chromium компанией Google [12]. Сейчас Google Chrome является лидером по количеству пользователей среди браузеров. По этому показателю он оставил далеко позади своих конкурентов Mozilla Firefox, Opera, Internet Explorer, хотя и появился позже всех в 2008 году. Это обусловлено рядом преимуществ данного браузера над другими. Рассмотрим некоторые из них:

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

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

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

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

-       режим «Инкогнито». Данный режим позволяет использовать браузер, не оставляя следов, то есть не сохраняется история посещений различных сайтов, загрузки и файлы cookies;

-       встроенный переводчик. Позволяет переводить страницы с иностранного языка на тот, который вам подходит. Перевод осуществляется с помощью Google Translator;

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

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

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

Mozilla Firefox - браузер на движке Gencko, который находится в свободном доступе. Mozilla Firefox, известный как «Лиса» является самым популярным зарубежным браузером для операционной системы Windows. Но в России он начал сдавать позиции с появление Google Chrome и на данный момент занимает лишь третье место после вышеупомянутого Google Chrome и Яндекс.Браузер. Популярность «Лисы» падает с каждым годом, что обусловлено нестабильной работой и нагрузкой при использовании расширений. График сокращения популярности браузера Mozilla Firefox среди пользователей на территории России представлен на рисунке 2.1.

Рисунок 2.1. Сокращение аудитории пользователей Mozilla Firefox

Данные графика представлены за период с 14 августа 2016 года по 17 февраля 2017 года. Исследование проведено открытым статистическим ресурсом «LiveInternet» [13].

Рассмотрим преимущества, которыми обладает Mozilla Firefox:

-       широкие возможности настройки. У пользователя «Лисы» есть возможность сделать свой браузер абсолютно уникальным, настроить его под себя для удобной работы;

-       расширения. Как и Google Chrome Mozilla Firefox поддерживает более ста тысяч различных расширений и тем, но это преимущество может стать и недостатком, так как при достаточно небольшом количестве встроенных расширений у браузера сильно снижается скорость работы;

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

Среди недостатков браузера Mozilla Firefox можно выделить:

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

Opera - Это один из самых старых браузеров, который начал функционировать еще в 1994 году. Ранняя популярность данного браузера была обусловлена низкой скоростью интернета, при которой данный браузер мог стабильно работать. Но и в настоящее время Opera далеко не последний среди браузеров. Рассмотрим некоторые преимущества Opera:

-       скорость. У рассматриваемого браузера если функция Opera Turbo. Она позволяет повысить скорость загрузки контента веб-страницы. Так же Opera оптимизирован для устройств с низкой скоростью интернет соединения и слабыми техническими характеристиками;

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

-       блокировка рекламы. Opera единственный браузер, в котором есть встроенная блокировка рекламы. В остальных браузерах она реализуется с помощью расширений. При желании эту функцию можно отключить в настройках;

-       VPN-сервер. Ещё одна функция, которая реализована только в Opera - это встроенный VPN-сервер. Он позволяет подключаться к различным веб-ресурсам с помощью луковичной технологии, таким образом запрещенные в вашей стране веб-сайты, фильмы и аудио-файлы станут доступны;

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

Яндекс.Браузер - cамый молодой браузер из данного списка от российской компании Яндекс. Рассматриваемый браузер один из самых популярных на территории России. Интерфейс Яндекс.Браузер выполнен на движке Chromium, что сразу бросается в глаза из-за сходства с Google Chrome. Рассмотрим преимущества этого молодого браузера:

-       интеграция с сервисами Яндекс. Данный браузер идеально подходит пользователям поисковой системы Яндекс, Яндекс почты и других продуктов компании. По своей сути продукт аналогичен Google Chrome;

-       турбо-режим. Данный режим разработчики Яндекс.Браузер позаимствовали у коллег из Opera. Принцип действия режима полностью совпадает со своим аналогом;

-       поисковая строка. Пользователь получает ответы на вопросы прямо из поисковой строки;

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

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

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

2.2 Разработка архитектуры плагина

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

-       авторизация пользователя;

-       просмотр отзывов и оценок;

-       просмотр инфографики оценок;

-       оставление отзыва;

-       выставление оценки.

Функциональная структура представлена на рисунке 2.2.

Рисунок 2.2. Функциональная структура

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

API - программный интерфейс, который необходим для реализации некоторых функций плагина. В данном файле размещаются процедуры и функции других программных модулей, необходимых для работы плагина. В API реализуются такие функции как:

-                                       авторизация;

-       проверка наличия сайта в БД;

-       добавление отзыва;

-       добавление оценки;

-       расчет оценки для сайта.

Рассмотрим подробнее представленные выше функции, описание которых представлено в таблице 2.1.

Таблица 2.1. Описание функций API

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

-       авторизация пользователя;

-       просмотр отзывов и оценок;

-       просмотр инфографики оценок;

-       выбор категории;

-       оценка каждого показателя;

-       оставление отзыва.

Функциональная структура модернизированной версии представлена на рисунке 2.3.

Рисунок 2.3. Функциональная структура модернизированной версии

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

В API так же будут реализованы новые функции:

-                                       авторизация;

-       проверка наличия сайта в БД;

-       добавление отзыва;

-       добавление оценки по показателю;

-       расчет оценки для сайта;

-       выбор категории.

Рассмотрим подробнее представленные выше функции, описание которых представлено в таблице 2.2.

Таблица 2.2. Описание функций API

3. Описание плагина средствами языка UML

В данном разделе представлены UML-диаграммы, которые разработаны согласно специфике разработанного плагина. Данные диаграммы описывают различные стороны функционирования плагина, его взаимодействие с пользователями и администратором [9]. Данные диаграммы помогут понять, как работает плагин.

3.1 Диаграмма вариантов использования

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

Диаграмма вариантов использования разработанного плагина представлена на рисунке 3.1.

Рисунок 3.1. Диаграмма вариантов использования