Разработка модели туристического агентства, Туризм

Выдержка из текста работы

Интернет — глобальная информационная сеть, части которой логически взаимосвязаны друг с другом посредством единого адресного пространства, основанного на протоколе TCP/IP. Интернет состоит из множества взаимосвязанных компьютерных сетей и обеспечивает удаленный доступ к компьютерам, электронной почте, доскам объявлений, базам данных и дискуссионным группам.

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

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

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

Перед разработчиком были поставлены следующие задачи:

Предоставление информации должно быть в удобной и понятной для пользователей форме;

информация должна быть полной и достоверной;

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

должна быть разработана система администрирования.

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

Объект — это сайт для туристической фирмы.

Предмет — сайт туристического агентства « Интер-Транстур».

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

Углубить свои теоретические знания, расширить и закрепить их

Научиться работать самостоятельно

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

Научиться защищать свою работу публично

Подготовить себя к более сложному этапу — дипломной работе.

Объект — это сайт для туристической фирмы.

Предмет — сайт туристического агентства « Интер-Транстур».

Глава 1. Концептуальная модель данных

1.1 Обоснование разработки системы

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

1.2 Анализ аналогов и прототипов

В ходе разработки программного продукта, были выявлены аналоги и прототипы.

На данный момент в России существует множество туристических агентств, часть которых уже имеет сайты. Поэтому, аналогом разработанного сайта можно считать любой сайт туристического агентства.

Рассмотрим примеры сайтов некоторых туристических фирм:

Например, сайт туристического агентства «Гала-Тур» (рис. 1.1)

Рисунок 1.1 — Главная страница сайта туристического агентства «Гала-Тур»

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

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

Рисунок 1.2 — главная страница сайта туристического агентства «Глобус-Тур»

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

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

1.3 Подтверждение актуальности проектирования

Интернет на сегодняшний день является одним из самых быстрорастущих СМИ. С каждым днем все больше людей, обращаются в Интернет, к поисковым машинам, за поиском нужной информации. Благодаря быстрому развитию интернета — реклама сайта в интернет открывает огромные возможности для рекламодателей разного уровня и является эффективным инструментом для продвижения товара или услуги. Наличие у фирмы своего сайта свидетельствует о прогрессивности и стабильном положении компании, ведь любая организация непременно нуждается в информационной поддержке и рекламе на различных уровнях. Главная цель создания сайта — приобретение новых клиентов и партнеров, увеличение прибыли.

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

Итак, актуальность создания сайта на сегодня велика. Сайт — это самая лучшая реклама на сегодняшний день.

сайт программа данные

1.4 Постановка задачи проектирования

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

При создании сайта, должны быть учтены следующие требования:

1. Требования к эффективности, то есть получение выходных данных с минимальными расходами машинного времени.

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

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

4. Требования к надежности. Должно быть обеспечено восстановление после сбоев и ошибок.

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

6. Требования к тестированию. Необходимо провести следующие тесты:

* тестирование при различных системных параметрах;

* тестирование функций сайта;

* тестирование ввода данных, при допустимых, недопустимых и ограниченных значениях.

В процессе тестирования отследить ошибки размещения объектов на страницах и ошибки работы.

7. Требования к функциональным характеристикам. Сайт предусматривает выполнение следующих функций:

* предоставление информации в удобной и понятной для пользователей форме;

* информация должна быть полной и достоверной;

* на сайте должна быть организована удобная навигация;

*должна быть реализована система администрирования.

8. Требования к структуре: навигационная структура должна удовлетворять основным требованиям и соответствовать содержимому сайта.

Для осуществления данных требований необходимо последовательное выполнение следующих этапов разработки:

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

— разбиение информации на логические блоки;

— выбор программных средств разработки — так как данный проект разработан средствами Web-технологий, то встал вопрос о выборе web-редактора, языка для веб-программирования, серверного языка программирования. В связи с этим необходимо провести анализ программных средств данных типов и выбрать их оптимальное сочетание;

— формирование логической структуры сайта.

— разработка главной страницы — прорисовка страницы.

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

— разработка сайта — создание и заполнение страниц.

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

1.5 Средства решения поставленной задачи

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть МS FrontPage или Macromedia Dreamweaver, Namo Web Editor, Allaire HomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

Microsoft FrontPage

Для использования Microsoft FrontPage не требуется знание языка HTML. В ходе редактирования страниц как в текстовом редакторе — при вводе и форматировании текста, добавлении рисунков, таблиц и других элементов страниц — теги языка НТМL, автоматически добавляются в фоновом режиме. Можно просто редактировать страницы в режиме конструктора. Чтобы познакомиться с языком НТМL или напрямую редактировать код НТМL, можно использовать режим Код, при котором отображается код НТМL веб-страницы, или режим С разделением, при котором страница одновременно отображается в режиме Код и в режиме Конструктор. При наличии навыков работы с НТМL в режиме Код можно отображать НТМL-теги и непосредственно писать и редактировать их. С помощью параметров создания и оптимизации кода, доступных в Microsoft FrontPage можно создавать чистый код НТМL и легко удалять ненужный код. Недостатком является то, что возникают проблемы при редактировании и сохранении страниц с фреймами.

Основным недостатком Microsoft FrontPage является то, что он генерирует избыточный НТМL-код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки.

Namo Web Editor

Содержит стандартный набор функций для работы с НТМL-страницами, возможность работы с различными элементами на страницах, существует большой выбор готовых графических шаблонов для оформления страниц; основной недостаток — данный редактор не создаёт цельный узел для сохранения отдельных частей сайта, возникают проблемы при сохранении фреймов и изображений.

Macromedia Drewmweaver

Компания Macromedia считается лидером по производству программ для создания Web-сайтов, а также законодателем моды в этой области.

Drewmweaver имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FТР, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать НТМL (в этом и заключается преимущество технологии WYSIWYG — что вижу, то и получаю).

Но Drewmweaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый НТМL-код. Drewmweaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции «запись последовательности команд» вы записываете последовательность производимых вами команд, потом нажимаете, например, СТRL+Р, и Dreamweaver воспроизводит все в той же последовательности.

Данный продукт компании Macromedia в настоящее время является наиболее востребованным и популярным среди профессиональных разработчиков Web- сайтов. Данный Web — редактор был выбран в качестве основного, благодаря наличию более расширенного набора функций по созданию и редактированию отдельных элементов страниц, имеет удобную систему панелей инструментов, ориентированных на различные виды работ. Имеет интегрированные элементы для обеспечения связей с файлами программ, входящих в состав пакета Macromedia.

Создание графики

Для создания графических и анимационных элементов сайта в настоящее время существует множество различных редакторов: Аdobe Рhotoshop, МS Picture Маnager, Macromedia Flash и множество других, но для выполнения поставленных задач были выбраны наиболее удобные для данного случая Аdobe Рhotoshop.

Создание и оптимизация графики. Безусловно, возможно создание Web-страницы и без использования графики — при помощи шрифтов, скриптов и таблиц стилей (СSS) — и это будет красиво и стильно. Но ведь окончательный вид документа зависит от большого числа различных факторов, таких как: ширина окна браузера, предварительные настройки браузера, принятые по умолчанию размер шрифта, его имя и цвет. К тому же не все скрипты и стили поддерживаются всеми браузерами. Если же будет использована графика, то посетитель вашей страницы увидит ее точно такой, какой сделали и видите ее вы.

Основная сложность работы с Web-графикой состоит в том, что пропускная способность каналов Интернета, в большинстве случаев, очень низкая и перед вами сразу встанут проблемы — как сделать графический файл небольшой по объему, но хорошего качества, какие программы и приемы использовать при его оптимизации.

Аdobe Рhotoshop — на сегодняшний день это самый мощный пакет для профессиональной обработки растровой графики. Это целый комплекс, обладающий многочисленными возможностями модификации растрового рисунка, имеющий огромный набор различных фильтров и эффектов, причем есть возможность подключать инструменты независимых производителей.

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

Технологии и средства разработки

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

Коротко технологии можно разделить так:

* Язык гипертекстовой разметки НТМL. Язык широко используется для создания страниц в Web. Этот язык является фундаментальным в сети Интернет и знание его необходимо любому разработчику. * Динамический язык гипертекстовой разметки DНТМL. Этот язык позволяет создавать динамические интерактивные страницы.

* Язык сценариев JavaScript и VB Script. Сценарии, написанные на этих языках, применяются как на стороне клиента, так и на стороне Web сервера.

* Активные страницы Active Server Pages (АSР). Технология активных серверных страниц является ключевой для создания приложений Web на базе сервера МS Information Server. Они основаны на наборе текстовых файлов с расширением имени аsр.

* Расширения СGI и ISAPI Web сервера. Они применяются вместе с АSР при создании активных Web серверов. Они представляют собой специальным образов составленные программы, выполняющиеся на компьютере Web сервера.

* Элементы управления Active X. применяют их как на стороне сервера, так и на стороне клиента. Фактически они представляют собой библиотеки динамической компоновки DLL, работающие либо на компьютере пользователя, либо на сервере.

