Автор Анна Евкова
Преподаватель который помогает студентам и школьникам в учёбе.

Разработка туристического сайта (Описание интерфейса «Администратор»)

Содержание:

ВВЕДЕНИЕ

Персональный компьютер и Интернет, их доступность и надежность, способствуют проникновению во все сферы общества новых информационных технологий. Эти технологии обеспечивают рост производительности в сфере услуг, в частности и в туризме. Ведь туризм и информация неразделимы.

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

Разработка сайта представляет собой четкую последовательность действий. В наше время, самостоятельно сделать сайт можно несколькими способами. Также существует немало сторонних фирм, занимающихся разработкой и раскруткой сайтов. Разработка и раскрутка сайта- различные понятия, которые можно рассматривать отдельно.

В настоящее время практически у каждого туристического агентства или фирмы есть веб-сайт. К тому же сайт – это первое место, куда попадают пользователи до прихода в офис агентства, то есть это именно они производят первое впечатление, а, как всем известно, первое впечатление самое важное.

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

Вторым впечатлением от сервиса будет его юзабилити, то есть удобство пользования сайтом, а также техническое качество выполнения. При этом удобство при проектировании сайта должно быть на первом месте, поскольку существует много сайтов или сервисов с плохим дизайном, которые более популярны у пользователей за счет своего удобства, надежности и функциональности. Тогда как сайты с продуманным стилевым решением проигрывают при близком общении с пользователем, а переделывание структуры сайта или исправление ошибок может обойтись очень дорого. Поэтому можно сделать вывод, что одного дизайна недостаточно. Сайт обязан выполнять все свои целевые задачи, при этом не вызывая трудностей у пользователя, то есть должен быть простым и удобным в использовании.

Объект исследования – туристическая фирма.

Предмет исследования – серверные приложения в процессе разработки веб-сайта для туристической фирмы.

Цель данной курсовой работы — разработка сайта для туристической фирмы.

Для достижения цели были поставлены следующие задачи:

- разработать техническое задание и осуществить выбор средств реализации;

- осуществить описание модулей серверной части программы и их взаимодействие;

- описать структуру базы данных и ее функций;

- описать структуру клиентской части.

Структура курсовой работы состоит из введения, основной части, заключения, списка использованной литературы, приложения.

1. Техническое задание и выбор средств реализации

В эпоху бурного развития интернета присутствие во всемирной паутине жизненно необходимо для большинства представителей бизнеса, включая туристические компании. Интернет – лидер рекламы в туризме, он обеспечивает туристической организации непосредственную и оперативную связь с потенциальным клиентом. Поскольку, именно удаленный доступ упрощает и расширяет возможности по выбору и планированию отпуска, люди все чаще прибегают к возможностям интернета для поиска информации об интересующей их стране и о том, как устроить своё путешествие воспользовавшись услугами турфирм, расположенных в стране отдыха [17, c.44].

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

Туристическое агентство нацелено на людей со средним и высоким достатком, то есть на людей путешествующих, способных и готовых позволить себе поездки в разные страны.

К целевой аудитории будут относиться люди, которые любят путешествовать, интересуются и планируют поездку в те или иные страны. В возрастную целевую категорию будут подходить как студенты (18-23 лет), люди среднего возраста с детьми, так и люди в возрасте (45-64 года). При этом физическая активность клиента может быть любой, но активность пользования интернетом у пользователя должна быть не ниже средней.

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

Цель сайта привлечь новых клиентов, которые ищут новых ощущений от путешествий.

Сайт с первого взгляда должен привлекать клиентов, показывать насколько привлекательна та или иная страна и сразу предлагать туры по ней. Дизайн должен быть запоминающимся, раскрывать всю красоту того, что клиент может увидеть своими глазами. Но внешний облик сайта не должен отвлекать пользователя от целевого действия, а наоборот подталкивать к нему. Ведь продаваемость туров самый важный критерий для существования туристического оператора и его дальнейшего развития. Поэтому при разработке сайта также стоит задача, чтобы человек не заблудился на сайте, иначе он не станет пользоваться услугами сайта и перейдет на сторону конкурентов. Следовательно, сайт должен быть построен так, чтобы клиент легко и быстро мог найти тур, а также прочитать о нем всю интересующую его информацию, такую как цена, описание маршрута, продолжительность тура, что входит в тур и не входит. У пользователя должна быть возможность забронировать тур на конкретные даты, а если что-то пойдет не так, форма для связи с турфирмой [10, c.34].

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

Для достижения поставленных задач необходимо пройти через определенные этапы:

1) разработка карты сайта и прототипа. Это поможет определить всю структуру сайта: количество страниц, разделы и спроектировать все переходы между разделами и страницами;

