При наведении курсора на точку маршрута появляется название достопримечательности (рисунок 11).Рисунок 11 – Интерфейс участника экскурсии с курсором, наведенным на одну из точек маршрутаПри щелчке мышью на точку маршрута выводится её название, описание и идентификационный номер (рисунок 12).Рисунок 12– Интерфейс участника экскурсии после щелчка мышью по одной из достопримечательностейТаким образом, реализованный интерфейс полностью соответствует разработанному макету, а его функционал отвечает всем требованиям технического задания.Код представленной страницы приведен в Приложении А [37-38].3.5.2 Интерфейс экскурсоводаРассмотрим работу личного кабинета экскурсовода на примере управления точками. Для этого в меню необходимо выбрать раздел «Управление точками».На странице данного раздела отображаются все точки, добавленные текущим пользователем (рисунок 13), а также форма с четырьмя полями (название, описание, долгота и широта).В нижней части страницы отображены три кнопки: добавить, редактировать и удалить.Рисунок 13 – Интерфейс личного кабинета экскурсоводаДля добавления новой точки необходимо заполнить все поля формы и нажать кнопку «Добавить» (рисунок 14).Рисунок 14 – Интерфейс личного кабинета экскурсовода с внесенными данными для добавления новой точкиПосле нажатия на кнопку «Добавить» данные будут добавлены в таблицу, а точке будет присвоен идентификационный номер (рисунок 15).Для редактирования какого-либо поля или нескольких полей записи необходимо выбрать соответствующую запись с помощью переключателя, а в поле формы внести новые данные.Рисунок 15 – Интерфейс личного кабинета экскурсовода с данными для редактированияПосле нажатия на кнопку «Редактировать» отмеченная запись будет изменена (рисунок 16).Для удаления записи необходимо отметить запись, которую необходимо удалить.Рисунок 16– Интерфейс личного кабинета экскурсовода с записью, выбранной для удаленияПосле нажатия на кнопку «Удалить» отмеченная запись исчезнет из таблицы (рисунок 17).Рисунок 17 – Интерфейс личного кабинета экскурсовода после удаления записиТаким образом, реализованный интерфейс полностью соответствует разработанному макету, а его функционал отвечает всем требованиям технического задания.Код представленной страницы приведен в Приложении Б [39-40].3.5.3 Интерфейс администратораИнтерфейс личного кабинета администратора по своему функционалу не отличается от интерфейса личного кабинета экскурсовода, поэтому для него справедливы те же самые выводы, что и для интерфейса рассмотренного в предыдущем параграфе.ЗАКЛЮЧЕНИЕВыпускная квалификационная работа на тему «Веб-сервис для информационного обеспечения экскурсий» выполнена в соответствии с учебным планом профессиональной подготовки студентов на кафедре ВМКСС МГТУ ГА на основании утвержденной темы. В результате применения разработанного веб-сервиса повышается качество информационного обеспечения экскурсий, снижается время, затрачиваемое экскурсоводом на подготовку новой экскурсии за счет использования данных маршрутов и достопримечательностей, которые хранятся в базе данных, а также повышается конкурентоспособность индивидуальных экскурсоводов, которые получают инструмент, позволяющий оптимизировать их работу.В процессе выполнения работы решены следующие задачи:проведен анализ существующих на рынке веб-сервисов для информационного обеспечения экскурсий,проведен анализ предметной области,выбраны средства и технологии, которые будут использованы для разработки веб-сервиса,на основе проведенного анализа существующих на рынке веб-сервисов и предметной области сформулировано техническое задание для разработки веб-сервиса для информационного обеспечения экскурсий с использованием выбранных средств и технологий,разработан алгоритм работы веб-сервиса,разработана база данных для хранения информации необходимой для информационной поддержки экскурсий,разработан дизайн интерфейса веб-сервиса,веб-сервис реализован с помощью выбранных средств и технологий разработки.В результате выполнения ВКР получены следующие результаты:результаты анализа существующих аналогов разработанного сервиса и предметной области, которые впоследствии могут быть использованы для создания аналогичных сервисов, а также оптимизации разработанного сервиса,сформулированы основные требования, предъявляемые к сервисам данного типа,разработан и реализован веб-сервис, который может быть использован для информационной поддержки экскурсий.СПИСОК ЛИТЕРАТУРЫПышкин Е. Основные концепции и механизмы объектно-ориентированного программирования; БХВ-Петербург - Москва, 2005. - 240 c.Гудфеллоу Я., Бенджио И., Курвилль А. Глубокое обучение. М.: ДМК Пресс, 2017. – 652 с.Евгенев Г. Б. Интеллектуальные системы проектирования; МГТУ им. Н. Э. Баумана - Москва, 2009. - 336 c.Куликов Г.Г. Набатов А.Н. Речкалов А.В. Автоматизированное проектирование информационно-управляющих систем. Системное моделирование предметной области.. — Уфа: Уфимский государственный авиационный технический университет, 1998. — 104 с. — ISBN 5-89611-190-0.MarkWalkerMicrosoftOfficeVisio 2003 InsideOut; Эксмо, Издательский Дом Русанова, Сталкер - Москва, 2013. - 928 c.Ralph Grabowski Learn Microsoft Visio 2002 (Wordware VISIO Library); Пермские переводчицы - Москва, 2011. - 527 c.Resources Online, Nanette Eaton, Resources Online Microsoft Visio Version 2002 Inside Out; ASTD - Москва, 2010. - 736 c.Лемке Джуди Microsoft Office Visio 2003 (+ CD-ROM); ЭКОМ Паблишерз - Москва, 2010. - 352 c.Лемке Джуди MicrosoftOfficeVisio 2007 (+ CD-ROM); ЭКОМ Паблишерз - Москва, 2010. - 368 c.Куликов Г.Г. Набатов А.Н. Речкалов А.В. Автоматизированное проектирование информационно-управляющих систем. Системное моделирование предметной области.. — Уфа: Уфимский государственный авиационный технический университет, 1998. — 104 с. — ISBN 5-89611-190-0.Соболь Б.В., Галин А.Б., Панов Ю.В. и др. Информатика: учебник. – М.: Феникс, 2007. – С.223Базы данных. «Проектирование, реализация и сопровождение», Томас Конном, Королинг Берг – 2010. – С.102Багриновский К.А. Хрусталев Е.Ю. Новые информационные технологии. – М.: ЭКО, 2011. – С.122Информатика и информационно-коммуникационные технологии. Базовый курс: И.Г. Семакин, С.В. Русаков, Л.В. Шестакова. - М: БИНОМ, Лаборатория знаний, 2010. – С. 169Дейт К. Дж. Введение в системы баз данных = Introduction to Database Systems. — 8-е изд. — М.: «Вильямс», 2006. — 1328 с. — ISBN 0-321-19784-4.Компьютерные технологии обработки информации / Под ред. С.В. Назарова. - М.: Финансы и статистика, 2005. – С.108Newton A. MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress) / Aaron Newton. - Москва: Гостехиздат, 2008. - 300 c.White A. JavaScript® Programmer?s Reference / Alexei White. - Москва: Высшаяшкола, 2009. - 778 c.Harris A. JavaScript and AJAX For Dummies® / Andy Harris. - Москва: Огни, 2009. - 432 c.Jaworski J MasteringTM JavaScript® and JscriptTM / James Jaworski. - Москва: ИЛ, 1999. - 896 c.Гарнаев, Андрей WEB-программирование на Java и JavaScript / Андрей Гарнаев , Сергей Гарнаев. - М.: БХВ-Петербург, 2005. - 986 c.McPeak J. JavaScript 24–Hour Trainer / Jeremy McPeak. - Москва: Гостехиздат, 2010. - 360 c.Глушаков, С. В. Программирование Web-страниц. JavaScript. VBScript / С.В. Глушаков, И.А. Жакин, Т.С. Хачиров. - М.: Фолио, 2005. - 390 c.Гудман, Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов / Д. Гудман. - М.: Питер, 2004. - 523 c.Дмитриева JavaScript. Быстрый старт / Дмитриева, Марина. - М.: СПб: БХВ, 2002. - 328 c.Дронов, В. JavaScript в Web-дизайне / В. Дронов. - М.: СПб: БХВ, 2001. - 880 c.Монкур Освой самостоятельно JavaScript за 24 часа / Монкур, Майкл. - М.: Вильямс, 2001. - 320 c.Дронов, Владимир JavaScript и AJAX в Web-дизайне / Владимир Дронов. - М.: "БХВ-Петербург", 2012. - 736 c.Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М.: Триумф, 2008. - 464 c.Дронов, Владимир JavaScript. Народные советы / Владимир Дронов. - М.: "БХВ-Петербург", 2007. - 464 c.Кингсли-Хью, К.Э. JavaScript 1.5: учебный курс / К.Э. Кингсли-Хью. - М.: СПб: Питер, 2002. - 272 c.Климов, Александр JavaScript на примерах / Александр Климов. - М.: "БХВ-Петербург", 2009. - 336 c.Макфарланд, Дэвид JavaScript. Подробное руководство / Дэвид Макфарланд. - М.: Эксмо, 2009. - 608 c.Дунаев, Вадим Сценарии для Web-сайта. PHP и JavaScript / Вадим Дунаев. - М.: "БХВ-Петербург", 2008. - 576 c.Мартынов, Н. Н. Алгоритмизация и основы объектно-ориентированного программирования на JavaScript. Информатика и ИКТ. Профильный уровень. 10 класс / Н.Н. Мартынов. - М.: Бином-Пресс, 2010. - 272 c.Негрино JavaScript для начинающих / Негрино, Том. - М.: НТ Пресс, 2007. - 544 c.Пауэлл Полный справочник по JavaScript / Пауэлл, Шнайдер Томас; , Фриц. - М.: Вильямс; Издание 2-е, 2007. - 960 c.Лазаро, Исси Коэн Полный справочник по HTML, CSS и JavaScript / Лазаро Исси Коэн, Джозеф Исси Коэн. - М.: ЭКОМ Паблишерз, 2007. - 120 c.Прохоренок, Николай HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (+ CD-ROM) / Николай Прохоренок. - М.: БХВ-Петербург, 2010. - 912 c.Федоров, А.Г. JavaScript для всех / А.Г. Федоров. - М.: Компьютер-пресс, 1998. - 384 c.Флэнаган, Д. JavaScript: подробное руководство / Д. Флэнаган. - М.: Символ, 2008. - 992 c.ПРИЛОЖЕНИЕ АКод страницы участника экскурсии:<script src="https://api-maps.yandex.ru/2.1/?apikey=2df6b387-73d3-4c5b-aa24-dfdde762fc76&lang=ru_RU" type="text/javascript"></script><script type="text/javascript">varlt = 0;varld = 0;window.onload = getMyLocation; //Вызываем функцию, которую создадим чуть ниже, она срабатывает сразу же после загрузки нашего сайта.functiongetMyLocation () { //собственно наша функция для определения местоположенияif (navigator.geolocation) { //для начала надо проверить, доступна ли геолокация, а то еще у некоторых браузеры то древние. Там о таком и не слышали.navigator.geolocation.getCurrentPosition(displayLocation, displayError); //если все ок, то вызываем метод getCurrentPosition и передаем ей нашу функцию displayLocation, реализую ее ниже.}else {alert("Упс, геолокация не поддерживается"); //выведем сообщение для старых браузеров.}}functiondisplayLocation(position) { //передаем в нашу функцию объект position - этот объект содержит ширину и долготу и еще массу всяких вещей.varlatitude = position.coords.latitude; // излвекаем широтуvarlongitude = position.coords.longitude; // извлекаем долготуlt = latitude;ld = longitude;//Теперь пришло время все это записать в наш DOMvardiv = document.getElementById("location");//получаем доступ к нашему элементу location в DOMdiv.innerHTML = "Ваша широта: " + latitude + ", Ваша долгота: " + longitude; //Вставляем нужнные данные в DOM.}functiondisplayError (error) { //вот наш обработчик, API интерфейс передает сюда объект error.varerrorTypes = {//объект error содержит числовые значения от 0 до 3. Вот собственно с нашим массивом мы и будем сравнивать его.0: "Неизвестная ошибка",1: "Доступ запрещен",2: "Координаты не определены",3: "Время запроса истекло"};varerrorMessage = errorTypes[error.code];//свойство code объекта error даст нам числовое значениеif (error.code == 0 || error.code == 2) {errorMessage = errorMessage + " " + error.message; //message свойство объекта error, которое содержит иногда текстовое сообщение}var div = document.getElementById('location');//div.innerHTML = errorMessage; //собственно уведомляем пользователя об ошибке.//заметьте, мы не рассматриваем другие ошибки, так как это бессмысленно, ниже в статье дам комментарий.}ymaps.ready(init);function init(){var myMap = new ymaps.Map('map', {center: [55.76, 37.64],zoom: 10}, {searchControlProvider: 'yandex#search'});//varlocation = ymaps.geolocation;// Получение местоположения и автоматическое отображение его на карте.//location.get({//mapStateAutoApply: false//})//.then(//function(result) {// Получение местоположения пользователя.//var userAddress = result.geoObjects.get(0).properties.get('text');//var userCoodinates = result.geoObjects.get(0).geometry.getCoordinates();// Пропишем полученный адрес в балуне.//result.geoObjects.get(0).properties.set({//balloonContentBody: 'Адрес: ' + userAddress +//'<br/>Координаты:' + userCoodinates//});//myMap.geoObjects.add(result.geoObjects)//},//function(err) {//console.log('Ошибка: ' + err)//}//);myPlacemark_I = new ymaps.Placemark([lt, ld], {iconContent: "Я"});myMap.geoObjects.add(myPlacemark_I);<?php$host='localhost:3306'; // имя хоста (уточняется у провайдера)$database='excursion'; // имя базы данных, которую вы должны создать$user='excursion'; // заданное вами имя пользователя, либо определенное провайдером$pswd='excursion'; // заданный вами пароль$dbh = mysql_connect($host, $user, $pswd) ordie("Не могу соединиться с MySQL.");mysql_select_db($database) or die("Не могу подключиться к базе.");mysql_set_charset('utf8');mysql_query("set_client = 'utf8'");mysql_query("set character_set_results = 'utf8'");mysql_query("set collation_connection = 'utf8'");mysql_query("SET NAMES utf8");$query2 = "select * from excursions where ID = ". $_GET['id'] ."";$sql2 = mysql_query($query2);$result2 = mysql_fetch_array($sql2);$query1 = "select * from template_points where id_template = ". $result2['id_template'] ."";$sql1 = mysql_query($query1);$xMin = 100;$xMax = 0;$yMin = 100;$yMax = 0;while ($result1 = mysql_fetch_array($sql1)) {$query = "select * from points where id = ". $result1['id_point'] ."";$sql = mysql_query($query);$result = mysql_fetch_array($sql);if ($result['latitude'] < $xMin) $xMin = $result['latitude'];if ($result['latitude'] > $xMax) $xMax = $result['latitude'];if ($result['longitude'] < $yMin) $yMin = $result['longitude'];if ($result['longitude'] > $yMax) $yMax = $result['longitude'];echo "myPlacemark";echo $result['id'];echo " = new ymaps.Placemark([";echo $result['latitude'];echo ", ";echo $result['longitude'];echo "], {balloonContentHeader: \"";echo $result['name'];echo "\",balloonContentBody: \"";echo $result['description'];echo "\",balloonContentFooter: \"";echo $result['id'];echo "\",iconContent: '";echo $result1['queue'];echo "', hintContent: \"";echo $result['name'];echo "\"});";echo "myMap.geoObjects.add(myPlacemark";echo $result['id'];echo ");";}echo "myMap.setBounds([[";echo $xMax;echo ", ";echo $yMin;echo "], [";echo $xMin;echo ", ";echo $yMax;echo "]]);";?>var multiRoute = new ymaps.multiRouter.MultiRoute({// Точки маршрута. Точки могут быть заданы как координатами, так и адресом.referencePoints: [<?php$host='localhost:3306'; // имя хоста (уточняется у провайдера)$database='excursion'; // имя базы данных, которую вы должны создать$user='excursion'; // заданное вами имя пользователя, либо определенное провайдером$pswd='excursion'; // заданный вами пароль$dbh = mysql_connect($host, $user, $pswd) ordie("Не могу соединиться с MySQL.");mysql_select_db($database) or die("Не могу подключиться к базе.");mysql_set_charset('utf8');mysql_query("set_client = 'utf8'");mysql_query("set character_set_results = 'utf8'");mysql_query("set collation_connection = 'utf8'");mysql_query("SET NAMES utf8");$query2 = "select * from excursions where ID = ". $_GET['id'] ."";$sql2 = mysql_query($query2);$result2 = mysql_fetch_array($sql2);$query1 = "select * from template_points where id_template = ". $result2['id_template'] ."";$sql1 = mysql_query($query1);$k = 0;while ($result1 = mysql_fetch_array($sql1)) {$k = $k + 1;}for($i=1;$i<=$k;$i++){echo "[";$query3 = "select * from template_points where id_template = ". $result2['id_template'] ." and queue = " . $i ."";$sql3 = mysql_query($query3);$result3 = mysql_fetch_array($sql3);$query = "select * from points where id = ". $result3['id_point'] ."";$sql = mysql_query($query);$result = mysql_fetch_array($sql);echo $result['latitude'];echo ", ";echo $result['longitude'];echo "],";}?>],params: {// Тип маршрута: на общественном транспорте.routingMode: "pedestrian"}}, {// Автоматически устанавливать границы карты так,// чтобы маршрут был виден целиком.boundsAutoApply: true});myMap.geoObjects.add(multiRoute);}functionsetBounds () {// Bounds - границы видимой области карты.// Задаются в географических координатах самой юго-восточной и самой северо-западной точек видимой области.myMap.setBounds([[37, 38], [39, 40]]);}</script>