Введение
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 (WorldWideWeb). Поскольку в каждом сеансе взаимодействуют две стороны – сервер и клиент, 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(HyperTextTransferProtocol— протокол обмена гипертекстом). Этот высокоуровневый протокол работает "поверх" обычного низкоуровневого протокола TCP/IP(TransferControlProtocol/InternetProtocol— протокол управления обменом/протокол Интернета)
Протокол передачи гипертекста 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>
<title>Название</title>
</head>
<body>
<p>Тело документа
</body>
</html>
Как видно из примера, тег представляет собой ключевое слово, заключенное в угловые скобки. Различают одинарные теги, как, например, <p>, и парные, как <body> </body>, в последнем случае действие тега распространяется только на текст между его открывающей и закрывающей скобкой. Теги также могут иметь параметры - например, при описании страницы можно задать цвет фона, цвет шрифта и т.д.: <body bgcolor="white" text="black">.
Текст всего документа заключается в теги <html>, сам документ разбивается на две части - заголовок и тело. Заголовок описывается тегами <head>, в которые могут быть включены название документа (с помощью тегов <title>) и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено в теги <body> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования используются следующие основные теги:
<p> - начало нового абзаца, может иметь параметр, определяющий выравнивание:
<palign=right>;
<br> - перевод строки в пределах текущего абзаца;
<u></u> - выделение текста подчеркиванием
Ссылка на другой документ устанавливается с помощью тега <a href="URL">...</a>, где URL - полный или относительный адрес документа. При этом текст, заключенный в тег <a>, обычно выделяется подчеркиванием и цветом, и после щелчка мышью по этой ссылке браузер открывает документ, адрес которого указан в параметре href. Графические изображения вставляются в документ с помощью тега <img src="URL">.
1.2.2 Технология JAVA
Язык программирования Java, разработанный около восьми лет назад компанией Sun Microsystems и напоминающий по структуре и синтаксису хорошо знакомый многим программистам С, существует сегодня в Интернете в двух вариантах: JavaScript и собственно Java. Первый вариант языка является всего лишь надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно. Модуль Java в отличие от JavaScript не интегрируется в использующую его страницу, а существует как самостоятельное приложение с расширением *.class или, выражаясь научным языком, апплет. При использовании этого варианта языка апплет также вызывается из html-файла соответствующей командой, но загружается, инициализируется и запускается на исполнение в виде отдельной программы, в фоновом режиме.
С помощью технологии Java можно придать своей странице элементы интерактивности, формировать, компоновать и полностью контролировать формат всплывающих окон и встроенных фреймов, организовывать такие активные элементы, как «часы», «бегущие строки» и иную анимацию, создать чат. Большинство web-камер, передающих на сайт «живое» изображение, также работают на базе соответствующих приложений Java.
Среди достоинств этой технологии следует отметить отсутствие необходимости устанавливать и настраивать на сервере какие-либо дополнительные модули, обеспечивающие работу Java-программ. Главный недостаток Java заключается в том, что пользователи броузеров старых версий, не поддерживающих компиляцию данного языка, воспринимать объекты, созданные при помощи Java и JavaScript, не смогут.
1.2.3 Технология CGI
Технология CGI (Common Gateway Interface) подразумевает использование в составе ресурса Интернет интерактивных элементов на базе приложений, обеспечивающих передачу потока данных от объекта к объекту. Именно так организовано во Всемирной сети большинство чатов, конференций, досок объявлений, гостевых книг, поисковых машин и систем подсчета рейтинга. В общем случае принцип работы CGI выглядит следующим образом: пользователь заполняет на web-страничке ту или иную форму и нажимает на кнопку, после чего встроенная в код HTML строка вызова CGI-скрипта запускает соответствующую программу CGI и передает ей управление процессом обработки информации. Введенные пользователем данные отсылаются этой программе, а она, в свою очередь, «встраивает» их в другую страницу, отправляет по почте или трансформирует каким-либо иным способом, Скрипты CGI размещаются на сервере в специально отведенной для этих целей директории, которой, как правило, назначается имя CGI-BIN. Следует помнить, что подключение, отладка и запуск таких программ требуют соответствующих прав доступа к http-серверу, а также определенных знаний и навыков.
Технология CGI обычно реализуется двумя методами: либо с использованием программ, написанных на языке PERL (Practical Extraction and ReportLanguage), — такие файлы имеют расширение *.pi, либо с помощью приложений, созданных обычно с применением языка С и откомпилированных непосредственно на сервере, поскольку большинство UNIX-совместимых платформ включают в себя встроенный транслятор этого языка. Подобные программы имеют расширение *.cgi. Необходимо отметить, что PERL, как и HTML, является интерпретируемым языком. Иными словами, для того чтобы запустить подобный скрипт на исполнение, не требуется дополнительной компиляции. Помимо упомянутых возможностей с помощью данной технологии можно организовать систему показа последовательности рекламных баннеров или автозагрузки файлов на сервер, создать форму отправки электронного письма непосредственно со страницы сайта или службу виртуальных открыток. Среди достоинств CGI следует отметить их независимость от клиентского программного обеспечения — эту технологию сможет применять каждый пользователь, просматривающий содержимое сервера при помощи броузера практически любой версии. Главный недостаток заключается в том, что для установки и на- стройки приложений CGI на сервере нужно обладать как минимум правами администратора, поскольку эти программы при запуске способны нарушить нормальное функционирование серверного компьютера и дестабилизировать работу сети.
1.2.4 Технология SSI
SSI (Server Side Includes) — технология, тесно переплетенная с упомянутой выше CGI. На основе макроязыка, очень напоминающего С, SSI позволяет реализовать такие возможности, как вывод в документе того или иного текста в зависимости от определенных условий или согласно заданному алгоритму, формировать файл HTML из динамически изменяющихся фрагментов или встраивать результат работы CGI в какой-либо его участок. Достоинства и недостатки SSI аналогичны описанным в предыдущем абзаце.
1.2.5 Технология CSS
Зачастую у web-дизайнера возникает необходимость применить в процессе создания html-документа сложное форматирование — от абзаца к абзацу менять шрифт, расположение текста, его цвет, формировать различные таблицы данных. Можно решить эту проблему с помощью стандартных средств HTML: описывать каждый абзац отдельным набором команд, но в этом случае итоговый документ будет иметь большой размер, да и само создание кода становится весьма трудоемкой работой. Можно пойти другим путем: подключить к странице внешний файл, выполненный в стандарте CSS — Cascading Style Sheets (каскадные таблицы стилей), в котором с помощью специального макроязыка один раз жестко задать форматирование страницы. Другими словами, файл CSS выполняет роль некоего шаблона, применяемого для форматирования текста, таблиц и иных элементов в документе HTML. Есть возможность подключать один и тот же физический файл CSS к различным web-страницам сайта. CSS можно использовать практически на любом сервере без каких-либо ограничений. Крупные недостатки у данной технологии также практически отсутствуют. О каскадных таблицах стилей CSS мы подробно побеседуем в восьмом уроке.
1.2.6 Технология РНР
РНР (Personal Home Page tools) — это еще один интерпретируемый язык, напоминающий PERL, предназначенный для придания web-страницам элементов интерактивности. Код, написанный на языке РНР, встраивается в документ HTML подобно подпрограмме: в тот участок документа, где необходимо разместить интерактивный элемент, просто вставляется сценарий РНР. Мнемоника данного языка базируется на синтаксисе PERL, Java и С, благодаря чему не вызывает каких-либо трудностей при изучении. Методики, которые позволяют серверам корректно распознавать файлы, содержащие скрипты РНР, различны и зависят в первую очередь от типа конкретного сервера. Считается достаточным назначить такому файлу расширение .php, иногда — с добавлением номера версии используемого языка, например .php2 или .php3.
Технология РНР позволяет организовать на web-странице счетчик посещений, подсчитывать статистику обращений к тем или иным разделам сайта, защитить доступ к какому-либо html-документу паролем и многое другое. Среди недостатков РНР следует отметить то, что данная технология поддерживается далеко не всеми серверами Интернета.
1.2.7 Технология ASP
ASP (Active Server Pages, активные страницы сервера) — еще одна технология, аналогичная JavaScript и РНР. Для того чтобы сделать web-страницуинтерактивной с применением технологии ASP, необходимо встроить в ее код соответствующий скрипт, написанный на макроязыке, отдаленно напоминающем Java и С. Скрипт интерпретируется и исполняется непосредственно на сервере, после чего пользовательскому броузеру отправляется уже готовый html-документ с результатами работы сценария ASP. Отсюда следует вполне справедливое заключение о том, что для страниц, содержащих ASP, не имеет значения, какое программное обеспечение установлено на пользовательском компьютере. Зато принципиальное значение имеет тип сервера, на котором вы планируете использовать ASP, поскольку отнюдь не все они поддерживают данную технологию.
1.2.8 Технология VBScript
VBScript, или Visual BASIC Script (Visual Beginners All-purpose SymbolicInstruction Code Script, визуальный символический универсальный командный код для начинающих) — очередная версия интерпретируемого языка, встраиваемого в html-документ с целью включения в состав web-страницы интерактивных элементов. Честь создания данной технологии принадлежит разработчикам компании Microsoft.
Если сравнить более распространенный стандарт JavaScript с VBScript, обнаружить серьезные различия очень трудно, поскольку мнемоника и синтаксис обоих языков во многом схожи. С помощью VBScript можно реализовать практически весь спектр возможностей, характерных для JavaScript. Обе технологии не зависят от типа сервера, на котором планируется опубликовать включающую их web-страницу. Однако VBScript в настоящее время менее распространен в Интернете, нежели его «конкурент», поскольку он поддерживается только броузерами производства Microsoft, а именно Internet Explorer версий 3.0 и выше. Netscape Navigator не имеет интерпретатора этого языка, поэтому приверженцы этого броузера лишены возможности использовать интерактивные элементы, созданные с применением VBScript, в то время как JavaScript поддерживается и Internet Explorer и Netscape Navigator.
1.2.9 Технология Macromedia Flash
Стандарт Flash был разработан компанией Macromedia в 1996 году. Основное назначение данной технологии — создание высококачественной интерактивной анимации, которую можно представлять при относительно небольшом размере итогового файла. С помощью Macromedia Flash web-мастер имеет возможность изготавливать красочные анимационные заставки, определенные элементы которых могут «реагировать» на движения мыши, а также встроенные в web-страницы мини-игры, озвученные мультипликационные клипы и многое другое. Другими словами, Macromedia Flash способна практически на все, что доступно при применении Java, и даже больше.
Одним из основных отличий Macromedia Flash от всех остальных существующих ныне web-технологий является то, что это единственный стандарт, позволяющий работать не только с растровой графикой, но и с векторной. Помимо этого текст импортируется в среду Flash не как растровое изображение, а именно как текст, в котором один символ кодируется одним байтом информации, что является серьезным оружием в борьбе с излишним объемом результирующих файлов. Немаловажно, что во Flash имеется возможность воспроизведения музыки и звуков в формате МРЗ.
Для создания документов, подготовленных согласно данному стандарту, компания Macromedia выпустила специальную объектно-ориентированную среду разработчика в виде стандартного 32-разрядного приложения Microsoft Windows. Благодаря этому, процесс программирования при подготовке интерактивных элементов Flash и анимации сведен к минимуму: пользователю достаточно создать новый проект в удобной и дружественной среде, для чего необходимо лишь разобраться в принципах работы программного пакета и уметь обращаться с мышью, — по окончании работы программа встроит созданные объекты в документ HTML автоматически.
В среду 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 и выше. Другие браузеры, к сожалению, не умеют распознавать данный стандарт, в чем и заключается его основной недостаток.
1.2.10 Технология DHTML
DHTML (Dynamic Hyper Text Markup Language, динамический язык разметки гипертекста) является расширением стандарта HTML и позволяет создавать web-страницы, включающие такие интерактивные элементы, как движущийся фон, расположенный под статичным содержимым документа, движущиеся объекты, выпадающие меню, кнопки, подсвечивающиеся при наведении курсора мыши, анимацию, бегущие титры и многое другое. По большому счету DHTML представляет собой «среднее арифметическое» между технологиями HTML и JavaScript. Этот стандарт использует простые сценарии, подготовленные с помощью интерпретируемого макроязыка, обрабатываемого браузером совместно с кодом HTML. Такие сценарии именуются «скриплетами». Для создания скриплетов используются стандартные расширения DHTML и любой макроязык, поддерживающий директивы интерфейса ActiveX. DHTML распознается браузерами Microsoft Internet Explorer, начиная с версии 4.0 и выше.
1.2.11 Технология XHTML и XML
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или более ранних версий, не придется как-либо изменять формат опубликованных в Интернете документов: все дополнения и расширения нового языка полностью включают в себя предыдущие стандарты.
XML и XHTML значительно расширяют возможности HTML и позволяют Web-мастеру использовать практически весь заложенный в современный Интернет потенциал на сто процентов, в первую очередь в сфере электронной коммерции. Поскольку XHTML подразумевает модульную архитектуру построения электронных документов, данный стандарт позволяет создавать ме
2 Проектная часть
В проектной части необходимо выполнить следующие этапы:
1 Выявить основные целевые группы сайта.
2 Определить подсистему интерфейса.
3 Разработать требования к структуре сайта павлодарского автовокзала.
4 Разработать требования к функциональным возможностям сайта.
5 Определить требования к режимам функционирования и надёжности.
6 Выявить требования к видам обеспечения.
2.1 Основные целевые группы
web технология сайт модуль
- администрация города Павлодара и павлодарской области;
- администрация павлодарского автовокзала;
- постоянные клиенты автовокзала;
- граждане, интересующиеся деятельностью павлодарского автовокзала.
Следует отметить, что в первоначальной версии представленного сайта не предусмотрен авторизированный доступ (личный кабинет). В дальнейшем авторизированный доступ будут иметь администрация автовокзала, города и области, граждане, постоянно пользующиеся услугами автовокзала.
2.2 Подсистема интерфейса
Разработанный сайт предоставляет пользователям рабочие места в данной информационной среде, которые строятся по классическим принципам построения интерфейсов:
1 Контроль – на стороне пользователя. Лучше было бы назвать этот принцип пользовательским восприятием. Основной смысл этого принципа заключается в том, что пользователь инициирует действия, и если в результате этого контроль переходит к программе, то пользователь получает необходимую обратную связь (в виде курсора в форме песочных часов, индикатора ожидания или аналогичным способом).
2 Согласованность. Согласованность несомненно является вторым основным принципом разработки качественного интерфейса. Фактически согласованность означает соблюдение стандартов и следование некоторым общепринятым правилам работы с GUI-интерфейсом. Согласованность может рассматриваться, по меньшей мере, в двух аспектах.
- соответствие стандартам поставщика GUI-интерфейса;
- соответствие стандартам в области именования, программирования и другим, разработанным внутри организации стандартам, которые связаны с GUI-интерфейсом.
3 Терпимость к ошибкам. Хорошо спроектированный интерфейс должен позволять пользователям экспериментировать и совершать ошибки, проявляя терпимость к ошибкам. Подобная терпимость стимулирует исследовательскую активность пользователя, поскольку позволяет ему выполнять ошибочные последовательности действий с возможностью в любой момент совершить при необходимости "откат" в начало. Терпимость к ошибкам подразумевает многоуровневую систему отмены операций.
4 Эстетичность и удобство. Эстетичность интерфейса влияет на зрительное восприятие системы. Удобство касается легкости, простоты, эффективности, надежности и продуктивности в использовании интерфейса. Безусловно, оба принципа касаются удовлетворенности пользователя. Именно в этом вопросе разработчик GUI-интерфейса нуждается в помощи дизайнера.
Интерфейс обеспечивает следующие постоянные по месту размещения на страницах сайта функциональные зоны (макет стартовой страницы приведен в Приложении А):
- корпоративная идентификация (фирменная символика Павлодарского автовокзала, сайта, возможно, визуальная идентификация разделов сайта), размещается на каждой странице на достаточно небольшой площади;
- служебная информация – счётчики, копирайты, обратная связь, размещается в нижнем правом углу каждой страницы;
- главное меню – иерархический список доступных пользователю функций, размещается в левой части страницы;
- лента новостных сообщений – размещается на главной странице;
- область других ссылок – ссылки на другие внешние ресурсы, относящиеся к тематике сайта (сайты других вокзалов);
- рабочая область модулей – в неё различные модули реализуют свой интерфейс с пользователем и выводят информацию, размещается в центре каждой страницы сайта;
- сервисная зона – в ней размещается ряд иконок, обеспечивающий возможность распечатать страницу, получить помощь по текущей странице, сменить язык, располагается в верхней части страницы.
Все функциональные зоны кроме рабочей области реализуются подсистемой интерфейса, разрабатываемые же модули лишь централизованно регистрируются в них. Обеспечена возможность сворачивания ненужных пользователю зон (кроме сервисной и рабочей области модулей) и полностью левой и правой части экрана для максимально полного использования пространства экрана. При необходимости подсистема интерфейса предоставляет возможность модулям автоматически вызывать эту функцию.
Интерфейс обеспечивает возможность настройки пользователем размера экранных шрифтов.
Интерфейс обеспечивает возможность пользователю оптимальное по скорости выполнение требуемых от него функций, в том числе возможность эффективного ввода при помощи клавиатуры, использование справочников и подсказок, "мастеров" выполнения сложных последовательностей операций, возможность сортировок.
Интерфейс обеспечивает мгновенную обратную реакцию на действия пользователя. В случае выполнения длительных операций на экране появляется предупреждение о том, что, возможно, потребуется ожидание.
Все типовые способы взаимодействия с пользователем (сообщение об ошибке, предупреждение об опасном действии, информация о неверно заполненной форме и т.д.) происходят единообразно во всех модулях, работающих в составе сайта.
2.3 Требования к структуре сайта павлодарского автовокзала
Структуру сайта павлодарского автовокзала функционально можно разделить на:
1 Главная страница
1.1 Новости
1.2 Контакты
2 Последние события
2.1 Новости автовокзала
2.2 Новости сайта
2.3 Объявления
3 Пассажирам
3.1 Расписание работы касс
3.2 Правила покупки/возврата билетов, перевозки багажа
3.3 Льготы
3.4 Информация о ценах на билеты
4 Покупка билетов
5 Расписание
5.1 Павлодар межгород
5.2 Павлодар пригород
6 О нас
6.1 История автовокзала
6.2 Расположение и время работы
6.3 Контакты
7 Фотоальбом
8 Вопросы и ответы
2.3.1 Иерархическая структура сайта павлодарского автовокзала
Иерархическая структура сайта павлодарского автовокзала представлена в Приложении В.
2.3.2 Текстовое описание разделов сайта павлодарского автовокзала
Текстовое описание разделов сайта павлодарского автовокзала приведено в Приложении С.
2.4 Требования к функциональным возможностям сайта павлодарского автовокзала
Функционально работу сайта павлодарского автовокзала можно разбить на следующие модули:
- модуль статей, который отвечает за отображение гипертекстовых страниц в рабочей области;
- модуль вывода новостей;
- модуль работы рубрики вопрос-ответ;
- модуль отображения расписания;
- модуль лингвистического сервиса.
2.4.1 Модуль статей
Сайт имеет дизайн, использующий корпоративную символику автовокзала и выполненный в современном привлекательном стиле. Цветовое, шрифтовое решения, модульная сетка, система навигационных пиктограмм, размеры изображений разработаны изначально для всего сайта и использоваться каждым из модулей в его составе.
Дизайн сайта предусматривает эффективное использование рабочего пространства экрана в случае, если пользователь увеличивает размер окна. Дизайн предусматривает возможность в следующих версиях сайта позволить пользователю настраивать размер экранных шрифтов и осуществлять выбор между несколькими стилевыми решениями, а также администратору подстраивать внешний вид сайта под определённые события, например, основные праздники.
Верстка сайта предусматривает корректное отображение в следующих браузерах:
- Internet Explorer версии 5 ивыше;
- MozillaFireFox версии 1.5 и выше;
- Opera версии 8 и выше.
Сайт выглядит достойно и в том случае, если пользователь отключил загрузку картинок.
2.4.2 Модуль вывода новостей
При работе модуля вывода новостей в рабочей области страницы выводятся краткие аннотации новостей, с возможностью просмотреть подробнее. Последние новости отмечены особым образом. Последними считаются новости последней недели. По истечении данного срока метка удаляется. Новости выводятся в отсортированном по дате порядке.
2.4.3 Модуль работы рубрики вопрос-ответ
Рубрика «Вопрос-ответ» – это место, где каждый желающий может оставить свой вопрос, а посетитель – прочитать его. Функционально модуль разделен на блоки: Регистрация пользователя, с обязательными полями ввода ФИО, e-mail; Добавление вопроса/ответа, активен после регистрации и отображение вопросов/ответов.
Зарещается:
- вставлять в текст сообщения мета-теги, всевозможный код, непонятные символы и рисунки;
- подача сообщения без указания данных для обратной связи (емайл, телефон или URL);
- подача сообщений, содержащих ненормативную лексику и нарушающие нормы морали;
- размещать сообщения общего рекламного характера.
В случае нарушения правил, сообщение может быть удалено.
По истечении срока вопрос/ответ удаляется.
2.4.4 Модуль отображения расписания
Работа модуля начинается после выбора рубрики «Расписание». В рабочей области страницы предлагается просмотреть расписание междугородних либо пригородных маршрутов.
2.4.5 Модуль лингвистического сервиса
Модуль лингвистического сервиса позволяет выбрать удобный для пользователя язык отображения содержимого портала. Данный модуль является вложенными для всех выше перечисленных.
2.5 Требования к режимам функционирования и надёжности
Режим функционирования – бесперебойно круглосуточно (за исключением согласованных периодов времени на выполнение регламентных работ по обслуживанию оборудования или программного обеспечения системы) с обеспечением технической поддержки в часы работы служб и подразделений павлодарского автовокзала.
Обеспечение работоспособности серверного оборудования и сетевого оборудования производится силами группы технической поддержки.
Надёжность создаваемой системы обеспечивается:
- выбором отказоустойчивого оборудования и его структурным резервированием;
- использованием источников бесперебойного питания;
- выбором топологии телекоммуникационной и локальных вычислительных сетей, обеспечивающих вариантность маршрутизации потоков информации;
- дублированием носителей информации;
- использованием надёжной конфигурации операционной системы, системы управления базами данных и серверных приложений.
2.6 Требования к видам обеспечения
2.6.1 Требования к информационному обеспечению
Ядро и все модули сайта используют единую базу данных, расположенную на одном или нескольких серверах баз данных.
Сайт павлодарского автовокзала имееть выделенное доменное имя второго уровня: http://www.pavtvok.kz.
Информационная совместимость сайта с другими информационными системами автовокзала обеспечивается путем стандартизации структуры и форм электронных документов автовокзала.
2.6.2 Требования к программно-техническому обеспечению
Система обеспечивает функционирование в режиме 24x7 (бесперебойно круглосуточно).
В случае сбоев программного или аппаратного характера обеспечено восстановление данных, потерянных в результате сбоев для обеспечения продолжения функционирования системы с минимальными потерями времени.
Система совместима со всеми современными стандартами сетевого администрирования и сервиса.
Система представляет собой основу для создания единой информационной среды и допускает возможность интеграции в свою структуру необходимых для дальнейшего развития элементов.
Всё программное обеспечение, используемое как самой разрабатываемой системой, так и в процессе её разработки необходимо лицензировать к моменту запуска системы в промышленную эксплуатацию.
Листинг HTML-кода представлен в Приложении D.
Заключение
В данной курсовой работе был разработан сайт павлодарского автовокзала.
В процессе создания сайта были успешно решены задачи, поставленные в начале работы:
- изучено понятие Web-технологии;
- рассмотрены различные виды Web-технологий;
- спроектирован сайт павлодарского автовокзала.
Созданный сайт позволяет без специальных знаний просматривать информацию, связанную с деятельностью павлодарского автовокзала.
Разработанный сайт отображает последние события автовокзала, позволяет получать информацию о работе касс, расписании рейсов, правилах покупки/возврато билетов, существующих льготах и о многом другом.
Данную работу можно использовать как основу для изучения Web-технологий и создания на их базе более модернизированного сайта, описывающем деятельность павлодарского автовокзала.
В свете широкого использования IT-технологий, представленная курсовая работа является актуальной и отвечает предъявленным к ней требованиям. Сайт создан при помощи HTML-технологии с элементами MacromediaFlash и PHP, имеет удобный и понятный интерфейс и в полной мере отражает деятельность павлодарского автовокзала.
Список использованной литературы
1 Джейсон Мейнджер. Java : основы программирования : Пер. с англ. – К. : BHV, 1997. – 320 с.
2 Кристиансен Т., Торкингтон Н. Perl : Библиотека программиста : Пер. с англ. – СПб. : «Питер», 2000. – 736с. : ил.
3 Хейл, Бернард Ван. JDBC : Java и базы данных : Пер. с англ – М. : «Наука»,1999. – 320с.
4 Холзнер Стивен. Perl : специальный справочник : Пер. с анг. – СПб. : «Питер», 2000. – 496с. : ил.
5 Эферган М. Java : справочник. – СПб. : «Питер», 1998. – 448с. : ил.
Приложение А (обязательное)
Макет стартовой страницы сайта павлодарского автовокзала
Приложение В
(обязательное)
Иерархическая структура сайта павлодарского автовокзала
Приложение С
(обязательное)
Текстовое описание структуры разделов сайта павлодарского автовокзала
Разделы | Подразделы | Содержание |
Последние события | Новости автовокзала Новости сайта Объявления |
Информация о последних событиях автовокзала Информация об изменениях сайта Объявления |
Пассажирам | Расписание работы касс Правила Льготы Информация о ценах |
Информация о режиме работы касс автовокзала Правила покупки/возврата билетов, перевозки багажа и т.д. Информация о представляемых льготах пассажирам Информация о ценах на билеты |
Покупка билетов | Возможность поиска оптимального маршрута, бронирования и покупки билетов на выбранный рейс | |
Расписание | Межгород Пригород |
Расписание междугородних рейсов Расписание пригородных рейсов |
О нас | История Расположение Контакты |
История павлодарского автовокзала Расположение павлодарского автовокзала Контакты |
Фотоальбом | Представление фотографий и видеозаписей из жизни павлодарского автовокзала | |
Вопросы и ответы | Возможность обратной связи. Любой пользователь может задать свой вопрос и получить на него своевременный ответ. | |
KAZ RUS ENG |
Рубрика выполняет лингвистический сервис портала и дает возможность работать с информацией портала на близком пользователю языке (казахский, русский, английский). |
Приложение D
(обязательное)
HTML-код сайта
<html>
<head>
<title>Автовокзал Павлодара</title>
</head>
<body bgcolor="#33CCFF">
<font color="#330033">
<table width="100%" border="1" rules="none">
<tr>
<td width="30%"><img src="heada.gif" border="0" width="50%"></td>
<td align="left"><h2>Автовокзал Павлодара</h2></td>
</tr>
</table>
<table width="100%" border="1">
<tr>
<td width="70%" align="center"><a href="index.htm">на главную</a></td>
<td align="left"><a href="kaz.htm" target="main">каз</a> <a href="index.htm" target="main">рус</a> <a href="eng.htm" target="main">eng</a></td>
</tr>
</table>
<table width="100%" border="1">
<tr>
<td width="20%" valign="top">
<li>События</li>
<ul>
<li><a href="n_vok.htm" target="main">Новости автовокзала</a></li>
<li><a href="n_sajt.htm" target="main">Новости сайта</a></li>
<li><a href="obyav.htm" target="main">Объявления</a></li>
</ul>
<li>Пассажирам</li>
<ul>
<li><a href="kassa.htm" target="main">Расписание работы касс</a></li>
<li><a href="rull.htm" target="main">Правила</a></li>
<li><a href="lgot.htm" target="main">Льготы</a></li>
<li><a href="cena.htm" target="main">Информация о ценах</a></li>
</ul>
<li><a href="bay.htm" target="main">Покупка билетов</a></li>
<ul>
<li>Расписание</li>
<ul>
<li><a href="megg.htm" target="main">Межгород</a></li>
<li><a href="prig.htm" target="main">Пригород</a></li>
</ul>
<li>О нас</li>
<ul>
<li><a href="histor.htm" target="main">История</a></li>
<li><a href="dislok.htm" target="main">Расположение</a></li>
<li><a href="tel.htm" target="main">Контакты</a></li>
</ul>
<li><a href="foto.htm" target="main">Фотоальбом</a></li>
<li><a href="vopr.htm" target="main">Вопросы и ответы</a></li>
</ul>
</td>
<td width="60%"><img src="karta.jpg"></td>
<td width="20%" valign="top">
Новость 1<br>
Новость 2<br>
Новость 3<br><br><br>
<object type=application/x-shockwave-flash>
<param name="movie" value="rekl.swf">
<param name="bgcolor" value="#33CCFF">
<embed src="rekl.swf" wmode="transparent" bgcolor="#33CCFF">
</embed>
</object><br><br><br><form id="searchform" method="get" action="find.php">
<input type="text" name="find" id="s" size="25" value="">
<input type="submit" value="Поиск">
</form></td>
</tr>
<tr>
<td colspan="3" align="center">Разработчик Крыжная Светлана Витальевна</td>
</tr>
</table>
</font>
</body>
</html>
<html>
<head>
<title>АвтовокзалПавлодара</title>
</head>
<body bgcolor="#33CCFF">
<font color="#330033">
<table width="100%" border="1" rules="none">
<tr>
<td width="30%"><img src="heada.gif" border="0" width="50%"></td>
<td align="left"><h2>АвтовокзалПавлодара</h2></td>
</tr>
</table>
<table width="100%" border="1">
<tr>
<td width="70%" align="center"><a href="index.htm">наглавную</a></td>
<td align="left"><a href="kaz.htm" target="main">каз</a> <a href="index.htm" target="main">рус</a> <a href="eng.htm" target="main">eng</a></td>
</tr>
</table>
<table width="100%" border="1">
<tr>
<td width="20%" valign="top">
<li>События</li>
<ul>
<li><a href="n_vok.htm" target="main">Новостиавтовокзала</a></li>
<li><a href="n_sajt.htm" target="main">Новостисайта</a></li>
<li><a href="obyav.htm" target="main">Объявления</a></li>
</ul>
<li>Пассажирам</li>
<ul>
<li><a href="kassa.htm" target="main">Расписаниеработыкасс</a></li>
<li><a href="rull.htm" target="main">Правила</a></li>
<li><a href="lgot.htm" target="main">Льготы</a></li>
<li><a href="cena.htm" target="main">Информацияоценах</a></li>
</ul>
<li><a href="bay.htm" target="main">Покупкабилетов</a></li>
<ul>
<li>Расписание</li>
<ul>
<li><a href="megg.htm" target="main">Межгород</a></li>
<li><a href="prig.htm" target="main">Пригород</a></li>
</ul>
<li>О нас</li>
<ul>
<li><a href="histor.htm" target="main">История</a></li>
<li><a href="dislok.htm" target="main">Расположение</a></li>
<li><a href="tel.htm" target="main">Контакты</a></li>
</ul>
<li><a href="foto.htm" target="main">Фотоальбом</a></li>
<li><a href="vopr.htm" target="main">Вопросыиответы</a></li>
</ul>
</td>
<td width="60%">
<?php
$ini = parse_ini_file("index.ini", false);
echo "Результатыпоиска ";
foreach ($ini as $a=>$b) {
if ($a==$_GET['find']) {echo "<a href="$b">$a</a>n";}
}
?>
</td>
<td width="20%" valign="top">
Новость 1<br>
Новость 2<br>
Новость 3<br><br><br>
<object type=application/x-shockwave-flash>
<param name="movie" value="rekl.swf">
<param name="bgcolor" value="#33CCFF">
<embed src="rekl.swf" wmode="transparent" bgcolor="#33CCFF">
</embed>
</object><br><br><br><form id="searchform" method="get" action="find.php">
<input type="text" name="find" id="s" size="25" value="">
<input type="submit" value="Поиск">
</form></td>
</tr>
<tr>
<td colspan="3" align="center">РазработчикКрыжнаяСветланаВитальевна</td>
</tr>
</table>
</font>
</body>
</html>