2) разработка дизайн-концепции сайта. Подбор стилевого решения, цветов, шрифтов для оформления сайта;

3) отрисовка главной и внутренних страниц сайта. Создание макетов страниц;

4) подготовка необходимой графики для оформления страниц;

5) верстка и сборка сайта [1, c.31].

Программный продукт разрабатывается на основе заказа индивидуального предпринимателя туристического агентства «Travel Dream». Он будет представлять собой сайт, с помощью, которого предприниматель мог бы заявить о своей деятельности, сообщить информацию об основных странах в которые предоставляются путевки, об услугах, которые он предоставляет, о контактах для связи с агентством и формах заказа услуги. На сайте будет ряд функции полезных пользователю, таких, как подбор путевки по критериям, подача заявки на заказ того или иного тура, расчет стоимости путевки. Также сайт является рекламой, с помощью которого происходит продвижение туристического агентства в сети интернет. Посетители сайта однажды ознакомившись с информацией сайта, будут иметь представление о деятельности агентства, о предлагаемых путевках, что однозначно способствует увеличению числа посетителей сайта и популярности туристического агентства, а значит увеличению клиентов. На сайте будет выделено несколько разделов: Главная страница, Горящие туры, Подбор тура, О нас, Контакты.

Программный продукт должен обеспечивать корректное выполнение следующих функций, для двух групп пользователей. Функции посетителя сайта:

• динамическая инициализация модулей сайта;

• подбор тура по критериям;

• подача заявки на путевку;

• расчет стоимости путевки.

Функции администратора:

• инициализация панели администратора;

• добавление и редактирование текстовой информации на сайте;

• добавление и редактирование пункта меню на сайте;

• Добавление и редактирование фотографий на сайте.

Основным средством создания Web-страниц является язык гипертекстовой разметки HTML, который позволяет создавать статичные Web-страницы, которые содержат текст, рисунки [5, c.44].

Специальные добавки к HTML позволяют оживить неподвижные страницы (ввести мерцание, движущийся текст, обеспечить интерактивность - возможность передачи информации не только с сервера, но и на сервер и т.д.). Такими дополнениями к языку разметки HTML являются: каскадные таблицы стилей CSS (позволяют представить страницы одного сайта в едином стиле); скрипты, написанные на языках JavaScript или VBScript, для создания движущихся надписей и рисунков используют GIF- и Flash-анимацию. Каждое дополнение решает свою определенную задачу, расширяя возможности стандартного языка HTML.

Для разработки, размещения на сервере и поддержании работоспособности (актуальности) сайта требуется большое число программных продуктов. В первую очередь это специализированные HTML-редакторы, значительно рационализирующие процесс проектирования Web-страниц. Редакторы обладают следующими полезными возможностями: автозаполнение (вставка тегов и атрибутов с помощь подсказок); выделение цветом разных синтаксических элементов кода; просмотр созданного документа с помощью внешнего браузера (или быстрый просмотр собственными средствами); наличие типовых заготовок (шаблонов) страниц; наличие мастеров для создания различных объектов. Например Microsoft FrontPage и Adobe Dreamweaver.

Нередко конкретные типы редакторов позволяют поочередно работать в двух режимах: писать программы традиционным способом (программировать на языке HTML) и проектировать страницы с помощью средств визуального программирования. В последнем случае документы создаются по технологии Drag and Drop («перетащи и оставь»).

На сегодня существует огромное количество систем управления контентом, сокращенно CMS. CMS - это набор средств помогающих управлять сайтом. В данной работе была выбрана система WordPress.

WordPress - система управления содержимым сайта (CMS) с открытым исходным кодом. Написана на PHP, в качестве базы данных использует MySQL. Сфера применения - от блогов до достаточно сложных новостных ресурсов и даже интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.

Одной из главных особенностей «Wordpress» является структура организации базы данных. Гибкость и функциональность связей позволяют создавать и выводить на страницу материал любого вида с любыми параметрами [16, c.67].

Встроенная система «тегирования» создает дополнительные связи для материалов сайта, что при необходимости, позволяет оперировать всеми записями, соответствующими определенным условиям.

В системе управления контентом «Wordpress» предлагается гибкая схема организации структуры сайта на основе таксономии. Таксономия - механизм, позволяющий создавать произвольное количество связей между объектами содержимого сайта и ассоциировать их с «Ключами записей», «Категориями записей» или «Категориями ссылок».

