студия web дизайна Центр Информационных Технологий
Центр  информационных технологий
полиграфия Студия дизайна Центр информационных технологий Отдел разработки ПО Центр тех. обслуживания
Главная
Обратная связь
О нас
Поиск
Карта сайта
Отдел разработки ПО» Научная деятельность» Учебно-методическая работа»
Учебно-методическая работа Параллельное программирование Статьи
    

Мультимедийный интерфейс пользователя клиент-серверного интернет сайта



УФИМСКИЙ ГОСУДАРСТВЕННЫЙ НЕФТЯНОЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

КАФЕДРА ВЫЧИСЛИТЕЛЬНОЙ ТЕХНИКИ И ИНЖЕНЕРНОЙ КИБЕРНЕТИКИ

ДИПЛОМНЫЙ ПРОЕКТ

МУЛЬТИМЕДИЙНЫЙ ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ
КЛИЕНТ-СЕРВЕРНОГО ИНТЕРНЕТ САЙТА

0200 000000 089ПЗ

ДИПЛОМНИК ГР. ПО 00-01    АЛЕКСАНДР ВЛАДИМИРОВИЧ ГУРЬЯНОВ

РУКОВОДИТЕЛЬ КАНД. ТЕХН. НАУК  А.Е.БЕЛОЗЕРОВ

 

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

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

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

Технология Macromedia Flash, позволяет удовлетворить эту потребность как инструмент для создания качественных графических, динамических интерфейсов  пользователя. Она объединяет: широкую популярность, то есть на большинстве компьютеров уже стоят Flash проигрыватели, встроенный язык программирования Action script и широкие возможности для работы с векторной графикой. Тем не менее, в ней имеются свои недостатки:
  во-первых, поисковые системы не распознают информацию, хранимую во flash клипах;
  во-вторых, практически отсутствуют встроенные средства работы с базами данных.
HTML, обладая высокими характеристиками индексирования роботами поисковых систем и обширными возможностями работы с базами данных не пригоден как инструмент работы с динамической векторной графикой.

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

Сформулируем основные требования к web сайту. Он должен:
- Иметь красивый и запоминающийся внешний вид, построенный с применением векторной графики и возможностью анимации;
- Базироваться на архитектуре клиент сервер;
- Иметь минимальные объемы "служебной" информации относительно общих объемов передаваемой информации;
- Быть функциональным, удобным с точки зрения навигации, преподнесения информации, администрирования.
- Находиться и индексироваться роботами поисковых систем.

Схема организации сайта:

имеется два варианта пользовательского интерфейса: HTML и Flash, взаимодействующих при помощи WEB сервера  Apache с единым банком данных на сервере mySQL. Flash вариант предназначен для пользователей, HTML для пользователей и роботов поисковых систем.

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

web сайт

на действия пользователя происходит обращение браузера к PHP-скрипту (1), его исполнение на web-сервере и формирование SQL запроса (2), передача запроса SQL серверу (3), получение выборки данных (4), формирование и передача HTML кода браузеру (5).

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

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

Не имея встроенных средств работы с базами данных, Flash позволяет работать со структурированным набором данных в формате XML. Однако, для  обеспечения связанности информации на обеих версиях сайта, необходимо отображение во Flash-версии сайта информации, взятой непосредственно из базы данных сразу же после запроса пользователя, поэтому хранение данных в формате XML, даже с периодическим их обновлением, не подходит. Требуется динамическое формирование XML- файла, который, в данном случае, является промежуточным звеном приема данных. Таким образом, схема взаимодействия Flash сайта с базой данных имеет вид:

web сайт

1. Flash-фильм обращается к PHP-скрипту с помощью встроенной функции LoadXML. При необходимости осуществляется передача данных PHP-скрипту с помощью метода POST.
2. PHP-скрипт передается на исполнение интерпретатору.
3. Формируется и посылается на сервер SQL запрос, возвращается выборка базы данных.
4. Данные формируются в формате XML (5)
5. Которые загружаются Flash-роликом. По завершению загрузки данных вызывается обработчик события XML.onLoad(), где полученные данные обрабатываются и выводятся на экран.

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


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

web сайт

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

Корневой Flash-ролик загружает требуемый Flash-компонент, который обращается к нужному PHP-скрипту и получает необходимые данные из базы. Информация обрабатывается  Flash модулем и выводится на экран в указанное окно.
Модульная организация Flash версии сайта позволяет отделить графическую оболочку сайта от способов отображения информации, обеспечивая:
  во-первых, возможность загружать только те компонентs, которые необходимы пользователю.
  и во вторых, широкие функциональные возможности сайта, для создания новых форм представления информации достаточно лишь добавить соответствующую связку "Flash-ролик + PHP-cкрипт", без внесения изменений в корневой Flash-фильм.

Структура банка данных:

база данных

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


Заказать сайт








Тел./факс: (347) 292 63 07 | E-mail: itcentre@itcentre.ru© 2005-2013, Разработка сайта — студия «3 Грани Дизайна»

Наш адрес:
450078, Республика Башкортостан,
г. Уфа, ул. Владивостокская, д. 2/1, оф. 208А


статистика