Разработка Web-сайта туристического агентства, с использованием языков HTML/DHTML и JavaScript

Изменение информации на странице без ее перезагрузки – разработка сайта с помощью AJAX. Asynchronous JavaScript and XML — это технология разработки веб приложений, при которой страница, которую вы видите в браузере, не перезагружаясь, сама догружает нужные данные и информацию. Другими словами после того как вы задействовали тот или иной элемент управления на открытой странице, разработанной на основе Ajax, вы не увидите белое окно браузера и вам не нужно будет ждать пока загрузится другая страница или обновление существующей. Вы сразу увидете результат вашего действия. Использование данной идеи – технологии стало наиболее популярно после того как компания Google начала активно использовать его при разработке сайтов, таких как Gmail и Google maps.

Разработка сайта с более ориентированными на пользователя интерактивными и персонифицированными страницами. Применяя новую идеологию вовлечения пользователя в процесс создания содержания сайта и используя при разработке проекта концепции DHTML и XMLHttpRequest можно создать на сайте множество полезных сервисов и модулей, которые и будут обеспечивать интерактивность разрабатываемого сайта. Возможность персонификации как содержания сайта так и самого сайта – также не маловажный фактор увеличения популярности ресурса. Напрмер, сайт будет «узнавать» посетившего его пользователя, предлагать оставить свои комментарии и заметки – которые немедленно будут отображены. Возможность участия в рейтингах, опросах использование модулей, результат работы которых виден немедленно – элемент, который формирует положительный образ ресурса и позволяет решать многие задачи.

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

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

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

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

Технология разработки web приложений Extyl MODE™. При работе над сайтами, специалисты нашей дизайн студии Extyl используют новейшие, доступные на данный момент технологии. Перед началом применения той или иной модели разработки и проектирования веб ресурсов наши сотрудники тщательно тестируют и проверяют эти методы. Нами разработана система проектирования приложений, которая базируется на модульном принципе построения ресурса – это позволяет значительно сократить время разработки сайта и избежать технических ошибок при написании кода программы. Модульная система Extyl MODE™ позволяет наращивать мощность и производительность сайтов, выпущенных нами в зависимости от потребностей заказчика. В любой момент сайт может быть снабжен дополнительными сервисами и службами, которые расширят возможности ресурса без коренной переделки его ядра. Использование описанных технологий позволит добиться большей отдачи от разработанного сайта и повысить его привлекательность в глазах посетителей, что так же скажется на позициях занимаемых сайтом в выдаче поисковых систем.

Чтобы разместить информацию в сети Интернет, ее необходимо представить  в виде файлов, которые программами  пользователей будут определены как страницы документа (этот документ может быть предназначен для чтения, просмотра графики или видео, заполнения интерактивных форм и других целей). Эти файлы создаются с помощью специального языка описания и разметки гипертекста HTML (Hyper Text Markup Language) и называются HTML-файлами.

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

Web-обозреватель – специальная программа, предназначенная для чтения HTML-файлов и их отображения. В настоящее время существует множество таких программ, но наибольшее распространение получили MS Internet Explorer, Opera, Netscape Navigator. Web-обозреватель можно использовать для переходов с одной Web-страницы на другую по гиперссылкам, для загрузки файлов из Internet на компьютер, для воспроизведения внедренных на Web-страницу файлов мультимедиа, а также для запуска программ приложений (например, почтовых)

Web-сайт/Web-узел – несколько Web-станиц, объединенных в общую структуру.

Web-сервер – подключенный к сети Internet компьютер, поддерживающий протокол HTTP (Hyper Text Transfer Protocol) Он используется для доставки данных в Internet и позволяет пользователям клиентских программ загружать и воспроизводить текст, рисунки, звук, видео и другие данные. Протокол FTP (File Transfer Protocol) также является распространенным способом загрузки файлов на удаленный сервер.

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

