codefest 2012. Лихтер К, Таратухин И. — Коктейль «skydive» или...

Коктейль Skydive или как мы делали

2ГИС-ОнлайнИлья Таратухин

2ГИСКонстантин Лихтер2ГИС

Что такое Skydive?

Что такое 2ГИС-Онлайн?


... миллионы пользователей в месяц


— ... миллионы пользователей в месяц ... сотни тысяч пользователей в день


— ... миллионы пользователей в месяц— ... сотни тысяч пользователей в день

... миллионы поисковых запросов в день


— ... миллионы пользователей в месяц— ... сотни тысяч пользоваталей в день— ... миллионы поисковых запросов в день

...монолитное приложение

Как выглядел 2ГИС Онлайн раньше

— монолитное приложение

...проксирование запросов к API


— монолитное приложение— проксирование запросов к API ...рендеринг шаблонов на сервере


— монолитное приложение— проксирование запросов к API— рендеринг шаблонов на сервере

...никакой масштабируемости


— монолитное приложение— проксирование запросов к API— рендеринг шаблонов на сервере— никакой масштабируемости



client-side


— client-side

3 API


— client-side— 3 API

видимый результат на лету


— client-side— 3 API— видимый результат на лету площадка для исследований API 2ГИС


— client-side— 3 API— видимый результат на лету— площадка для исследований API 2ГИС

low end server


— client-side— 3 API— видимый результат на лету— площадка для исследований API 2ГИС— low end server

горизонтальное масштабирование

Как выглядит 2ГИС Онлайн сегодня

Ингридиенты: слой данных

API 2ГИС

Слой пробок

Ингридиенты: front-end

API карт


API карт

150+ городов России


API карт

— 150+ городов России

тысячи маркеров на карте


API карт

— 150+ городов России— тысячи маркеров на карте

простой и понятный интерфейс


API карт

— 150+ городов России— тысячи маркеров на карте— простой и понятный интерфейс

инициализация карты в три строчки


API карт

— 150+ городов России— тысячи маркеров на карте— простой и понятный интерфейс— инициализация карты в три строчки

модульная система


API карт

knockout.js

Ингридиенты: front-end: knockout.js

MVVM

Ингридиенты: front-end: knockout.js— MVVM

автоматическое обновление представления при обновлении

данных

Ингридиенты: front-end: knockout.js— MVVM— автоматическое обновление представления при обновлении данных— декларативные биндинги: <div id=”firmsList”

data-bind=”visible: firmsLoaded,foreach: {

data: loadedFirms,template: ‘firmCard’

}”>

</div>

Ингридиенты: front-end: knockout.js— MVVM— автоматическое обновление представления при обновлении данных— декларативные биндинги— разделение представления и логики:

Ингридиенты: front-end: knockout.js— MVVM— автоматическое обновление представления при обновлении данных— декларативные биндинги— разделение представления и логики поддержка jQuery шаблонов

Ингридиенты: front-end: knockout.js— MVVM— автоматическое обновление представления при обновлении данных— декларативные биндинги— разделение представления и логики— поддержка jQuery шаблонов низкий уровень вхождения

Ингридиенты: front-end: knockout.js— MVVM— автоматическое обновление представления при обновлении данных— декларативные биндинги— разделение представления и логики— поддержка jQuery шаблонов— низкий уровень вхождения активное интернет-сообщество

Ингридиенты: back-end

nginx

memcached

Инструменты

phing

— YUI Compressor— Google CС

Yii


phing

— YUI Compressor— Google CС

— CSS: в 2 раза— JS: в 1.5 раза


phing

- YUI Compressor- Google Closure Compiler

Yii

Инструменты: локализация gettext

великое множество инструментов для работы с .po


— великое множество инструментов для работы с .po нативная реализация для PHP


— великое множество инструментов для работы с .po— нативная реализация для PHP собственная реализация для JS

Процесс разработки: git flow

master

develop

Tag 1.0Tag 1.1

Tag 2.0


master

develop

Tag 1.0Tag 1.1

Tag 2.0

feature*


master

develop

Tag 1.0Tag 1.1

Tag 2.0

release*


master

develop

Tag 1.0Tag 2.0

hotfix*

Команда разработки

Планы

поиск проезда общественного транспорта

Планы

— поиск проезда общественного транспорта

переход к глобальной карте

Планы

— поиск проезда общественного транспорта— переход к глобальной карте

совершенствование и совершествование поиска :)

Заключение

— client-side приложения — да!— экспериментируйте!— вы знаете, где взять свежие данные. — ходить на — круто! :)

Вопросы?

Константин Лихтер[email protected]

Илья Таратухин[email protected]

Изображения алкогольной продукции и прочих штук — www.inshaker.ru

codefest 2012. Лихтер К, Таратухин И. — Коктейль «skydive» или...

Documents