Файл: Минобрнауки россии санктПетербургский государственный электротехнический университет лэти.pdf

МИНОБРНАУКИ РОССИИ
Санкт-Петербургский государственный электротехнический университет “ЛЭТИ”
им. В.И. Ульянова (Ленина)
Направление
09.03.02 «Информационные системы и
технологии»
Профиль
Информационно-управляющие системы
Кафедра
Информационные системы
Факультет
Компьютерных технологий и информатики
К защите допустить:
Заведующий кафедрой Цехановский В.В.
ВЫПУСКНАЯ
КВАЛИФИКАЦИОННАЯ РАБОТА
БАКАЛАВРА
Тема: Разработка Web-сайта для туристов
Студент
Ворочек В.В.
подпись
Фамилия И.О.
Руководитель
К.т.н., доцент
Шеховцов О.И.
(Уч. степень, уч. звание)
подпись
Фамилия И.О.
Консультанты
Латынцева С.В.
(Уч. степень, уч. звание)
подпись
Фамилия И.О.
Нормоконтроль
Коробкин В.П.
(Уч. степень, уч. звание)
подпись
Фамилия И.О.
Антиплагиат
К.т.н., доцент
Назаренко Н.А.
(Уч. степень, уч. звание)
подпись
Фамилия И.О.
Санкт-Петербург
2017

2
ЗАДАНИЕ
НА ВЫПУСКНУЮ КВАЛИФИКАЦИОННУЮ РАБОТУ
Утверждаю
Зав. кафедрой ИС
____________ Цехановский В.В.
«___»______________20___ г.
Студен
Ворочек В.В.
Группа 3372
Тема работы: Разработка web-сайта для туристов
Место выполнения ВКР: СПбГЭТУ “ЛЭТИ”
Исходные данные (технические требования):
Персональный компьютер
Содержание ВКР:
Постановка задачи, изучение предметной области, проектирование системы, реализация системы, технико-экономическое обоснование
Перечень отчетных материалов: текст ВКР, иллюстративный материал.
Дополнительные разделы: технико-экономическое обоснование.
Дата выдачи задания
Дата представления ВКР к защите
«___»______________20___ г.
«___»______________20___ г.
Студент
Ворочек В.В.
Руководитель
К.т.н., доцент
Шеховцов О.И..
(Уч. степень, уч. звание)
Консультант
Ст. препод
Латынцева С.В.

3
КАЛЕНДАРНЫЙ ПЛАН ВЫПОЛНЕНИЯ
ВЫПУСКНОЙ КВАЛИФИКАЦИОННОЙ РАБОТЫ
Утверждаю
Зав. кафедрой ИС
____________ Цехановский В.В.
«___»______________20___ г.
Студент
Ворочек В.В.
Группа 3372
Тема работы: Разработка web-сайта для туристов
№ п/п
Наименование работ
Срок выполнения
1
Анализ поставленных задач
01.04 –
06.04 2
Изучение предметной области
07.04 –
16.04 3
Изучение средств разработки, выбор технологий для использования
17.04 4
Проектирование проекта
18.04 –
30.04 5
Разработка Web-сайта
01.05 –
19.05 6
Оформление пояснительное записки
20.5-28.05
Студент
Ворочек В.В.
Руководитель
Шеховцов О.И..
Консультант
Латынцева С.В.
(Уч. степень, уч. звание)

4
РЕФЕРАТ
Пояснительная записка 56 стр., 30 рис., 8 табл., 9 ист.
Тема выпускной квалификационной работы – «Разработка Web-сайта для туристов».
Ключевые слова: ПУТЕШЕСТВИЯ, ГЕОЛОКАЦИЯ, ПРЕДЛОЖЕНИЯ,
СТАТЬИ, МАРШРУТЫ, WORDPRESS, GOOGLE MAPS, GOOGLE
GEOCODING API.
Целью работы является проектирование и разработка веб-сервиса для туристов, путешественников и тех, кто желает лучше ознакомиться с достопримечательностями и интересными местами.
Сервис, представленный в виде доски объявлений, должен помогать людям находить ближайшие контакты, предоставляющие свои предложения.
В числе таких предложений могут быть: экскурсии, прогулки, активный отдых. Сервис выполнен на базе WordPress с учетом адаптивной верстки.
Помимо взаимодействия пользователей между собой реализована возможность публикации статей, маршрутов по городским достопримечательностям.

5
ABSTRACT
The task of the work is the design and development of a web service for tourists, travelers and those who wish to get better acquainted with the sights and interesting places.
The service, presented in the form of a classified board, should help people find the nearest contacts that provide their suggestions. Among such offers can be: excursions, walks, active rest. The service is based on WordPress with adaptive layout. In addition to interaction between users, the possibility of publishing articles, routes on city sights is realized.
Do you have ideas how to spend time in a certain place or you are an expert, ready to tell and show more than a professional guide - share your suggestions and a set of positive emotions is provided to you.

