Публикация фотопанорамных изображений на Web-ресурсе

Размещено на http://www.allbest.ru/

Содержание

Введение

1. Обзор методов создания Web-ресурса для публикации фотопанорамных изображений

1.1 Веб-серверы и ресурсы

1.1.1 Роль серверов

1.1.2 Классификация серверов

1.1.3 Обзор веб-серверов

1.2 Локальный веб-сервер

1.2.1 Приложения для создания веб-сервера

1.2.2 Выбор приложения для создания веб-ресурса

1.2.3 Необходимые компоненты для работы сервера

2. Создание и подготовка Web-ресурса

2.1 Создание хранилища данных в программной оболочке Denwer

2.1.1 Установка Denwer

2.1.2 Тестирование Denwer

3. Публикация готовых панорамных изображений на сайте кафедры ИСКМ ВолГУ

Заключение

Приложение

Введение

фотопанорамный изображение сайт ресурс

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

Веб-ресурс, то же, что и веб-сервер - это источник хранения данных и программное обеспечение, принимающее http-запросы от клиентов, обычно веб-браузеров, и выдающее им http-ответы, обычно вместе с html-страницей, изображением, файлом, медиа-потоком или другими данными.[1]

Веб-сервером называют как программное обеспечение, выполняющее функции веб-сервера, так и аппаратное обеспечение, выделенное или специализированное для выполнения на нем сервисного программного обеспечения.[3]

Ресурсами, в данном контексте, являются html-страницы, изображения, файлы, медиа-потоки или другие данные, которые необходимы клиенту. Клиентом обычно является веб-браузер, который передаёт веб-серверу запросы на получение ресурсов, обозначенных url-адресами. В ответ веб-сервер передаёт клиенту запрошенные данные. Этот обмен происходит по протоколу http.[2]

1. Обзор методов создания Web-ресурса для публикации фотопанорамных изображений

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

1.1 Веб-серверы и ресурсы

1.1.1 Роль серверов

Понятия сервер и клиент и закрепленные за ними роли образуют программную концепцию «клиент-сервер».

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

Формат запросов клиента и ответов сервера определяется протоколом. Спецификации открытых протоколов описываются открытыми стандартами, например, протоколы Интернета определяются в документах RFC.

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

1.1.2 Классификация серверов

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

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

Файл-серверы - представляют собой серверы для обеспечения доступа к файлам на диске сервера. Прежде всего это серверы передачи файлов по заказу, по протоколам FTP, TFTP, SFTP и HTTP. Протокол HTTP ориентирован на передачу текстовых файлов, но серверы могут отдавать в качестве запрошенных файлов и произвольные данные, например, динамически созданные веб-страницы, картинки, музыку и т. п.

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

Серверы доступа к данным - обслуживают базу данных и отдают данные по запросам. Один из самых простых серверов подобного типа - LDAP (англ. LightweightDirectoryAccessProtocol - облегчённый протокол доступа к спискам).

Для доступа к серверам баз данных единого протокола не существует, однако все серверы баз данных объединяет использование единых правил формирования запросов - язык SQL.

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

Игровые серверы - служат для одновременной игры нескольких пользователей в единой игровой ситуации. Некоторые игры имеют сервер в основной поставке и позволяют запускать его в невыделенном режиме (то есть позволяют играть на машине, на которой запущен сервер).[4]

1.1.3 Обзор веб-серверов

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

Apache HTTP-сервер (сокращение от англ. a patchyserver) - свободный веб-сервер.

Apache является кроссплатформенным ПО, поддерживает операционные системы Linux, BSD, Mac OS, MicrosoftWindows, NovellNetWare, BeOS.

Основными достоинствами Apache считаются надёжность и гибкость конфигурации. Он позволяет подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках и т. д. Поддерживает IPv6 протоколы.

IIS (InternetInformationServices) - проприетарный набор серверов для нескольких служб Интернета от компании Майкрософт. IIS распространяется с операционными системами семейства Windows NT.

Основным компонентом IIS является веб-сервер, который позволяет размещать в Интернете сайты. IIS поддерживает протоколы HTTP, HTTPS, FTP, POP3, SMTP, NNTP. По данным компании Netcraft на октябрь 2011 года, более 21 млн. сайтов обслуживаются веб-сервером IIS, что составляет 12.46% от общего числа веб-сайтов.

