Как сделать виртуальный музей на компьютере

Обновлено: 07.07.2024

В рамках серии записей из личного опыта и практики поделюсь с читателями историей моей работы над виртуальными панорамами и турами в Белгородском госуниверситете. Работаю я в одном из подразделений университета уже более 8 лет, а с августа 2015 года мною ведётся подготовка материалов для виртуального тура по музею истории - "щупанье" софта, ожидание оплаты счетов через всю неповоротливую махину гос.организаций, попытка в "фоновом режиме" подготовить хотя бы что-то, чтобы галопом по европам в авральном режиме не оправдываться, почему до сих пор у меня нет джинна в интернете нет тура по музею.
На дворе декабрь 2015, то есть с того момента, как я не знала о панорамах и турах ничего и что я уже знаю (и имею) на сегодняшний день - прошло 5 месяцев.
В качестве стартового ознакомительного поста мне пришла в голову идея поделиться записями вебинаров, выложенных в открытый доступ компанией ТемоЦентр: Курс повышения квалификации по программе «Инструменты для создания виртуального музея образовательной организации» для специалистов, отвечающих за создание и работу виртуального музея в образовательной организации - здесь мне очень понравился вебинар 5 о дополненной реальности. Остальные же вебинары особых новых знаний лично для меня не привнесли, потому что уже многое проштудировано и проделано.
Посмотреть записи вебинаров я рекомендую всем, кто хотя бы на секунду задумывался о представлении себя, своей компании, своей деятельности в интернете новым способом.

Итак, если у вас есть только фотоаппарат или мобильный телефон с неплохой камерой.
В одном из постов я уже писала, как фотографировала панораму в Германии (город Потсдам) "с рук" фотоаппаратом (фото кликабельно, ведёт на запись) и собирала кадры через Microsoft Image Composite Editor (ICE):

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

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

Выложила панораму на сервис Dermandar. При склеивании панорамы по улице машины ездили, поэтому есть пара нестыковок - то машина без кабины, то плитка "поплыла":

Мне хотелось показать друзьям улочки города, поэтому вполне такой способ сгодится, на мега-профессионализм не претендуем. Подобных описаний в интернете тоже очень много, панорамы так делают, всё реально работает. Заснять двор, пустую лицу, помещение без людей, ангар - всё возможно, подобных "безголовых" призраков не будет, если не будет в кадре движения. При желании можно потрудиться, замазать в графическом редакторе нестыковки, качество будет ещё лучше. Вышеупомянутая панорама готова за 2-3 минуты, включая выгрузку на сервер.
Со второй панорамой получился косячок - гуляли туристы, я немного сбилась при фотографировании (ждала, пока люди уйдут из кадра). Здесь уже сбилось перекрытие кадров, ICE собрал плохо, цилиндрической замкнутой панорамы как в первом случае не получилось:

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

Первые свои "потуги" при фотографировании панорамы со штативом (140-170 фото) я пыталась так же скормить ICE, но собирались они плохо, были несостыковки. Поэтому нашла бесплатную программу для сборки панорам, именуемую Hugin. Далее речь пойдёт об этой программе, но сразу, забегая вперёд, скажу, что в ней мне не понравилось то, что контрольные точки надо задавать вручную. Для изобилия фотографий и с явным эффектом параллакса это негуманно, трудозатратно, геморрой не стоит свеч , мне явно не хватало автоматизации - выбрать область, а точки пусть бы сами расставились. Может быть я плохо искала, но так и не нашла, как в Hugin мне это сделать автоматически. А качество собираемых итоговых панорам с ошибками несостыковок меня не устраивало:

Далее под катом я опишу функционал бесплатной программы для сшивания панорам Hugin. Программа отлично подойдёт, если у вас в панораме не много кадров, а так же подойдёт терпеливым и усидчивым, у кого много свободного времени :-)

Программа на русском, имеет очень простой интерфейс:

Даже если не копаться в настройках (отметила цифрами), то выделите все снимки через Ctrl+A и нажмите кнопку "Создать контрольные точки":