* Апплеты Java. Для совмещения различных платформ без перекомпиляции.

* Язык РНР — Обладает громадными возможностями для реализации Web проектов. Удобен и прост.

Рассмотрим некоторые из них:

Web-страницы могут существовать в любом формате, но в качестве стандарте принят Нуреr Техt Маrkup Language — язык разметки гипертекстов предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Web проекта.

Язык НТМL существует в нескольких вариантах и продолжает развиваться, но конструкции НТМL скорее всего будут использоваться и в дальнейшем. Изучая НТМL и познавая его глубже, создавая документ в начале изучения НТМL и расширяя его насколько это возможно, мы имеем возможность создавать Web страницы, которые могут быть просмотрены многими браузерами Web, как сейчаc, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Nеtscape Navigator, Internet Explorer или некоторыми другими программами.

При создании Web-страниц вряд ли можно обойтись без языка JavaScript. Идея JavaScript очень проста. Все операции, которые можно исполнять в программе на JavaScript, описывают действия над хорошо известными и понятными объектами, которыми являются элементы рабочей области программы Nеtscape Navigator контейнеры языка НТМL. Собственно объектная ориентированность JavaScript на этом и кончается.

Для решения поставленных задач использовался язык программирования РНР. РНР считается одним из самых мощных языков. РНР является удобным, и в то же время достаточно простым языком. Главным преимуществом РНР, является возможности вставки кода в Web-страницу, наряду со стандартным НТМL-кодом. Это делает язык РНР очень гибким, и в то же время необычайно удобным.

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

РНР 5.0, оснащённый большим количеством новых возможностей, был официально выпущен в мае 2003 года, спустя почти два года после своего предшественника, РНР 4.0. Помимо значительно возросшей производительности в этой новой версии, РНР 5.0 ввёл такие новые ключевые возможности, как поддержка большого количества Web-серверов, НТТР-сессий, буферизации вывода, более безопасные способы работы с пользовательским вводом и различные новые конструкции языка. По данным статистики на 2001 год РНР был установлен примерно на 20% сайтов Интернета и эта цифра продолжает расти.

Для создания сайта требуется сервер, который бы разрешал использование РНР-скриптов, и знание самого языка РНР.

Так же, желательно иметь в своем распоряжении сервер Арасhe и интерпретатор РНР — и то и другое, распространяется совершенно бесплатно, и свободно доступно для загрузки из сети.

Как видно из приведенного краткого обзора, РНР стал одним из стандартных script-языков, используемых web-серверами, и его изучение позволит использовать возможности сайта в полной мере.

Основными средствами просмотра Web-страниц являются браузеры: Internet Explorer, Firefox, NеtSсаре, Ореrа и др.

Браузер Internet Explorer

Вряд ли кому-то не известен Internet Explorer — браузер производства компании Microsoft, поставляемый каждому пользователю операционной системы Windows вместе с самой системой. Несмотря на то, что за последние годы Internet Explorer потерял часть своих пользователей, до сих пор этот браузер используют абсолютное большинство интернетчиков — более 80% из них «гуляют» по Интернету с его помощью. Последняя версия программы на 2007 год обозначена номером 7. Окончательная версия уже существует и входит в новые пакеты установки Windows XP и во все дистрибутивы Windows Vista. Новая версия достаточно сильно отличается от линии версии 6, как по внешнему виду, так и по количеству поддерживаемых функций. Впервые в браузерах MS здесь применена опциональная возможность открытия новых страниц внутри единственного окна программы, что значительно упрощает управление окнами и разгружает рабочий стол. В остальном браузер предлагает полную поддержку современных средств представления контента, включая чтение RSS, альфа каналы, контроль компонентов веб-страницы. Улучшены функции поиска в сети, добавлена защита от поддельных сайтов (антифишинг). Браузер полностью заменяет предыдущую версию при установке.

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

Минусы программы: обычный стандартный браузер; похвастаться высокой скоростью Internet Explorer не может. Впрочем, при высокоскоростном соединении с Интернетом, которое все больше проникает в нашу жизнь, скорость отображения страниц играет при выборе браузера все меньшую роль.

Несмотря на нововведения и усовершенствования, перечисленные выше, браузер Internet Explorer 7 практически ни в чем не опережает своих основных конкурентов — Firefox и Opera, а по некоторым позициям, в том числе по скорости показа веб-страниц и уровню потребления системных ресурсов, плетется в их хвосте. Нельзя к плюсам браузера отнести и тот печальный факт, что он может быть установлен только в Windows XP SP2.

Особого внимания заслуживают программы на основе IE. Число таких браузеров достаточно велико и, пожалуй, все их можно найти в разделе браузеров. Каждая из них добавляет новые возможности серфинга, обладает некоторыми уникальными функциями, которые могут пригодится Вам в тех или иных обстоятельствах. Здесь наиболее популярные программы это Maxthon и MyIE, хотя среди других представителей браузеров на движке IE есть не менее интересные разработки. К примеру, SecretWeb, GoGo Explorer, Green Browser, Browserfor2.

Браузер Firefox

Второй по популярности браузер. На протяжении последних нескольких лет регулярно отъедает какую-то часть огромной доли пользователей IE. С каждой новой версией у программы появляется все больше поклонников. Разработка принадлежит проекту программ с открытым кодом Mozilla, который также ответственен за появление популярной почтовой программы Thunderbird и пакета Seamonkey. Последняя стабильная версия программы — 2.0. Ведутся разработки следующей, 3-ей версии и, судя по описаниям, число поклонников Mozilla Firefox не убавится. В числе достоинств программы быстрота загрузки страниц и открытие множества веб адресов в одном окне, гибкий контроль компонентов страницы и хороший уровень безопасности, многофункциональный поиск в сети и по сайту и удобный просмотр открытого документа, поддержка веб-стандартов и постоянное совершенствование возможностей и кода программы. И это только возможности по умолчанию. Поддержка же расширений браузера, написанных сторонними разработчиками и внушительная база add-ons заставляют вспомнить о том, что у понятия веб-браузер должны быть границы и тут же забыть о них — настолько гармонично многие из расширений вписываются в интерфейс.

Браузер Opera

Третий по популярности в мире и второй в Рунете браузер. Разработка норвежских программистов. Быстрый браузер. Быстрый — значит действительно быстро загружает веб-страницы. Визуально быстрее IE и быстрее Firefox. Удобный браузер. Управление содержанием с помощью одной — двух кнопок, настраиваемые панели инструментов, дополнительные компоненты в меню «Инструменты» и отличные возможности настроить все элементы программы вручную, набрав адрес about:config в адресной строке. Кстати, такую же операцию можно проделать и в Firefox. Современный браузер. Значит поддерживает все необходимые функции обработки/передачи информации. RSS, загрузка файлов, почта, новостные группы, IRC. По поводу встраиваемых модулей, то здесь они, в отличие от Firefox, называются виджетами (widget) и появляются как отдельные модули открытого окна программы. С помощью виджетов, к примеру, можно найти мелодию или радиостанцию, узнать погоду, новости, загрузить игру.

Рассмотрим возможности и преимущества Оперы.

Низкие требования к ресурсам системы. Opera будет работать даже на 386 компьютере с 6 Мб оперативной памяти.

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

Высочайщий уровень безопасности. Опера поддерживает 128 битное шифрование по стандартам SSL2/SSL3, а также TLS 1.0. Правда, почему то пароли к почтовому ящику и ICQ хранятся в обычных INI файлах, без всякой шифровки…

Переключение отображения картинок в ходе работы и для каждого окна по отдельности.

Изменение масштаба документа от 20% и до 1000%.

Несмотря на свой маленький размер, Опера поддерживает и CSS, и Java, также она поддерживает plugin-ы от Netscape, которые можно скачать с ее фирменного сайта.

Кроме того, с помощью Оперы можно читать новости и отправлять почту.

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

Очень удобный список закладок. Свои старые закладки можно импортировать как из NN, так и из IE. Добавление всех активных документов в закладки производится одним щелчком мыши.

Опера позволяет загружать документы в фоновом режиме, не меняя положения текущего окна.

Очень хорошо работает кэширование страниц.

Практически все настройки в Опере легко меняются.

Несмотря на все свои плюсы, есть у Opera и свои недостатки. Первый, и очень существенный недостаток — Opera является коммерческим продуктом, регистрация которого стоит во всем цивилизованном мире 39 $. Хотя начиная, с пятой версии существует и freeware вариант — вы просто постоянно будете видеть рекламный баннер, а если вы купите лицензию, зарегистрируете, то баннер иcчезнет…

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