«Категории», «Ключевые слова» и «Ссылки» могут представлять плоские или иерархические списки, либо сложные структуры, где элемент может иметь несколько «родителей» и несколько дочерних элементов. С помощью подобной схемы одними и теми же компонентами системы управления контентом возможна организация различных вариантов структуризации, обработки, редактирования и вывода содержимого.

Итак, основными функциональными особенностями Wordpress являются: публикация статей, защита от спама в комментариях, интегрированная лента дружественных блогов, управление страницами, паролирование записей и страниц, дополнительные поля, простая установка, настройка и обновление скрипта. Осуществляется поддержка 10 уровней пользователей с разными правами доступа, поддержка нескольких категорий и подкатегорий, запрограммированные публикации, полная поддержка веб-стандартов, для работы использует PHP и MySQL, полностью бесплатен.

Итак, система «Wordpress» имеет следующий ряд возможностей:

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

- создание чистого HTML кода при помощи графического редактора текста;

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

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

- возможность встроенными средствами защитить определенные папки веб-сервера, от посещения пользователями, путем полного запрета доступа конкретным подсетям или установки режима авторизации;

- возможность ограничения доступа к интерфейсу администратора по спискам разрешенных IP адресов;

- возможность редактирования непосредственно самого PHP кода;

- встроенный редактор ЧПУ, делающий ссылки на записи сайта более привлекательными для роботов поисковых систем;

- возможность создания современного динамического многофункционального сайта с ярким внешним видом на совершенно любую тематику [2, c.88].

Основное приложение предоставляет сервисы, которые плагин может использовать. К ним относится предоставляемая плагину возможность зарегистрировать себя в основном приложении, а также протокол обмена данными с другими плагинами. Плагины являются зависимыми от сервисов, предоставляемых основным приложением и зачастую отдельно не используются. В противоположность им, основное приложение независимо оперирует плагинами, предоставляя конечным пользователям возможность динамически добавлять и обновлять плагины без необходимости внесения изменений в основное приложение.

Наиболее часто используемыми плагинами являются модули, которые можно разделить на следующие группы:

• настройка интерфейса. Плагины из этой группы позволяют изменить внешний вид сайта или блога, основанного на платформе WordPress;

• кеширования. Различные плагины, предназначенные для улучшения производительности сайта при помощи кеширования страниц, к которым обращаются чаще всего;

• инструменты поисковой оптимизации (SEO);

• статистика. Плагины для сбора информации, касающейся посетителей сайта и посещаемости ресурса;

• мультимедиа. Плагины для работы с аудио и медиа;

• комментарии. Обработка и оформление комментариев;

• администрирование. Модули, предназначенные для управления сайтом, базами данных, пользователями и безопасностью;

• интеграция с социальными медиа. Подключения сайта или блога на базе платформы WordPress к социальным сетям;

• для пользователей мобильных устройств. Данные плагины предназначены для оптимизации представления сайта для мобильных устройств;

• Поиск. Плагины для организации поиска по сайту.

2. Описание модулей серверной части программы и их взаимодействие

Итак, целью сайта является рассказать информацию о туристических турах, предоставляемых отелей и комфорте пребывания. Вместе с этим была поставлена цель сделать сайт ярким и запоминающимся.

Реализация описания модулей серверной части программы заняла несколько этапов:

а) установка сервера XAMPP;

б) установка «WordPress»;

в) настройка «WordPress»;

1) выбор и настройки шаблона;

2) установка плагинов;

3) установка виджетов;

г) наполнение сайта;

1) создание страниц и меню сайта;

2) создание формы подписки;

3) добавление записей и рубрик сайта;

4) добавление информации на сайт [3, c.10]

Далее более подробно о каждом из этапов работы.

XAMPP - кроссплатформенная сборка веб-сервера, содержащая Apache, MySQL, интерпретатор скриптов PHP, язык программирования Perl и большое количество дополнительных библиотек, позволяющих запустить полноценный веб - сервер.

XAMPP работает со всеми 32-х разрядными ОС Microsoft , а также с Linux, Mac OS X и Solaris. Программа является бесплатным, удобным в работе web-сервером, способным обслуживать динамические страницы.

Веб-сервер - это сервер, принимающий HTTP-запросы от клиентов, обычно веб-браузеров, и выдающий им HTTP-ответы, обычно вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными.

После скачивания XAMPP c официального сайта , производится обычная процедура установки. Выполнив установку, сервер требуется запустить.

Рисунок 1 - Установка сервера

Рисунок 2 - Главная панель XAMPP

Открывшееся окно, означает, что сервер заработал. После окончания работы сервер требуется останавливать.

Далее в браузере следует перейти по адресу, по которому будет открываться локальный сайт. Там настраивается безопасность сервера: пароли MySQL и пароль на директорию XAMPP. Настройка сервера полностью завершена.