Программа начнёт "прожёвывать" ваши фотки. Здесь будьте очень терпеливы и лишний раз не трогайте комп. Мой Core3 зависал, если от него мне приходилось требовать больше:

Попробуйте без ручной коррекции контрольных точек сшить панораму - вкладка "Сшивка". Здесь указываются параметры итоговой панорамы и её проекция. Какая между всеми разница - почитайте внимательно в интернете, прежде, чем приступать к съёмке кадров вашей будущей панорамы. На этом этапе я подробно останавливаться не буду.
Итак, панорама сшита!
Её можно просмотреть в любом графическом редакторе, но все искажения не доставляют эстетического удовольствия, как если бы ты смотрел цилиндрическую панораму, развёрнутую в одну длинную "кишку". Софта бесплатного для просмотра панорам в интернете тоже множество, я использовала самую простую FSPViewer (есть версия 32-битная, есть 64):

И видим очень много нестыковок:

Как уже и писала выше - в моём случае слишком много фотографий, каждую точку выставлять вручную - муторно. Но возможно. Это делается на вкладке "Контрольные точки":

Кроме того, в настройках программы есть возможность корректировать ваши точки: Правка - Точно скорректировать контрольные точки.

Итоги: сама программа великолепна, бесплатна, требует усидчивости, для сборки панорам с небольшим числом кадров (около 40 штук) - замечательна.

Последним этапом была проверка платного софта - скачала триалку AutoPano Giga - жаль, что не позволяет она сохранить итоговый результат. Но качество и скорость собирания кадров панорамы, даже если снято со штатива без нодальной точки - отличное, под наши нужды подходит. И главное - есть автоматическая расстановка контрольных точек на выбранном участке. В общем, эпопея в неповоротливых разветвлённых гос.организациях длилась с сентября по декабрь, но теперь в моём распоряжении есть лицензионная Kolor Autopano Pro 4, речь о которой пойдёт ниже. К слову замечу - стоимость невелика, 7500 руских рублей. Организация для своих нужд может себе такое позволить. Забегая вперёд, поделюсь с читателями дальнейшими планами - помимо музея истории, в планах есть музей минералогии (поделюсь итогами работы вдальнейшем, возможно уже в 2016 году) и летом я планирую отснять кампус университета с привязкой к географическим координатам :-) Но об этом в последующих постах, работы полно на весь 2016 год (если не больше), впереди меня и вас ждёт много интересного! А пока под катом я опишу функционал программы Autopano Pro. Единственная особенность - из-за обилия фотографий при сшивке панорамы программа требовательна к ресурсам оперативки, приходилось немного "плясать с бубном" под капотом настроек, но обо всём попорядку. Приятного чтения!

Программа Autopano Pro является упрощённой по функционалу в сравнении с Autopano Giga, следовательно и стоит дешевле. Я решила, что сшивать снимки и автоматически добавлять контрольные точки по заданному участку мне более чем достаточно. Поэтому именно эту софтину я и заказала для покупки.

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

Зелёным на рисунке показано, что у фотографий есть общая информация EXIF. Проверяйте, верно ли она автоматически определилась. Если нет - на этом же рисунке красным показано, что у меня для части фоток не найдена EXIF. Желательно её задать - нажмите на пиктограмму, выделенную голубым цветом:

Откроется окно свойств, где указана ваша камера и параметры, на каких снимали. При необходимости, скорректируйте. Если снимали кадры панорамы на одних настройках - выделите все фотки и примените общие настройки EXIF:

Дальше в области слева есть кнопка "Создать". Ею создаётся предпросмотр, как что собралось. Бывало так, что у меня при сборке кадров из одной серии съёмки отдельно могло собираться небо (напомню, что фотографировала я на штатив без панорамной головки, количество кадров варьировалось от 135 до 175). Жёлтой стрелкой показана кнопка предварительных настроек для сборки панорамы, а красной стрелкой - редактор контрольных точек. О них речь пойдёт чуть ниже:

Важное замечание: специально привожу скрин параметров своего служебного ПК, потому как "захлёбывается" он при обилии фотографий (если их указано более 130, а в некоторых случаях захлёбывается и отказывается собирать уже и при 70 шт.):

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

Спасало только ковыряние в настройках, пользовательский шаблон смешивания и разрез ISO:

Разумеется, всё зависит от предъявляемых требований к качеству и размеру вашей панорамы. Мои же пробы со сменой шаблона смешивания дали только 2 результата хороших. Во всех остальных случаях то появлялись покадровые границы при сшивании, то серые или чёрные пятна, то сама итоговая панорама мутная.
Отмечу ещё, что программа позволит сохранить панораму в разных форматах, включая .PSD, но мне добиться сохранения в слоях так и не удалось - мало ресурсов у ПК. Но это мелочи, которые вовсе не помешали работе.

Собираете свою панораму, смотрите. И если не устраивает качество - вручную добавляете контрольные точки. Напомню, что Autopano позволяет выделить область, где нужны дополнительные контрольные точки, и всё нужное выставит сама автоматом. На рисунке ниже показан редактор контрольных точек (вызывается из окна предварительной сборки после выбора нами группы фотографий). Здесь обращайте внимание на показатель качества сборки - он сообщает, насколько "хороши" ваши контрольные точки. Но опыт показывает, что отличные результаты сборки получаются даже при RMS в состоянии "плохой":

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

Дальше собираете свою панораму. В зависимости от числа фотографий и ожидаемого качества, сборка составит от 7 минут до 2 часов (на моём рабочем ПК core-i3 и 4 гига оперативки).

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

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

Пример такой такой экскурсии можно посмотреть по ссылке что бы понять о чем идет речь и нужно ли это вам. Я думаю у многих было желание сделать что-то подобное, но большинство статей перегружено теорией, либо процесс описания очень длинный, либо подача информации не подходит. Сам несколько раз пытался начинать, но довести до конца не хватало терпения. Однажды натолкнулся на программу собирающую панораму из нескольких изображений, мне понравилось и за 20 мин я соорудил первую экскурсию. Начнем по порядку. На съемку каждой панорамы уходило 5 минут, снимал в режиме "Авто". Хотя нужно в ручном, что бы выдержка была одинаковой на каждом фото. Если вы посмотрели экскурсию по ссылке , то на некоторых панорамах есть искажения в геометрии или в освещенности. Моей задачей было потратить минимум времени на её создание, но в целом получилось нормально, я доволен. И так, для съемки нам понадобится: самый простой цифровой фотоаппарат. Программа для создания виртуальной экскурсии из панорам - Kolor Panotour Pro , скачать можно тут . И, программа для создания панорам из нескольких изображений Image Composite Editor, версию для x64 можно скачать тут .

Начинаем со съемки панорамы. Для этого фотографировать желательно на штативе, чтобы плоскость горизонтальной съемки, была с наименьшими искажениями, иначе при склейке панорамы будут ошибки, или панорама вовсе не получится. Кадры снимаем последовательно так, чтобы на каждом следующем, был фрагмент предыдущего, т.е. "ключ" для сшивки панорамы. Пугаться не нужно, сшивка происходит автоматически в программе Image Composite Editor. Вот пример отснятых фото цеха, который представлен на фото панорамы выше:

Аннотация научной статьи по компьютерным и информационным наукам, автор научной работы — Матвеев В. А., Супрун Д. Е.

Рассмотрен рациональный алгоритм создания “Виртуального мини-музея” — автоматизированного ресурса, представляющего собой интерактивную панораму с вариантами передвижения по трехмерному туру , а также возможностью воспользоваться базой данных для получения необходимой информации. Приведена последовательность действий по созданию панорамной развертки при помощи программных модулей PTGui и Pano2V. Даны рекомендации по разработке структуры работы программного обеспечения веб-панорамы. Описан пример разработки и включения в систему дополнительного модуля — базы данных (с исследованием ее инфологической и даталогической модели). Предложена модель интерфейса графа диалога, осуществляющего взаимодействие пользователя с системой. Рассматриваемый алгоритм создания “Виртуального мини-музея” при имеющемся спросе на веб-ориентированные трехмерные и интерактивные технологии может считаться своевременным, удобным и перспективным.