В наше время профессия Web-дизайнера стала массовой; почти каждая фирма и даже небольшая фирма имеет свое "представительство" в Интернете, авторам новых продуктов или технологий трудно рассчитывать на успех без массированной рекламы в сети. Этот мощный "социальный заказ" породил целую индустрию средств Web-проектирования и программирования. Американские софтверные фирмы, точно уловив тенденции рынка, сделали ставку на развитие программных средств, ориентированных на различные секторы Weft-дизайна и электронной коммерции. Язык HTML никогда не считался сложным языком. Информатика знает значительно более сложные лингвистические системы. Например, стандарт языка APT (Automatically Programmed Tools), предназначенного для описания конструктивно-технологической информации, включает в себя более тысячи зарезервированных слов и языковых конструкций. Лексикон языка HTML значительно скромнее; тем не менее, не каждый опытный программист свободно владеет всеми дескрипторами гипертекстовой разметки, их атрибутами. В современные версии Web-редакторов входит электронное справочное руководство, содержащее компактное и полное изложение основных языковых средств, используемых для создания Web-документов. Это теги языка HTML (Hypertext Markup Language), стилевые декларации CSS (Cascading Style Sheet), функции и операторы языка JavaScript, соглашения и описания DOM (Document Object Model). Современные Web-сайты представляют собой сложные по структуре гетерогенные документы с динамическим интерфейсом и интерактивными эффектами. Один, даже самый, как сейчас принято говорить, продвинутый редактор HTML не способен удовлетворить все потребности Web-дизайнера, Авторам гипертекстовых страничек приходится прибегать к услугам многочисленных программ и программных дополнений, предназначенных для работы с графикой, создания анимации, загрузки содержимого узла на удаленный сервер и др. Процесс разработки развитого сетевого проекта, как правило, не заканчивается созданием всех составляющих гипертекстовых документов и ссылочной структуры. Чтобы "вживить" новый сайт в "ткань" всемирной Сети, требуется выполнить большой объем работ по сопровождению проекта. Регистрация на поисковых машинах и в каталогах, организация сетевой рекламы, обмен ссылками и баннерами с родственными сетевыми ресурсами - вот далеко не полный перечень необходимых мероприятий по поддержке Web-узла. Все эти операции сопровождаются изменениями версий документов, расположенных на удаленном сервере. В оболочку современных Web-редакторов интегрировано специальное средство, предназначенное для обслуживания опубликованных в сети документов и сайтов. Оно располагает всеми необходимыми инструментами для дистанционного обновления версий документов. Это средство поддерживает распределенную работу нескольких исполнителей над одним сетевым проектом, обладает механизмом синхронизации версий документов и защиты от несанкционированного доступа. Известно, что многие визуальные редакторы HTML весьма нерационально обращаются с кодами гипертекстовой разметки. Это значит, что часто они порождают избыточный, громоздкий исходный текст, перегруженный сложными языковыми конструкциями. Современные Web-редакторы порождают чистый лаконичный исходный текст, в котором почти нет вспомогательных дескрипторов и громоздких служебных комментариев. Современные Web-редакторы основаны на принципе открытой архитектуры. Это значит, что полностью открыт интерфейс прикладного программиста (Application Programming Interface, API), с помощью которого сторонние программисты и софтверные фирмы могут выполнить радикальные изменения функциональных возможностей программы и ее интерфейса: добавить новый инструмент, создать палитру или раздел меню, запрограммировать новый объект или мультимедийный ролик и прочее. Редактор источников кода. Редактор источников кода предоставляет неограниченные возможности контроля над HTML-тэгами и их форматированием. Для того, чтобы переключиться из режима разметки страницы в режим редактирования кода, достаточно просто щелкнуть по специальной вкладке в окне документа. Внеся изменения в код, вы можете тут же просмотреть их, щелкнув по другой вкладке. Контроль синтаксиса. Опытные Web-программисты знают, что поддержка HTML и функций JavaScript немного отличается на различных платформах. Вот почему современные Web-дизайнеры имеет встроенную функцию проверки синтаксиса. Она позволяет узнать, какие браузеры и на каких платформах поддерживают все те элементы, которые вы предусмотрели на своей странице, будь то DHTML или таблицы стилей. Вы можете создать страницу в HTML 4.0, преобразовать ее в стандартный формат HTML 3.2 или сделать в обоих вариантах, предоставив право выбора пользователю.

 

 

 

 

 

3.Разработка Web-сайта и его реализация средствами HTML/DHTML и JavaScript.

      Разработан Web-сайта туристического агентства SUN+, с использованием языков HTML/DHTML и JavaScript.

     Главная  страница сайта разделена на  два цвета: зеленый и белый.  Первая часть  содержит название  туристического агентства.  Далее  расположено  голосование « Как Вам мой сайт?»,  позволяющее оценить из пяти пунктов (Супер, Хорошо, Нормально, Слабо, Лажа)  сайт и сразу узнать, если это потребуется,  результаты.