6
СОДЕРЖАНИЕ
Введение
8 1
Изучение предметной области
9 1.1
История вопроса
9 1.2
Foursquare
9 1.3
Google Local Guides
11 2
Проектирование
12 2.1
Этапы проектирования Web-сервиса
12 2.2
Проектирование пользовательского интерфейса
12 2.3 2.4
Моделирование структуры информационной системы
Разработка сценариев использования
14 15 3
Средства реализации
16 3.1
Используемые технологии
16 3.2 3.3 3.4
Базы данных
Базы данных в WordPress
Получение ключа Google Maps API
21 24 28 4.
4.1
Реализация
Использование WordPress
31 31 4.2
Демонстрация модели хранения
31 4.3 4.4 5
Результат реализация пользовательского интерфейса
Установка сайта на хостинг
Технико-экономическое обоснование
34 44 46
Заключение
55
Список использованных источников
56

7
ОПРЕДЕЛЕНИЯ, ОБОЗНАЧЕНИЯ И СОКРАЩЕНИЯ
В настоящей пояснительной записке применяют следующие термины с соответствующими определениями:
CMS (Content Management System) – информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).
UX (User eXperience) – это восприятие и ответные действия пользователя, возникающие в результате использования и/или предстоящего использования продукции, системы или услуги (ISO 9241-210).
UI (User Interface) – разновидность интерфейсов, в котором одна сторона представлена человеком (пользователем), другая – машиной или устройством
UML (Unified Modeling Language) – язык графического описания для объектного моделирования в области разработки программного обеспечения, моделирования бизнес-процессов, системного проектирования и отображения организационных структур.
Плагин (англ. plug-in, от plug in «подключать») — независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей. Плагины обычно выполняются в виде библиотек общего пользования. [1]

8
ВВЕДЕНИЕ
Невозможно представить жизнь современного человека без электронных средств коммуникации. Технологии стали неотъемлемой частью любого взаимодействия.
Что делать если вы оказались в незнакомом городе? Будет полезен сервис, который покажет, что же происходит вокруг, даст связаться с теми, кто готов составить вам компанию или предоставить свои услуги.
У вас есть идеи, как интересно провести время в каком-то месте или вы являетесь знатоком, готовым рассказать и показать больше, чем профессиональный экскурсовод – поделитесь своими предложениями.
Предлагаемые необычные маршруты для разного рода досуга, карты достопримечательностей не дадут заскучать в одиночестве.
Таким образом, главную функцию, которую должен выполнять сайт являет поиск и налаживание контактов среди путешественников, для обоюдно полезного обмена информацией, распространение знаний об окружающем мире.
Необходимо выполнить следующие задачи:
1) Произвести проектирование сайта
2) Разработать сайт на базе WordPress, в котором будут реализованы следующие функции:
• поиск и создание предложений, сгруппированных на основе данных геолокации и согласно типу предложений, предоставить возможность оставлять данные для обратной связи;
• Предоставить пользователям доступ к тематическим материалам и статьям;
• Организовать площадку для публикации предлагаемых маршрутов.
3) Сделать заключения и выводы, характеризующие конечный продукт.
4) Произвести технико-экономическое обоснование ВКР.

9
1. ИЗУЧЕНИЕ ПРЕДМЕТНОЙ ОБЛАСТИ
1.1 История вопроса
Когда-то путешественника можно было легко узнать по кипе карт и путеводителей в руках. Сегодня если что и выдает странника, то разве что привычка при первой возможности усаживаться с ноутбуком — всю нужную информацию он добывает в Сети. Сегодня интернет позволяет не только выяснить, какие места стоит посетить в том или ином городе, организовать себе ночлег, купить билеты на всю компанию — специальные онлайн-сервисы для туристов предоставляют массу других полезных функций.
Сервисов, предоставляющим возможность совместного досуга путешественников значительно меньше. Так как разрабатываемый сервис базируется на определении координат разных мест в пространстве, то для подготовки рассмотрим подобные системы.
1.2 Foursquare
Данный сервис предоставляет пользователям возможность находить интересующие заведения, оставлять отзывы о разных местах, отмечать свое пребывание там. Внимание сконцентрировано на описании уже произошедших событий и оценке тех или иных достопримечательностей и заведений.
В случае сервиса, который предстоит разработать, речь идет об организации событий и предоставлении полезной информации для людей незнакомых с городом или желающих узнать что-то новое.
Не смотря на то, что функции сайтов изначально отличны между собой,
Foursquare вполне может выступать в качестве примера реализации пользовательского интерфейса, в котором во главе угла стоит взаимодействие с картой. На главной странице сайта, которая продемонстрирована на рисунке
1, расположено поле для поисковых запросов, результаты же отображаются в виде списка с описание, рядом расположена карта с отмеченными