Третий минус — недостаточно надежная работа со скриптами (как javascript, так и vb-script). Несмотря на заявленную поддержку javascript, накладки все же бывают. Opera не заявляла о поддержки JavaScript (это вообще детище фирмы Netscape, Microsoft давно делает свой JScript), было сказано о поддержке языка EMCAScript (JavaScript и JScript — EMCAScript-совместимые языки). А накладки возникают не из-за различия NC/IE JavaScript и Opera EMCAScript (многие программисты вообще не знают и не используют всех возможностей первых двух языков), а из-за отсутсвия в Opera поддержки какой бы то ни было DOM (вообще-то Opera обещала поддерживать W3C DOM I, но, по признанию разработчиков, у нее еще «не дошли руки», а поддерживать Netscape DOM или Microsoft DOM она (компания) не собирается). JAVA-плагин (или все же Java Virtual Machine?) также не всегда оказывается полностью совместим с программным обеспечением просматриваемых страниц.

Браузер NеtSсаре

В браузере Netscape седьмой версии, который, в частности, поставляется вместе с операционными системами Solaris, обнаружены несколько опасных дыр. Проблема связана с ошибками в библиотеке libpng(3), которые теоретически могут использоваться злоумышленниками с целью несанкционированного выполнения произвольного программного кода на удаленном компьютере. Причем для реализации нападения атакующему достаточно вынудить жертву открыть при помощи браузера сформированный особым образом графический файл в формате PNG (Portable Network Graphics). Датская компания Secunia присвоила уязвимостям рейтинг критически опасных. Следует заметить, что ранее дыры в библиотеке libpng устранила организация Mozilla Foundation. А поскольку распространяющийся с Solaris браузер Netscape основан на движке Mozilla, можно предположить, что речь идет об одних и тех же уязвимостях.

В 2005г. вышла новая исправленная восьмая версия браузера (Netscape 8). Браузер использует многооконный принцип отображения страниц (вкладки) — также как Orepa и Firefox, что очень удобно при работе с несколькими сайтами одновременно. Для корректного отображения сайтов в Netscape 8 реализована возможность использования для отображения собственного движка (Gecko) или движка Internet Explorer. Для защиты пользователей в браузере имеется специальный механизм защиты от интернет-мошенничества. Последние версии содержат только сам браузер, без дополнительных программ для работы с электронной почтой или создания веб-страниц. Кроме этого, начиная с версии 8.0, браузер существует только в версии для Microsoft Windows.

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

Для организации сервера использовался программный пакет Денвер — набор дистрибутивов, используемый Web-разработчиками (программистами и дизайнерами) для отладки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет. Поскольку пакет включает в себя вполне «взрослое» программное обеспечение сайта, его можно использовать не только для локальной отладки веб-разработок, но и для публикации своего контента в сети или в Интернете.

Базовый пакет Денвера включает: Apache, SSI, mod_rewrite, mod_php; PHP4 с поддержкой GD и MySQL; MySQL с поддержкой транзакций (mysqld-max); система управления виртуальными хостами, основанная на шаблонах.

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

Система управления запуском и завершением: phpMyAdmin — система управления MySQL через Web-интерфейс; ядро Perl без стандартных библиотек; эмулятор sendmail (отладочная «заглушка», складывающая приходящие письма в /tmp); поддерживается работа совместно с PHP и Perl; инсталлятор (нечто вроде InstallShield); дополнительные модули, компоненты и программы доступны в виде пакетов расширений.

Язык разработки скриптов JavaScript

Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки встраиваемых приложений, выполняющих как на стороне клиента, так и на стороне сервера. Синтаксис языка очень похож на синтаксис языка Java — поэтому его часто называют Java-подобным. Клиентские приложения выполняются браузером просмотра Web-документов на машине пользователя, серверные приложения выполняются на сервере.

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

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

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

Основные области использования языка JavaScript при создании интерактивных HTML-страниц:

Динамическое создание документа с помощью сценария;

Оперативная проверка достоверности заполняемых пользователем полей форм HTML до передачи их на сервер;

Создание динамических HTML-страниц совместно с каскадными таблицами стилей и объектной моделью документа;

Взаимодействие с пользователем при решении “локальных” задач, решаемых приложением JavaScript, встроенном в HTML-страницу.

1.6 Перечень задач, подлежащих решению в процессе разработки

В процессе разработки сайта туристического агентства «Интер-Транстур» были определены задачи, выполнение которых должно быть обеспечено разработчиком:

предоставление информации должно быть в удобной и понятной для пользователей форме;

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

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

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

1. Действия, относящиеся к разработке каркаса и навигационной системы сайта:

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

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

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

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

установка и настройка локального сервера для тестирования и отладки сайта;

2. Действия, относящиеся к разработке содержимого проекта

Заполнение страниц необходимой информацией;

Поиск, подборка и оформление необходимых изображений.

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

Глава 2. Физическая модель данных

2.1 Разработка структуры системы

Проанализировав имеющиеся данные, была создана следующая структура страниц (рисунок 2.1);

Рисунок 2.1 — Логическая структура сайта

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

Горизонтальное навигационное меню сайта содержит 6 основных пунктов, которые в свою очередь имеют подпункты:

Главная — осуществляется переход на главную страницу, на которой находится текстовое меню и навигационная карта;

Страны — содержит описание стран, в которые осуществляет туры агентство; также в этом пункте содержится 4 подпункта: Америка, Африка, Австралия, Евразия. В каждом из подпунктов так же находится информация о странах;

Спецпредложения — информация о специальных предложениях на предоставляемые услуги;

Визы — предоставление информации о документах, необходимых для оформления визы;

Контакты-контактная информация агентства.

О компании — краткое описание предоставляемых агентством услуг.

2.2 Разработка и описание алгоритмов

Алгоритм метода доступа к Internet

Стандартные прикладные протоколы

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

Основу транспортных средств стека протоколов ТСР/IР составляет протокол межсетевого взаимодействия — Internet Protocol(IР). К основным функциям протокола IР относятся:

— перенос между сетями различных типов адресной информации в унифицированной форме;

— сборка и разборка пакетов при передаче их между сетями с различным максимальным значением длины пакета. В стеке протоколов ТСР/IР протокол ТСР (Transmission Control Protocol) работает так же, как и протокол UDР, на транспортном уровне. Он обеспечивает надежную транспортировку данных между прикладными процессами путем установления логического соединения.

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

— дистанционно-векторный алгоритм (Distance Vector Algorithms,DVA);

— ГП алгоритм состояния связей (Link State Algorithms, LSA ). В дистанционно-векторных алгоритмах каждый маршрутизатор периодически и широковещательно рассылает по сети вектор расстояний от себя до всех известных ему сетей. Под расстоянием обычно понимается число промежуточных маршрутизаторов, через которые пакет должен пройти прежде, чем попадет в соответствующую сеть. Может использоваться и другая метрика, учитывающая не только число перевалочных пунктов, но и время прохождения пакетов по связи между соседними маршрутизаторами. Получив вектор от соседнего маршрутизатора, каждый маршрутизатор добавляет к нему информацию об известных ему других сетях, о которых он узнал непосредственно (если они подключены к его портам) или из аналогичных объявлений других маршрутизаторов, а затем снова рассылает новое значение вектора по сети. В конце концов, каждый маршрутизатор узнает информацию об имеющихся в интерсети сетях и о расстоянии до них через соседние маршрутизаторы.

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

Алгоритм аутентификации пользователя и средств защиты

Основная идентификация гипертекстового транспортного протокола использует схему вызова подтверждения подлинности пользователей, пытающихся обратиться к защищенной паролем странице. Процесс вызова начинается, когда пользователь запрашивает файл от сервера Сети. Если файл — в пределах защищенной области, сервер отвечает, отсылая ошибку 401 (неправомочный пользователь) в строку заголовка ответа. Браузер обнаруживает этот ответ и выдает диалоговое окно имени пользователя/пароля. Пользователь вводит имя пользователя и пароль в диалоговом окне, затем щелкает ОК, чтобы послать информацию назад серверу для идентификации.

Если имя пользователя и пароля правильны (допустимы), защищенный файл будет отображен пользователю. Проверка правильности осуществляется, пока пользователь в пределах защищенной области.

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

Обоснование выбора браузера для доступа к Internet

Для работы в WWW используется протокол НТТР (Нуреr Техt Тransmission Рrotocol), а программы, позволяющие работать с соответствующими документами в Internet называют просмотрщиками или браузерами (browser).

В настоящее время на этом рынке доминируют два броузера: Navigator фирмы Netscape и Internet Explorer фирмы Мicrosoft. Они предоставляют пользователям весьма схожий интерфейс и набор основных возможностей и ведут на этом рынке весьма жёсткую конкурентную борьбу, постоянно обновляя предыдущие версии.

Использование НТМL для создания е-mail-писем в Ехр1оrеr-е позволяет использовать редактирование шрифта, цвета и другого сервиса. Internet Explorer в настоящее время поддерживает большинство платформ, является самым универсальным браузером.

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

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

Поскольку Internet Explorer фирмы Мicrosoft является наиболее используемым, для доступа к Internet был выбран именно этот браузер.

Алгоритм установки web-сервера

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

Вас спросят о том, в какой каталог вы хотели бы установить комплекс (по умолчанию используется C:\WebServers, вам нужно лишь нажать Enter, чтобы согласиться с этим выбором). В указанном каталоге будут расположены абсолютно все компоненты системы, и вне его никакие файлы в дальнейшем не создаются (исключая ярлыки на Рабочем столе).

