Come work in Estonia – the most advanced digital society. Many Ukrainians already know that Estonia is affordable – become one of them and check out the jobs available!

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

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

Идея

Добрый день, меня зовут Евгений Козак. Я выпускник и сотрудник КПИ, а также 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 сентября.

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

7 комментариев

Подписаться на комментарииОтписаться от комментариев Комментарии могут оставлять только пользователи с подтвержденными аккаунтами.

Сразу начну с хорошего — идея создать такой проект отличная. Реализация с Вашей стороны — тоже хорошая.
А теперь о плохом:
Навигация кроме бокового меню крайне не понятная (привет гугл).
качество панорам очень низкое. Чего стоят массовые стыки на потолках в зданиях? А надир вообще сплошное мыло.
Панорамы очень шумные

И подскажите, а в каком месте тут 3д? Это называется сферическая панорама, виртуальный тур, но никакого 3д тут нет!

Круто! Я и не знал что КПИ такой красивый. Думаю это будет отличной рекламой для абитуриентов.

Там просто немає туру по 18-му (та багатьом іншим) корпусу де власне розташовується факультет інформатики та обчислювальної техніки.
В першому корпусі навчаються малочисельні факультети та сидить адміністрація.

Мы попытались сделать общий тур, по самым интересным локациям КПИ. Дальше, если факультеты проявят желание, мы с удовольствием поможем оформить их локальные туры и присоединим к этому.

Лушчей рекламой для абитуриентов при выборе вуза будет количество суицидников среди первокурсников КПИ.

Суицидников везде хватает. Это больше от человека зависит, а не от ВУЗа. Понапиваются потом начинают чудить. Когда я в ХПИ учился, тоже были случаи... бывали и ужасней суицида.

По моему, очень даже круто получилось :)

Подписаться на комментарии