GoogleWebServer (GWS) - веб-сервер, используемыйGoogle для организации своей веб инфраструктуры. По состоянию на август 2010, находится на третьем месте по рейтингу компании Netcraft, обслуживая 7,27 % доменов и 13,60 % среди всех активных сайтов.

Resin- это веб сервер и сервер приложений для Java от CauchoTechnology. В Resin входятдвеверсии: Resin Professional и Resin Open Source (GPL).

ResinOpenSource - это урезанная в оптимизации и некоторых других аспектах версия ResinProfessional.

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

Cherokee - свободный кроссплатформенный веб-сервер, написан на Си. Поддерживает все современные технологии, включая FastCGI, SCGI, PHP, CGI, SSI, HTTPS (TLS и SSL), виртуальные хосты, балансировку нагрузки и другие[1]. Расширяем, благодаря поддержке плагинов. Основной упор при разработке делается на высокую производительность и скорость работы. Наличие веб-интерфейса позволяет упростить настройку.

lighttpd (также «lighty», «лайти») - веб-сервер, разрабатываемый с расчётом на быстроту и защищённость, а также соответствие стандартам. Это свободное программное обеспечение, распространяемое по лицензии BSD. lighttpd работает в Linux и других Unix-подобных операционных системах, а также в MicrosoftWindows.

CERN httpd (впоследствии известный также как httpd W3C) - исторически первый веб-сервер. Разрабатывался в CERN начиная с 1990 года.

Версия 0.1 была выпущена в июне 1991 года. Развитие CERN httpd впоследствии перешло к W3C. Последняя версия программы 3.0A вышла 15 июля 1996 года. В настоящее время больше не развивается.

Разработка программы осуществлялась на компьютере NeXT под управлением операционной системы NeXTSTEP. В дальнейшем была портирована на другие Unix-подобные операционные системы и OpenVMS. Она также может быть настроена на работу в качестве веб-прокси сервера.

На данное время известны и другие веб-серверы, такие как - nginx, HTTPFileServer, InternetInformationServices, Jetty, SmallHTTPServer, SambarServer и другие.[17]

1.2 Локальный веб-сервер

В сети интернет достаточно много компаний, которые бесплатно предлагают разместить свои странички. Однако для того, чтобы разработать и отладить полноценный веб-сайт, не обязательно требуется Интернет. Сайт можно «смоделировать» на персональном компьютере в локальном веб-сервере. Для тестирования и отладки скриптов - это идеальный вариант

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

1.2.1 Приложения для создания локального веб-сервера

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

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

XAMPP работает со всеми 32-х разрядными ОС Microsoft , а также с Linux, Mac OS X иSolaris. Программа свободно распространяется согласно лицензии GNU GeneralPublicLicense и является бесплатным, удобным в работе web-сервером, способным обслуживать динамические страницы. Количество скачанных пакетов XAMPP в октябре 2008 г. - 775064 загрузок (33280 Гб).[3]

AppServ - сборка веб-сервера, содержащая Apache, MySQL, интерпретатор скриптов PHP, phpMyAdmin и другие дополнения, позволяющая запустить полноценный веб-сервер.

Сразу после установки доступен полностью работающий веб-сервер Apache, работающий на локальном компьютере, на котором может работать неограниченное количество сайтов, что очень эффективно для разработки и отладки сценариев PHP без загрузки его файлов на удаленный сервер. Программа свободно распространяется согласно лицензии GNU GeneralPublicLicense и является бесплатным, удобным в работе web-сервером, способным обслуживать динамические страницы. С помощью этой сборки можно быстро развернуть на компьютере полноценный и быстрый веб-сервер, с доступом из локальной сети, не требуя для этого дополнительных настроек. Возможно использование как публичного веб-сервера в Интернет.[9]

TopServer - это серверный пакет или сервер приложений. Он содержит заранее настроенные веб-сервер Apache 2.0, интерпретатор PHP 5 с библиотеками PECL, интерпретатор Perl 5, серверы баз данных MySQL 5 и SQLite 2, FTP-сервер SlimFTPd, а также средства администрирования серверных компонентов. Причем все указанные компоненты сервера приложений работают как единое целое. Кроме того, программа TopServer бесплатна и состоит из полностью бесплатных компонентов.