10 результатами поиска (Рисунок 1.2). Возьмем за основу подобный способ представления информации.
Рисунок 1.1 - Главная страница Foursquare
Рисунок 1.2 - Результат поискового запроса

11
1.3 Google Local Guides
Новый сервис от Google направлен на то, чтобы люди в результате коммуникации улучшали точность карт. Возможна организация встреч с этой целью, но только для участников достигших определенного уровня в улучшении карт, добавлении фотографий, отзывов. На рисунке 1.3 показана страница пользователя в данном сервисе.
Пока не пользуется популярностью в России. Встречи на территории
России среди местных экспертов на момент написания не проводятся.
Рисунок 1.3

12
2. ПРОЕКТИРОВАНИЕ
2.1 Этапы проектирования веб-сервиса
Процесс разработки веб-сервиса четко раздели на несколько этапов:
А) Расстановка задач, определение требований к создаваемой системе.
Б) Проектирование. Один из самых важных этапов разработки, так как именно во время проектирования определяется, как должна работать система, описываются способы взаимодействия человека с сервисом. Включает в себя проектирование модели хранения и модели управления содержимым.
Разработка интерфейса несет особую значимость в разработке веб-сервиса, ведь именно опыт взаимодействия с интерфейсом определяет будет ли клиент пользоваться услугами сервиса или предпочтет более удобные средства для решения своих задач.
В) Реализация сайта на базе системы управления контентом, создание функциональной части проекта, верстка. На этом этапе проектируемые функции и макеты приобретают форму в виде работающего продукта.
2.2 Проектирование пользовательского интерфейса.
При проектировании программного обеспечения, немаловажную роль отводят созданию пользовательского интерфейса. Его важность заключается в том, что по интерфейсу пользователь, работающий с программой, оценивает ее в целом.
Системы, разработанные с учетом стандартов пользовательских интерфейсов, пользуются большей популярностью . Они работают именно так, как пользователи ожидают, и позволяют пользователям фокусироваться на собственных задачах, а не особенностях взаимодействия с системой. Такие программные продукты проще изучить, они более эффективны, они также позволяют минимизировать количество человеческих ошибок и увеличить субъективную удовлетворенность пользователей. Но это не случается само по себе.
Эффективный интерфейс является результатом осознания

13 необходимости уделить значительное внимание не только данным, с которыми будет работать пользователь, но и собственно пользователю, его задачам и деятельности.
Создание качественного интерфейса – один из показателей эффективности. И речь совсем не только о внешнем виде. Четкое и логичное разделение частей интерфейса поможет пользователю за минимальный промежуток времени прийти к желаемому результату без лишних усилий.
Особенно актуальны вопросы проектирования интерфейсов в веб- разработке. Большинство современных прикладных бытовых задач проще и быстрее решить с помощью того или иного веб-сервиса, чем через специализированное программное обеспечивание установленное на оборудовании пользователя. Изменение, совершенствование интерфейсов веб-сервисов приводит к тому, что изменения получает вся аудитория одновременно, не происходит фрагментации на разные версии, которые могут кардинально отличаться между собой и тяжелы в обслуживании.
Хорошие интерфейсы пользовательского ПО перерабатываются значительно реже и достаточно стабильны в своей форме, что приводит к привыканию и интуитивному использованию людьми. Веб-сайты куда более разнообразны. В этом есть положительные и отрицательные стороны.
Широкий простор для творчества и реализации оригинальных идей ведет так же к тому, что пользователь может столкнуться с непониманием, как использовать конкретный продукт или функцию.
Зачастую именно интерфейс является ключевой позицией, по которой пользователь выбирает среди сервисов, предоставляющих схожие функции.
А конкурентное преимущество – залог положительного влияния на популярность и прибыльность продукта.

14
2.3 Моделирование структуры информационной системы
Моделирование структуры информационной системы осуществляется с применением диаграммы классов, представляющей из себя набор классов и связей между этими классами.
Класс – это описание множества объектов, у которых есть общее название, общие атрибуты и операции.
Атрибут класса – свойство класса, описывающее множество значений, которые могут принимать экземпляры этого свойства.
Рисунок. 2.1 Диаграмма классов

15
2.4 Разработка сценариев использования
Прецедент — возможность моделируемой системы (часть её функциональности), благодаря которой пользователь может получить конкретный, измеримый и нужный ему результат. Прецедент соответствует отдельному сервису системы, определяет один из вариантов её использования и описывает типичный способ взаимодействия пользователя с системой. [7]
Рисунок 2.2
Вывод: Создание основных диаграмм проекта существенно упрощает процесс разработки и устраняет неточности неоднозначное восприятие и видение тех или иных функций системы. На их основе может быть построен сайт с логичной и четкой структурой.