1. Слайд 1 из 16
Интерактивная карта основного
здания ГУАП
Выполнил: Ромашкевич А.О. Руководитель: ассистент каф. 14
гр. 7921ВЦ Абрамов А.Д.
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
Федеральное государственное автономное образовательное учреждение
высшего профессионального образования
«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
АЭРОКОСМИЧЕСКОГО ПРИБОРОСТРОЕНИЯ»
Дипломный проект
Санкт-Петербург 2014
3. Слайд 3 из 16
Цель дипломного проекта:
• разработка веб-приложения интерактивной карты для основного
здания ГУАП.
Задачи, решаемые в дипломном проекте:
• Провести обзор и анализ технологий для создания интерактивных
карт;
• Спроектировать архитектуру веб-приложения;
• Разработать прототип пользовательского интерфейса веб-
приложения;
• Разработать модуль поиска кратчайшего пути, основанный на
алгоритме Дейкстры;
• Разработать модуль визуализации маршрута;
4. Слайд 4 из 16
Инструменты разработки интерактивных веб-карт
Рис. 1 Twitter – Bootstrap
http://getbootstrap.com/
5. Слайд 5 из 16
Инструменты разработки интерактивных веб-карт
Рис. 2 Raphaël JS
http://raphaeljs.com/
6. Слайд 6 из 16
Инструменты разработки интерактивных веб-карт
Рис. 3 Kartograph JS
http://kartograph.org/
7. Слайд 7 из 16
Архитектура веб-приложения
Модуль рендеринга SVG-
графики
Модуль поиска
кратчайшего пути Модуль карт
Модуль визуализации
маршрута
8. Слайд 8 из 16
Прототип пользовательского интерфейса
9. Слайд 9 из 16
Реализация пользовательского интерфейса
10. Слайд 10 из 16
Реализация пользовательского интерфейса