Настоятельно рекомендуем вам устанавливать комплекс в каталог первого уровня — то есть, C:\WebServers, а не, например, C:\My\WebServers. Дело в том, что инсталляторы пакетов расширений ищут базовый комплект именно на первом уровне по всем дискам. И, если не находят, заставляют вас ввести имя директории вручную. Далее вам предложат ввести имя виртуального диска, который будет связан с только что указанной директорией. Рекомендуем вам согласиться со значением по умолчанию (Z:). Важно, что диска с этим именем еще не должно содержаться в системе — чаще всего так и происходит с диском Z:. Диск будет подключаться и отключаться автоматически и на любой системе, как вы захотите. Не пугайтесь также слов «виртуальный диск» — нет ничего удобнее, чем использовать его в связке с серверами. После этого начнется копирование файлов дистрибутива, а под конец вам будет задан вопрос, как именно вы собираетесь запускать и останавливать комплекс. У вас есть две альтернативы:

Создавать виртуальный диск при загрузке машины (естественно, инсталлятор позаботится, чтобы это происходило автоматически), а при остановке серверов его (диск) не отключать. На взгляд автора пакета — это наиболее удобный режим, и он сам пользуется только им.

Создавать виртуальный диск только по явной команде старта комплекса (при щелчке по ярлыку запуска на Рабочем столе). И, соответственно, отключать диск от системы — при остановке серверов.

В некоторых версиях Windows 98 имеется ошибка, в результате которой диск с первого раза не отключается — эксперименты и исследования показали, что это именно ошибка в системной команде subst, а не что-то иное.

Наконец, установка завершена. Сразу же щелкайте по созданному инсталлятором ярлыку Start servers на Рабочем столе, а затем, дождавшись, когда все консольные окна исчезнут, открывайте браузер и набирайте в нем адрес: http://localhost. Если тестовая страница все же не загрузится, проверьте: отключен ли у вас прокси-сервер в настройках браузера? запущен ли Денвер? если да, нет ли ошибок при щелчке на пиктограмме пера (справа внизу)? не запущен ли у вас какой-то другой Web-сервер, который мешает Денверу? Например, Microsoft IIS? Если да, отключите его.

Алгоритм настройки скриптов

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

Таблицы стилей

Способы применения CSS

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

Итак, различают четыре способа применения стилей:

1) переопределение стиля в элементе разметки;

2) размещение описания стиля в заголовке документа в элементе STYLE;

3) размещение ссылки на внешнее описание через элемент LINK;

4) импорт описания стиля в документ.

Здесь мы следуем за George Young из Microsoft (Cascading Style Sheets in Internet Explorer 4.0. Microsoft, 1997). Следует отметить, что импорт стиля не поддерживается в браузерах других производителей. Однако, т.к. патент на CSS1 принадлежит Microsoft, опустить импорт в нашем описании мы считаем неправильным.

Переопределение стиля:

Под переопределением стиля в элементе разметки мы понимаем применение атрибута STYLE у данного элемента разметки. Атрибут style можно применить внутри любого элемента разметки. Очевидно, что не всякие параметры стиля можно установить для конкретного элемента разметки. О типах элементов и соответсвующих парамерах стилей мы поговорим в разделе «Понятие блочного и строкового элемента». Здесь же следует отметить следующее: стили разработаны в первую очередь для управления отображением текста. Не следует увлекаться стилями при управлении отображением нетекстовых элементов HTML-разметки.

Элемент STYLE:

Применение элемента STYLE — это основной способ внедрения каскадных таблиц стилей в ткань HTML-документа. Кроме управления отображением элементов разметки элемент STYLE позволяет описывать стилевые свойства элементов, которые можно изменять при программировании на JavaScript.

Элемент STYLE позволяет определить стиль отображения для:

стандартных элементов HTML-разметки

произвольных классов (селектор class)

HTML-объектов (селектор id)

К сожалению, работа с селекторами в браузерах различных производителей может преподнести различного рода сюрпризы. Особенно это касается работы с селектором ID. Будем считать правильной интерпретацию Microsoft как держателя патента на спецификацию CSS.

Понятие селектора, применение селекторов и формальный синтаксис CSS мы обсудим в разделах «Синтаксис» и «Наследование и переопределение».

Ссылка на внешнее описание:

Ссылка на описание стиля, расположенное за пределами документа, осуществляется при помощи элемента LINK, который размещают в элементе HEAD. Внешнее описание может представлять из себя файл, содержание которого — описание стилей. Описание стилей в этом файле будет по синтаксису в точности совпадать с содержанием элемента STYLE. Важными здесь являются значения атрибутов rel и type. Rel обязан иметь значение «stylesheet». Type может принимать значения: «text/css» или «text/javascript». Второй тип описания стилей введен Netscape. Его мы в данном учебном курсе не обсуждаем. Атрибут href задает универсальный локатор ресурса (URL) для внешнего файла описания стилей. Это может быть ссылка на файл с любым именем, а не только на файл с расширением *.css.

Импорт описания стилей:

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

Оператор импорта стиля должен предшествовать всем прочим описателям стилей. Импортируемый стиль можно переопределить либо через описатель элемента в STYLE, либо через атрибут элемента style.

2.3 Разработка интерфейса взаимодействия пользователя с системой

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

Система навигации по сайту логична и интуитивно понятна посетителям.

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

горизонтальное навигационное меню, которое содержит ссылки на основные разделы сайта;

Навигационная карта в центре страницы, которая содержит ссылки на пункты подменю в разделе «Страны»;

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

Естественность (интуитивность)

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

Непротиворечивость

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

Неизбыточность

Это означает, что информация по всем вопросам должна быть представлена наиболее полно, но не быть лишней.

Непосредственный доступ к системе помощи

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

Внешний вид страниц должен соответствовать следующим эргономическим требованиям:

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

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

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

Результатом проектирования главной страницы является схема изображенная на рисунке 2.2

5	1	6
	2
	3
	4

Рисунок 2.2 — Структура главной страницы

Главная страница разбита на шесть логических блоков:

1 — заголовочная часть: содержит название и телефон фирмы;

2 — блок, содержащий горизонтальное меню;

3 — блок, содержащий навигационную карту;

4 — навигационное меню, состоящее из семи кнопок, которое позволяет перейти к нужной странице на сайте;

5-фоновое изображение;

6-фоновое изображение.

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

Общее оформление всего сайта, как и главной страницы, выполнено в коричневых тонах, согласно с концепцией сайта. Оформление страниц соответствует эргономическим требованиям.

Глава 3. Разработка транзакций

3.1 Описание проекта

Процесс разработки программы разделён на следующие этапы:

1) Выбор темы проекта:

Сайт туристического агентства «Интер-Транстур» разрабатывается на основании заказа данной фирмы для размещения в сети Интернет.

2) Подбор и разбиение информации на логические блоки:

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

3) Составление и создание структуры сайта (рисунок 3.1)

Рисунок 3.1 — Макет сайта

4) Заполнение страниц базовой информацией:

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

5) Создание графики для сайта:

Для создания графики сайта используется графический редактор Аdobe Photoshop CS3, необходимый как для обработки изображения, так и для оформления текста меню.

6) Создание навигационного меню:

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

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

7) Проектирование и разработка системы гиперссылок:

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

8)Работа с формой:

Для разработки страниц заказа путевок использовались элементы формы: текстовые поля и кнопки для создания которых использовался Web-редактор Macromedia Dreamweaver МХ и его возможностей по работе с НТМL кодом;

9) Создание программной части сайта:

Сайт написан на языке программирования РНР для того, чтобы можно было работать с базой данных МуSQL, так как заполнение сайта из базы значительно ускоряет его загрузку.

10) Тестирование:

Необходимо провести следующие виды испытаний:

* тестирование ввода данных, при допустимых, недопустимых и ограниченных значениях;

* тестирование при различных системных параметрах;

* тестирование функций сайта.

В процессе тестирования отследить ошибки размещения объектов на страницах и ошибки работы.

11) Размещение в сети Интернет.

Размещение главной страницы с прилагаемыми файлами и папками на сервере.

3.2 Способы доступа к данным

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

3.3 Демонстрация работающего проекта

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

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

Тест 1: Отображение страниц при разном разрешении.

1) Разрешение монитора 1024 х 768- корректноe отображение всех элементов страниц, смещения или «наплывания» друг на друга отдельных элементов страниц не происходит.

2) Разрешение монитора 800 х 600 — корректноe отображение всех элементов страниц, смещения или «наплывания» друг на друга отдельных элементов страниц не происходит, но необходимо пользоваться вертикальными и горизонтальными полосами прокрутки.

3) Разрешение монитора 1280 х 1024 — корректноe отображение всех элементов страниц, смещения или «наплывания» друг на друга отдельных элементов страниц не происходит.

4) Разрешение монитора 1280 х 768 — корректноe отображение всех элементов страниц, смещения или «наплывания» друг на друга отдельных элементов страниц не происходит.

Можно сделать вывод, что при всех протестированных разрешениях страницы отображаются корректно.

