Разработка сайта павлодарского автовокзала


Содержание

Введение

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

1.1 Понятие Web-технологии

1.2 Виды Web-технологий

1.2.1 Технология HTML

1.2.2 Технология JAVA

1.2.3 Технология CGI

1.2.4 Технология SSI

1.2.5 Технология CSS

1.2.6 Технология РНР

1.2.7 Технология ASP

1.2.8 Технология VBScript

1.2.9 Технология Macromedia Flash

1.2.10 Технология DHTML

1.2.11 Технология XHTML и XML

2. Проектная часть

2.1 Основные целевые группы

2.2 Подсистема интерфейса

2.3 Требования к структуре сайта павлодарского автовокзала

2.3.1 Иерархическая структура сайта

2.3.2 Текстовое описание разделов

2.4 Требования к функциональным возможностям сайта

2.4.1 Модуль статей

2.4.2 Модуль вывода новостей

2.4.3 Модуль работы рубрики вопрос-ответ

2.4.4 Модуль лингвистического сервиса

2.4.5 Модуль отображения расписания

2.5 Требования к режимам функционирования и надёжности

2.6 Требования к видам обеспечения

2.6.1 Требования к информационному обеспечению

2.6.2 Требования к программно-техническому обеспечению

Заключение

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

Приложение А

Приложение B

Приложение C

Приложение D

Введение


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

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

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

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

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

- изучение понятия Web-технологий;

- описание существующих Web-технологий;

- разработка сайта павлодарского автовокзала.

Практическая значимость работы.

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

Структура курсовой работы.

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

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


В процессе разработки и создания Интернет-сайта необходимо определить следующие понятия:

1 Web-технология.

2 Виды Web-технологий.

Перейдем к подробному рассмотрению этих понятий:


1.1 Понятие Web-технологии


Под Web-технологиями определяют всю совокупность средств для организации WWW (World Wide Web). Поскольку в каждом сеансе взаимодействуют две стороны – сервер и клиент, Web-технологии разделяются на две группы – технологии стороны сервера (server-side) и технологии стороны клиента (client-side).

К технологиям со стороны клиента относятся все технологии создания Web-страниц (HTML, JavaScript, DHTML), а к технологиям со стороны сервера относятся технологии доступа к базам данных в сети Интернет (CGI, PHP).

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

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

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

Каждый ресурс в Web – документ HTML, изображение, видеоклип, программа и т.д. – имеет адрес, который может быть закодирован с помощью универсального идентификатора ресурсов (Universal Resource Identifier), или URI.

Люди, для того чтобы понимать друг друга, должны разговаривать на одном языке. Это же относится и к компьютерам. В их случае в качестве такого "языка общения" выступает протокол — набор правил обмена данными. Web-сервер и Web-обозреватель используют для обмена данными протокол HTTP (HyperText Transfer Protocol — протокол обмена гипертекстом). Этот высокоуровневый протокол работает "поверх" обычного низкоуровневого протокола TCP/IP (Transfer Control Protocol/Internet Protocol — протокол управления обменом/протокол Интернета)

Протокол передачи гипертекста HTTP предназначен для передачи гипертекстовых документов от сервера к клиенту. Протокол HTTP относится к протоколам прикладного уровня.

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

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

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

Для соединения локальной сети организации с Internet используется сетевой шлюз. Шлюз представляет собой отдельный компьютер локальной сети, часто выполняющий функции маршрутизатора. В обязанности шлюза входит трансляция (иногда применяется термин свертка) протоколов локальной сети в сетевой протокол Internet, ТСР/IP.

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


1.2 Виды Web-технологий


1.2.1 Технология HTML

Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup Language – язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы - браузера. Наибольшее распространение в настоящее время получили браузеры Navigator компании Netscape (NN) и Internet Explorer компании Microsoft (MSIE). Реализации NN доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.

HTML является упрощенной версией стандартного общего языка разметки - SGML

(Standart Generalised Markup Language), который был утвержден ISO в качестве стандарта еще в 80-х годах. Этот язык предназначен для создания других языков разметки, он определяет допустимый набор тэгов, их атрибуты и внутреннюю структуру документа. Контроль за правильностью использования дескрипторов осуществляется при помощи специального набора правил, называемых DTD- описаниями(более подробно о DTD мы поговорим чуть позже), которые используются программой клиента при разборе документа. Для каждого класса документов определяется свой набор правил, описывающих грамматику соответствующего языка разметки.

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

<html>

<head>

</SPAN>Название<SPAN >

<p>Тело документа

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

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