Следующий шаг - настройка непосредственно самого «WordPress». В phpMyAdmin создаем новую базу данных под именем: «Tur_Dream» в кодировке utf8_general_ci. После создания базы данных был запущен процесс инсталляции системы WordPress. Во время установки системы требуется ввести имя базы данных, логин и пароль доступа к базе, имя хоста и префикс таблиц базы данных (рис. 3).

Рисунок 3 - Установка WordPress

Изначально база данных WordPress имеет 11 таблиц, количество и структура которых может изменяться в зависимости от установленных плагинов. Таблицы базы данных данной cms перечислены ниже.

  1. wp_commentmeta
  2. wp_comments
  3. wp_links
  4. wp_options
  5. wp_postmeta
  6. wp_posts
  7. wp_terms
  8. wp_term_relationships
  9. wp_term_taxonomy
  10. wp_usermeta
  11. wp_users

Таблица wp_commentmetaв нее записывается вся дополнительная информация по оставленным на сайте комментариям (одобрен ли комментарий или нет, помечен ли он как спам и прочее).

Таблица wp_commentsздесь хранятся оставленные комментарии к записям, аналог параметров из вкладки Комментарии в панели управления сайтом. Здесь можно перенести комментарий с одной страницы на другую [15, c.14].

Таблица wp_links – здесь хранятся ссылки, аналог параметров из вкладки Ссылки в панели управления сайтом.

Таблица wp_optionsтаблица настроек WordPress, аналог параметров из вкладки Настройки в панели управления сайтом, а также в ней содержатся параметры установленных плагинов.

Таблица wp_postmeta – содержит огромное количество информации о записях и статичных страницах блога: информацию о прикрепленных файлах (изображения, видео и прочие), данные заполняемых полей при создании или редактировании постов. В их число также входят поля, которые появляются после установки различных плагинов.

Таблица wp_posts – таблица контента. В таблице хранятся данные о том, кто автор статьи, дата создания записи, сам текст, название страницы, статус записи (опубликовано, черновик, на утверждении), открыто или нет комментирование, сколько оставлено комментариев и т.д.

Таблица wp_terms – таблица содержит категории, теги и ссылки.

Таблица wp_term_relationships – здесь описывается ассоциативная связь записей с категориями и тегами. Таблица содержит строки с id записями и соответствующими им id рубриками и тегами.

Таблица wp_term_taxonomy – эта таблица связывает между собой категории, ссылки блогролла и теги воедино, а также устанавливает очередность и вложенность категорий (рубрик).

Таблица wp_usermeta – эта таблица содержит дополнительную информацию о зарегистрированных пользователях, их личные настройки и заполнение профиля своими данными, такими как цветовую схему консоли администрирования, контактные данные, биографию, никнейм и другие.

Таблица wp_users – она содержит список зарегистрированных пользователей, их логин и пароль в зашифрованном виде, e-mail адрес, дату регистрации и др.

После процедуры, которая займет несколько минут можно считать «WordPress» и локальный сервер XAMPP установленными.

Далее необходимо настроить «WordPress».

При настройке в первую очередь выбирается шаблон будущего сайта.

Страницы «WordPress» сайта собираются подобно пазлу из файлов-шаблонов. Некоторые шаблоны (например header.php и footer.php) задействованы на всех страницах, другие используются только при определенных условиях.

Ниже приведен список используемых файлов шаблонов, используемых WordPress:

  • style.css. Главный файл таблицы стилей. Файл должен быть в теме обязательно, и обязательно должен содержать описанные выше комментарии в заголовке файла;
  • index.php. Главный файл шаблонов. Если в теме используются свои шаблоны, этот файл index.php обязателен;
  • comments.php. Шаблон комментариев. Если его нет, используется файл comments.php из темы по-умолчанию;
  • comments-popup.php. Добавляет всплывающее меню для комментариев на JS. При отсутствии вызывается comments-popup.php из темы по-умолчанию;
  • home.php. Шаблон главной страницы блога;
  • single.php. Шаблон страницы с единственным постом. Используется, когда запрошен конкретный пост. Для этого и других шаблонов по запросу, используется index.php, если в теме нет соответствующего файла шаблона;
  • page.php. Шаблон отдельной страницы используется для отображения запрошенной страницы Page;
  • category.php. Шаблон категории category template. Используется при запросе категории;
  • author.php. Шаблон автора блога author template. Используется при запросе автора блога;
  • date.php. Шаблон вывода даты-времени. Используется при запросе даты и времени. Год, месяц, день месяца, час, минута, секунда;
  • archive.php. Шаблон архива. Используется, когда запрошены категория, автор или дата. Этот шаблон может быть перегружен шаблонами category.php, author.php, and date.php для соответствующих типов запросов;
  • search.php. Шаблон результатов поиска. Используется после выполнения поиска;
  • 404.php. Шаблон для сообщения об ошибке 404 Not Found. Используется, когда WordPress не может найти сообщение или страницу, которая соответствует запросу.