Тест 2: Отображение страниц в разных браузерах.

1) Internet Explorer

На локальном компьютере, при запущенном сервере, в адресную строку браузера вводим www. intertranstour.ru и просматриваем его в браузере Internet Explorer. Среднее время загрузки составляет 3 секунды, что является вполне допустимым с учетом имеющегося числа программных элементов. Все элементы страниц отображаются корректно, в частности не возникает проблем с отображением меню. При отображении страницы не происходит смещения элементов друг относительно друга. Все ссылки, поиск, гостевая книга и форум работают корректно.

2) Firefox

На локальном компьютере, при запущенном сервере, в адресную строку браузера вводим www. intertranstour.ru и просматриваем его в браузере Firefox. Среднее время загрузки составляет 3 секунды, что является вполне допустимым с учетом имеющегося числа программных элементов. Все элементы страниц отображаются корректно. При отображении страниц не происходит смещения элементов друг относительно друга. Все ссылки, поиск, гостевая книга и форум работают корректно.

3) Netsсаре

На локальном компьютере, при запущенном сервере, в адресную строку браузера вводим www. intertranstour.ru и просматриваем его в браузере Netsсаре. Среднее время загрузки составляет 5 секунд, что является вполне допустимым с учетом имеющегося числа программных элементов. Все элементы страниц отображаются корректно. При отображении страниц не происходит смещения элементов друг относительно друга. Все ссылки, поиск, гостевая книга и форум работают корректно.

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

Тест 4: Заполнение формы заказа путевки.

1) Допустимые значения.

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

имя: Екатерина;

фамилия: Кудикова;

отчество: Сергеевна

адрес е-mail: [email protected]

телефон:423465;

адрес: г. Смоленск, ул. Нормандии-Неман, д.24В кв.25

При заполнении полей формы проблем не возникло, по щелчку на кнопку «Оформить заказ», выдаётся сообщение об успешно пройденном заказе.

3) Недопустимые значения

Загрузим страницу с формой для заполнения регистрационной формы. Обязательные поля поля (Имя,фамилия, отчество, адрес е-mail, телефон, адрес) оставляем незаполненными.

По щелчку на кнопку «Оформить заказ», выдаётся сообщение о том, что адрес е-mail неправилен и обязательные поля не заполнены.

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

3.4 Разработка сопроводительных документов

Дипломный проект представляет собой туристического агентства «Интер-Транстур».

Назначение разработки — разработанный сайт должен обеспечивать выполнение следующих функций:

предоставление информации должно быть в удобной и понятной для пользователей форме;

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

Требования к программе или программному изделию

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

Требования к структуре: иерархия в навигационной системе сайта должна соответствовать содержимому страниц.

Требования к надёжности: должны быть обеспечены восстановление данных после сбоев, сохранение данных.

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

Требования к тестированию.

Необходимо провести следующие тесты:

* тестирование при различных системных параметрах;

* тестирование функций сайта

В процессе тестирования отследить ошибки размещения объектов на страницах и ошибки работы.

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

Минимальный набор технических средств для работы сайта:

— Процессор — Реntium 700 МГц;

— Оперативная память 128 Мб;

— Стандартный SVСА монитор;

— Сетевая карта и модем;

— Клавиатура, мышь.

Стадии и этапы разработки

I. Техническое задание:

1. Обоснование необходимости разрабатываемой программы:

1.1. Постановка задачи;

1.2. Сбор исходных материалов;

1.3. Выбор и обоснование критериев эффективности и качества разрабатываемого сайта.

2. Научно — исследовательские работы

2.1. Определение структуры входных и выходных данных;

2.2. Предварительный выбор методов решения задач;

2.3.Обоснование целесообразности применения ранее разработанных программ;

2.4. Определение требований к техническим средствам;

2.5. Обоснование принципиальной возможности решения поставленной задачи.

3. Разработка и утверждение технического задания:

3.1. Определение требований к сайту;

3.2. Определение стадий, этапов и сроков разработки сайта и документации на него;

3.3. Выбор средств разработки;

3.4.Определение необходимости проведения научно-исследовательских работ на последующих стадиях;

3.5. Согласование и утверждение технического задания.

II Эскизный проект:

1. Разработка эскизного проекта;

1.1. Предварительная разработка структуры входных и выходных данных;

1.2. Уточнение методов решения задачи;

1.3. Разработка общего алгоритма решения задачи;

2. Утверждение эскизного проекта:

2.1. Разработка пояснительной записки;

2.2. Согласование и утверждение данного проекта.

III Технический проект:

1. Разработка технического проекта:

1.1. Уточнение структуры входных и выходных данных;

1.2. Разработка алгоритма решения задачи;

1.3. Определение формы представления входных и выходных данных:

1.4. Определение семантики и синтаксиса языка;

1.5. Разработка структуры сайта:

1.6. Окончательное определение конфигурации технических средств. 2. Утверждение технического задания

2.1. Разработка плана мероприятий по разработке и внедрению сайта;

2.2. Разработка пояснительной записки;

2.3. Согласование и утверждение технического проекта.

IV Рабочий проект:

1. Разработка сайта:

1.1. Программирование и отладка сайта.

2. Разработка программной документации:

2.1. Разработка программных документов в соответствии с требованиями стандарта ЕСПД.

3. Испытание программы:

3.1. Разработка согласования, утверждения программы и методики испытаний;

3.2. Корректировка сайта и программной документации по результатам испытаний.

В описание программы вносятся сведения о логической структуре и функционировании программы.

Общие сведения

В рамках дипломного проектирования был разработан сайт туристического агентства «Интер-Транстур», предназначенный для рекламирования фирмы и предоставления информации о ее деятельности. Web-проект создан с использованием языка разметки гипертекстов НТМL, РНР, JavaScript.

Функциональное назначение

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

Вызов и загрузка

Для просмотра сайта достаточно, при запущенном локальном сервере, набрать в адресной строке браузера адрес сайта: www.intertranstour.ru.

Эксплуатационная документация может включать следующий комплекс документов:

— Ведомость эксплуатационных документов — перечень эксплуатационных документов на программный продукт:

— Описание применения, в котором содержатся сведения о назначении, области применения программного продукта, методах и классе решаемых задач;

— Руководство программиста, содержащее сведения, необходимые для эксплуатации программного продукта;

— Руководство оператора — сведения, необходимые для обеспечения процедуры общения оператора с ЭВМ в процессе выполнения (работы) программного продукта.

Ведомость эксплуатационных документов включает перечень эксплуатационных документов на программу (Таблица 3.1)

Таблица 3.1 -Ведомость эксплуатационной документации

Обозначение	Наименование	Кол-во экз.	Местонахождение
А.В.00130-013101-1	Описание применения	1	Папка № 1
А.В.00130-013201-1	Руководство системного программиста	1	Папка № 1
А.В.00130-013401-1	Руководство оператора	1	Папка №1

Назначение программы

Условия применения

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

Описание задачи

Задачи выполняемые сайтом:

предоставление информации должно быть в удобной и понятной для пользователей форме;

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

Настройка сайта

Для правильного функционирования отдельных элементов сайта необходимо установить виртуальный сервер (см. п. 2.2). Настройка сайта заключается в установке индивидуальных параметров браузера, таких как кодировка страниц — «Юникод (UTF-8)»; при необходимости разрешить заблокированное содержимое, что вызвано использованием скриптов.

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

Сайт реализует следующие функции:

предоставление информации должно быть в удобной и понятной для пользователей форме;

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

Условия выполнения программы

Сайт правильно функционирует при следующем минимальном наборе технических средств:

— Процессор — Рentium 700 МГц;

— Оперативная память 128 Мб;

— Стандартный SVGА монитор;

— Сетевая карта и модем;

— Клавиатура, мышь.

Выполнение программы

Для начала работы с сайтом нужно убедиться, что папка webServers с локальным сервером установлена в корневую директорию диска С, затем в папке webservers/etc запустить файл run.ехе для запуска сервера. Затем загрузить браузер и ввести в адресную строку www.intertranstour.ru, после чего произойдет загрузка сайта на локальном компьютере.

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

Главная страница разбита на шесть логических блоков:

1 — заголовочная часть: содержит логотип и телефон фирмы;

2 — блок, содержащий горизонтальное меню;

3 — блок, содержащий навигационную карту;

4 — навигационное меню, состоящее из семи кнопок, которое позволяет перейти к нужной странице на сайте;

5-блок, содержащий фоновое изображение;

6- блок, содержащий фоновое изображение;

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

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

На странице «Визы» указан перечень документов, необходимых для получения визы.

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

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

ЗАКЛЮЧЕНИЕ

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

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

Проведено тестирование сайта (проверка его работоспособности, отыскание и исправление ошибок).

Сайт имеет простую и удобную навигационную систему, понятную для пользователя

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

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

Список литературы

сайт туристический агенство

1. Создание WEB — сайтов без посторонней помощи. Под ред. В.Н. Печникова. — М.: Технический бесцеллер, 2006.

2. Старыгин А. ХМL: разработка WEB — приложений. — СПб.: БХВ — Петербург, 2003.

