Разработка сайта для туристического агентства

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Российская Международная Академия Туризма

Конаковский Филиал

Курсовая работа по предмету:

ИНФОРМАТИКА

По теме:

«РАЗРАБОТКА САЙТА ТУРИСТИЧЕСКОГО АГЕНТСТВА»

Подготовила: студентка 2- го курса,

заочного отделения,

группы № 082127

Кондратьева Е. А.

Проверил:

Михайлов В.В.

Конаково, 2010г.

Содержание

Введение

1. Теоретическая часть

1.1 Обзор технологий создания, оформления и управления

1.2 Обоснование выбора технологии и среды

2. Технологическая часть

2.1 Целевая аудитория

2.2 Создание доменного имени

2.3 Описание задачи и затраты на создание

2.4 Создание

2.5 Тестирование

Заключение

Список использованной литературы

Введение

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

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

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

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

В первую очередь необходимо выяснить, для кого мы создаем сайт ( этому уделено особое внимание), с помощью каких программ и средств. Необходимо определиться с технологиями, которые нужно будет использовать при разработке сайта. Также нужно выбрать организацию, которая предоставит место для сайта и соответствующую сервисную поддержку. Далее рассмотрим разработку сайта туристического агентства «ВОЯЖ». Здесь представлен алгоритм действий на конкретном примере.

1. Теоретическая часть

1.1 Обзор технологий создания, оформления и управления

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

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

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

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

Язык PHP, что расшифровывается как «Препроцессор Гипертекста», является распространённым интерпретируемым языком общего назначения с открытым исходным кодом. PHP создавался специально для ведения Web-разработок и код на нём может внедряться непосредственно в HTML-код. Основной целью PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц, однако область применения PHP не ограничивается только этим.

Рисунки могут быть созданы двух видов: растровые и векторные. У каждого из этих способов представления графики есть свои достоинства и недостатки. Растровые рисунки позволяют получить фотографическую точность изображаемого объекта. Но объемы памяти, занимаемые этими рисункам велики. Кроме того, они плохо масштабируются. Векторная графика создает компактные рисунки, причем размеры рисунков можно изменять без их искажения. Однако изображаемые объекты выглядят схематично, в них меньше деталей, чем в растровых картинках.

Графические редакторы делятся на две группы: растровые и векторные.

К растровым графическим редакторам относятся Corel PHOTOPAINT, Adobe Photoshop, GIMP.

Среди векторных графических редакторов следует выделить: Corel DRAW, Adobe Illustrator, Photo Impact.

Особое положение среди векторных редакторов занимает программа Adobe Flash, которая позволяет не только создавать статичные рисунки, но и динамические векторные фильмы.

Программа Adobe Flash является стандартом в качестве инструментального средства создания векторных изображений для сети. Использованная в этой программе технология представляет собой удачное сочетание двух перспективных технологий: слоев и векторной графики. Наибольшее достоинство программы - это возможность создания анимированных векторных изображений (фильмов).