Похожие темы научных работ по компьютерным и информационным наукам , автор научной работы — Матвеев В. А., Супрун Д. Е.

Разработка виртуальной экскурсии для музея Аэрокосмического колледжа СибГУ им. М. Ф. Решетнева Современные виртуальные экскурсии и средства разработки виртуальных экскурсий в музейной деятельности ТЕХНОЛОГИЯ СОЗДАНИЯ ВИРТУАЛЬНЫХ ИНТЕРАКТИВНЫХ ТУРОВ RUBIUS 3DTourKit Виртуальный музей как эффективный инструмент сохранения культурного наследия и развития музейных систем Разработка информационной справочной системы с использованием визуальных панорам i Не можете найти то, что вам нужно? Попробуйте сервис подбора литературы.

ALGORITHM OF CREATING A VIRTUAL MINI-MUSEUM

The development of IT-technologies has led to the widespread adoption of web-solutions almost in every area of activity, particularly, in the process of three-dimensional interactive visualization . The application of such means has a positive reaction in many kinds of activity, allowing one to receive information in a more visual form, for example in the field of fine arts. There is a huge amount of private museums, flat-museums, and personal collections, which actually are mini-museums. A demand has arisen for a technique of creating virtual mini-museums and parading them in the Internet. The rational algorithm is considered for creation of the virtual mini-museum —automated resource, which presents an interactive panorama with a three-dimensional navigation and a possibility of using a database to obtain the required information. The sequence of actions to create the panoramic sweep using the PTGui and Pano2V software modules is presented. Recommendations on preparing the structure of the web-panorama software running are given. An example of developing and including an extra module—the database is described (with investigation of its info logical and data logical models). A model of the dialog graph interface implementing the interaction between the user and the system is offered. The considered algorithm of the virtual mini-museum creation can be regarded timely, convenient, and promising in view of a good demand for web-oriented three-dimensional interactive technologies

Текст научной работы на тему «Алгоритм создания виртуального мини-музея»

АЛГОРИТМ СОЗДАНИЯ ВИРТУАЛЬНОГО МИНИ-МУЗЕЯ В.А. Матвеев, Д.Е. Супрун

Ключевые слова: веб-решения, трехмерный интерфейс, интерактивная визуализация, виртуальный мини-музей, 3Б-музей, 3Б-панорама, трехмерный тур, автоматизированная система, база данных.

ALGORITHM OF CREATING A VIRTUAL MINI-MUSEUM V.A. Matveev, D.E. Suprun

The development of IT-technologies has led to the widespread adoption of websolutions almost in every area of activity, particularly, in the process of three-dimensional interactive visualization. The application of such means has a positive reaction in many kinds of activity, allowing one to receive information in a more visual form, for example in the field of fine arts. There is a huge amount of private museums, flat-museums, and personal collections, which actually are mini-museums. A demand has arisen for a technique of creating virtual mini-museums and parading them in the Internet. The rational algorithm is considered for creation of the virtual mini-museum—automated resource, which presents an interactive panorama with a three-dimensional navigation and a possibility of using a database to obtain the required information. The sequence of actions to create the panoramic sweep using the PTGui and Pano2V software modules is presented. Recommendations on preparing the structure of the web-panorama software running are given. An example of developing and including an extra module—the database is described (with investigation of its info logical and data logical models). A model of the dialog graph interface implementing the interaction between the user and the system is offered. The considered algorithm of the virtual mini-museum creation can be regarded timely, convenient, and promising in view of a good demand for web-oriented three-dimensional interactive technologies.

Keywords: web-solutions, three-dimensional interface, interactive visualization, virtual mini-museum, 3D-museum, 3D-panorama, three-dimensional tour, automated system, database.

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