Рисунок 4 - Пример файлов темы WordPress

Большинство тем для платформы WordPress распространяются бесплатно, хотя есть и платные аналоги. Темы для свободной загрузки можно скачать по адресу wordpress.org.

Установить выбранную тему можно двумя способами. Первый заключается в копировании файлов темы в папку themes платформы WordPress, а далее активизации ее через панель администрирования. Второй способ заключается использовании системы администрирования, для установки и выбора темы непосредственно, не прибегая к стороннему программному обеспечению [14, c.33].

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

Сперва «WordPress» находит каждую Строку Запроса по типам запросов т.е. определяет какой тип страницы (страница поиска, страница категорий, главная страница и др.) был запрошен.

После этого шаблоны выбираются и содержимое страницы генерируется в порядке, предложенном иерархией шаблонов, в зависимости от доступности шаблонов конкретной темы «WordPress».

Система ищет файлы шаблонов со специальными именами в папке текущей темы и использует первый подходящий файл шаблона указанный в соответствующем запросе [4, c.24].

За исключением основного шаблона index.php, разработчики тем могут использовать или не использовать файлы шаблонов по желанию. Если WordPress не находит шаблон с указанным именем, он переходит к следующему по иерархии шаблону. Если не один из искомых шаблонов не подходит, WordPress использует index.php (шаблон главной страницы Темы).

В выбранную тему были загружены, обработанные изначально в графическом редакторе, изображения для фона и заголовка сайта. Изображения подчеркивают, выбранную тематику сайта и придают ему красочность и яркость.

3. Описание структуры базы данных и ее функций

Инфологическая (концептуальная) модель — это формализованное описание предметной области, выполненное безотносительно к используемым

в дальнейшем программным и техническим средствам [11, c.64]. Инфологическая модель должная быть динамической и позволять легкую корректировку.

К основным требованиями, предъявляемым к инфологической модели, можно отнести следующие:

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

- инфологическая модель должная быть понятна лицам, принимающим участие в создании системы.

ER-модель представляет собой логическую структуру информации об объектах системы. Компонентами ER-модели являются сущности (объекты) и отношения (связи между объектами). Объект имеет множество реализаций или экземпляров. Экземпляр объекта образуется совокупностью конкретных

значений реквизитов и должен однозначно определяться, т.е. идентифицироваться значением ключа объекта, который состоит из одного ли нескольких ключевых реквизитов [6, c.81].

Сущности могут быть зависимыми и независимыми. Сущность является независимой, если каждый экземпляр ее может быть однозначно идентифицирован без определения ее отношений с другими сущностями. Однозначная идентификация экземпляра зависимой сущности зависит от отношений с другими сущностями.

Для отображения отношений между сущностями используются связи.

Связи существуют, если экземпляры сущностей логически взаимосвязаны.

С учетом особенностей хранения данных и указанной организации их хранения, приведем инфологическую модель данных, приведенную с использованием стандартизированной методологии IDEF1X и средства ErWin (рисунок 5).

Рисунок 5 - Инфологическая модель базы данных

На основании инфологической модели построим даталогическую модель данных (рисунок 6). Даталогическая модель является моделью логического уровня, представляющая собой описание логической структуры БД на языке СУБД.

Рисунок 6 - Даталогическая модель данных

Структура таблиц приведена в таблицах и содержит информацию о служебных полях.

Таблица 1

Характеристика таблицы Actions

Поле

Тип

Id

Счетчик

DateAction

Дата/Время

TypeAction

Текстовый

ClientId

Счетчик

Notes

Текстовый

Таблица 2

Характеристика таблицы Agreements

Поле

Тип

Id

Счетчик

ClientId

Счетчик

TourId

Счетчик

DateBegin

Дата/Время

DateAgreement

Дата/Время

NumAgreement

Текстовый

SumAgreement

Цифровой

Status

Текстовый

Таблица 3

Характеристика таблицы Clients

Поле

Тип

Id

Счетчик

ClientName

Текстовый

BirthDate

Дата/Время

Pass

Текстовый

WorkPlace

Текстовый

Age

Текстовый

isMarried

Цифровой

InSource

Текстовый

Таблица 4

Характеристика таблицы Documents

Поле

Тип

Id

Счетчик