VertrigoServ - готовая к использованию сборка для PHP-разработчиков. Включает в себя: Apache, PHP, MySQL, SQLite,Smarty, PhpMyAdmin, SQLiteManager, в старых версиях -ZendOptimizer. Поддержка русского языка только на этапе инсталляции.

Предоставляет управление настройками (такие, как параметры PHP, MySQL, расширения Apache) через визуальный интерфейс.

Денвер (от сокр. Д.н.w.р или ДНВР - джентльменский набор Web-разработчика) - набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов (веб-приложений, прочего динамического содержимого интернет-страниц) на локальном ПК (без необходимости подключения к сети Интернет) под управлением ОС Windows. Пакет распространяется как freeware, то есть бесплатный, но содержит несколько закрытых .exe утилит командной строки. Скачивание требует обязательного заполнения анкеты на сайте с указанием вашего e-mail. [11]

1.2.2 Выбор приложения для создания веб-ресурса

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

Небольшой размер дистрибутива.

Возможность доступа к сайту вида http://mysite

Наличие в трее ярлычка Apache (видно, запущен ли сервер).

Файлы httpd.conf и php.ini очень подробно комментированы на русском языке.

Система может запускаться с flash-накопителя.

Apache, SSI, mod_rewrite, mod_php.

PHP4 с поддержкой GD и MySQL.

MySQL4 с поддержкой транзакций (mysqld-max).

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

Система управления запуском и завершением работы локального сервера.

phpMyAdmin - система управления MySQL через Web-интерфейс.

Ядро Perl без стандартных библиотек (они поставляются отдельно).

Эмулятор sendmail (отладочная «заглушка», складывающая приходящие письма в /tmp); поддерживается работа совместно с PHP и Perl.[3]

1.2.3 Необходимые компоненты для работы сервера

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

Веб-сервер (например, Apache) для обработки запросов

PHP - серверный язык программирования

MySQL - система управления базами данных

В сети достаточно много компаний (т.н. хостеров, от англ. слова host), которые бесплатно предлагают разместить свои странички. Например, narod.ru или boom.ru. Более того, провайдеры услуг Интернета в качестве «бонуса» предоставляют место под сайт. Практически все подобные хостинги обеспечивают только первый пункт из приведенного выше списка. Вполне логично, что владельцу хостинга (хостеру) совершенно не хочется рисковать работоспособностью своего сервера из-за того, что неизвестный новичок будет оттачивать на нем свои новые технологии.

Однако для того, чтобы разработать и отладить полноценный веб-сайт, не обязательно требуется Интернет. Сайт можно «смоделировать» на персональном компьютере. Для тестирования и отладки скриптов - это идеальный вариант.[14]

2. Создание и подготовка Web-ресурса

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

2.1 Создание хранилища данных в программной оболочке Denver

2.1.1 Установка Denwer

Процесс установки программы Denwer достаточно прост, далее рассмотрим его:

Для начала необходимо скачать данный дистрибутив с официального сайта http://www.denwer.ru/. Он является бесплатным, но требует указания электронного адреса, для заполнения анкеты.

Запускаем установщик, после высвечивается два окна, первое представляет собой командную строку, как показано на рисунке 1, второе открывается в веб-браузере, пример на рисунке 2.

Рисунок 1 - Первое окно установки Denwer



Рисунок 2 - Окно веб-браузера в начале установки Denwer

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

Рисунок 3 - Указание пути установки Denwer

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

Рисунок 4 - Запрос о создании виртуального диска Denwer

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

Рисунок 5 - Запрос режимов установки Denwer

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

Рисунок 6 - Окно браузера, сообщающее об успешной установке Denwer

2.1.2 ТестированиеDenwer

Для тестирования работы установленного комплекса используем готовый html-сайт или отдельную страницу index.html:

Запускаем Денвер (если он не запустился сам при загрузке компьютера). Примечание: комплексу требуется полноценный доступ к изменению файла hosts, расположенному в папке: C:\WINDOWS\system32\drivers\etc.

Для проверки работоспособности запущенного комплекса откройте любой из имеющихся в системе Интернет-браузеров (IE, Opera, Firefox и др.) и в адресной строке наберите http://localhost. Если установка была завершена успешно, в окне браузера появится стартовая страница Денвера, показанная на рисунке 7.



Рисунок 7 - Стартовая страница Денвера