Рис. 1 – Главная страница сайта.

   

 

       Следующая  страница сайта имеет название – Курорты. Содержит список предлагаемых туров с кратким из описанием, датами, информация о наличии свободных мест : 1.Малайзия – Сингапур – Филиппины .Групповой тур из Минска 03.01.13 – 17.01.13 Осталось 4 места! Маршрут: Куала Лумпур (2 ночи) – Сингапур (2 ночи) – отдых на острове Боракай  (8 ночей) Программа тура включает обзорные экскурсии по Куала-Лумпуру и Сингапуру, а после экскурсий вы отправитесь на Боракай – одном из красивейших остров мира. Стоимость тура на 1 человека – 3028 $ (размещение в 2-местных номерах) Включено: международный перелет авиакомпанией Etihad Airways Минск – Абу Даби – Куала Лумпур, Манила – Абу Даби – Минск; внутренние перелеты Куала Лумпур – Сингапур; Сингапур – Манила; Манила – Боракай – Манила; все трансферы по программе тура; экскурсионная программа по маршруту; проживание в двухместных номерах в отелях по программе (2 ночи в Куала Лумпуре, 2 ночи в Сингапуре); проживание на острове Боракай в выбранном Вами отеле; питание – завтраки; медицинская страховка. Дополнительно: виза на Филиппины (50 $ / чел); аэропортовые сборы; входные билеты по программе; дополнительные экскурсии; личные расходы. 2. Таиланд из Минска Комбинированный тур: Остров Ко Чанг + Бангкок Вылет 29.03.13 на «Туркменских авиалиниях» по маршруту Минск-Бангкок-Минск на 13 ночей в наличии последние 6 мест. 3. Таиланд. Обращаем Ваше внимание на замечательные цены со скидками на вылет в Таиланд 11.01.13 на «Туркменских авиалиниях». по маршруту Минск-Бангкок-Минск на 13 ночей ,в наличии последние 6 мест .4.  Дубайский торговый фестиваль. Специальное предложение на вылет из Киева 08.01.13. От 499 $ за 7 ночей! Месяц чудес: невероятный шопинг и развлечения. Отличная возможность совместить удивительный пляжный отдых с отличным шопингом и окунуться в море развлечений.  5. ОАЭ.  Авиабилет Etihad Airways + виза в ОАЭ Уникальное предложение для самостоятельных путешественников! Мы сотрудничаем с визовым центром ОАЭ в Республике Беларусь TT Services Etihad Airways.  6. Золотой треугольник+ отдых в ГОА . Комбинированный авиатур из Минска

Самые известные города и дворцы классической Индии и  немного больше. Путешествие знакомит с жемчужиной мировой архитектуры  – мавзолеем Тадж Махал и другими величественными памятниками эпохи правления Великих Моголов, предлагает блеск и роскошь дворцов «Розового города» Джайпура и бурную историю Старого Дели - Столицы Индии, дарит неповторимую красоту пустыни Тар в Пушкаре и гармонию древнейшего места паломничества индуистов в Матхуре. 7. Таиладн из Миска по супер цене. Обращаем Ваше внимание на замечательные цены со скидками на вылет в Таиланд 15.12.12 на «Туркменских авиалиниях». 
По маршруту Минск-Бангкок-Минск на 13 ночей в наличии последние 6 мест. 8. Королевские круизы АЗИЯ – ИНДИЯ – ДУБАЙ. Маршрут круиза:  Дубай, ОАЭ – Абу-Даби, ОАЭ – Кочин, Индия – Коломбо, Шри-Ланка – о.Лангкави, Малайзия – Куала-Лумпур, Малайзия – Сингапур.  9. ОАЭ. Путешествие в Эмираты,вылеты из Киева на 10-11 ночей! Citymax Hotel Sharjah 3* BB – 906$ за номер на 10 ночей Arabian Park 3* BB – 1129$ за номер на 10 ночей  Time Grand Plaza Hotel 4* – 1379$ за номер на 10 ночей  Sharjah Rotana Hotel 4* – 1413$ за номер на 10 ночей.

 Также есть вся необходимая  информация  о стоимости туров, система скидок и предоставлен список «горящих туров». Отдельным разделом размещаются VIP- предложения. Мы предлагаем туры в лучшие курорты Турции (Анталийское побережье, Мармарис, Кушадасы), ОАЭ, Египта (Шарм Эль-Шейх, Хургада, Таба) и другие страны мира с вылетом из Москвы, Минска, Киева (трансфер во все аэропорты). 
Экскурсионные туры и отдых в Европе: Франция, Италия, Германия, Австрия, Испания, Чехия, Венгрия, Болгария и др.  
Экзотические туры: Индия, Куба, Китай, Тайланд, Мальдивы и др.  
Курортно-санаторное лечение в Беларуси, Крыму, Прибалтике.  
Прием иностранных туристов: размещение в гостинице КРК "Корчма", а также в гостиницах города Минска, организовываем экскурсионные программы.

Рис.2 –  страница Курорты



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

 

 

 

Рис.3  - страница Галерея

     

 

   Последняя страница сайта – Контакты. Размещены все контактные данные туристического агентства: название, телефоны для связи, адрес электронной почты , Skype, ICQ.

 

На всех  страницах  сайта  присутствует название туристического агенства: SUN+.

 

Рис. 4  -  страница Контакты

 

  

 

 

                                                      

 

 

 

 

 

 

 

 

 

Заключение

Разработав данный курсовой проект можно сделать следующие  выводы по созданию web-проектов, не следует  начинать разработку своего сайта с  дизайна, сначала необходимо полностью  продумать внутреннее содержимое данного проекта. Исходя из выше сказанного, можно сделать следующий вывод, в том, что научный прогресс не стоит на месте, а постоянно развивается, и для того чтобы идти в ногу со временем необходимо постоянно учится и совершенствоваться. Для этого необходимо изучать новые технологии и новые программные продукты. 
 
В ходе выполнения курсовой работы была достигнута поставленная в начале работы цель и выполнены следующие задачи: 
 
1. Разработана структура сайта. 
 
2. Разработан дизайн сайта. 
 
3. Разработаны Web страницы для интерактивного общения посетителей магазина. 
 
4. Подобраны и обработаны данные для контента сайта.