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

return true;

return false;

}

function addRating($rating, $review, $url, $db) {

$rating = (int)$rating;

if(!$rating || !($rating >= 1 && $rating <= 5))

return array('success' => false, 'error' => 'Поставьте оценку');

$user = 3;

$domen = getDomen($url);

$domen = $domen['domen'][0];

if($domen) {

$domen_id = getDomenFromDB($db, $domen);

} else return array('error'=>'Не указан домен', 'success' => false);

if(existReview($db, $user, $domen_id))

return array('error' => 'Сайт уже оценен вами', 'success' => false);

mysqli_query($db, "INSERT INTO rating(id_url, text, rating, id_user) VALUES(".$domen_id.", '".$review."', ".(string)$rating.", ".$user.")");

return array('success' => true);

}

Данная процедура, на основе отправленного POST-запроса по средствам SQL-запроса собирает все данные и добавляет их в базу данных. Так же здесь предусмотрена защита от ошибок, когда не указан домен и если пользователь уже ранее оценивал данный сайт.

Модуль авторизации реализует авторизацию пользователей через социальную сеть «Вконтакте». Выполняется это с помощью специального протокола OAuth 2.0, который предоставляется разработчикам данной социальной сетью.

Процесс авторизации состоит из 4 этапов:

открытие окна браузера для аутентификации пользователя на сайте ВКонтакте;

разрешение пользователем доступа к своим данным;

передача сайту значения code для получения ключа доступа;

получение сервером приложения ключа доступа access_token для доступа к API ВКонтакте.

Frontend-часть данного модуля представлена ниже.

$.ajax({

type: "GET",

url: "http://lehavejt.bget.ru/API/addrating2.php/",

data: 'do=auth',

dataType: 'json',

success: function(data) {

if(data) {

$('#addRev').css('display', 'inline-block');

$('#vk').css('display', 'none');

}

},

error: function() {} });

});

Здесь отправляется GET-запрос, который содержит данные о дате отзыва и о идентификаторе пользователя.

Backend-часть данного модуля представлена ниже.

<?phperror_reporting(E_ALL);

ini_set('display_errors', 1);

include_once('api_funcs.php');

$link = mysqli_connect('', 'lehavejt_rapi', 'devrapi2017');

mysqli_select_db( $link, 'lehavejt_rapi');

$user = getUserOrCreate($link);

if($user)$_SESSION['userid'] = $user;

6. ЭКСПЕРИМЕНТАЛЬНОЕ ТЕСТИРОВАНИЕ И ОТЛАДКА

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

6.1 Тестирование

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

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

Отображение отзывов и оценок в плагине для сайта «Yandex.ru» представлено на рисунке 6.1.

Рисунок 6.1 - Отображение отзыва и оценки в плагине

Отображение отзывов и оценок на странице «Все отзывы» представлено на рисунке 6.2.

Рисунок 6.2 - Отображение отзывов и оценок на странице «Все отзывы»

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

Далее необходимо протестировать функцию добавления отзывов и оценок. Добавление отзыва и оценки осуществляется в специальном окне. Форма добавления отзыва и оценки представлена на рисунке 6.3.

Рисунок 6.3 - Форма добавления отзыва и оценки

Затем необходимо проконтролировать, добавились ли отзыв и оценка в базу данных. Отображение отзыва и оценки в базе данных показано на рисунке 6.4.

Рисунок 6.4 - Добавление отзыва в БД

Следующим шагом является контроль отображения добавленного отзыва в плагине. Отображение добавленного отзыва в плагине представлено на рисунке 6.5.

Рисунок 6.5 - Отображение добавленного отзыва

Как видно по рисункам выше, функция добавления отзыва работает корректно. Отзывы добавляются в базу данных и отображаются в расширении.

Далее необходимо протестировать функцию авторизации пользователей. Её работа заключается авторизации пользователя в социально сети «ВКонтакте». Она осуществляется через специальную кнопку в правом верхнем углу. У неавторизированного пользователя нет возможности добавлять отзыв и оценку и на форме плагина отсутствует кнопка «Добавить отзыв». Данная ситуация изображена на рисунке 6.6.

Рисунок 6.6 - Отсутствие кнопки «Добавить отзыв»

После нажатия на данную кнопку пользователь переходит на специальную форму для захода в социальную сеть. Форма изображена на рисунке 6.7.

Рисунок 6.7 - Форма авторизации пользователя

После авторизации у пользователя появляется возможность добавлять отзыв и оценку, о чём говорит появление в плагине кнопки «Добавить отзыв». Данная ситуация изображена на рисунке 6.8.

Рисунок 6.8 - Наличие кнопки «Добавить отзыв»

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

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

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

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

После того, как расширение будет загружено в браузер пользователь увидит соответствующий значок в правом верхнем углу. Иконка разработанного плагина изображена на рисунке 6.9.

Рисунок 6.9 - Иконка расширения

Затем пользователь может непосредственно перейти к использованию плагина. Для этого необходимо нажать левой кнопкой мыши на значок и появится первоначальная форма расширения. Она представлена на рисунке 6.10.

Рисунок 6.10 - Первоначальная форма расширения

Как видно по рисунку 6.10, если веб-сайт ещё никто не оценивал, то в окне расширения находится надпись «У сайта нет ни одной оценки».

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

Рисунок 6.11 - Кнопка авторизации «Вк»

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

Рисунок 6.12 - Форма добавления отзыва

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

Рисунок 6.13 - Отзыв пользователя

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

Страница все отзывы представлена на рисунке 6.14.

Рисунок 6.14 - Страница «Все отзывы»

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

7. ОЦЕНКА КАЧЕСТВА РАЗРАБОТАННОГО ПРОГРАММНОГО ПРОДУКТА

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

Различают следующие показатели качества программного продукта:

единичный показатель качества - характеризует одно из свойств программы;

комплексный показатель качества - характеризует несколько свойств программы

определяющий показатель качества - это один из показателей, по которому принимается решение оценивать качество программного продукта;

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

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

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

Иерархия показателей эффективности изображена на рисунке 7.1.

Рисунок 7.1 - Иерархия показателей эффективности ПП

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

Функциональные показатели работоспособности - характеризуют приспособленность программного продукта (ПП) к формальному преобразованию данных в искомых результат.

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

Рассмотрим функциональные показатели работоспособности:

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

точность - характеризуется разницей между истинным и вычисленным значением исходной величины;

надежность - свойство объекта сохранять во времени в установленных пределах способность выполнять требуемые функции в заданных режимах и условиях применения;

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

рациональность - программа выполняет требуемые функции без излишних затрат ресурсов ПК;

время ответа - интервал времени с момента поступления входных данных до преобразованиях их в результат.

Далее рассмотрим эксплуатационные показатели работоспособности:

удобство усвоения - достигается благодаря хорошо оформленной документации;

простота обслуживания - обеспечивается высокой степенью автоматизации служебных процессов;

приспособленность к анализу результатов - разработка специальных анализирующих программ;

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

Срок службы программного продукта - продолжительность от начала эксплуатации объекта или восстановления после ремонта до перехода в предельное состояние.

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

Время ввода в эксплантацию - изменяется в широком диапазоне в зависимости от сложности программы и её способности к решению задач.

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

Процесс оценки включает в себя следующие этапы:

определение набора показателей;

формирование сущностей для каждого показателя;

определение экспертной оценки (щi) для каждого показателя;

определение конкретной численной оценки (ri) для каждого показателя;

определение качества программного продукта (Q);

представление выходных данных в виде гистограммы.

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

где n - число показателей;

- вес показателя.

Необходимо провести оценку показателей качества разработанного программного продукта. При определении конкретных числовых оценок показателей качества руководствовались таблицей 7.1. Описание оценок приведено в таблице 7.1.

Таблица 7.1 - Описание оценок программного средства

Значение оценки	Описание
0 - 0,49	Свойство в программном средстве присутствует, но его качество неприемлемо
0,5 - 0,9	Свойство в программном средстве присутствует, обладает приемлемым качеством
0,91 - 1	Свойство в программном средстве присутствует, обладает высоким качеством

Характеристика показателей качества программного средства представлена в таблице 7.2.

Таблица 7.2 - Характеристика показателей программного средства

Показатели качества	Сущность показателя	Экспертная оценка	Экспериментальная оценка
Надежность	Свойство программы непрерывно сохранять работоспособность	0,17	0,96
Эффективность	Характеризует эффективность использования ПС	0,15	0,98
Время ответа	Характеризует то, насколько быстро программа отвечает на воздействие	0,09	0,91
Рациональность	Свойство ПС, характеризующее затрачиваемые им ресурсы ПК	0,03	0,97
Универсальность	Свойство программы работать не только в той системе, в которой она должна работать, но и в любой другой	0,05	0,7
Точность	Характеризует степень точности, с которой программа выполняет расчеты	0,11	0,98
Показатель назначения	Характеризует способность программы выполнять назначенные функции	0,15	0,99
Удобство усвоения	Характеризует степень усваиваемости программы пользователем	0,05	0,97
Время введения в эксплуатацию	Характеризует время, через которое программа будет введена в эксплуатацию	0,04	0,85

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

Оно определяется по формуле:

где щi - вес показателя качества;

ri - экспериментальная оценка;

n - число показателей.

Воспользовавшись формулой (7.2) найдём качество разработанного продукта:



На основе данных таблицы 7.2 построим гистограмму распределения оценок по интервалам. Гистограмма распределения оценок по интервалам представлена на рисунке 7.2.

Рисунок 7.2 - Гистограмма распределения оценок по интервалам

ЗАКЛЮЧЕНИЕ

Целью данной работы является разработка плагина, формирующего рейтинг интернет-сайтов. Для этого была выполнена программная реализация плагина с использованием языков программирования HTML, CSS, PHP, JavaScript и написана пояснительная записка.

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

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

Далее было выполнено описание плагина средствами языка UML. Для этого были построены диаграмма вариантов использования, диаграммы деятельности, диаграмма классов и диаграмма последовательности. Для всех диаграмм было приведено описание.

Следующим шагом стала разработка модули баз данных. В ходе разработки были рассмотрены основные виды СУБД и выбран один из видов для плагина. Затем были рассмотрены такие вопросы как «Состав информационного обеспечения», «Функциональные зависимости реквизитов», «Соответствие описательных и ключевых реквизитов», «Связи информационных объектов», «Логическая модель данных», «Описание таблиц базы данных».

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

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

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

плагин рейтинг интернет сайт

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Фримен, Э. Изучаем программирование на JavaScript / Э. Фримен. - Санкт-Петербург: Питер, 2015.- 637 с.

Флэнаган, Д. JavaScript: подробное руководство / Д. Флэнаган. - Санкт-Петербург: Символ-плюс, 2006.- 1080 с.

Официальный магазин Google [Электронный ресурс]: офиц. сайт - Режим доступа: https://play.google.com/

Робсон, Э. Изучаем HTML и CSS / Э. Робсон. - Санкт-Петербург: Питер, 2016.- 720с.

Бронирование отелей [Электронный ресурс] - Режим доступа: https://www.booking.com/

Профессиональная веб-студия [Электронный ресурс] - Режим доступа: http://www.antula.ru/web-design_concours_2.htm

Яндекс.Советник [Электронный ресурс]: офиц. сайт. - Режим доступа: https://sovetnik.yandex.ru/

Размещено на Allbest.ru