Текст всего документа заключается в теги , сам документ разбивается на две части - заголовок и тело. Заголовок описывается тегами , в которые могут быть включены название документа (с помощью тегов ) и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено в теги <body> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования используются следующие основные теги:</FONT></P> <P STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><p> - начало нового абзаца, может иметь параметр, определяющий выравнивание:</FONT></P> <P STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><<SPAN >p</SPAN> <SPAN >align</SPAN>=<SPAN >right</SPAN>>;</FONT></P> <P STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><br> - перевод строки в пределах текущего абзаца;</FONT></P> <P STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><u></u> - выделение текста подчеркиванием</FONT></P> <P STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4>Ссылка на другой документ устанавливается с помощью тега <a REL="nofollow" target="_blank" HREF="https://doc4web.ru/go.html?href=URL">...</a>, где URL - полный или относительный адрес документа. При этом текст, заключенный в тег <a>, обычно выделяется подчеркиванием и цветом, и после щелчка мышью по этой ссылке браузер открывает документ, адрес которого указан в параметре href. Графические изображения вставляются в документ с помощью тега <img src="URL">.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.2 Технология JAVA</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Язык программирования Java, разработанный около восьми лет назад компанией Sun Microsystems и напоминающий по структуре и синтаксису хорошо знакомый многим программистам С, существует сегодня в Интернете в двух вариантах: JavaScript и собственно Java. Первый вариант языка является всего лишь надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно. Модуль Java в отличие от JavaScript не интегрируется в использующую его страницу, а существует как самостоятельное приложение с расширением *.class или, выражаясь научным языком, апплет. При использовании этого варианта языка апплет также вызывается из html-файла соответствующей командой, но загружается, инициализируется и запускается на исполнение в виде отдельной программы, в фоновом режиме. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>С помощью технологии Java можно придать своей странице элементы интерактивности, формировать, компоновать и полностью контролировать формат всплывающих окон и встроенных фреймов, организовывать такие активные элементы, как «часы», «бегущие строки» и иную анимацию, создать чат. Большинство web-камер, передающих на сайт «живое» изображение, также работают на базе соответствующих приложений Java. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Среди достоинств этой технологии следует отметить отсутствие необходимости устанавливать и настраивать на сервере какие-либо дополнительные модули, обеспечивающие работу Java-программ. Главный недостаток Java заключается в том, что пользователи броузеров старых версий, не поддерживающих компиляцию данного языка, воспринимать объекты, созданные при помощи Java и JavaScript, не смогут. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="8"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.3 Технология CGI</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Технология CGI (Common Gateway Interface) подразумевает использование в составе ресурса Интернет интерактивных элементов на базе приложений, обеспечивающих передачу потока данных от объекта к объекту. Именно так организовано во Всемирной сети большинство чатов, конференций, досок объявлений, гостевых книг, поисковых машин и систем подсчета рейтинга. В общем случае принцип работы CGI выглядит следующим образом: пользователь заполняет на web-страничке ту или иную форму и нажимает на кнопку, после чего встроенная в код HTML строка вызова CGI-скрипта запускает соответствующую программу CGI и передает ей управление процессом обработки информации. Введенные пользователем данные отсылаются этой программе, а она, в свою очередь, «встраивает» их в другую страницу, отправляет по почте или трансформирует каким-либо иным способом, Скрипты CGI размещаются на сервере в специально отведенной для этих целей директории, которой, как правило, назначается имя CGI-BIN. Следует помнить, что подключение, отладка и запуск таких программ требуют соответствующих прав доступа к http-серверу, а также определенных знаний и навыков. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Технология CGI обычно реализуется двумя методами: либо с использованием программ, написанных на языке PERL (Practical Extraction and ReportLanguage), — такие файлы имеют расширение *.pi, либо с помощью приложений, созданных обычно с применением языка С и откомпилированных непосредственно на сервере, поскольку большинство UNIX-совместимых платформ включают в себя встроенный транслятор этого языка. Подобные программы имеют расширение *.cgi. Необходимо отметить, что PERL, как и HTML, является интерпретируемым языком. Иными словами, для того чтобы запустить подобный скрипт на исполнение, не требуется дополнительной компиляции. Помимо упомянутых возможностей с помощью данной технологии можно организовать систему показа последовательности рекламных баннеров или автозагрузки файлов на сервер, создать форму отправки электронного письма непосредственно со страницы сайта или службу виртуальных открыток. Среди достоинств CGI следует отметить их независимость от клиентского программного обеспечения — эту технологию сможет применять каждый пользователь, просматривающий содержимое сервера при помощи броузера практически любой версии. Главный недостаток заключается в том, что для установки и на- стройки приложений CGI на сервере нужно обладать как минимум правами администратора, поскольку эти программы при запуске способны нарушить нормальное функционирование серверного компьютера и дестабилизировать работу сети. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="9"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.4 Технология SSI</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>SSI (Server Side Includes) — технология, тесно переплетенная с упомянутой выше CGI. На основе макроязыка, очень напоминающего С, SSI позволяет реализовать такие возможности, как вывод в документе того или иного текста в зависимости от определенных условий или согласно заданному алгоритму, формировать файл HTML из динамически изменяющихся фрагментов или встраивать результат работы CGI в какой-либо его участок. Достоинства и недостатки SSI аналогичны описанным в предыдущем абзаце. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="10"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.5 Технология CSS</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Зачастую у web-дизайнера возникает необходимость применить в процессе создания html-документа сложное форматирование — от абзаца к абзацу менять шрифт, расположение текста, его цвет, формировать различные таблицы данных. Можно решить эту проблему с помощью стандартных средств HTML: описывать каждый абзац отдельным набором команд, но в этом случае итоговый документ будет иметь большой размер, да и само создание кода становится весьма трудоемкой работой. Можно пойти другим путем: подключить к странице внешний файл, выполненный в стандарте CSS — Cascading Style Sheets (каскадные таблицы стилей), в котором с помощью специального макроязыка один раз жестко задать форматирование страницы. Другими словами, файл CSS выполняет роль некоего шаблона, применяемого для форматирования текста, таблиц и иных элементов в документе HTML. Есть возможность подключать один и тот же физический файл CSS к различным web-страницам сайта. CSS можно использовать практически на любом сервере без каких-либо ограничений. Крупные недостатки у данной технологии также практически отсутствуют. О каскадных таблицах стилей CSS мы подробно побеседуем в восьмом уроке. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="11"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.6 Технология РНР</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>РНР (Personal Home Page tools) — это еще один интерпретируемый язык, напоминающий PERL, предназначенный для придания web-страницам элементов интерактивности. Код, написанный на языке РНР, встраивается в документ HTML подобно подпрограмме: в тот участок документа, где необходимо разместить интерактивный элемент, просто вставляется сценарий РНР. Мнемоника данного языка базируется на синтаксисе PERL, Java и С, благодаря чему не вызывает каких-либо трудностей при изучении. Методики, которые позволяют серверам корректно распознавать файлы, содержащие скрипты РНР, различны и зависят в первую очередь от типа конкретного сервера. Считается достаточным назначить такому файлу расширение .php, иногда — с добавлением номера версии используемого языка, например .php2 или .php3. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Технология РНР позволяет организовать на web-странице счетчик посещений, подсчитывать статистику обращений к тем или иным разделам сайта, защитить доступ к какому-либо html-документу паролем и многое другое. Среди недостатков РНР следует отметить то, что данная технология поддерживается далеко не всеми серверами Интернета. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="12"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.7 Технология ASP</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>ASP (Active Server Pages, активные страницы сервера) — еще одна технология, аналогичная JavaScript и РНР. Для того чтобы сделать web-страницуинтерактивной с применением технологии ASP, необходимо встроить в ее код соответствующий скрипт, написанный на макроязыке, отдаленно напоминающем Java и С. Скрипт интерпретируется и исполняется непосредственно на сервере, после чего пользовательскому броузеру отправляется уже готовый html-документ с результатами работы сценария ASP. Отсюда следует вполне справедливое заключение о том, что для страниц, содержащих ASP, не имеет значения, какое программное обеспечение установлено на пользовательском компьютере. Зато принципиальное значение имеет тип сервера, на котором вы планируете использовать ASP, поскольку отнюдь не все они поддерживают данную технологию. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="13"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.8 Технология VBScript</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>VBScript, или Visual BASIC Script (Visual Beginners All-purpose SymbolicInstruction Code Script, визуальный символический универсальный командный код для начинающих) — очередная версия интерпретируемого языка, встраиваемого в html-документ с целью включения в состав web-страницы интерактивных элементов. Честь создания данной технологии принадлежит разработчикам компании Microsoft. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Если сравнить более распространенный стандарт JavaScript с VBScript, обнаружить серьезные различия очень трудно, поскольку мнемоника и синтаксис обоих языков во многом схожи. С помощью VBScript можно реализовать практически весь спектр возможностей, характерных для JavaScript. Обе технологии не зависят от типа сервера, на котором планируется опубликовать включающую их web-страницу. Однако VBScript в настоящее время менее распространен в Интернете, нежели его «конкурент», поскольку он поддерживается только броузерами производства Microsoft, а именно Internet Explorer версий 3.0 и выше. Netscape Navigator не имеет интерпретатора этого языка, поэтому приверженцы этого броузера лишены возможности использовать интерактивные элементы, созданные с применением VBScript, в то время как JavaScript поддерживается и Internet Explorer и Netscape Navigator. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "><A NAME="14"></A> <FONT SIZE=4>1.2.9 Технология Macromedia Flash</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Стандарт Flash был разработан компанией Macromedia в 1996 году. Основное назначение данной технологии — создание высококачественной интерактивной анимации, которую можно представлять при относительно небольшом размере итогового файла. С помощью Macromedia Flash web-мастер имеет возможность изготавливать красочные анимационные заставки, определенные элементы которых могут «реагировать» на движения мыши, а также встроенные в web-страницы мини-игры, озвученные мультипликационные клипы и многое другое. Другими словами, Macromedia Flash способна практически на все, что доступно при применении Java, и даже больше. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Одним из основных отличий Macromedia Flash от всех остальных существующих ныне web-технологий является то, что это единственный стандарт, позволяющий работать не только с растровой графикой, но и с векторной. Помимо этого текст импортируется в среду Flash не как растровое изображение, а именно как текст, в котором один символ кодируется одним байтом информации, что является серьезным оружием в борьбе с излишним объемом результирующих файлов. Немаловажно, что во Flash имеется возможность воспроизведения музыки и звуков в формате МРЗ. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Для создания документов, подготовленных согласно данному стандарту, компания Macromedia выпустила специальную объектно-ориентированную среду разработчика в виде стандартного 32-разрядного приложения Microsoft Windows. Благодаря этому, процесс программирования при подготовке интерактивных элементов Flash и анимации сведен к минимуму: пользователю достаточно создать новый проект в удобной и дружественной среде, для чего необходимо лишь разобраться в принципах работы программного пакета и уметь обращаться с мышью, — по окончании работы программа встроит созданные объекты в документ HTML автоматически. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>В среду Flash интегрирован специальный язык программирования, немного похожий на Java, но более простой в изучении. Написанные с его помощью программные модули импортируются в документ как апплеты и вставляются в нужный кадр анимации, где должно произойти динамическое изменение изображения. С помощью специального редактора можно написать небольшую программку, управляющую проигрыванием клипа, создать элементы, поддающиеся индивидуальным настройкам посетителями сайта, генерировать заставку с несколькими вариантами продолжения. Способов реализации этой возможности существует множество, но все-таки, чтобы использовать всю мощь встроенного языка, необходимо иметь определенный опыт в программировании. Механизм технологии Macromedia Flash достаточно прост: в общем случае подготовленные разработчиком интерактивные элементы и анимация превращаются в интерпретируемый код, который импортируется в страницу HTML. Для того чтобы клиентский браузер мог распознать объекты Flash, необходимо проинсталлировать на компьютере пользователя специальную надстройку к браузеру (plug-in), которая носит название Macromedia Flash Player. Эта про- грамма распространяется бесплатно фирмой-разработчиком данной технологии. Пользовательский браузер, сталкиваясь с документом в формате Flash, как правило, сам связывается с соответствующим узлом, после чего начинает загрузку и установку Flash Player в автоматическом режиме. Проигрыватель Flash уже интегрирован в броузеры Microsoft Internet Explorer 4.0-5.0 иNetscape Navigator версии 4.01 и выше. Другие браузеры, к сожалению, не умеют распознавать данный стандарт, в чем и заключается его основной недостаток. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="15"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.10 Технология DHTML</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>DHTML (Dynamic Hyper Text Markup Language, динамический язык разметки гипертекста) является расширением стандарта HTML и позволяет создавать web-страницы, включающие такие интерактивные элементы, как движущийся фон, расположенный под статичным содержимым документа, движущиеся объекты, выпадающие меню, кнопки, подсвечивающиеся при наведении курсора мыши, анимацию, бегущие титры и многое другое. По большому счету DHTML представляет собой «среднее арифметическое» между технологиями HTML и JavaScript. Этот стандарт использует простые сценарии, подготовленные с помощью интерпретируемого макроязыка, обрабатываемого браузером совместно с кодом HTML. Такие сценарии именуются «скриплетами». Для создания скриплетов используются стандартные расширения DHTML и любой макроязык, поддерживающий директивы интерфейса ActiveX. DHTML распознается браузерами Microsoft Internet Explorer, начиная с версии 4.0 и выше. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="16"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2.11 Технология XHTML и XML</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>XML (Extensible Markup Language, расширяемый язык разметки) является принципиально новым стандартом, предложенным в 2000 году создателем языка HTML — консорциумом World Wide Web Consortium (W3C). Это новейшая технология изготовления web-страниц, и ее окончательная спецификация в настоящий момент еще находится в стадии разработки. По структуре XML представляет собой не собственно язык разметки гипертекста, а так называемый метаязык, предназначенный для описания других языков более низкого уровня. В свою очередь XHTML (Extensible Hypertext Markup Language, расширя емый язык разметки гипертекста) представляет собой промежуточный вариант между XML и HTML 4.O. Именно за счет его широкого применения W3C планирует осуществить постепенный переход от одного стандарта к другому. В спецификацию XHTML заложен принцип обратной совместимости. Иными словами, владельцам web-сайтов, страницы которых выполнены по технологии HTML 4.0или более ранних версий, не придется как-либо изменять формат опубликованных в Интернете документов: все дополнения и расширения нового языка полностью включают в себя предыдущие стандарты.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>XML и XHTML значительно расширяют возможности HTML и позволяют Web-мастеру использовать практически весь заложенный в современный Интернет потенциал на сто процентов, в первую очередь в сфере электронной коммерции. Поскольку XHTML подразумевает модульную архитектуру построения электронных документов, данный стандарт позволяет создавать механизмы взаимодействия с нетрадиционными для Интернета устройствами, такими как факсы, сотовые телефоны и телевизоры. По мнению аналитиков, в не столь отдаленном будущем XML станет основным стандартом во Всемирной сети, постепенно включив в себя большинство других использующихся ныне форматов.</FONT></P> <H2 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0;"> <FONT SIZE=4><SPAN STYLE="font-weight: normal">2 Проектная часть</SPAN></FONT></H2> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>В проектной части необходимо выполнить следующие этапы:</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1 Выявить основные целевые группы сайта.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>2 Определить подсистему интерфейса.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>3 Разработать требования к структуре сайта павлодарского автовокзала.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>4 Разработать требования к функциональным возможностям сайта.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>5 Определить </FONT><FONT SIZE=4>требования к режимам функционирования и надёжности.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>6 Выявить требования к видам обеспечения.</FONT></P> <H2 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "> </H2> <H2 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN STYLE="font-weight: normal">2.1 Основные целевые группы</SPAN></FONT></H2> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT COLOR="#ffffff"><FONT SIZE=4>web технология сайт модуль</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- администрация города Павлодара и павлодарской области;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- администрация павлодарского автовокзала;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- постоянные клиенты автовокзала;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- граждане, интересующиеся деятельностью павлодарского автовокзала.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><A NAME="_Toc216875077"></A><A NAME="_Toc216874884"></A><A NAME="_Toc216874522"></A> <FONT SIZE=4>Следует отметить, что в первоначальной версии представленного сайта не предусмотрен авторизированный доступ (личный кабинет). В дальнейшем авторизированный доступ будут иметь администрация автовокзала, города и области, граждане, постоянно пользующиеся услугами автовокзала.</FONT></P> <H4 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929398"></A><A NAME="_Toc216875763"></A><A NAME="_Toc216875706"></A><A NAME="_Toc216875084"></A><A NAME="_Toc216874891"></A><A NAME="_Toc216874529"></A> <BR> </H4> <H4 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929399"></A><A NAME="_Toc216875764"></A><A NAME="_Toc216875707"></A><A NAME="_Toc216875085"></A><A NAME="_Toc216874892"></A><A NAME="_Toc216874530"></A><A NAME="_Toc133924023"></A> <FONT SIZE=4>2.2 Подсистема интерфейса</FONT></H4> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Разработанный сайт предоставляет пользователям рабочие места в данной информационной среде, которые строятся по классическим принципам построения интерфейсов:</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1 Контроль – на стороне пользователя. Лучше было бы назвать этот принцип </FONT><FONT SIZE=4>пользовательским восприятием</FONT><FONT SIZE=4>. Основной смысл этого принципа заключается в том, что пользователь инициирует действия, и если в результате этого контроль переходит к программе, то пользователь получает необходимую </FONT><FONT SIZE=4>обратную связь </FONT><FONT SIZE=4>(в виде курсора в форме песочных часов, индикатора ожидания или аналогичным способом).</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>2 Согласованность. </FONT><FONT SIZE=4>Согласованность </FONT><FONT SIZE=4>несомненно является вторым основным принципом разработки качественного интерфейса. Фактически согласованность означает соблюдение стандартов и следование некоторым общепринятым правилам работы с </FONT><FONT SIZE=4><SPAN >GUI</SPAN></FONT><FONT SIZE=4>-интерфейсом. Согласованность может рассматриваться, по меньшей мере, в двух аспектах.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- соответствие стандартам поставщика GUI-интерфейса;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- соответствие стандартам в области именования, программирования и другим, разработанным внутри организации стандартам, которые связаны с GUI-интерфейсом.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>3 Терпимость к ошибкам. Хорошо спроектированный интерфейс должен позволять пользователям экспериментировать и совершать ошибки, проявляя </FONT><FONT SIZE=4>терпимость к ошибкам. </FONT><FONT SIZE=4>Подобная терпимость стимулирует исследовательскую активность пользователя, поскольку позволяет ему выполнять ошибочные последовательности действий с возможностью в любой момент совершить при необходимости "откат" в начало. Терпимость к ошибкам подразумевает многоуровневую систему отмены операций.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>4 Эстетичность и удобство. </FONT><FONT SIZE=4>Эстетичность </FONT><FONT SIZE=4>интерфейса влияет на зрительное восприятие системы. </FONT><FONT SIZE=4>Удобство </FONT><FONT SIZE=4>касается легкости, простоты, эффективности, надежности и продуктивности в использовании интерфейса. Безусловно, оба принципа касаются удовлетворенности пользователя. Именно в этом вопросе разработчик </FONT><FONT SIZE=4><SPAN >GUI</SPAN></FONT><FONT SIZE=4>-интерфейса нуждается в помощи дизайнера.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Интерфейс обеспечивает следующие постоянные по месту размещения на страницах сайта функциональные зоны (макет стартовой страницы приведен в Приложении А):</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- корпоративная идентификация (фирменная символика Павлодарского автовокзала, сайта, возможно, визуальная идентификация разделов сайта), размещается на каждой странице на достаточно небольшой площади;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- служебная информация – счётчики, копирайты, обратная связь, размещается в нижнем правом углу каждой страницы;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- главное меню – иерархический список доступных пользователю функций, размещается в левой части страницы;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- лента новостных сообщений – размещается на главной странице;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- область других ссылок – ссылки на другие внешние ресурсы, относящиеся к тематике сайта (сайты других вокзалов);</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- рабочая область модулей – в неё различные модули реализуют свой интерфейс с пользователем и выводят информацию, размещается в центре каждой страницы сайта;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- сервисная зона – в ней размещается ряд иконок, обеспечивающий возможность распечатать страницу, получить помощь по текущей странице, сменить язык, располагается в верхней части страницы.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Все функциональные зоны кроме рабочей области реализуются подсистемой интерфейса, разрабатываемые же модули лишь централизованно регистрируются в них. Обеспечена возможность сворачивания ненужных пользователю зон (кроме сервисной и рабочей области модулей) и полностью левой и правой части экрана для максимально полного использования пространства экрана. При необходимости подсистема интерфейса предоставляет возможность модулям автоматически вызывать эту функцию.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Интерфейс обеспечивает возможность настройки пользователем размера экранных шрифтов.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Интерфейс обеспечивает возможность пользователю оптимальное по скорости выполнение требуемых от него функций, в том числе возможность эффективного ввода при помощи клавиатуры, использование справочников и подсказок, "мастеров" выполнения сложных последовательностей операций, возможность сортировок.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Интерфейс обеспечивает мгновенную обратную реакцию на действия пользователя. В случае выполнения длительных операций на экране появляется предупреждение о том, что, возможно, потребуется ожидание.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Все типовые способы взаимодействия с пользователем (сообщение об ошибке, предупреждение об опасном действии, информация о неверно заполненной форме и т.д.) происходят единообразно во всех модулях, работающих в составе сайта.</FONT></P> <H2 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929402"></A><A NAME="_Toc216875767"></A><A NAME="_Toc216875710"></A><A NAME="_Toc216875088"></A><A NAME="_Toc216874895"></A><A NAME="_Toc216874533"></A> </H2> <H2 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN STYLE="font-weight: normal">2.3 Требования к структуре сайта павлодарского автовокзала</SPAN></FONT></H2> <H2 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "> </H2> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Структуру сайта павлодарского автовокзала функционально можно разделить на:</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1 Главная страница</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.1 Новости</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1.2 Контакты</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>2 Последние события</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>2.1 Новости автовокзала</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>2.2 Новости сайта</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>2.3 Объявления</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>3 Пассажирам</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>3.1 Расписание работы касс</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>3.2 Правила покупки/возврата билетов, перевозки багажа</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>3.3 Льготы</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>3.4 Информация о ценах на билеты</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>4 Покупка билетов</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>5 Расписание</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>5.1 Павлодар межгород</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>5.2 Павлодар пригород</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>6 О нас</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>6.1 История автовокзала</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>6.2 Расположение и время работы</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>6.3 Контакты</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>7 Фотоальбом</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>8 Вопросы и ответы</FONT></P> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929403"></A><A NAME="_Toc216875768"></A><A NAME="_Toc216875711"></A><A NAME="_Toc216875089"></A><A NAME="_Toc216874896"></A><A NAME="_Toc216874534"></A> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">2.3.1 Иерархическая структура сайта павлодарского автовокзала</SPAN></SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">Иерархическая структура сайта павлодарского автовокзала представлена в Приложении В.</SPAN></SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929404"></A><A NAME="_Toc216875769"></A><A NAME="_Toc216875712"></A><A NAME="_Toc216875090"></A><A NAME="_Toc216874897"></A><A NAME="_Toc216874535"></A> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">2.3.2 Текстовое описание разделов сайта павлодарского автовокзала</SPAN></SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">Текстовое описание разделов сайта павлодарского автовокзала приведено в Приложении С.</SPAN></SPAN></FONT></FONT></H3> <H2 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929405"></A><A NAME="_Toc216875770"></A><A NAME="_Toc216875713"></A><A NAME="_Toc216875091"></A><A NAME="_Toc216874898"></A><A NAME="_Toc216874536"></A> </H2> <H2 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN STYLE="font-weight: normal">2.4 Требования к функциональным возможностям сайта павлодарского автовокзала</SPAN></FONT></H2> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4>Функционально работу сайта павлодарского автовокзала можно разбить на следующие модули:</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4>- модуль статей, который отвечает за отображение гипертекстовых страниц в рабочей области;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4>- модуль вывода новостей;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4>- модуль работы рубрики вопрос-ответ;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4>- модуль отображения расписания;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4>- модуль лингвистического сервиса.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><BR> </P> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929406"></A><A NAME="_Toc216875771"></A><A NAME="_Toc216875714"></A><A NAME="_Toc216875092"></A><A NAME="_Toc216874899"></A><A NAME="_Toc216874537"></A> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">2.4.1 Модуль статей</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Сайт имеет дизайн, использующий корпоративную символику автовокзала и выполненный в современном привлекательном стиле. Цветовое, шрифтовое решения, модульная сетка, система навигационных пиктограмм, размеры изображений разработаны изначально для всего сайта и использоваться каждым из модулей в его составе.</SPAN></FONT></FONT></H3> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Дизайн сайта предусматривает эффективное использование рабочего пространства экрана в случае, если пользователь увеличивает размер окна. Дизайн предусматривает возможность в следующих версиях сайта позволить пользователю настраивать размер экранных шрифтов и осуществлять выбор между несколькими стилевыми решениями, а также администратору подстраивать внешний вид сайта под определённые события, например, основные праздники.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Верстка сайта предусматривает корректное отображение в следующих браузерах:</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4><SPAN >- Internet Explorer </SPAN></FONT><FONT SIZE=4>версии</FONT><FONT SIZE=4><SPAN > 5 </SPAN></FONT><FONT SIZE=4>и</FONT><FONT SIZE=4><SPAN > </SPAN></FONT><FONT SIZE=4>выше</FONT><FONT SIZE=4><SPAN >;</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- </FONT><FONT SIZE=4><SPAN >Mozilla</SPAN></FONT><FONT SIZE=4> </FONT><FONT SIZE=4><SPAN >FireFox</SPAN></FONT><FONT SIZE=4> версии 1.5 и выше;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- </FONT><FONT SIZE=4><SPAN >Opera</SPAN></FONT><FONT SIZE=4> версии 8 и выше.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Сайт выглядит достойно и в том случае, если пользователь отключил загрузку картинок.</FONT></P> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929422"></A><A NAME="_Toc216875787"></A><A NAME="_Toc216875730"></A><A NAME="_Toc216875108"></A><A NAME="_Toc216874915"></A><A NAME="_Toc216874553"></A><A NAME="_Toc216929421"></A><A NAME="_Toc216875786"></A><A NAME="_Toc216875729"></A><A NAME="_Toc216875107"></A><A NAME="_Toc216874914"></A><A NAME="_Toc216874552"></A><A NAME="_Toc216929412"></A><A NAME="_Toc216875777"></A><A NAME="_Toc216875720"></A><A NAME="_Toc216875098"></A><A NAME="_Toc216874905"></A><A NAME="_Toc216874543"></A><A NAME="_Toc216929407"></A><A NAME="_Toc216875772"></A><A NAME="_Toc216875715"></A><A NAME="_Toc216875093"></A><A NAME="_Toc216874900"></A><A NAME="_Toc216874538"></A> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">2.4.2 Модуль вывода новостей</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">При работе модуля вывода новостей в рабочей области страницы выводятся краткие аннотации новостей, с возможностью просмотреть подробнее. Последние новости отмечены особым образом. Последними считаются новости последней недели. По истечении данного срока метка удаляется. Новости выводятся в отсортированном по дате порядке.</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929408"></A><A NAME="_Toc216875773"></A><A NAME="_Toc216875716"></A><A NAME="_Toc216875094"></A><A NAME="_Toc216874901"></A><A NAME="_Toc216874539"></A> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">2.4.3 Модуль работы рубрики вопрос-ответ</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Рубрика «Вопрос-ответ» – это место, где каждый желающий может оставить свой вопрос, а посетитель – прочитать его. Функционально модуль разделен на блоки: Регистрация пользователя, с обязательными полями ввода ФИО, </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">e</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">-</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">mail</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">; Добавление вопроса/ответа, активен после регистрации и отображение вопросов/ответов.</SPAN></FONT></FONT></H3> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Зарещается:</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- вставлять в текст сообщения мета-теги, всевозможный код, непонятные символы и рисунки;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- подача сообщения без указания данных для обратной связи (емайл, телефон или URL);</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- подача сообщений, содержащих ненормативную лексику и нарушающие нормы морали;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- размещать сообщения общего рекламного характера.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>В случае нарушения правил, сообщение может быть удалено.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4>По истечении срока вопрос/ответ удаляется.</FONT></P> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">2.4.4 Модуль отображения расписания</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Работа модуля начинается после выбора рубрики «Расписание». В рабочей области страницы предлагается просмотреть расписание междугородних либо пригородных маршрутов.</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">2.4.5 Модуль лингвистического сервиса</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Модуль лингвистического сервиса позволяет выбрать удобный для пользователя язык отображения содержимого портала. Данный модуль является вложенными для всех выше перечисленных.</SPAN></FONT></FONT></H3> <H2 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "> </H2> <H2 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN STYLE="font-weight: normal">2.5 Требования к режимам функционирования и надёжности</SPAN></FONT></H2> <H2 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "> </H2> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Режим функционирования – бесперебойно круглосуточно (за исключением согласованных периодов времени на выполнение регламентных работ по обслуживанию оборудования или программного обеспечения системы) с обеспечением технической поддержки в часы работы служб и подразделений павлодарского автовокзала.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Обеспечение работоспособности серверного оборудования и сетевого оборудования производится силами группы технической поддержки.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Надёжность создаваемой системы обеспечивается:</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- выбором отказоустойчивого оборудования и его структурным резервированием; </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- использованием источников бесперебойного питания;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- выбором топологии телекоммуникационной и локальных вычислительных сетей, обеспечивающих вариантность маршрутизации потоков информации;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- дублированием носителей информации;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- использованием надёжной конфигурации операционной системы, системы управления базами данных и серверных приложений.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <H2 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929423"></A><A NAME="_Toc216875788"></A><A NAME="_Toc216875731"></A><A NAME="_Toc216875109"></A><A NAME="_Toc216874916"></A><A NAME="_Toc216874554"></A><A NAME="_Toc133924031"></A> <FONT SIZE=4><SPAN STYLE="font-weight: normal">2.6 Требования к видам обеспечения</SPAN></FONT></H2> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929424"></A><A NAME="_Toc216875789"></A><A NAME="_Toc216875732"></A><A NAME="_Toc216875110"></A><A NAME="_Toc216874917"></A><A NAME="_Toc216874555"></A><A NAME="_Toc133924032"></A> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">2.6.1 Требования к информационному обеспечению</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Ядро и все модули сайта используют единую базу данных, расположенную на одном или нескольких серверах баз данных.</SPAN></FONT></FONT></H3> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Сайт павлодарского автовокзала имееть выделенное доменное имя второго уровня: http://</FONT><FONT SIZE=4><SPAN >www</SPAN></FONT><FONT SIZE=4>.</FONT><FONT SIZE=4><SPAN >pavtvok</SPAN></FONT><FONT SIZE=4>.</FONT><FONT SIZE=4><SPAN >kz</SPAN></FONT><FONT SIZE=4>.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Информационная совместимость сайта с другими информационными системами автовокзала обеспечивается путем стандартизации структуры и форм электронных документов автовокзала.</FONT></P> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 0; orphans: 0; "><A NAME="_Toc216929425"></A><A NAME="_Toc216875790"></A><A NAME="_Toc216875733"></A><A NAME="_Toc216875111"></A><A NAME="_Toc216874918"></A><A NAME="_Toc216874556"></A><A NAME="_Toc133924033"></A> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">2.6.2 Требования к программно-техническому обеспечению</SPAN></FONT></FONT></H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Система обеспечивает функционирование в режиме 24</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">x</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">7 (бесперебойно круглосуточно).</SPAN></FONT></FONT></H3> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>В случае сбоев программного или аппаратного характера обеспечено восстановление данных, потерянных в результате сбоев для обеспечения продолжения функционирования системы с минимальными потерями времени.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Система совместима со всеми современными стандартами сетевого администрирования и сервиса.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Система представляет собой основу для создания единой информационной среды и допускает возможность интеграции в свою структуру необходимых для дальнейшего развития элементов.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Всё программное обеспечение, используемое как самой разрабатываемой системой, так и в процессе её разработки необходимо лицензировать к моменту запуска системы в промышленную эксплуатацию.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Листинг </FONT><FONT SIZE=4><SPAN >HTML</SPAN></FONT><FONT SIZE=4>-кода представлен в Приложении </FONT><FONT SIZE=4><SPAN >D</SPAN></FONT><FONT SIZE=4>.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN >Заключение</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>В данной курсовой работе был разработан сайт павлодарского автовокзала.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>В процессе создания сайта были успешно решены задачи, поставленные в начале работы:</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- изучено понятие </FONT><FONT SIZE=4><SPAN >Web</SPAN></FONT><FONT SIZE=4>-технологии;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- рассмотрены различные виды </FONT><FONT SIZE=4><SPAN >Web</SPAN></FONT><FONT SIZE=4>-технологий;</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>- спроектирован сайт павлодарского автовокзала.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Созданный сайт позволяет без специальных знаний просматривать информацию, связанную с деятельностью павлодарского автовокзала.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>Разработанный сайт отображает последние события автовокзала, позволяет получать информацию о работе касс, расписании рейсов, правилах покупки/возврато билетов, существующих льготах и о многом другом.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=2><FONT SIZE=4>Данную работу можно использовать как основу для изучения </FONT><FONT SIZE=4><SPAN >Web</SPAN></FONT><FONT SIZE=4>-технологий и создания на их базе более модернизированного сайта, описывающем деятельность павлодарского автовокзала.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>В свете широкого использования </FONT><FONT SIZE=4><SPAN >IT</SPAN></FONT><FONT SIZE=4>-технологий, представленная курсовая работа является актуальной и отвечает предъявленным к ней требованиям. Сайт создан при помощи </FONT><FONT SIZE=4><SPAN >HTML</SPAN></FONT><FONT SIZE=4>-технологии с элементами </FONT><FONT SIZE=4><SPAN >Macromedia</SPAN></FONT><FONT SIZE=4> </FONT><FONT SIZE=4><SPAN >Flash</SPAN></FONT><FONT SIZE=4> и </FONT><FONT SIZE=4><SPAN >PHP</SPAN></FONT><FONT SIZE=4>, имеет удобный и понятный интерфейс и в полной мере отражает деятельность павлодарского автовокзала. </FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4>Список использованной литературы</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>1 Джейсон Мейнджер. Java : основы программирования : Пер. с англ. – К. : BHV, 1997. – 320 с.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>2 Кристиансен Т., Торкингтон Н. Perl : Библиотека программиста : Пер. с англ. – СПб. : «Питер», 2000. – 736с. : ил.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>3 Хейл, Бернард Ван. JDBC : Java и базы данных : Пер. с англ – М. : «Наука»,1999. – 320с.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>4 Холзнер Стивен. Perl : специальный справочник : Пер. с анг. – СПб. : «Питер», 2000. – 496с. : ил.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4>5 Эферган М. Java : справочник. – СПб. : «Питер», 1998. – 448с. : ил.</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=CENTER ><BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN >Приложение А (обязательное)</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN >Макет стартовой страницы сайта павлодарского автовокзала</SPAN></FONT></P> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><FONT SIZE=4><SPAN ><B>Главное меню</B></SPAN></FONT></P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <TR> <TD WIDTH=1014 VALIGN=TOP STYLE="border: none; "> <P ALIGN=JUSTIFY ><BR> </P> </TD> </TR> <P ALIGN=LEFT ><BR> </P> <P ALIGN=LEFT ><BR> </P> <P ALIGN=LEFT ><BR> </P> <P ALIGN=CENTER ><B>Рабочая область</B></P> <P ALIGN=LEFT ><BR> </P> <P ALIGN=LEFT ><BR> </P> <P ALIGN=CENTER > <B>Лента новостных сообщений </B><FONT SIZE=2>(отображается на стартовой странице)</FONT></P> <P ALIGN=LEFT ><BR> </P> <P ALIGN=CENTER ><I>Область выбора языка отображения</I></P> <P ALIGN=CENTER ><B>Корпоративная идентификация</B> <FONT SIZE=2>(фирменная символика, заголовок)</FONT></P> <P ALIGN=CENTER ><B>Сервисная зона</B></P> <P ALIGN=CENTER ><B>Область других ссылок </B><FONT SIZE=2>(ссылки на другие внешние ресурсы)</FONT></P> <P ALIGN=CENTER ><B>Служебная информация</B></P> <P ALIGN=CENTER ><BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN >Приложение В </SPAN></FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN >(обязательное)</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN >Иерархическая структура </SPAN></FONT><FONT SIZE=4>сайта павлодарского автовокзала</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=LEFT ><U><B>Главная страница</B></U></P> <P ALIGN=LEFT ><BR> </P> <P ALIGN=JUSTIFY ><U>Новости</U></P> <P ALIGN=JUSTIFY ><U>Контакты</U></P> <P ALIGN=JUSTIFY ><BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=LEFT ><SPAN DIR="LTR" STYLE="float: left; width: 2.24in; height: 0.33in; border: none;background: #ffffff"> <P ><U><B>Последние события</B></U></P> <P ><BR> </P> </SPAN><BR> </P> <P ALIGN=LEFT ><SPAN DIR="LTR" STYLE="float: left; width: 2.88in; height: 0.66in; border: none;background: #ffffff"> <P ><U>Новости автовокзала</U></P> <P ><U>Новости сайта</U></P> <P ><U>Объявления</U></P> </SPAN><BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=LEFT ><SPAN DIR="LTR" STYLE="float: left; width: 2.13in; height: 0.88in; border: none;background: #ffffff"> <P ><U>Расписание работы касс</U></P> <P ><U>Правила</U></P> <P ><U>Льготы</U></P> <P ><U>Информация о ценах</U></P> </SPAN><BR> </P> <P ALIGN=LEFT ><SPAN DIR="LTR" STYLE="float: left; width: 1.62in; height: 0.32in; border: none;background: #ffffff"> <P ><U><B>Покупка билетов</B></U></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 0.6in; height: 0.79in; border: none;background: #ffffff"> <P ><SPAN ><U><B>KAZ</B></U></SPAN></P> <P ><SPAN ><U><B>RUS</B></U></SPAN></P> <P ><SPAN ><U><B>ENG</B></U></SPAN></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 1.88in; height: 0.32in; border: none;background: #ffffff"> <P ><U><B>Вопросы и ответы</B></U></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 1.25in; height: 0.32in; border: none;background: #ffffff"> <P ><U><B>Фотоальбом</B></U></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 2.5in; height: 0.75in; border: none;background: #ffffff"> <P ><U>История автовокзала</U></P> <P ><U>Расположение и время работы</U></P> <P ><U>Контакты</U></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 0.75in; height: 0.32in; border: none;background: #ffffff"> <P ><U><B>О нас</B></U></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 1.75in; height: 0.5in; border: none;background: #ffffff"> <P ><U>Павлодар межгород</U></P> <P ><U>Павлодар пригород</U></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 1.13in; height: 0.32in; border: none;background: #ffffff"> <P ><U><B>Расписание</B></U></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 1.25in; height: 0.32in; border: none;background: #ffffff"> <P ><U><B>Пассажирам</B></U></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 1.65in; height: 0.4in; border: none;background: #ffffff"> <P ><SPAN ><U><B>Объявления</B></U></SPAN></P> </SPAN> <SPAN DIR="LTR" STYLE="float: left; width: 2.47in; height: 0.91in; border: none;background: #ffffff"> <P ><U>Научные и учебно-методические работы сотрудников, опубликованные в Интернет</U></P> </SPAN><BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN >Приложение С </SPAN></FONT> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN >(обязательное)</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN >Текстовое описание структуры разделов сайта павлодарского автовокзала</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Разделы</SPAN></FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Подразделы</SPAN></FONT></P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Содержание</SPAN></FONT></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=84 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Последние события</FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Новости автовокзала</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Новости сайта</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Объявления</FONT></P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2>Информация о последних событиях автовокзала</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Информация об изменениях сайта</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Объявления</SPAN></FONT></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=84 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Пассажирам</FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Расписание работы касс</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Правила</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Льготы</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Информация о ценах</FONT></P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Информация о режиме работы касс автовокзала</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2>Правила покупки/возврата билетов, перевозки багажа и т.д.</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2>Информация о представляемых льготах пассажирам</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2>Информация о ценах на билеты</FONT></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=84 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Покупка билетов</FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <BR> </P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Возможность поиска оптимального маршрута, бронирования и покупки билетов на выбранный рейс</FONT></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=84 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Расписание</SPAN></FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Межгород</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Пригород</FONT></P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Расписание междугородних рейсов</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Расписание пригородных рейсов</SPAN></FONT></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=84 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>О нас</FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>История</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Расположение</FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Контакты</FONT></P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >История павлодарского автовокзала</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Расположение павлодарского автовокзала</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Контакты</SPAN></FONT></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=84 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Фотоальбом</FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <BR> </P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2><SPAN >Представление фотографий и видеозаписей из жизни павлодарского автовокзала</SPAN></FONT></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=84 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Вопросы и ответы</FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <BR> </P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2>Возможность обратной связи. Любой пользователь может задать свой вопрос и получить на него своевременный ответ.</FONT></P> </TD> </TR> <TR VALIGN=TOP> <TD WIDTH=84 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2><SPAN >KAZ</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2><SPAN >RUS</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <FONT SIZE=2><SPAN >ENG</SPAN></FONT></P> </TD> <TD WIDTH=101 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"> <BR> </P> </TD> <TD WIDTH=408 STYLE="border: 1px solid #000001; "> <P ALIGN=JUSTIFY STYLE="widows: 0; orphans: 0"><FONT SIZE=2>Рубрика выполняет лингвистический сервис портала и дает возможность работать с информацией портала на близком пользователю языке (казахский, русский, английский). </FONT> </P> </TD> </TR> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0; "> <FONT SIZE=4><SPAN >Приложение </SPAN></FONT><FONT SIZE=4><SPAN >D</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN >(</SPAN></FONT><FONT SIZE=4>обязательное</FONT><FONT SIZE=4><SPAN >)</SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN >HTML-</SPAN></FONT><FONT SIZE=4>код сайта</FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><BR> </P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN ><html></SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"><FONT SIZE=4><SPAN ><head></SPAN></FONT></P> <P ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 0; orphans: 0"> <FONT SIZE=4><SPAN ><title>Автовокзал Павлодара