TypeDocumentId

Счетчик

AgreementId

Счетчик

DateDocument

Дата/Время

Status

Текстовый

Info

Текстовый

isVisa

Цифровой

ForVisa

Цифровой

Таблица 5

Характеристика таблицы Flights

Поле

Тип

Id

Счетчик

TypeFlight

Текстовый

FlightName

Текстовый

FromCity

Текстовый

ToCity

Текстовый

FromTime

Дата/Время

ToTime

Дата/Время

FlightCost

Цифровой

Таблица 6

Характеристика таблицы Locations

Поле

Тип

Id

Счетчик

TypeLocationId

Счетчик

LocationName

Текстовый

Country

Текстовый

City

Текстовый

StarCount

Цифровой

Seats

Счетчик

Category

Текстовый

DayCost

Цифровой

Таблица 7

Характеристика таблицы PayDocuments

Поле

Тип

Id

Счетчик

AgreementId

Счетчик

DocName

Текстовый

DocSum

Цифровой

isPaid

Цифровой

Таблица 8

Характеристика таблицы Tours

Поле

Тип

Id

Счетчик

TypeTourId

Счетчик

LocationId

Счетчик

FlightId

Счетчик

TourName

Текстовый

Duration

Текстовый

Transfer

Текстовый

Diet

Текстовый

Таблица 9

Характеристика таблицы TypeDocument

Поле

Тип

Id

Счетчик

TypeDocumentName

Текстовый

Таблица 10

Характеристика таблицы TypeLocation

Поле

Тип

Id

Счетчик

TypeLocationName

Текстовый

Таблица 11

Характеристика таблицы TypeTour

Поле

Тип

Id

Счетчик

TypeTourName

Текстовый

Реализация базы данных в MS Access представлена на рисунке 7.

Рисунок 7 – Разработанная в MS Access база данных

В результате работы системы формируются следующие выходные документы:

- список клиентов – содержит ФИО клиента, дату рождения, источник информации о компании;

- запись требований клиента – в этом документе содержатся сведения о том, какой услугой хочет воспользоваться клиент;

- список подобранных туров. Данный документ содержит несколько туров и их описание, подобранных в соответствие с требованиями клиента;

- договор об оказании туристических услуг, является основным документом, на основании которого оказывается услуга. Договор содержит такие сведения, как дата договора, номер договора, ФИО клиента, тип тура, даты тура, стоимость тура и другие условия оказания услуги.

4. Описание структуры клиентской части

4.1. Описание интерфейса «Обычный пользователь»

Первым этапом работы над сайтом является разработка структуры и карты сайта. Это необходимо, чтобы продумать навигацию со всеми переходами по страницам, а также определиться с основными разделами сайта, чтобы понять какие типовые страницы при разработке сайта мы будем делать [11, c.15].

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

Пользователю, который еще не определился с выбором будет предоставлена возможность добавить тур и в избранное. А для помощи с выбором направления, страница с описанием регионов страны.

В структура сайта входит следующий набор страниц:

- главная станица (Main page);

- страница со списком туров (Tour page);

- страница с картой регионов (Regions);

- избранные туры (Favorites);

- корзина (Cart);

- контакты (Contacts).

Рисунок 8 - Структура сайта

Далее была составлена карта сайта со всеми переходами и взаимодействиями между страницами (рисунок 9).

Рисунок 9 - Карта сайта с переходами

Так как создается сайт для туристического агентства, то в принципе некоторые страницы являются базовыми и стандартными для такого распространённого типа сайтов. Но так как такой тип услуг популярен, подобная структура не является отрицательным качеством сайта, а скорее наоборот, учитывает пользовательский опыт. Поскольку позволит клиенту работать с сайтом интуитивно, создавая благоприятное настроение для покупки тура [9, c.29].

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

Пользовательский сценарий описывает опыт взаимодействия пользователя с сайтом или сервисом, то есть то, как пользователь будет вести себя на сайте, чтобы достичь поставленной цели. Так как сайт находится на раннем этапе реализации, то сценарии описываются без технических подробностей.

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

Второй тип пользователя, который не определился с планами поездки и пытается понять, какие места ему интересны. Он будет изучать сайт и все возможности, которые предоставляет агентство, то есть предложения и акции, будет интересоваться информацией о стране и ее достопримечательностях. Такой пользователь будет пользоваться избранным, чтобы не потерять то, что он уже посмотрел, и что ему понравилось [8, c.15].

Из полученных сценариев можно сделать вывод, что для обоих пользователей важна грамотная навигация по сайту и быстрый поиск по сайту. Сортировка или фильтрация туров на странице со списком туров. Возможность добавление в избранное.