3. Создание Web-страниц и Web-сайтов. Самоучитель: Учебн. пособ. Под. Ред. В.Б. Комягина, В. Н. Печникова. — М.: Издательство ТРИУМФ, 2003.

4. Матросов А.В. НТМL 4.0 / А.В. Матросов, А.О. Сергеев, М.П, Чаунин. — СПб.: БХВ — Петербург, 2003. — 672 с.

5. Молли Э. Хольцшлаг. Использование НТМL и ХНТМL. — М.: Вильяме, 2004.

6. Деван Шеперд. Освой самостоятельно ХМL за 21 день. — М.: Вильяме, 2002.

7. Джеймс Ли, Брент Уэр. Использование Linux, Аpache, МуSQL и РНР для разработки WEB-приложений. — М.: Вильяме, 2004, — 432 с.

8. Дунаев В. Самоучитель JavaScript, 2-е изд. — СПб, Питер, 2006

9. Компьютерные сети и сетевые технологии: Пер. с англ./ Марк Спортак, Френк Паппас и др. — К.: ООО «ТИД «ДС», 2002.

10. Климов А.П. JavaScript в примерах. — СПб, БХВ — Петербург, 2006.

11. Тимофеев Г.С., Тимофеева Е.В. Графический дизайн. Серия «Учебный курс». Ростов н/Д: Феникс, 2004.

12. Томас М. и др. Секреты программирования для Internet на Java. Перев. С англ. — СПб: Питер, 1997.

13. Том Армстронг. ActiveX: создание WEB-приложений: пер. с англ. — К.: Издательская группа ВНV, 1998.

14. Хабибуллин И. Самоучитель ХМL. — СПб.: БХВ — Петербург, 2003.

15. Шафран Э. Создание Web -страниц: самоучитель. — СПб: Издательство «ПИТЕР», 2000.

16. Шерри Хатсон. Photoshop для WEB — дизайнера. — Куриц — образ, М., 2006.

17. Э. Уотролл. DreamWeawer MX 2004. Трюки. — СПб, Питер, 2006.

18. Якушина Е. Интернет, создаём Web-страничку.- СПб: Питер, 2000.

19. Технологии корпоративных сетей. Энциклопедия — СПб: Издательство «Питер», 2000.

20. Типовые нормы времени на программирование задач для ЭВМ/Всесоюзный НИИ Статистической информационной системы Госкомстата СССР. — М. Экономика, 1989.-125с.

21. Налоговый кодекс Российской Федерации, часть I.: офиц. Текст по состоянию на 16 июля 1998 г. / ГД ФС РФ. М.: Норма: ИНФРА-М, 1998. — 368 с.

22. Налоговый кодекс Российской Федерации, часть II.: офиц. Текст по состоянию на 19 июля 2000 г. / ГД ФС РФ. М.: Норма: ИНФРА-М, 2000. — 435 с.

23. Санитарные правила и нормы, утвержденные Постановлением Госкомсанэпиднадзора России от 30 мая 2003 г. № 4673 СанПиН 2.2.2/2.4.1340-03.

24. Браун М., Ханникатт Д. HTML 3.2. в подлиннике. — СПб.: ВНV-Санкт — Петербург, 1999.

25. Бучек Г. АSР.NЕТ: Учебный курс. — СПб.: Питер, 2002.

26. В. Дунуев. WEB — графика, нужные программы. — СПб, БХВ — Петербург, 2006.

27. Глушаков С.В., Жакин И.А., Хачиров Т.С. Программирование WEB-страниц: Учебный курс. — Харьков: Фолио, 2002.

ПРИЛОЖЕНИЕ А

Листинг программы

var clear=»images/clear.gif» //path to clear.gif

