DOU Проектор: Виртуальный 3D-тур по кампусу КПИ

В рубрике DOU Проектор все желающие могут презентовать свой продукт (как стартап, так и ламповый pet-проект). Если вам есть о чем рассказать — приглашаем поучаствовать. Если нет — возможно, серия вдохновит на создание собственного made in Ukraine продукта. Вопросы и заявки на участие присылайте на  Данный адрес e-mail защищен от спам-ботов, Вам необходимо включить Javascript для его просмотра. .

Идея

Добрый день, меня зовут Евгений Козак. Я выпускник и сотрудник КПИ, а также CEO IT-сообщества в Киевском политехническом институте — KPIhub. В целом занимаюсь разными низовыми инициативами в КПИ, в частности в области IT. Хочу поделиться историей создания одного из наших проектов — виртуального 3D-тура по кампусу КПИ, в который вошли музей, библиотека, лаборатории и другие локации.

Всё началось с того, что я случайно попал на презентацию Cube Online Services. Ребята представили руководству политеха проекты 3D-туров в разных университетах мира (мне лично понравились колледж Гарварда и университет в Geelong). Так как это хорошая и креативная возможность представить университет в мире интернета, решение о сотрудничестве было принято сразу.

После нескольких встреч стало ясно, что ребята с Cube — профессионалы, работают с фотографами, которые сертифицированы в Google, также настраивают профиля (если вы сами не умеете) и размещают все сделанные ими панорамы на Google Maps. Но было одно «но»: они не делают комплексных туров с понятной и простой навигацией.

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

Реализация

Сперва я написал ТЗ для Cube Online Services, потом сделал план и график съемки, навигацию по кампусу университета, прошел несколько кругов бюрократии и медленно, но уверенно согласовывал все это с руководством университета. За пару недель были собраны все нужные подписи. Мы начали съемку. Несколько выездов на КПИ в 6 утра, и все готово.


План маршрута 3D-тура в музее КПИ

Далее было размещение на Google Maps, уточнения, переписка с Google и почти финиш. Почему почти, потому что дальше нужно было создать свой ресурс с 3D-туром.

Задача была несложная, но нужно было разобраться. Первым заданием было решить проблему с меню навигации. Я позвал в проект двух студентов 3 курса ФПМ (back end — Антон Тименко, front end — Влад Кампов). По началу у Антона были сложности с API Google, и я обратился к своему другу — Senior Software Engineer компании Pixpie — Диме Радченко. Еще во время учебы с ним я знал, что Дима любит решать интересные задачки по программированию в разных направлениях. И за один вечер Дима разобрал и разложил по полочкам процесс работы с панорамами, которые размещены на Google.

Техническую задачу мы разбили на такие подзадачи: нужно добавить названия ко всем панорамам и иметь возможность переключаться между ними из меню. Было потрачено время на поиск в API Google Maps возможности получения списка панорам, но, к сожалению, ничего подходящего не нашли. Поэтому решили задачу в лоб — вручную собрали идентификаторы панорам и занесли их в базу данных.

Бэкенд написали на PHP, а в качестве БД использовали MySQL. Такая схема базы данных позволяет связывать уникальный идентификатор панорам и их названия, строить иерархию, которая используется в меню, и задавать приятные для глаза POV на виды КПИ.

Благодаря использованию решения с базой данных наши ссылки имеют вид: 3d.kpi.ua/$id, и ими можно делиться с друзьями. Так, например, панорама 3d.kpi.ua/6 ведет нас по аллее Славы КПИ и дает возможность посетить музей КПИ.

Для того чтобы отобразить панораму на странице, мы использовали StreetViewPanorama с уникальным идентификатором панорамы, параметром камеры и полностью отключили стандартный UI карт.

Последним этапом была отрисовка меню с навигацией поверх панорамы. Благодаря Twitter Bootstrap макет и верстка не заняли много времени.

Результат

После размещения панорам на Google Maps, мы потратили 5 дней на проработку идеи и ее реализацию, а релиз сделали 7 сентября.

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

Похожие статьи:
Питання щодо впровадження іноземних платіжних сервісів, зокрема — і Binance Pay, у систему держпослуг «Дія» зараз не обговорюється, таку...
У Міноборони повідомили про створення державного підприємства «Цифрова армія». Воно має стати платформою, яка об’єднає цифрові...
Цього року ми зібрали 8638 анкет, тож дивимося на оновлений портрет українського айтішника. Середній вік розробника — 21-29 років,...
Среди эмигрантов, которые живут в США, популярна одна фраза: «Приехав в Штаты, ты сделал одну из самых больших ошибок в своей...
С 19 апреля по 15 июня мы проводим конкурс статей на ДОУ. Первый приз — 10 тыс. грн. О чем писать? ДОУ рассказывает о том, что...
Яндекс.Метрика