Создание страниц является одной из самых важных и неотъемлемых частей работы по созданию сайта. В «WordPress» создана отдельная вкладка консоля для создания страниц. В этой вкладке выбирается название создаваемой страницы, ее параметры и содержание. Редактировать страницу и ее содержимое можно в окне обычного текстового редактора, встроенного в систему, или в окне редактирования html-кода. Это позволяет людям, которые не особо хорошо разбираются в html создавать простенькие страницы, а остальным - увеличить их функциональность и возможности при редактировании кода вручную.

Можно создать материнскую страницу, в которую будут помещены подстраницы, либо воспользоваться функцией «Меню» и разместить на главной странице каталоги, в которых будут размещены все остальные.

Используя функцию «Меню» и публикации страниц, на сайте «Travel Dream» были созданы каталоги (рис. 10, 11).

Рисунок 10 - Главная страница «Travel Dream»

Рисунок 11 - Страница «Горящие путёвки»

4.2. Описание интерфейса «Администратор»

Для пользователя «администратор» предусмотрен интерфейс добавления элементов на сайт.

4.3. Инструкция пользователя

При заходе на сайт, пользователю открывается главная страница, на котором имеется блок «меню навигации» в котором несколько разделов:

- о нас;

- туры по Европе;

- горящие туры;

- заказать тур;

- рассчитать;

- карта;

- галерея;

- контакты;

- о странах.

Пользователь может переходить по этим разделам, щелкнув правой клавишей мыши по гиперссылке.

Описание работы с каждым разделом:

1. О нас

Щелкнув по гиперссылке «О нас» вы попадаете на информационную страницу, на которой вы можете ознакомиться с деятельности туристического агентства.

2. Туры по Европе

Щелкнув по гиперссылке «Туры по Европе» вы попадаете на страницу с html формой, в которой имеется возможность выбора, критериев по которым будет происходить поиск тура. Выбрав нужные вам критерия поиска тура, вы должны нажать курсором на кнопку «Найти», после чего произойдет обновление содержимого страницы и вы увидите туры по заданными вами критериями

3. Горящие туры

Щелкнув по гиперссылке «Горящие туры» вы попадаете на страницу со списком всех имеющихся горящих туров, чтобы просмотреть подробную информацию, о горящем туре, вам необходимо щелкнуть по гиперссылке, того или иного горящего тура, затем обновится содержимое страницы и будет выведена подробная информация о горящем туре.

4. Заказать тур

Щелкнув по гиперссылке «Заказать тур» вы попадаете на страницу с html формой, с помощью которой вы можете подать заявку на заказ тура. Для заказа вам необходимо ввести с клавиатуры данные в форму: имя, email, номер телефона, сообщение о заказе тура. После ввода всех данных вы должны, нажать курсором по кнопочке «Отправить сообщение», после чего вам на экран выведется сообщение об успешности отправки сообщения, а если данные были введены не верно, вы можете очистить поля, нажав курсором по кнопочке «Очистить».

5. Рассчитать

Щелкнув по гиперссылке «Рассчитать» вы попадаете на страницу с онлайн калькулятором, с помощью него вы сможете рассчитать стоимость той или иной путевки, не прибегая к стандартному калькулятору в операционной системе.

6. Карта

Щелкнув по гиперссылке «Карта» вы попадаете на страницу с мировой картой google, с помощью нее вы можете просмотреть место положение той или иной страны. Для перемещения по карте используйте кнопки слева в верхнем углу.

7. О странах

Щелкнув по гиперссылке «О странах» вы попадаете на страницу со списком основных стран, в которые предоставляются путевки, чтобы просмотреть информацию по стране, вы должны щелкнуть по гиперссылке страны и перейти на новую страницу для просмотра информации по стране.

8. Галерея

Щелкнув по гиперссылке «Галерея» вы попадаете на страницу с альбомами стран, чтобы просмотреть альбом какой-либо из представленных стран, щелкните мышью по альбому с названием той страны, которая вас интересует.

9. Контакты

Щелкнув по гиперссылке «Контакты» вы попадаете на страницу с контактами для связи с туристическим агентством.

ЗАКЛЮЧЕНИЕ

В современных условиях уже довольно сложно представить себе развитие общества без использования такого блага цивилизации, как Интернет. Сейчас практически каждая организация, клуб или какая-либо личность имеют свой собственный сайт. В основном все сайты основываются на трех основных функциях:

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

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

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

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

Целью курсовой работы являлась разработка сайта туристического агентства. В итоге должен был получиться работоспособный сайт, на котором располагается информация о работе агентства, услугах, предоставляемых им и контактной информации.