Глобализация информационных процессов обусловила практически повсеместное использование таких сравнительно новых технологий как Интернет, мобильная связь и других цифровых технологий 3. Это послужило причиной широкого использования веб-решений [4, 5] практически во все сферы деятельности, в частности в процесс трехмерной и интерактивной визуализации.

Компьютерные технологии в целях создания трехмерных интерфейсов начали активно применяться с 2000 г. [1, 6, 7]. Применение таких средств находит положительный отклик при решении задач, в частности, в сфере изобразительного искусства [4]. Имеется огромное число частных музеев, музеев-квартир, частных собраний, которые представляют собой фактически мини-музеи. Каждый владелец подобного музея может построить свой виртуальный мини-музей и афишировать его в Интернете. Реализация этого возможна с применением информационно-коммуникационных технологий с использованием компьютерной графики и мультимедийных средств.

Автоматизации подлежат следующие функции [6, 8, 9]:

— передвижение при помощи активации специальных команд;

— появление информации после выбора экспоната в БД;

— пополнение и редактирование информации об имеющихся экспонатах;

— добавление информации в панораму и ее редактирование.

Создание ЗБ-панорамы включает в себя: фотосъемку объектов; обработку и склейку изображений; создание конечных файлов. Для высококачественной панорамной фотосъемки рекомендуется использова-

ние штатива и специальной панорамной головки, цифрового фотоаппарата, объектива (широкоугольного или типа Fisheye), спускового тросика для фотокамеры. По завершении процесса фотосъемки создается равноугольная проекция в соответствии, например, с программным продуктом PTGui [10]. Эта программа имеет богатый спектр средств для создания панорам, и обладает понятным интерфейсом. Процесс склейки с использованием базовых возможностей PTGui выглядит следующим образом:

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

— кадры с ориентацией камеры в зенит и в надир вставляются последними;

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

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

Приветствую. Месяц назад в одном из выпусков я рассказывал про создание 3D панорам . Тогда же было дано обещание, выпустить материал по созданию виртуального тура из этих самых панорам. Что ж раз пообещал нужно выпускать. Дорогие друзья, в этот пятничный вечер, хочу представить вашему вниманию подробную и максимально простую инструкцию по реализации виртуального 3D тура своими руками.

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

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

Ну как копеечку… В среднем стоимость за 1 качественную панораму у фотографов идёт от 100 долларов и выше. Помножьте эту цифру на количество точек (панорам) в туре. Нехило так получается, правда? Думаю, мотивацию научиться делать виртуальные 3D туры и продвигать их вы получили. Давайте я уже, наконец, продемонстрирую процесс сборки тура. И прежде чем приступить, нам нужно подготовить всё самое необходимое, дабы в дальнейшем не отвлекаться и сконцентрироваться исключительно на создании экскурсии.

Загрузка и установка Panotour Pro

Шаг 1. Скачиваем из Интернета самостоятельно или по ссылке программный продукт Kolor Panotour Pro 2.5.1. В принципе можно пользоваться любой версией выше 2.0. С выходом обновлений интерфейс принципиальных изменений не претерпел. ПОСЛЕ ЗАГРУЗКИ ОТКЛЮЧАЕМ ИНТЕРНЕТ НА КОМПЬЮТЕРЕ И ВЫРУБАЕМ АНТИВИРУС (если этого не сделать, то можно получить кучу проблем с установкой Panotour).

Шаг 2. Запускаем установочный файл, соответствующий разрядности вашей операционной системы и во всех окнах жмём на «Далее».

Шаг 3. На рабочем столе находим ярлык Kolor Panotour Pro 2.5 и запустив программу нажимаем на кнопку «Зарегистрировать».

Шаг 4. В скачанной нами папке с установкой есть файл Serial.txt. Берём из него e-mail и ключ для активации программы.

Подготовка графических материалов

