Разработка и реализация плагина, формирующего рейтинг Интернет-сайтов
Анализ средств формирования рейтинга Интернет-сайтов. Критерии оценки веб-сайтов при проведении Интернет-конкурса. Выбор браузера и разработка архитектуры плагина. Описание плагина средствами языка UML. Разработка и реализация программных модулей.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 12.08.2017 |
| Размер файла | 3,2 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
}
var userID = "1";
var userData = new Date();
var revData = JSON.stringify({ textRev: userText, ratingRev: userRating, userRev:userID, urlRev:url, dataRev:userData });
$.ajax({
type: "POST",
url: "http://lehavejt.bget.ru/API/addrating2.php/", /*ТУТ АДРЕСС НА АПИ*/
data: revData,
success: function(msg){
console.log(msg + " " + revData); }
});
});
Принцип работы данной процедуры заключается в том, что она собирает POST-запрос по данным, указанным пользователем, а именно его оценки и значения текстового поля, в которое он записал свой отзыв и отправляет эти данные на сервер по указанному в запросе адресу.
Рассмотрим Backend-часть данного модуля. Код данной процедуры представлен ниже.
function existReview($db, $user, $url) {
$result = mysqli_query($db, "SELECT r.id FROM rating AS r INNER JOIN users AS u ON u.id = r.id_user INNER JOIN url AS ur ON ur.id = r.id_url WHERE ur.id = ".(string)$url." AND u.id = ".(string)$user);
if(!$result)
return false;
while($result1 = $result->fetch_assoc())
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 этапов:
1) открытие окна браузера для аутентификации пользователя на сайте ВКонтакте;
2) разрешение пользователем доступа к своим данным;
3) передача сайту значения code для получения ключа доступа;
4) получение сервером приложения ключа доступа 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.
Функциональные показатели работоспособности - характеризуют приспособленность программного продукта (ПП) к формальному преобразованию данных в искомых результат.
Эксплуатационные показатели работоспособности - характеризуют приспособленность ПП к решению задач, связанных с планированием, функционированием на различные интервалы времени.
Рассмотрим функциональные показатели работоспособности:
- показатель назначения - характеризует степень соответствия программного продукта своему назначению и выполнение им функций, заданных в ТЗ;
- точность - характеризуется разницей между истинным и вычисленным значением исходной величины;
- надежность - свойство объекта сохранять во времени в установленных пределах способность выполнять требуемые функции в заданных режимах и условиях применения;
- устойчивость к искажающим воздействиям - ПП считается устойчивым если он сохраняет в каждом такте работы в условиях внешних и внутренних искажающих воздействий, способность обеспечить преобразование входных сигналов в приемлемую совокупность выходных сигналов;
- рациональность - программа выполняет требуемые функции без излишних затрат ресурсов ПК;
- время ответа - интервал времени с момента поступления входных данных до преобразованиях их в результат.
Далее рассмотрим эксплуатационные показатели работоспособности:
- удобство усвоения - достигается благодаря хорошо оформленной документации;
- простота обслуживания - обеспечивается высокой степенью автоматизации служебных процессов;
- приспособленность к анализу результатов - разработка специальных анализирующих программ;
- модифицируемость - характеризуется наличием резервов памяти, пропускной способностью и быстродействием ПК, степенью автоматизации доработки программы.
Срок службы программного продукта - продолжительность от начала эксплуатации объекта или восстановления после ремонта до перехода в предельное состояние.
Универсальность - программный продукт обладает свойством универсальности, если его можно использовать не только в той технической или программной среде, но и в любой другой.
Время ввода в эксплантацию - изменяется в широком диапазоне в зависимости от сложности программы и её способности к решению задач.
Рассмотрим оценку качественных показателей программного продукта.
Процесс оценки включает в себя следующие этапы:
1) определение набора показателей;
2) формирование сущностей для каждого показателя;
3) определение экспертной оценки (щi) для каждого показателя;
4) определение конкретной численной оценки (ri) для каждого показателя;
5) определение качества программного продукта (Q);
6) представление выходных данных в виде гистограммы.
На этапе определения экспертных оценок для каждого показателя при определении веса показателей воспользуемся формулой:
где 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. Для этого были построены диаграмма вариантов использования, диаграммы деятельности, диаграмма классов и диаграмма последовательности. Для всех диаграмм было приведено описание.
Следующим шагом стала разработка модули баз данных. В ходе разработки были рассмотрены основные виды СУБД и выбран один из видов для плагина. Затем были рассмотрены такие вопросы как «Состав информационного обеспечения», «Функциональные зависимости реквизитов», «Соответствие описательных и ключевых реквизитов», «Связи информационных объектов», «Логическая модель данных», «Описание таблиц базы данных».
Далее была выполнена задача разработки программных модулей. Плагин имеет три модуля: «Модуль отображения отзывов и оценок», «Модуль добавления отзывов и оценок» и «Модуль авторизации». В данном разделе было приведено описание модулей, небольшие вставки программного кода с комментариями к работе основных функций плагина.
Заключительным этапом стала оценка качества разработанного продукта. Она включает описание основных показателей качества, иерархии показателей эффективности, функциональных показатели работоспособности. Так же в данный раздел входит оценка качества плагина с учетом экспертной и экспериментальной оценок.
В результате выполнения данной работы был разработан плагин, формирующий рейтинг интернет-сайтов. Данный плагин в перспективе может иметь широкое применение. Пользователи могут оценивать и комментировать работы всех интересующих их веб-сайтов. Плагин поможет им избежать мошенничества и недостоверной информации. Разработчики могут использовать его расширение для отслеживания проблем и багов на сайтах, получая критику непосредственно от пользователей. Так же плагин может быть использован в коммерческих целях бизнесменами, которые хотели бы начать сотрудничество с определенным веб-сайтом.
Список использованных источников
1) Фримен, Э. Изучаем программирование на JavaScript / Э. Фримен. - Санкт-Петербург: Питер, 2015.- 637 с.
2) Флэнаган, Д. JavaScript: подробное руководство / Д. Флэнаган. - Санкт-Петербург: Символ-плюс, 2006.- 1080 с.
3) Официальный магазин Google [Электронный ресурс]: офиц. сайт - Режим доступа: https://play.google.com/
4) Робсон, Э. Изучаем HTML и CSS / Э. Робсон. - Санкт-Петербург: Питер, 2016.- 720с.
5) Бронирование отелей [Электронный ресурс] - Режим доступа: https://www.booking.com/
6) Профессиональная веб-студия [Электронный ресурс] - Режим доступа: http://www.antula.ru/web-design_concours_2.htm
7) Яндекс.Советник [Электронный ресурс]: офиц. сайт. - Режим доступа: https://sovetnik.yandex.ru/
8) Вильямс, Х. Learning MySQL / Х. Вильямс. - Русская Редакция: Санкт-Петербург, 2007. - 544 с.
9) Леоненков, А. Самоучитель UML 2 /А. Леоненков. - БХВ-Петербург: Санкт-Петербург, 2007. - 576 с.
10) Рассел, Д. Плагин / Д. Рассел. - Книга по требованию: Москва, 2012. - 104 с.
11) Котеров, Д. PHP 7 / Д. Котеров. - БХВ-Петербург: Санкт-Петербург, 2016. - 1088 с.
12) Google Developers [Электронный ресурс]: офиц. сайт. - Режим доступа: https://developers.google.com/
13) Статистика и рейтинги сайтов [Электронный ресурс] - Режим доступа: http://www.liveinternet.ru/
14) Интернет-технологии и ресурсы [Электронный ресурс] - Режим доступа: http://polza24.ru/raznoe/kak-provoditsja-ocenka-sajta.html Размещено на Allbest.ru
Подобные документы
Критерии оценки сайтов при проведении Интернет-конкурса. Примеры популярных ресурсов с возможностью оценивания. Программная реализация плагина с использованием языков программирования HTML, CSS, PHP, JavaScript. Оценка качества разработанного продукта.
дипломная работа [2,6 M], добавлен 27.10.2017Влияние Интернета на общество. Разработка структуры web-сайта "Информатика в школе". Установка WordPress на хостинг. Создание форума с помощью плагина Mingle Forum. Реализация социальной сети с помощью плагина BuddyPress. Апробация программного продукта.
дипломная работа [5,0 M], добавлен 20.11.2014Анализ средств информации консалтингового бизнеса: обзор языков программирования и программных средств для создания сайтов, информационных систем и сайтов консалтинговых фирм. Моделирование бизнес-процессов. Разработка интернет-представительства.
дипломная работа [2,9 M], добавлен 11.04.2012Особенности программных средств (браузеров) для просмотра web-страниц и для работы с электронной почтой (почтовые клиенты). Этапы и методы разработки Интернет-сайта. Средства поиска информации в Интернет. Сравнительная характеристика поисковых сайтов.
курсовая работа [617,9 K], добавлен 19.06.2010Редакторы для обработки изображения. Дополнительные модули, разрабатываемые для Adobe Photoshop. Структура плагина, порядок взаимодействия редактора и фильтрационного плагина. Работа с памятью и ресурсы плагина. Описание кода и основные свойства фильтра.
курсовая работа [623,7 K], добавлен 13.04.2013Анализ аппаратных и программных средств предприятия ТОО "Alicesystems", занимающегося разработкой web-сайтов. Выбор структур, топологий и технологий разработки системы. Технологии создания сайтов и выбор площадки. Описание программно-аппаратных средств.
отчет по практике [690,9 K], добавлен 29.05.2015Психолого-педагогические основы формирования системно-деятельностного подхода обучения. Обзор существующих конструкторов сайтов, обоснование выбора сервиса Wix. Ознакомление обучающихся с правилами безопасности в сети Интернет. Технологии создания сайтов.
дипломная работа [428,9 K], добавлен 07.09.2017Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Виды сайтов, их классификация. Характеристика сайта: статический или динамический. Проблема безопасности web-сайта. Исследование программного обеспечения и языков программирования.
дипломная работа [850,3 K], добавлен 11.01.2015Использование различных маркетинговых инструментов для продвижения веб-сайтов г. Архангельска. Проблема неразвитости рынка и отсутствия налаженной системы работы через Интернет в регионе. Поддержка сайтов предприятий для привлечения новых клиентов.
контрольная работа [16,6 K], добавлен 28.02.2012Изучение предметной области и выявление основных задач Интернет-магазинов. Выбор средств разработки системы, базы данных, инфологической и даталогической моделей. Разработка программного приложения, программных модулей, представленных экранными формами.
дипломная работа [4,2 M], добавлен 22.04.2015