В процессе разработки программного продукта была определена постановка задачи. При ее исследовании были определены входные и выходные данные и их форматы, определены функции создаваемого программного продукта, определены технические и программные требования, выявлены типы предполагаемых пользователей, изучены различные приложения для разработки web-сайтов и выбрано наиболее целесообразное приложение: система управления контентом WordPress. Постановка задачи и интерфейс сайта основывается на требованиях заказчика. В проектировочной части курсового проекта была изучена предметная область, соответствующая тематике создаваемого сайта. Данный сайт прост в использовании, имеет дружественный интерфейс понятный неопытному пользователю и простую в использовании систему навигации. Разработана максимально удобная и доступная работа пользователя на web - сайте. Благодаря данной разработке пользователям можно будет ознакомиться с деятельностью туристического агентства «Travel Dream», найти интересующую информацию по услугам агентства, а также подобрать и заказать туристическую путевку.

Итак, была достигнута цель данной курсовой работы — разработан сайт для туристической фирмы.

Для достижения цели были выполнены следующие задачи:

- разработано техническое задание и осуществлен выбор средств реализации;

- осуществлено описание модулей серверной части программы и их взаимодействие;

- описана структура базы данных и ее функции;

- описана структура клиентской части.

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

1. Берд Дж. Веб-дизайн.Руководство разработчика. / Дж. Берд. - СПб.: Питер, 2012. - 224 c.

2. Гаевский А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М.: Триумф, 2015. - 464 c.

3. Дакетт Д. HTML и CSS. Разработка и дизайн веб-сайтов / Д. Дакетт. - М.: Эксмо, 2015. - 480 c.

4. Дронов В.А. PHP 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов / В.А. Дронов. - М.: БХВ-Петербург, 2016. - 820 c.

5. Евсеев Д.А. Web-дизайн в примерах и задачах / Д.А. Евсеев, В.В. Трофимов. - М.: КноРус, 2015. - 272 c.

6. Ищенко В.А. 100% самоучитель. Web-дизайн. Создавай свои сайты / В.А. Ищенко. - М.: Технолоджи-3000, Триумф, 2016. - 144 c.

7. Киселев С.В. Веб-дизайн: Учебное пособие / С.В. Киселев. - М.: Академия, 2018. - 416 c.

8. Колисниченко Д.Н. PHP 5/6 и MySQL 6. Разработка Web-приложений / Д.Н. Колисниченко. - М.: БХВ-Петербург, 2016. - 364 c.

9. Макнейл П. Веб-дизайн. Книга идей веб-разработчика / П. Макнейл. - СПб.: Питер, 2017. - 480 c.

10. Нильсен Я. Веб-дизайн: книга Якоба Нильсена / Я. Нильсен. - М.: Символ, 2015. - 512 c.

11. Резников Ф.А. 100% самоучитель. Adobe Dreamweaver CS3. Создание Web-сайтов / Ф.А. Резников. - М.: Триумф, Технолоджи-3000, 2016. - 696 c.

12. Седерхольм Д. Пуленепробиваемый веб- дизайн / Д. Седерхольм. - СПб.: Питер, 2012. - 304 c.

13. Сырых Б.А. Современный веб-дизайн. Эпоха Веб 3.0. / Б.А. Сырых. - М.: Вильямс, 2014. - 368 c.

14. Уэйншенк С. Интуитивный веб-дизайн / С. Уэйншенк. - М.: Эксмо, 2011. - 160 c.

15. Фельке-Моррис Т. Большая книга веб-дизайна / Т. Фельке-Моррис. - М.: Эксмо, 2014. - 512 c.

16. Черников С.В. Dreamweaver CS3. Строим Web-сайты / С.В. Черников, Ф.А. Резников. - Москва: СПб. [и др.] : Питер, 2016. - 256 c.

17. Шкрыль А.М PHP - это просто. Программируем для Web-сайта / А.М. Шкрыль. - М.: БХВ-Петербург, 2015. - 368 c.

ПРИЛОЖЕНИЕ

<div>

<aside id="text-6" class="widget widget_text"><h3 class="widget-title"><span>Найдите нас</span></h3> <div class="textwidget"><p><strong>Адрес</strong><br />

123 Мейн стрит<br />

Нью Йорк, NY 10001</p>

<p><strong>Часы</strong><br />

Понедельник&mdash;пятница: 9:00&ndash;17:00<br />

Суббота и воскресенье: 11:00&ndash;15:00</p>

</div>

</div>

<span>

<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adc204b0178cea4af43aad6021084ace89475931be2b1cd013bf59c320fca9264&amp;width=500&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script>

</span>