Шаг 6. Далее необходимо подготовить склеенные картинки панорам для создания тура. Мы этим уже занимались в одном из выпусков, поэтому если вы вдруг пропустили его, то можете посмотреть весь алгоритм склейки посредством программы PTGui Pro, перейдя по соответствующей ссылке. В контексте данного материала будем подразумевать, что такие картинки у вас уже готовы к работе и сохранены в отдельной папке.

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

Создание проекта 3D тура

Шаг 8. При выключенном интернете запускаем Kolor Panotour Pro и во вкладке «Tour» выбираем пункт «Add Panorama» (добавить панорамы). В проводнике выбираем наши заранее подготовленные картинки панорам и жмём «Открыть».

Шаг 9. Давайте сразу сохраним и проверим наш проект хотя бы в сыром виде. Для этого в верхнем меню выбираем «File-Save projet As…» и создаём новую папку для сохранения нашего проекта.

Шаг 10. Затем переходим во вкладку «Build» и указываем место расположения готового тура. Я, пожалуй, укажу папку на рабочем столе. После нам необходимо назвать наш тур. Главное, чтобы и папка и название тура были на английском языке, это поможет впоследствии избежать проблем с выкладыванием на сайт. В принципе для создания самого базового виртуального тура из панорам всё готово. Кликаем на «Build tour», ждём завершения сборки и смело нажимаем на кнопочку «Плей».

Шаг 11. Вуаля! Ваш браузер должен автоматически открыть одну из панорам нашего тура. Ничего особенного, но для начала неплохо. В течении следующих десяти минут мы будем работать над доведением нашего тура до готовности и не успокоимся, пока он не станет походить на настоящую интерактивную экскурсию по учебному заведению.

Навигация в виртуальном туре

Шаг 12. Для изменения очерёдности порядка появления панорам в нашем туре переходим во вкладку «Tour» и справа открываем раскрывающееся меню «Order». С помощью мыши перемещаем вверх ту панораму, которая должна первостепенно отображаться в нашей экскурсии. У меня это коридор. Ведь с чего ещё может начинаться путешествие по этажу?

Шаг 13. Теперь неплохо было бы добавить панель навигации. В данной версии программы все подобные фичи разработчики реализовали в виде отельных модулей, которые можно объединять в пресеты. Однако есть и стандартные наборы пресетов. Давайте рассмотрим один из них. Переходим на вкладку «Style» и жмём на кнопку «Load preset…». Затем выбираем из появившегося списка «Kolor iControl». Кликаем на «Load».

Шаг 14. Слева из появившегося списка выбираем «IControl Bar» и выставляем положение навигационной панели по центру. Также можно поиграться с элементами управления. Я обычно оставляю всё по умолчанию, лишь снимаю галочку с кнопки помощи и поддержки и добавляю «Show/hide floorplan». Если есть желание, то можно добавить изюминку в виде особенного цвета кнопок в нашей экскурсии. Допустим, выберу синий.

Шаг 15. Отлично. Теперь давайте объединим наши панорамы по группам. Если мы делаем виртуальный тур по одному зданию, то логичнее всего разделить наши панорамки с кабинетами на этажи. Для этого возвращаемся во вкладку «Tour» и, выделив все изображения, нажимаем правую кнопку. Выбираем «merge in a group», что по-нашему значит – «объединить в группу».

Шаг 16. Далее справа присваиваем имя нашей группе.

Шаг 17. Не медля возвращаемся к вкладке «Style» и удаляем слева пункт «Panorama Menu» нажав на крестик. Далее справа выбираем из списка «Menu-Panorama Combobox» и кликаем на него два раза левой кнопкой, тем самым добавляя данную фичу в список стилей. Выбрав её слева настраиваем позицию, в которой будут расположены на экране названия кабинетов. Затем задаём настройку, отвечающую за вывод названий групп и самих панорам. Это удобно, когда в здании много этажей.

Добавление точек перехода

Шаг 18. Такс. Сейчас самое сложное. Нужно сделать хотспоты. Хотспоты – это такие точки для переходов между панорамами. Для их добавления нам потребуется перейти во вкладку «Tour» и выбрав первую панораму коридора на панели хотспотов указать на значок «Add polygon». Далее для удобства можно развернуть панораму на весь экран.