Автовокзал Павлодара

на главную

каз рус eng

  • События
  • Покупка билетов
  • <ul>

    <li>Расписаниеli>

    <ul>

  • Межгород
  • Пригород
  • ul>

    <li>О насli>

  • Фотоальбом
  • Вопросы и ответы
  • Новость 1

    Новость 2<br>

    Новость 3<br><br><br>




    Разработчик Крыжная Светлана Витальевна



    </SPAN></FONT><FONT SIZE=4>Автовокзал</FONT><FONT SIZE=4><SPAN > </SPAN></FONT><FONT SIZE=4>Павлодара</FONT><FONT SIZE=4><SPAN >

    Автовокзал Павлодара

    на главную

    каз рус eng

  • События
  • Пассажирам
  • Покупка билетов
  • $ini = parse_ini_file("index.ini", false);

    echo "Результаты поиска ";

    foreach ($ini as $a=>$b) {

    if ($a==$_GET['find']) {echo "$a\n";}

    }

    ?>

    Новость 1

    Новость 2

    Новость 3





    Поиск">

    Разработчик Крыжная Светлана Витальевна


    Нравится материал? Поддержи автора!

    Ещё документы из категории информатика:

    X Код для использования на сайте:
    Ширина блока px

    Скопируйте этот код и вставьте себе на сайт

    X

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

    После чего кнопка «СКАЧАТЬ» станет доступной!

    Кнопочки находятся чуть ниже. Спасибо!

    Кнопки:

    Скачать документ