Web програмированние

4. Эстетичность и удобство. Эстетичность интерфейса влияет на зрительное восприятие системы. Удобство касается легкости, простоты, эффективности, надежности и продуктивности в использовании интерфейса. Безусловно, оба принципа касаются удовлетворенности пользователя. Именно в этом вопросе разработчик GUI-интерфейса нуждается в помощи дизайнера.

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

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

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

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

- лента новостных сообщений  – размещается на главной странице;

- область других ссылок  – ссылки на другие внешние  ресурсы, относящиеся к тематике  сайта (сайты других отделений ВОГ);

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

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

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

Интерфейс обеспечивает возможность  настройки пользователем размера  экранных шрифтов.

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

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

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

 

2.3 Требования к структуре  сайта отделения ВОГ Структуру сайта павлодарского автовокзала функционально можно разделить на:

1 Главная страница

1.1 Новости

1.2 Контакты

2 Последние события

2.1 Новости автовокзала

2.2 Новости сайта

2.3 Объявления

3 Клиентам

3.1 Расположение и время работы

3.2 Контакты

4 Фотоальбом 

 

2.3.1 Иерархическая структура  сайта отделения ВОГ

Иерархическая структура сайта отделения ВОГ представлена в Приложении В. 

 

2.3.2 Текстовое описание  разделов сайта отделения ВОГ

Текстовое описание разделов сайта отделения ВОГ приведено в Приложении С. 

 

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

Функционально работу сайта  отделения ВОГ можно разбить на следующие модули:

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

- модуль вывода новостей;

- модуль лингвистического  сервиса.

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

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

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

Верстка сайта предусматривает  корректное отображение в следующих  браузерах:

- Internet Explorer версии 5 и выше;

- Mozilla FireFox версии 1.5 и выше;

- Opera версии 8 и выше.

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

 

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

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

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

Модуль лингвистического сервиса позволяет выбрать удобный  для пользователя язык отображения  содержимого портала. Данный модуль является вложенными для всех выше перечисленных.

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

Режим функционирования –  бесперебойно круглосуточно (за исключением  согласованных периодов времени  на выполнение регламентных работ по обслуживанию оборудования или программного обеспечения системы) с обеспечением технической поддержки в часы работы отделения ВОГ.

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

Надёжность создаваемой  системы обеспечивается:

- выбором отказоустойчивого  оборудования и его структурным  резервированием;

- использованием источников  бесперебойного питания;

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

- дублированием носителей  информации;

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

 

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

Система обеспечивает функционирование в режиме 24x7 (бесперебойно круглосуточно).

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

Система совместима со всеми  современными стандартами сетевого администрирования и сервиса.

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

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

Листинг HTML-кода представлен в Приложении D.

 

Заключение

В данной курсовой работе был  разработан сайт отделения ВОГ.

В процессе создания сайта  были успешно решены задачи, поставленные в начале работы:

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

- рассмотрены различные  виды Web-технологий;

- спроектирован сайт отделения ВОГ.

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

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

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

В свете широкого использования IT-технологий, представленная курсовая работа является актуальной и отвечает предъявленным к ней требованиям. Сайт создан при помощи HTML-технологий, имеет удобный и понятный интерфейс и в полной мере отражает деятельность отделения ВОГ.

 

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

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>