Шаг 19. Теперь очень аккуратно выделяем области для переходов. В данном случае это будут двери кабинетов, панорамами которых я в данный момент располагаю.

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

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

Поэтажный план с радаром

Шаг 22. В принципе уже не плохо. Но всё ещё не торт. Давайте добавим карту. Не зря же мы подготовили её заранее. Во вкладе «Tour» выбираем «Floor Map» и указываем путь к нашему поэтажному плану. Добавили? Отлично. Теперь пользуясь инструментом «Add Point» наносим на карту точки соответствующие нашему нахождению в пространстве во время фотосессии.

Шаг 23. Не забываем присвоить каждой точке на карте соответствующую локацию. В нашем случае это кабинеты и коридор.

Шаг 24. Так. Теперь нужно этот самый поэтажный план добавить в нашу экскурсию и настроить. Для этого в уже полюбившейся вкладке «Style» добавляем с правой панели пункт «Maps-Floor plan» и выполняем следующие действия. Перво-наперво выберем место расположения на экране и отступ от края. Скажем пикселей 10. Размер карты пускай будет 260 пикселей в ширину и 513 в высоту. К этим показателям я пришёл экспериментальным путём. Обводку контейнера и отступ от рамки до карты сбрасываю на 0. Ибо в данном случае будет смотреться не очень.

Шаг 25. Листаем ниже. И выбираем из раскрывающегося списка «Single floor plan». Это значит, что мы используем один поэтажный план здания, а не несколько. Чуть ниже снимаем галочку с параметра отображения названия нашего плана. В настройках «Spots» задаём для красоты пульсирующую анимацию и включаем параметр отмечающий за отображения названия меток при наведении курсором. Ниже активируем радар и настраиваем для него цветовую гамму. Я как всегда склоняюсь в сторону синего оттенка.

Шаг 26. И последнее в этом пункте это включение функции автоподгона нашего плана под размер контейнера указанный выше. Это очень важный момент. Если про это забыть, то всё будет смотреться криво и косо.

Шаг 27. Всё. Пожалуй, теперь наш виртуальный тур просто шикарен. Давайте сохраним его и посмотрим, что же получилось в итоге. Для этого жмём на кнопку «Собрать тур» и дождавшись сборки кликаем на привычный зелёный значок «Play».

Шаг 28. В итоге у нас открывается наш виртуальный тур. Главное окно содержит удобный плагин меню, для вывода списка всех панорам. Поэтажный план здания с радаром, для лучшей ориентации в большом пространстве. Панель навигации с кнопками, которые позволяют приближать и отдалять изображение, активировать медленное автовращение, включить-выключить показ карты и свернуть всю панель навигации. Для перехода между панорамами удобнее всего пользоваться хотспотами, которые мы выставили на дверях кабинетов. В данном туре у нас 4 панорамы (13, 14, 15 кабинет и коридор), путешествие между которыми не вызывает никаких трудностей, за счёт интуитивно-понятных переходов реализованных посредством дверей в аудиториях.

Публикация тура на сайте

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

Шаг 30. Далее нам необходимо вставить в страницу код с указанием размеров и ссылки на HTML файл тура.

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

Уф. Наконец-то я завершил написание данного сюжета. Пожалуй, это самый сложный и затратный по силам материал за последние пол года. На разбор темы ушло целых 2 недели. И всё потому, что более простая версия Panotour 1.8 не заработала не на одном из моих компьютеров. Она ставилась, позволяла создавать туры, но при их открытии вместо красивых панорам я лицезрел чёрный экран. Причём я видел, как другие её с лёгкостью ставили и работали… В отчаянии я перепробовал разные способы установки и удаления, сменил 3 компьютера, но тщетно. Пришлось воспользоваться более новой версией программы. Работа, с которой значительно усложнялась англоязычным интерфейсом и значительной переработкой интерфейса по сравнению с предшественницей.