Adobe Flash -- так же среда для создания приложений под Flash платформу (Flash Platform. Flash-приложения создаются с помощью ActionScript 3.0 (языка программирования). Среда Adobe Flash ориентирована в большей мере на дизайнеров, аниматоров. Flash одновременно употребляется и как название формата (флеш-фильмы, флеш-ролики) (полное название -- Flash Movie). При создании продукта можно использовать медиа, звуковые и графические файлы, можно создавать интерактивные интерфейсы и полноценные веб-приложения с использованием PHP и XML.

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

Среди всего многообразия программ для обработки графических файлов выделяют:

· Adobe Photoshop (рисование и обработка многослойных растровых изображений);

· Adobe Image Ready (создание анимации, карт изображений, "Живая графика");

· Векторный редактор Corel Draw (создание и обработка векторных изображений, векторизация растровых изображений, фигурный текст и др.);

· Adobe Flash (создание анимаций).

Так же существует технология CMS (система, используемая для обеспечения и организации совместного процесса создания, редактирования и управления текстовыми и мультимедиа документами (содержимым или контентом), которая позволяют управлять текстовым и графическим наполнением веб-сайта, предоставляя пользователю удобные инструменты хранения и публикации информации. Сейчас существует множество готовых систем управления содержимым сайта, в том числе и бесплатных (ucoz.ru, narod.ru)

1.2 Обоснование выбора технологии и среды

сайт страница графический файл

Для разработки и администрирования сайта была выбрана современная и бесплатная система управления сайтом narod.ru, так как она работает по принципам Web 2.0 и предоставляет возможность создавать и сопровождать сайты в online-режиме.

Система «Народ.ру» позволяет создавать ресурсы с современной системой управления сайтом и размещать их не только в домене третьего уровня (доменное имя .narod.ru), но и на своем отдельном домене второго уровня.

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

Для коммерческого сайта кроме главной предлагаются стандартный для такого рода сайтов набор страниц, таких как «Продукты», «Клиенты», «О компании», «Контакты» и «История».

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

Ряд достоинств:

· Дружелюбный интерфейс с обилием java-скриптов;

· Поиск по сайту от Яндекса;

· Блок со схемой проезда к офису на основе Яндекс-Карт;

· Интеграция с Яндекс-Фотками. Если есть необходимость разместить на сайте несколько фотоальбомов - можно привязать альбомы аккаунта на Яндекс-Фотках;

· Возможность разместить виджеты - произвольный код HTML или java-скрипт на любой странице. Это может быть любой код, по умолчанию Яндекс предлагает свои погодные информеры, счетчик посетителей Яндекс-Метрику, информер дорожных пробок. Но можно разместить свой произвольный код, информеры сторонних сайтов, карту на основе Google maps, счетчик Гугл Аналитики. Вероятно вставка виджетов позволит разместить код любой баннерной системы.

· Возможность настроить свой сайт чтобы он откликался на ваше доменное имя;

· Возможность получать деньги за рекламу. Изначально на сайте размещен блок контекстной рекламы Яндекс Директ, вы можете подать заявку на вступление в РСЯ (Рекламную Сеть Яндекса), и получать доход от этой рекламы.

· Существует возможность поисковой оптимизации - есть настройка всех мета тегов и заголовков.

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

Рисунок 1 - логотип системы Яндекс.Народ

2. Технологическая часть

2.1 Целевая аудитория

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

· на какой уровень достатка клиентов рассчитан турпродукт;

· где используют интернет клиенты (на работе или дома);

· где находится основная масса клиентов территориально.

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

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

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

Система Яндекс.Народ полностью удовлетворяет запросам туристического агентства и целевой аудитории сайта.

2.2 Создание доменного имени

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

Доменная зона -- совокупность доменных имён определённого уровня, входящих в конкретный домен.

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

Адрес сайта (доменное имя) был составлен не случайно, он состоит из двух английских слов tourist и agency («турист» и «агентство») - touristagenc.narod2.ru (“narod2” - домен системы Яндекс.Народ).

touristagenc.narod2.ru обозначает домен третьего уровня touristagenc, который входит в домен второго уровня narod2, который входит в домен ru, который входит в корневой домен.

Чтобы зарегистрировать домен в системе Яндекс.Народ, следует зарегистрировать логин, который предоставляет доступ ко всем сервисам Яндекса. (В данном случае touristagenc@yandex.ru). Далее система предлагает создать сайт с помощь конструктора сайтов и автоматически присваивает имя сайта по первой части логина.

Рисунок 2 - Регистрация доменного имени

2.3 Описание задачи и затраты на создание

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

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

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

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

2.4 Создание

После регистрации доменного имени система Яндекс.Народ предлагает продолжить создание сайта с помощью конструктора.

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

Рисунок 4 - Выбор специфики сайта

Далее открывается окно, в котором задаются название предприятия, логотип и макет страниц.

Рисунок 5 - Выбор макета страницы, загрузка логотипа

После того, как выбраны необходимые атрибуты и параметры система предоставляет доступ к конструктору (Рисунок 6).

Рисунок 6 - Панель управления

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

· С помощью пункта «Текст» был добавлен на страницу текстовый блок, который редактировался в отдельном окне:

Рисунок 7 - Редактирование блока «Текст»

· С помощью пункта «Поиск» был добавлен на страницу блок поиска, который ищет информацию по запросу не только на самом сайте, но и в интернете:

Рисунок 8 - Редактирование блока «Поиск»

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

· С помощью пункта «Контакты» на страницу были добавлены контактные данные, которые заполняются и редактируются в отдельном окне по специальной форме, предоставленной системой:

Рисунок 9 - Редактирование блока «Текст»

С помощью пункта «Картинки» было размещен логотип компании в шапке сайта. Изображение в шапке сайта было нарисовано в графическом векторном редакторе CorelDraw и позже отредактирован в растровом редакторе Adobe Photoshop.

· С помощью пункта «Новости» на главной странице была размещена новостная лента

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

Рисунок 10 - Редактирование изображения в CorelDraw

Тестирование

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

Рисунок 11 - Навигация по сайту

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

Заключение

Целью курсовой работы являлась разработка сайта-визитки туристического агентства. В итоге должен был получиться работоспособный сайт, на котором располагается информация о работе агентства, услугах, предоставляемых им и контактной информации. Для этого был проведен обзор технологий создания, оформления и управления сайтом: был рассмотрен язык гипертекстовой разметки HTML, язык PHP, основные графические редакторы для создания растровых и векторных изображений и программа Adobe Flash для создания анимаций. После того, как были рассмотрены различные технологии и средства разработки сайта. Было принято решение использовать бесплатную систему управления сайтом narod.ru. Далее была определена целевая аудитория, что немаловажно, затем выбрано доменное имя. Так как сайт создавался собственноручно с помощью бесплатной системы управления сайтом Яндекс. Народ, то затраты на его создание приравниваются к нулевым. С помощью удобного и понятного пользователю конструктора сайт был сделан. Изображение в шапке сайта было нарисовано в графическом векторном редакторе CorelDraw и позже отредактировано в растровом редакторе Adobe Photoshop. В качестве тестовой задачи была проверена навигация по сайту. Все цели и задачи работы выполнены.

Список использованной литературы

1. www.pechatnik.ru

2. http://narod.yandex.ru/?ncrnd=2726

3. www.astt.ru/doc/magazine/internet_1.doc

4. http://www.zarabativay.com/index.php?option=com_content&view=article&id=10&Itemid=3

5. http://seoadviser.ru/sam.php

6. http://www.websajt.ru/

7. http://ru.wikipedia.org

8. http://www.web-palette.ru/sub/useful/cozdaem/vozvopros/7s

9. http://otvet.mail.ru

10. http://www.teztour.com

Размещено на Allbest.ru