Разработка плагина, формирующего рейтинг интернет-сайтов
Критерии оценки сайтов при проведении Интернет-конкурса. Примеры популярных ресурсов с возможностью оценивания. Программная реализация плагина с использованием языков программирования HTML, CSS, PHP, JavaScript. Оценка качества разработанного продукта.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | дипломная работа |
Язык | русский |
Дата добавления | 27.10.2017 |
Размер файла | 2,6 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
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
Подобные документы
Анализ средств формирования рейтинга Интернет-сайтов. Критерии оценки веб-сайтов при проведении Интернет-конкурса. Выбор браузера и разработка архитектуры плагина. Описание плагина средствами языка UML. Разработка и реализация программных модулей.
дипломная работа [3,2 M], добавлен 12.08.2017Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Виды сайтов, их классификация. Характеристика сайта: статический или динамический. Проблема безопасности web-сайта. Исследование программного обеспечения и языков программирования.
дипломная работа [850,3 K], добавлен 11.01.2015Основные технологии разработки ресурсов Интернет. Процесс разработки веб-сайта. Понятие Web-сайта и классификация Web-сайтов. Основные этапы разработки Web-сайта. Использование HTML, CSS, JavaScript, FLASH, PHP и реляционной базы данных MySQL.
презентация [1,3 M], добавлен 28.11.2015Влияние Интернета на общество. Разработка структуры web-сайта "Информатика в школе". Установка WordPress на хостинг. Создание форума с помощью плагина Mingle Forum. Реализация социальной сети с помощью плагина BuddyPress. Апробация программного продукта.
дипломная работа [5,0 M], добавлен 20.11.2014Анализ средств информации консалтингового бизнеса: обзор языков программирования и программных средств для создания сайтов, информационных систем и сайтов консалтинговых фирм. Моделирование бизнес-процессов. Разработка интернет-представительства.
дипломная работа [2,9 M], добавлен 11.04.2012Исследование проблемы формирования досуга в интернете у молодежи на примере наиболее популярных сайтов. Формы виртуального досуга в интернет пространстве. Изучение популярных и образовательных сайтов. Создание современных информационных технологий.
контрольная работа [33,4 K], добавлен 27.10.2016Интерфейс среды Dreamweaver. Обзор популярных интернет-технологий создания динамических сайтов. Методика выбора средства разработки. Критерии сравнения популярных интернет-технологий. Записная книжка на базе РНP. Электронный прайс-лист на базе XML.
дипломная работа [2,3 M], добавлен 30.08.2010Редакторы для обработки изображения. Дополнительные модули, разрабатываемые для Adobe Photoshop. Структура плагина, порядок взаимодействия редактора и фильтрационного плагина. Работа с памятью и ресурсы плагина. Описание кода и основные свойства фильтра.
курсовая работа [623,7 K], добавлен 13.04.2013Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.
контрольная работа [3,2 M], добавлен 15.02.2011Особенности программных средств (браузеров) для просмотра web-страниц и для работы с электронной почтой (почтовые клиенты). Этапы и методы разработки Интернет-сайта. Средства поиска информации в Интернет. Сравнительная характеристика поисковых сайтов.
курсовая работа [617,9 K], добавлен 19.06.2010