Однако я не зря потратил время на освоение столь недружелюбной новой версии. Дело в том, что старая позволяла адекватно выводить туры лишь в формате SWF. А, как известно почти все современные браузеры отказываются от поддержки небезопасной технологии Flash и устремляют свой взор в сторону HTML 5. Ведь она помимо плюсов безопасности может адекватно отображать контент на мобильных устройствах. Поэтому ту экскурсию, которые мы с вами сегодня создали можно с лёгкостью посмотреть на смартфоне или планшете. Причём за счёт использования акселерометра смотрится тур в разы интереснее. Полный интерактив и погружение в атмосферу. Поддержка HTML 5 это неоспоримый плюс Panotour 2 версии.

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

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

учитель в ЦДО "Ростовская санаторная школа-интернат №28" . Эксперт: в области географии, педагогики, методики дистанционного обучения

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

Tour Builder

Описание

Сервис Tour Builder, разработанный Google, позволяет самостоятельно создавать виртуальные экскурсии. Инструмент работает на основе сервиса Google Earth.

Принципы работы

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

Особенности

• англоязычный;
• необходимо иметь аккаунт Goggle;
• бесплатный;
• нет возможность обратной связи;
• имеется возможность поделиться созданной работой через ссылку или скачать KML файл и встроить в Google Earth.

Возможность организации групповой работы в сервисе

Групповая работа на сервисе не предусмотрена. Командную работу можно организовать в классе и предложить ученикам собрать материал для создания меток.

Примеры работ

Geteach

Описание

Сервис создан на основе приложения Google. Автором приложения является учитель из г. Остина (штат Техас, США) Джош Уильямс.

Принципы работы

Чтобы создать маршрут необходимо выбрать на карте объект, внести его описание и вставить фото. Сервис дает возможность сопоставить две карты, использовать чертежные и измерительные инструменты, метки, технологии Google Street, возможность работать со слоями, можно вставить подобранные карты и фотографии.

Особенности

• англоязычный;
• необходимо иметь аккаунт Goggle;
• бесплатный;
• нет возможность обратной связи;
• имеется возможность поделиться созданной работой в Google Earth.

Возможность организации групповой работы в сервисе

Групповая работа на сервисе не предусмотрена. Командную работу можно организовать в классе и предложить ученикам собрать материал для создания меток.

Примеры работ

Горная Адыгея (смотреть в браузере Google Chrome)

Tour Creator

Описание

Сервис Tour Creator создан на основе Google и предназначен для создания виртуальных туров на основе карт Google.

Сервис позволяет за короткое время создать виртуальный тур с использованием фотографий Google Street Map или собственные 360-градусные фотографии. Имеется возможность для создания тура с использованием картонного VR-шлема Google Cardboard и сервиса Expeditions.

Принципы работы

Чтобы начать работу в сервисе необходим аккаунт Google. Перед началом работы по созданию экскурсии необходимо дать описание тура и вставить фото обложки. Сервис позволяет использовать технологии Google Street, имеется возможность добавить на изображение описание отдельных элементов здания или сооружения.

Особенности

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

Возможность организации групповой работы в сервисе

Групповая работа на сервисе не предусмотрена. Командную работу можно организовать в классе и предложить ученикам собрать материал для создания меток.

Примеры работ

TimelineJS manual

Описание

Принципы работы

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

Особенности

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

Возможность организации групповой работы в сервисе

Групповая работа на сервисе не предусмотрена. Командную работу можно организовать в классе и предложить ученикам собрать материал для создания меток.

Примеры работ

При написании статьи использовался материал с сайтов:

Облачные технологии Google, Блог Александра Баданова, Geoschool1, Мультиурок, Социальная сеть работников образования, Edutainme, Дидактор, 3DNews, EduNeo

Читайте также:

  
• Ноутбук стал медленно работать и жужжать
  
• Микрофон trust gxt 210 usb обзор
  
• Pcmark 10 рейтинг ноутбуков
  
• Есть ли dying light на xbox 360
  
• Как закрепить фото на экране ноутбука