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

Соответствие описательных и ключевых реквизитов представлено в таблице 4.8.

Таблица 4.8 -Соответствие описательных и ключевых реквизитов

Связи информационных объектов представлены в таблице 4.9.

Таблица 4.9 - Состав информационного обеспечения

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

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

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

Модель данных сущность-связь представлена на рисунке 4.3.

Рисунок 4.3 - Модель данных сущность-связь

Полная атрибутивная модель представлена на рисунке 4.4.

Рисунок 4.4 - Полная атрибутивная модель

Описание таблиц реляционной базы данных представлено в таблице 4.10.

Таблица 4.10 - Описание таблиц реляционной базы данных

5. РАЗРАБОТКА И РЕАЛИЗАЦИЯ ПРОГРАММНЫХ МОДУЛЕЙ

Разработанный плагин состоит из трёх модулей:

модуль получения списка отзывов и оценок;

модуль добавления отзыва и оценки;

модуль авторизации.

Каждый из данных модулей имеет Frontend и Backend-часть. часть - отвечает за отображение элементов плагина в браузере. В данной части создаётся пользовательский графический интерфейс плагина. За разработку Frontend-части отвечают такие средства, как HTML, CSS, JavaScript [2]. часть - отвечает за функционал плагина, его взаимодействие с сервером и базой данных. В данной части реализованы все основные функции и запросы на языке PHP [11].

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

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

Рассмотрим Frontend-часть данного модуля.

Ниже представлен код реализации модуля на языке JavaScript [1].

success: function(data) {(data['rating'] != 0) {

$('#avgRating').text(data['rating']);text = "";(var i = 0; i <= 2; i++){tmp = $('#itemRevTemp').clone();

$(tmp).find('.userName').text(data.reviews[i].id_user);

$(tmp).find('.date').text(data.reviews[i].date);

$(tmp).find('.userRat').text(data.reviews[i].rating);

$(tmp).find('.revText').text(data.reviews[i].text);+= $(tmp).html();

}

/* old version create GIU reviews

$.each(data['reviews'], function(key, value) {tmp = $('#itemRevTemp').clone();

$(tmp).find('.userName').text(value['id_user']);

$(tmp).find('.date').text(value['date']);

$(tmp).find('.userRat').text(value['rating']);

$(tmp).find('.revText').text(value['text']);+= $(tmp).html();

});

*/

$('.reviews').html(text);

} else {

$('.errBox').text('У сайта нет ни одной оценки');

$('.errBox').addClass('errShow');

}

}

});

});

$('#addRev').on('click', function(){

$('#listForm').toggleClass('listFormNone');

$('#listRev').toggleClass('listRevNone');

});

$('#backBtn').on('click', function(){

$('#listForm').toggleClass('listFormNone');

$('#listRev').toggleClass('listRevNone');

});

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

$('.reviews').html(text);

} else {

$('.errBox').text('У сайта нет ни одной оценки');

$('.errBox').addClass('errShow');

}

}

});

Далее рассмотрим Backend-часть данного модуля. Код на языке php представлен ниже:

$(document).ready(function(){url;.tabs.getSelected(function(tab) {= tab.url;

$.ajax({: '#"897459.files/image028.jpg">

Рисунок 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 - Наличие кнопки «Добавить отзыв»

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

.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.

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

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

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

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

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

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

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