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

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

Содержание

Введение

. Анализ методов и средств формирования рейтинга интернет-сайтов

.1 Рассмотрение показателей оценивания веб-сайтов

.2 Критерии оценки веб-сайтов при проведении Интернет-конкурса

.3 Примеры популярных ресурсов с возможностью оценивания

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

.1 Выбор браузера

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

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

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

.2 Диаграмма деятельности

.3 Диаграмма классов

.4 Диаграмма последовательности

. Разработка модели баз данных

.1 Рассмотрение типов СУБД

.2 Разработка базы данных для плагина

.3 Разработка модернизированной базы данных

. Разработка и реализация программных модулей

. Экспериментальное тестирование и отладка

.1 Тестирование

.2 Руководство пользователя

. Оценка качества разработанного программного продукта

Заключение

Список использованных источников

Введение

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

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

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

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

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

Основная идея данного проекта заключается в том, что пользователь с помощью браузера Google Chrome, загрузив из магазина разработанный плагин, сможет оценить любой веб-сайт, поставив оценку от 1 до 5 и написав отзыв, в котором отразит свои впечатления от этого ресурса.

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

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

Основными языками для разработки плагинов являются:

1)      HTML - язык разметки гипертекста [4];

2)      CSS - язык описания внешнего вида документа;

3)      JavaScript - сценарный язык программирования.

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

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

1. Анализ методов и средств формирования рейтинга интернет-сайтов

1.1 Рассмотрение показателей оценивания веб-сайтов

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

Рисунок 1.1. Показатели оценивания веб-сайта

Далее рассмотрим каждый показатель в отдельности для более полного понимания критериев оценки [14]. Рассмотрение будем вести с точки зрения реализации целей, поставленных перед разработчиком при создании веб-сайта.

)        дизайн - основной показатель качества веб-сайта, в задачи веб-дизайна входит формирование интерфейса, направленного на удобство пользователя при работе с сайтом. Состоит из следующих критериев: «Простота», «Понятность», «Содержание», «Тщательность», «Расположение пользователя»;

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

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

)        навигация - заключается в том, что веб-сайт прорабатывается на структурные компоненты. Состоит из следующих критериев: «Логическая структура компонентов и содержания», «Корректная работа все гиперссылок», «Отсутствие тупиковых страниц», «Наличие гиперссылок обратной связи», «Простой переход по уровням веб-сайта», «Отсутствие проблем с использованием навигации», «Одинаковое расположение навигации на всех страницах»;

)        время загрузки - данный показатель зависит от оптимизации всех скриптов, которые использованы на веб-сайте. Состоит из следующих критериев: «Оправданное время загрузки страницы», «Функция пропуска заставки (если она есть)», «Поддержка версией HTML Flash-вставок»;

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

1.2 Критерии оценки веб-сайтов при проведении Интернет-конкурса

В данном разделе рассматривается оценивание сайта по некоторым критериям в рамках проведения Интернет-конкурса [6]. Данная информация необходима для анализа методов, применяемых профессиональными экспертами по оцениванию веб-сайтов.

Балловый метод - методика оценки веб-сайта, при которой по определенному набору критериев веб-сайту начисляют баллы, а в дальнейшем эти баллы суммируются для получения оценки.

Организаторы подобных Интернет-конкурсов имеют различные подходы к оцениванию веб-сайтов балловым методом. Это объясняет почему некоторые веб-сайты имеют разные оценки по одним и тем же показателям. При оценивании веб-сайта критерии его оценки могут отличаться, что не позволяет со стопроцентной уверенностью оценить сайт и его дизайн.

Ниже приведена упрощённая формула данного метода:

где  - суммарный балл значимости сайта;

 - поправочные коэффициенты;

 - значимость определенного критерия.

Далее рассмотрим типовые критерии оценивания в рамках Интернет-конкурса:

-       объем текстовой информации;

-       число фотографий;

-       число видеороликов;

-       число Flash-вставок;

-       число посетителей сайта;

-       индекс цитирования;

-       срок существования сайта (количество лет);

-       время между обновлениями.

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

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

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

Различие при выборе критериев объясняет, почему нельзя на сто процентов объективно судить о каком-либо веб-сайте.

1.3 Примеры популярных ресурсов с возможностью оценивания

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

При проектировании плагина необходимо отталкиваться от существующих реализаций идеи оценивания. В качестве примера были взяты такие популярные , как «Google Play», «Booking.com», «Яндекс.Советник». Рассмотрим каждый из данных ресурсов подробнее.Play - интернет-магазин приложений, книг, игр, музыки и других электронных ресурсов [3]. Доступен пользователям операционной системы Android. Данный магазин является самым популярным источником различных приложений для мобильных устройств. Одной из его отличительных особенностей является проработанная система отзывов и оценок. Рассмотрим данную систему подробнее. Оценки и отзывы об одном из приложений магазина в ПК-версии представлены на рисунке 1.2.

Рисунок 1.2. Оценки и отзывы версии для ПК

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

Мобильная версия данного магазина отличается от ПК-версии, так как «Google Play» - магазин Android-приложений. Оценки в мобильной версии магазина представлены на рисунке 1.3.

Рисунок 1.3. Оценки в мобильной версии магазина

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

Преимуществом данной версии является оценка функции. В данном примере рассмотрены оценки для мобильной игры «Injustice 2». Для игр доступны оценки таких функций, как «Управление», «Геймплей» и «Графика».

Booking.com - веб-сайт для бронирования отелей и покупки авиабилетов. Данный ресурс является одним из самых популярных в данной категории, так как предоставляет исчерпывающую и достоверную информацию о ценах и условиях проживания в отелях и гостиницах [5]. Данный сервис имеет систему оценивания с возможностью оставить свой отзыв, которая может похвастаться своей достоверностью, так как оставить отзыв и оценку может только реальный пользователь который проживал в отеле. Рассмотрим подробнее систему оценок данного сайта. Главная страница сайта представлена на рисунке 1.4.

Рисунок 1.4. Главная страница Booking.com

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

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

Рисунок 1.5. Вкладка специальные предложения

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

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

Рисунок 1.6. Изображение выбранного отеля

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

Рисунок 1.7. Оценки показателей отеля

Как видно по рисунку, у пользователей есть возможность оценить по десятибалльной шкале такие показатели, как «Чистота», «Комфорт», «Месторасположение», «Удобства», «Персонал», «Соотношение цена/качество», «Бесплатный Wi-Fi».

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

Рисунок 1.8. Окно отзывов

Яндекс.Советник - данное приложения является расширением для магазина Яндекс.Маркет. Оно позволяет получать все доступные предложения о покупке определенных товаров с указанием магазинов, оценок и отзывов покупателей [7].

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

Рисунок 1.9. Пример товара в Яндекс.Маркет

Затем пролистнув страницу чуть ниже пользователь видит список магазинов, в которых можно заказать данный товар с указанием цены. Список магазинов по данному товару представлен на рисунке 1.10.

Рисунок 1.10. Список магазинов по товару

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