Микро-гид с большими возможностями

Ключ Юрий. Омск. 2012г.

Пермь: микро-гид

При проектировании приложения мною были сформулированы такие требования в выборе инструментария:

Мультиплатформенность

Разработка на Javascript + HTML

Возможность работы с javascript библиотекой openlayers

Выбор производился из:

PhoneGap (теперь называется Apache Cordova)

Appcelerator

Mosync

Appmobi

Победил.....

PhoneGap

Что даёт такой выбор платформы:

Потенциально:

Мультиплатформенность: Android + iOS с идентичным функционалом. WindowsPhone, MeeGo, bada — с различными ограничениями.

Лёгкость в разработке — возможность использования существующих библиотек

Активное сообщество разработчиков — форумы, плагины, документация

Главная «фишка» того что получилось:

Полноценная работа с офлайн-картой (ни килобайта интернета!) — различные масштабы, приближение/увеличение, GPS...

Это стало возможно, благодаря работе сообщества OpenStreetMaps разрешающих использовать тайлы своих карт офлайн (в отличие от Google, Microsoft и других).

А также благодаря javascript библиотеке OpenLayers — работа с KML-файлами, групповые маркеры (кластеры), плавный скроллинг.

Всё хорошее начинается с Open!

А что получилось-то?

Пока только версия для Android (2.2)

Скоро будет iOS

WindowsPhone версия тоже будет — но там возможны проблемы, например, не работающий GPS — вот она псевдо-универсальность.

снимки экрана:

Основной девиз — минималистичность интерфейса.

(другими словами, я не успел навести лоск, блеск и красоту)

Первый и главный экран. При клике на родительские папки происходит переход к сгруппированным в них пунктам

Пример пунктов из папки «О Перми»

При клике на родительскую папку происходит возврат (или по нажатию аппаратной кнопки Back)

Инфо-страница

Микро-гид содержит два типа модулей:

Просто информационная страница, содержащая HTML с сайтов http://visitperm.ru, http://lines.perm.ru

Страница с картой и отмеченными на ней объектами

список модулей работающих с картой

Неполный список

Пример карты

На примере модуля «Тур — красная линия»:

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

Каждый объект имеет свой маркер Близко расположенные объекты объединены в «кластер»,

чтобы не перегружать карту (при увеличении — кластер распадается)

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

При клике маркера на карте нужный пункт списка тоже выделяется и происходит скролл к нему

Инфо-карточка объекта

Для каждого объекта на карте, создана своя инфо-карточка (вызывается при клике кнопки «подробнее»):

графика, текст, адрес, часы работы, номер телефона (при клике на который произойдёт набор номера) , адрес сайта (если они были)

Объекты некоторых типов можно фильтровать

Для некоторых типов объектов предусмотрена возможность фильтрации и отображения только конкретного типа объектов

Перспективы

Радужные:

Новые платформы и устройства

Online карты — куда же без Google

Больше функционала — компас и кнопка «где это?»

Больше пунктов — магазины, ночные клубы, транспорт

Возможность обновления данных «по воздуху»

CMS-система для занесения данных по объектам

ЭТО ВСЁ. СПАСИБО ЗА ВНИМАНИЕ!