pngfix=function(){var els=document.getElementsByTagName(‘*’);var i_p=/\.png/i;var i=els.length;while (i— >0){var el=els[i];var es=el.style;if(el.src&&el.src.match(i_p)&&es.filter==»){el.height = el.height;el.width = el.width;es.filter = «progid:DXImageTransform.Microsoft.AlphaImageLoader(src='»+el.src+»‘,sizingMethod=’crop’)»;el.src = clear;}else{var elb=el.currentStyle.backgroundImage;if(elb.match(i_p)){var path=elb.split(‘»‘);var rep=(el.currentStyle.backgroundRepeat==’no-repeat’)?’crop’:’scale’;es.filter=»progid:DXImageTransform.Microsoft.AlphaImageLoader(src='»+path[1]+»‘,sizingMethod='»+rep+»‘)»;es.height=el.clientHeight+’px’;es.backgroundImage=»none»;}}if (el.currentStyle.position!=’absolute’ && !es.filter && !el.tagName.match(/(body|html|script)/gi)) es.position=»relative»;if (es.filter&&el.currentStyle.position==»relative») es.position=»static»;}}

window.attachEvent(‘onload’,pngfix);

preload.js

_load.src = «image/load.jpg»;

share.src = «image/share.gif»;

background.src = «image/background.jpg»;

maps_01.src = «image/maps_01.png»;

maps_02.src = «image/maps_02.gif»;

maps_03.src = «image/maps_03.png»;

maps_04.src = «image/maps_04.png»;

maps_05.src = «image/maps_05.png»;

maps_06.src = «image/maps_06.jpg»;

maps_07.src = «image/maps_07.jpg»;

maps_08.src = «image/maps_08.jpg»;

maps_09.src = «image/maps_09.jpg»;

maps_10.src = «image/maps_10.jpg»;

maps_11.src = «image/maps_11.jpg»;

maps_12.src = «image/maps_12.jpg»;

maps_13.src = «image/maps_13.jpg»;

maps_14.src = «image/maps_14.jpg»;

maps_15.src = «image/maps_15.png»;

tube.src = «image/tube.gif»;

compas.src = «image/compas.gif»;

papirus.php

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

<head>

<!—[if IE 6]><script type=»text/javascript» src=»unitpngfix.js»></script></script><![endif]—>

</script>

</script>

function country_over(id)

document.getElementById(‘country_meny’).style.display = «block»;

function country_out(id)

document.getElementById(‘country_meny’).style.display = «none»;

function load_img_meny(id)

if (id == «country_meny_1»)

document.getElementById(id).src = «image/Avstralia_clk.png»;

if (id == «country_meny_2»)

document.getElementById(id).src = «image/Amerika_clk.png»;

if (id == «country_meny_3»)

document.getElementById(id).src = «image/Evrazia_clk.png»;

if (id == «country_meny_4»)

document.getElementById(id).src = «image/Afrika_clk.png»;

function unload_img_meny(id)

if (id == «country_meny_1»)

document.getElementById(id).src = «image/Avstralia.png»;

if (id == «country_meny_2»)

document.getElementById(id).src = «image/Amerika.png»;

if (id == «country_meny_3»)

document.getElementById(id).src = «image/Evrazia.png»;

if (id == «country_meny_4»)

document.getElementById(id).src = «image/Afrika.png»;

</script>

</head>

<!— kontent —>

<?php

mysql_connect(«localhost», «intertr_admin», «Q12wtAM») or die(«Could not connect to MySQL server!»);

mysql_select_db(«intertr_database») or die(«Could not select company database!»);

$query = «SET NAMES utf8»;

$result = mysql_query($query);

$query = «SET CHARACTER SET utf8»;

$result = mysql_query($query);

include(«kontent.inc»);

$id=$_GET[‘content’];

$id_content=$_GET[‘id_continent’];

if ($id == ‘country’)

get_country();

if ($id == ‘spec’)

get_spec();

if ($id == ‘visa’)

get_visa();

if ($id == ‘contact’)

get_contact();

if ($id == ‘company’)

get_company();

if ($id == ‘continent_america’)

get_America();

if ($id == ‘continent_africa’)

get_Africa();

if ($id == ‘continent_avstralia’)

get_Avstralia();

if ($id == ‘continent_evrazia’)

get_Evrazia();

if ($id == ‘visa_francia’)

get_visa_francia();

if ($id == ‘visa_italia’)

get_visa_italia();

if ($id == ‘visa_Sveicaria’)

get_visa_Sveicaria();

mysql_close();

</div>

</div>

</div>

<?php

mysql_connect(«localhost», «intertr_admin», «Q12wtAM») or die(«Could not connect to MySQL server!»);

mysql_select_db(«intertr_database») or die(«Could not select company database!»);

$query = «SET NAMES utf8»;

$result = mysql_query($query);

$query = «SET CHARACTER SET utf8»;

$result = mysql_query($query);

if ($id == ‘visa_francia’)

get_visa_francia_continue();

if ($id == ‘visa_italia’)

get_visa_italia_continue();

if ($id == ‘visa_Sveicaria’)

get_visa_continue_Sveicaria();

</body>

</html>

Main.php

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

<head>

<title>ИНТЕР-ТРАНСТУР</title>

<!—[if IE 6]><script type=»text/javascript» src=»unitpngfix.js»></script></script><![endif]—>

</script>

</script>

function country_over()

document.getElementById(‘country_meny’).style.display = «block»;

function country_out()

document.getElementById(‘country_meny’).style.display = «none»;

function over_but_meny(id)

document.getElementById(id).style.background = «url(‘image/menu_clk.jpg’)»;

function out_but_meny(id)

document.getElementById(id).style.background = «url(‘image/menu.jpg’)»;

}</script>

</head>

</div>

<!— meny —>

<!— America —>

<a href=»papirus.php?content=continent_america»><div id =’1′ style=»margin-left:3px; clear:both; background:url(image/menu.jpg); width:150px; height:25px; border:1px; solid;» onmouseover=»over_but_meny(‘1’)» onmouseout=»out_but_meny(‘1’)»><font COLOR=»#000000″ style=»font-family:Georgia, ‘Times New Roman’, Times, serif; margin-left:10px; font-size:18px;»>Америка</font></div></a>

<!— AFrica —>

<a href=»papirus.php?content=continent_africa»><div id =’2′ style=»margin-left:3px; clear:both; background:url(image/menu.jpg); width:150px; height:25px; border:1px; solid;» onmouseover=»over_but_meny(‘2’)» onmouseout=»out_but_meny(‘2’)»><font COLOR=»#000000″ style=»font-family:Georgia, ‘Times New Roman’, Times, serif; margin-left:10px; font-size:18px;»>Африка</font></div></a>

<!— Avstralia —>

<a href=»papirus.php?content=continent_avstralia»><div id =’3′ style=»margin-left:3px; clear:both; background:url(image/menu.jpg); width:150px; height:25px; border:1px; solid;» onmouseover=»over_but_meny(‘3’)» onmouseout=»out_but_meny(‘3’)»><font COLOR=»#000000″ style=»font-family:Georgia, ‘Times New Roman’, Times, serif; margin-left:10px; font-size:18px;»>Австралия</font></div></a>

<!— Evrazia —>

<a href=»papirus.php?content=continent_evrazia»><div id =’4′ style=»margin-left:3px; clear:both; background:url(image/menu.jpg); width:150px; height:25px; border:1px; solid;» onmouseover=»over_but_meny(‘4’)» onmouseout=»out_but_meny(‘4’)»><font COLOR=»#000000″ style=»font-family:Georgia, ‘Times New Roman’, Times, serif; margin-left:10px; font-size:18px;»>Евразия</font></div></a>

</div>

<!— /meny —></div>

</div>

</div>

</div>

</div>

</div>

</map>

</body>

</html>

kontent.inc

<?php

function get_country()

{$query = «select * from kontinent»;

$result = mysql_query($query);

for ($i = 0;$i<4; $i++)

$kontinent = mysql_result($result, $i, ‘name’);

$id_kontinent = mysql_result($result, $i, ‘id’);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$kontinent</font> <br>»;

$query = «select * from Country where id_kontinent = $id_kontinent»;

$res = mysql_query($query);

if (mysql_num_rows($res) == 0)

{echo «    »;

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»> </font>»;

echo «<p>»;

}else

echo «<table width=400 style=\»margin:0px auto;\»>»;

for ($j = 0;$j<mysql_num_rows($res);$j+=2)

echo «<tr>»;

$country = mysql_result($res,$j,’name’);

$id_country = mysql_result($res,$j,’id_country’);

echo «<td><a href=\»country_description.php?id=$id_country\»><font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$country</font></a></td>»;

if ((mysql_num_rows($res) — $j) > 1)

country = mysql_result($res,$j+1,’name’);

$id_country = mysql_result($res,$j+1,’id_country’);

echo «</tr>»;

echo «</table>»;

echo «<br>»;

function get_spec()

$query = «select * from other_kontent where id = 3»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$kontent</font>»;

function get_visa()

$query = «select * from other_kontent where id = 4»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$kontent</font>»;

function get_contact()

$query = «select * from other_kontent where id = 1»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$kontent</font>»;

function get_company()

$query = «select * from other_kontent where id = 2»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, seriff\»>$kontent</font>»;

function get_America()

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif</font> <br>»;

$query = «select * from Country where id_kontinent = 1»;

$res = mysql_query($query);

if (mysql_num_rows($res) == 0)

echo «    »;

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»> echo «<p>»;

}else

echo «<table width=400 style=\»margin:0px auto;\»>»;

for ($j = 0;$j<mysql_num_rows($res);$j+=2)

echo «<tr>»;

$country = mysql_result($res,$j,’name’);

$id_country = mysql_result($res,$j,’id_country’);

if ((mysql_num_rows($res) — $j) > 1)

$country = mysql_result($res,$j+1,’name’) or die();

$id_country = mysql_result($res,$j+1,’id_country’) or die();

echo «</tr>»;

echo «</table>»;

echo «<br>»;

function get_Africa()

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>¦РTДTА¦¬¦¦¦-</font> <br>»;

$query = «select * from Country where id_kontinent = 2»;

$res = mysql_query($query);

if (mysql_num_rows($res) == 0)

echo «    »;

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif </font>»;

echo «<p>»;

}else

echo «<table width=400 style=\»margin:0px auto;\»>»;

for ($j = 0;$j<mysql_num_rows($res);$j+=2)

echo «<tr>»;

$country = mysql_result($res,$j,’name’);

$id_country = mysql_result($res,$j,’id_country’);

if ((mysql_num_rows($res) — $j) > 1)

$country = mysql_result($res,$j+1,’name’);

$id_country = mysql_result($res,$j+1,’id_country’);

echo «</tr>»;

echo «</table>»;

echo «<br>»;

function get_Avstralia()

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»></font> <br>»;

$query = «select * from Country where id_kontinent = 3»;

$res = mysql_query($query);

if (mysql_num_rows($res) == 0)

echo «    »;

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»> В</font>»;

echo «<p>»;

}else

echo «<table width=400 style=\»margin:0px auto;\»>»;

for ($j = 0;$j<mysql_num_rows($res);$j+=2)

{echo «<tr>»;

$country = mysql_result($res,$j,’name’);

$id_country = mysql_result($res,$j,’id_country’);

if ((mysql_num_rows($res) — $j) > 1)

{

$country = mysql_result($res,$j+1,’name’);

$id_country = mysql_result($res,$j+1,’id_country’);

}

echo «</tr>»;

echo «</table>»;

echo «<br>»;

function get_Evrazia()

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>П</font> <br>»;

$query = «select * from Country where id_kontinent = 4»;

$res = mysql_query($query);

if (mysql_num_rows($res) == 0)

{echo «    »;

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif </font>»;

echo «<p>»;

}else

echo «<table width=400 style=\»margin:0px auto;\»>»;

for ($j = 0;$j<mysql_num_rows($res);$j+=2)

echo «<tr>»;

$country = mysql_result($res,$j,’name’);

$id_country = mysql_result($res,$j,’id_country’);

if ((mysql_num_rows($res) — $j) > 1)

$country = mysql_result($res,$j+1,’name’);

$id_country = mysql_result($res,$j+1,’id_country’);

echo «</tr>»;

echo «</table>»;

echo «<br>»;

function get_visa_francia()

$query = «select * from other_kontent where id = 7»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

$string = substr($kontent,0,3006);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$string</font>»;

function get_visa_francia_continue()

$query = «select * from other_kontent where id = 7»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

$count = strlen($kontent);

$count_list = $count / 3000;

for ($i = 1;$i<$count_list;$i = $i+1)

echo «<div style=\»clear:both; margin:0px auto; width:992px;\»>»;

echo «<div style=\»float:left; background:url(image/papirus_no_meny_01.png); width:132px; height:1044px;\»></div>»;

echo «<div style=\»float:left\»>»;

echo «<div style=\»background:url(image/papirus_no_meny_02.png); width:716px; height:48px;\»></div>»;

echo «<div style=\»background:url(image/papirus_no_meny_04.jpg); width:716px; height:848px;\»>»;

echo «<div style=\»z-index:2;position:absolute; margin-top:80px; margin-left:50px; width:600px;\»>»;

$string = substr($kontent,$i*3006,3006);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$string</font>»;

echo «</div>»;

echo «<div style=\»background:url(image/papirus_no_meny_05.png); width:716px; height:148px;\»></div>»;

echo «</div>»;

echo «<div style=\»float:left; background:url(image/papirus_03.png); width:144px; height:1044px;\»></div>»;

echo «</div>»;

function get_visa_italia()

$query = «select * from other_kontent where id = 8»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

$string = substr($kontent,0,2700);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$string</font>»;

function get_visa_italia_continue()

$query = «select * from other_kontent where id = 8»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

$count = strlen($kontent);

$count_list = $count / 3000;

for ($i = 1;$i<$count_list;$i = $i+1)

echo «<div style=\»clear:both; margin:0px auto; width:992px;\»>»;

echo «<div style=\»float:left; background:url(image/papirus_no_meny_01.png); width:132px; height:1044px;\»></div>»;

echo «<div style=\»float:left\»>»;

echo «<div style=\»background:url(image/papirus_no_meny_02.png); width:716px; height:48px;\»></div>»;

echo «<div style=\»background:url(image/papirus_no_meny_04.jpg); width:716px; height:848px;\»>»;

echo «<div style=\»z-index:2;position:absolute; margin-top:80px; margin-left:50px; width:600px;\»>»;

$string = substr($kontent,$i*2700,2700);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$string</font>»;

echo «</div>»;

echo «<div style=\»background:url(image/papirus_no_meny_05.png); width:716px; height:148px;\»></div>»;

echo «</div>»;

echo «<div style=\»float:left; background:url(image/papirus_03.png); width:144px; height:1044px;\»></div>»;

echo «</div>»;

function get_visa_Sveicaria()

$query = «select * from other_kontent where id = 9»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

$string = substr($kontent,0,2502);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$string</font>»;

function get_visa_continue_Sveicaria()

$query = «select * from other_kontent where id = 9»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

$count = strlen($kontent);

$count_list = $count / 2502;

for ($i = 1;$i<$count_list;$i = $i+1)

echo «<div style=\»clear:both; margin:0px auto; width:992px;\»>»;

echo «<div style=\»float:left; background:url(image/papirus_no_meny_01.png); width:132px; height:1044px;\»></div>»;

echo «<div style=\»float:left\»>»;

echo «<div style=\»background:url(image/papirus_no_meny_02.png); width:716px; height:48px;\»></div>»;

echo «<div style=\»background:url(image/papirus_no_meny_04.jpg); width:716px; height:848px;\»>»;

echo «<div style=\»z-index:2;position:absolute; margin-top:80px; margin-left:50px; width:600px;\»>»;

$string = substr($kontent,$i*2504,2504);

echo «<font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$string</font>»;

echo «</div>»;

echo «<div style=\»background:url(image/papirus_no_meny_05.png); width:716px; height:148px;\»></div>»;

echo «</div>»;

echo «<div style=\»float:left; background:url(image/papirus_03.png); width:144px; height:1044px;\»></div>»;

echo «</div>»;

Index.php

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

<head>

<title>ИНТЕР-ТРАНСТУР</title>

</script>

</script>

function preload(images) {

if (typeof document.body == «undefined») return;

try {

var div = document.createElement(«div»);

var s = div.style;

s.position = «absolute»;

s.top = s.left = 0;

s.display = «none»;

document.body.appendChild(div);

for (var i = 0; i < images.length; i++) div.innerHTML += «<img src=\»» + images[i] + «\» />»;

} catch(e) {

document.write(«Error»);

}function redir()

window.location.href = «main.php»;

var possition = 200;

var pos = true;

//onload=redir()

</script>

</head>

<div style=»float:left;background:url(image/load.jpg); width:500px; height:200px;»></div>’);

<div style=» float:left;background:url(share.gif); width:200px; height:200px;»></div>’);

</div>

function resize()

if (pos == true)

document.getElementById(‘krabic’).style.left=possition+’px’;

possition = possition + 1;

if (possition == 650)

pos = false

}else

