Презентация проекта "Пермь: Микро-Гид", Юрий Ключ (г. Омск)

1. Микро-гид с большими возможностями
Ключ Юрий. Омск. 2012г.

2. Пермь: микро-гид
При проектировании приложения мною были сформулированы
такие требования в выборе инструментария:

Мультиплатформенность

Разработка на Javascript + HTML

Возможность работы с javascript библиотекой openlayers

3. Выбор производился из:

PhoneGap (теперь называется Apache Cordova)

Appcelerator

Mosync

Appmobi
Победил.....
PhoneGap

4. Что даёт такой выбор платформы:
Потенциально:

Мультиплатформенность: Android + iOS с идентичным
функционалом. WindowsPhone, MeeGo, bada — с
различными ограничениями.

Лёгкость в разработке — возможность использования
существующих библиотек

Активное сообщество разработчиков — форумы,
плагины, документация

5. Главная «фишка» того что получилось:
Полноценная работа с офлайн-картой (ни килобайта
интернета!) — различные масштабы,
приближение/увеличение, GPS...
Это стало возможно, благодаря работе сообщества
OpenStreetMaps разрешающих использовать тайлы
своих карт офлайн (в отличие от Google, Microsoft и
других).
А также благодаря javascript библиотеке OpenLayers —
работа с KML-файлами, групповые маркеры (кластеры),
плавный скроллинг.
Всё хорошее начинается с Open!

6. А что получилось-то?

Пока только версия для Android (2.2)

Скоро будет iOS

WindowsPhone версия тоже будет — но там возможны
проблемы, например, не работающий GPS — вот она
псевдо-универсальность.

7. снимки экрана:
Основной девиз — минималистичность интерфейса.
(другими словами, я не успел навести лоск, блеск и красоту)

Первый и главный экран. При клике
на родительские папки происходит
переход к сгруппированным в них
пунктам

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

9. Инфо-страница
Микро-гид содержит два типа модулей:

Просто информационная страница,
содержащая HTML с сайтов
http://visitperm.ru, http://lines.perm.ru

Страница с картой и отмеченными на
ней объектами

10. список модулей работающих с картой
Неполный список

11. Пример карты
На примере модуля «Тур — красная линия»:

Список пунктов расположен в нижней части, в виде
горизонтально прокручивающегося списка. Это при
портретной ориентации экрана, при ландшафтной —
список становится вертикальным и перемещается влево.

Каждый объект имеет свой маркер

Близко расположенные объекты объединены в «кластер»,
чтобы не перегружать карту (при увеличении — кластер
распадается)

При выборе пункта из списка, объект «центрируется» на
карте и появляются контекстные кнопки.

При клике маркера на карте нужный пункт списка тоже
выделяется и происходит скролл к нему

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

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

14. Перспективы
Радужные:

Новые платформы и устройства

Online карты — куда же без Google

Больше функционала — компас и кнопка «где это?»

Больше пунктов — магазины, ночные клубы, транспорт

Возможность обновления данных «по воздуху»

CMS-система для занесения данных по объектам

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