На диске Z: (виртуальный диск, создаваемый Денвером при запуске) найдите папку Z:\home, в которой создайте новую директорию (например, myfirstsite). После этого зайдите в эту папку и создайте в ней еще одну папку www. Поместите готовый сайт (или страницу с именем index.html), разработанные ранее, в этот каталог, указанный на рисунке 8.

Рисунок 8 - Обязательный файл в корневой директории сайта index.html

После того, как все файлы скопированы, перезапустите веб-сервер, кликнув по ярлыку «RestartServers».

В адресной строчке веб-браузера наберите в http://myfirstsite. Если все этапы установки комплекса и локального размещения сайта выполнены правильно, в окне браузера отобразится содержимое файла index.html.

Попробовать создать базу данных и работа с MyPHPAdmin

3. Публикация готовых панорамных изображений на сайте кафедрыИСКМВолГУ

Фотопанорама, в нашем, случае состоит из набора нескольких типов файлов:

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

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

Заглавный файл с расширением «.html», который отвечает за запуск панорамы в браузере и разметку страницы.

Публикация панорамы на локальном сервере

Для публикации фотопанорамы корпуса «К» ВолГУ, рассмотрим следующие этапы:

Откроем, созданный ранее программой Denwer,виртуальный локальный диск (по умолчанию Z:\). В нём содержатся папки, в которых расположен набор инструментов самого веб-сервера, показано на рисунке 9.

Рисунок 9 - Каталог папок виртуального локального диска

На виртуальном диске в папке «home»содержатся каталоги, с которыми мы можем работать. Изначально в этой папке сервера хранятся четыре папки - это тестовые сайты и папка «cgi», которая содержит в себе необходимые для работы сайтов скрипты.Для создания нового сайта, необходимо создать свой каталог, имя которого станет доменным именем сайта, например создадим папку «panoramavolsu.ru». В этом каталоге необходимо создать папку «www», в которой будет хранится то, что считается контентом сайта

Скопируем в папку «www» все файлы нашей панорамы. Результат показан на рисунке 10.

Рисунок 10 - Каталог сайта с хранящимися файлами

После копирования всех необходимых файлов необходимо перезагрузить сервер, запустив исполнительный файл «Restart.exe», который находится каталоге «denwer»на виртуальном локальном диске. Это позволяет серверу обновить каталоги и внести их в список исполнительных сайтов, перезагрузка сервера выглядит так, как показано на рисунке 11.



Рисунок 11 - Перезагрузка сервера Denwer

Теперь сайт готов к использованию, зайдём в веб-браузер, в адресной строке пропишем название нашего каталога «panoramavolsu.ru» , в результате откроется интерактивная панорама, как изображена на рисунке 12.

Рисунок 12 - Панорама, в браузере, расположенная на локальном сервере

Заключение

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

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

Выбран метод создания Web-ресурса при помощи пакета программ Denwer;

СозданWeb-ресурс, на котором были опубликованы фотопанорамные снимки «К» корпуса Волгоградского государственного университета и прилежащих территорий.

Приложение

Код html исполнительного файла фотопанорамы

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title></title>

<script type="text/javascript" src="swfobject.js">

</script>

<style type="text/css" title="Default">

body, div, h1, h2, h3, span, p {

font-family: Verdana,Arial,Helvetica,sans-serif;

color: #000000;

}

body {

font-size: 10pt;

background : #ffffff;

}

table,tr,td {

font-size: 10pt;

border-color : #777777;

background : #dddddd;

color: #000000;

border-style : solid;

border-width : 1px;

}

h1 {

font-size: 18pt;

}

h2 {

font-size: 14pt;

}

.warning {

font-weight: bold;

}

</style>

</head>

<body>

<h1></h1>

<p>

<script type="text/javascript">

<!--

varflashvars = {};

varparams = {};

params.quality = "high";

params.bgcolor = "#ffffff";

params.allowscriptaccess = "sameDomain";

params.allowfullscreen = "true";

var attributes = {};

attributes.id = "pano";

attributes.name = "pano";

attributes.align = "middle";

swfobject.embedSWF(

"1_out.swf", "flashContent",

"640", "480",

"9.0.0", "expressInstall.swf",

flashvars, params, attributes);

//-->

</script>

<div id="flashContent">

<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>

</div>

</body>

</html>

Размещено на Allbest.ru