document.getElementById(‘krabic’).style.left=possition+’px’;

possition = possition — 1;

if (possition == 200)

pos = true

setTimeout(‘resize()’,1);

resize();

preload(arr);

</script>

</body>

</hml>

Img.js

var arr = new Array(«image/background.jpg»,»image/chernic.gif»,»image/compas.gif»,»image/Krab.gif»,»image/load.jpg»,»image/menu_clk.jpg»,»image/menu.jpg», «image/pero.gif»,»image/share.gif»,»image/logo.png»,»image/tube.gif»,»image/maps_01.jpg»,»image/maps_01.jpg»,»image/maps_01.png»,»image/maps_02.png»,»image/maps_03.png»,»image/maps_04.jpg»,»image/maps_05.jpg»,»image/maps_06.jpg»,»image/maps_07.jpg»,»image/maps_08.jpg»,»image/maps_09.jpg»,»image/maps_10.jpg»,»image/maps_11.png»,»image/maps_12.jpg»,»image/maps_13.png»,»image/maps_14.png»,»image/maps_15.jpg»,»image/maps_16.png»,»image/maps_17.png»,»image/papirus_01.png»,»image/papirus_02.png»,»image/papirus_03.png»,»image/papirus_04.jpg»,»image/papirus_05.jpg»,»image/papirus_06.jpg»,»image/papirus_07.jpg»,»image/papirus_08.jpg»,»image/papirus_09.jpg»,»image/papirus_10.jpg»,»image/papirus_11.jpg»,»image/papirus_12.png»);

country_description.php

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

<head>

<title>Интер-транстур</title>

<!—[if IE 6]><script type=»text/javascript» src=»unitpngfix.js»></script></script><![endif]—>

</script>

</script>

function over(id)

document.getElementById(id).style.width=190+’px’;

document.getElementById(id).style.height=165+’px’;

function out(id)

document.getElementById(id).style.width=170+’px’;

document.getElementById(id).style.height=150+’px’;

function clk(id)

myWin= open(«», «displayWindow»,

«width=700,height=500,status=no,toolbar=no,menubar=no»);

// ??????? ?????? document ??? ??????????? ??????

myWin.document.open();

// ???????????? ????? ????????

myWin.document.write(«<html><head><title>Image»);

myWin.document.write(«</title></head><body>»);

myWin.document.write(«<center><font size=+3>»);

myWin.document.write(‘<img src=’+document.getElementById(id).src+’ width=700 height=500>’);

myWin.document.write(«</font></center>»);

myWin.document.write(«</body></html>»);

// ??????? ???????? — (?? ?? ????!)

myWin.document.close();

</script>

</head>

<?php

$id=$_GET[‘id’];

mysql_connect(«localhost», «intertr_admin», «Q12wtAM») or die(«Could not connect to MySQL server!»);

mysql_select_db(«intertr_database») or die(«Could not select company database!»);

$query = «SET NAMES utf8»;

$result = mysql_query($query);

$query = «SET CHARACTER SET utf8»;

$result = mysql_query($query);

$query = «select * from Country where id_country=$id»;

$result = mysql_query($query);

$country_name = mysql_result($result, 0, ‘name’);

echo «<div style=\»padding-left:50px;\»><font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$country_name</font><br>»;

$query = «select * from image_country where id_country=$id»;

$result = mysql_query($query);

echo»<table width=600>»;

echo»<tr>»;

$image = mysql_result($result, 0, ‘image’);

echo»<td width=\»190\» height=\»165\»><img id=\»one\» src=$image width=175 height=150 onmouseover=\»over(‘one’)\» onmouseout=\»out(‘one’)\» onclick=\»clk(‘one’)\» /></td>\n»;

$image = mysql_result($result, 1, ‘image’);

echo»<td width=\»190\» height=\»165\»><img id=\»tow\» src=$image width=175 height=150 onmouseover=\»over(‘tow’)\» onmouseout=\»out(‘tow’)\» onclick=\»clk(‘tow’)\» /></td>»;

$image = mysql_result($result, 2, ‘image’);

echo»<td width=\»190\» height=\»165\»><img id=\»tree\» src=$image width=175 height=150 onmouseover=\»over(‘tree’)\» onmouseout=\»out(‘tree’)\» onclick=\»clk(‘tree’)\» /></td>»;

echo»</tr>»;

echo»<tr>»;

$image = mysql_result($result, 3, ‘image’);

echo»<td width=\»190\» height=\»165\»><img id=\»four\» src=$image width=175 height=150 onmouseover=\»over(‘four’)\» onmouseout=\»out(‘four’)\» onclick=\»clk(‘four’)\»/></td>»;

$image = mysql_result($result, 4, ‘image’);

echo»<td width=\»190\» height=\»165\»><img id=\»five\» src=$image width=175 height=150 onmouseover=\»over(‘five’)\» onmouseout=\»out(‘five’)\» onclick=\»clk(‘five’)\»/></td>»;

$image = mysql_result($result, 5, ‘image’);

echo»<td width=\»190\» height=\»165\»><img id=\»six\» src=$image width=175 height=150 onmouseover=\»over(‘six’)\» onmouseout=\»out(‘six’)\» onclick=\»clk(‘six’)\»/></td>»;

echo»</tr>»;

echo»</table>»;

$query = «select kontent from Country, kontent where id_kontent = kontent.id and id_country =$id»;

$result = mysql_query($query);

$kontent = mysql_result($result, 0, ‘kontent’);

echo «<div style=\»width:600px;\»><font COLOR=\»#000000\» size=\»4\» style=\»font-family:font-family:Georgia, ‘Times New Roman’, Times, serif\»>$kontent</font></div>»;

echo»</div>»;

mysql_close( );

?></div>

</div>

</div>

</body>

ПРИЛОЖЕНИЕ Б

Рисунок Б.1 — Главная страница

Рисунок Б.2- Страница «Страны»

Рисунок Б.3 — Страница с информацией о стране

Рисунок Б.4 — Страница с формой заказа

Рисунок Б.5 — Страница сообщения при правильном введении данных в форму заказа

Рисунок Б.6 — Страница сообщения при неправильном введении данных в форму заказа

Рисунок Б.7 — Страница «О компании»

Размещено на