47
Гибридное приложение 2гис для iOS Рома Янке, 2гис

Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

  • Upload
    ontico

  • View
    258

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Гибридное приложение 2гис для iOS📱

Рома Янке, 2гис

Page 2: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Гибридное приложение

Нативное приложение

HTML5 приложение

Page 3: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

• Один код на все платформы

• Быстрее и дешевле разрабатывать

• Не для всего подходят

• Обновление данных ❤

Гибридные приложения

Page 4: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Обновление данных

Page 5: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 6: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 7: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 8: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 9: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Разработка🔧

Page 10: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

• браузер

• симулятор

• xcode

Браузер ➡ Приложение

Page 11: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Браузер• верстка • создание модулей

Page 12: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

действие с системой

Симулятор

Page 13: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Телефон

• сим, сеть, локация • сборка шаблонов

Page 14: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Все в сборке

• <html>

• css{} + base64;svg

• js() + локализация}

Page 15: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Общение 🙊

Page 16: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

• html отправляет xhr запрос • приложение перехватывает xhr

Page 17: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

приложение исполняет js

Page 18: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

приложение исполняет js

Page 19: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

html отправляет• аналитика

Page 20: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

html отправляет• аналитика

Page 21: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

html отправляет• аналитика

Page 22: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

html отправляет• аналитика

• данные

Page 23: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

html отправляет• аналитика

• данные

• действия пользователя

Page 24: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

3 истории про то, как быть приложением📱

Page 25: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Первая история“1 пиксель” ◾

Page 26: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 27: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 28: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 29: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 30: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Вторая история“Мимикрия жестов” 👐

Page 31: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 32: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 33: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

👍

👎

Page 34: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

👍

Page 35: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

👎

Page 36: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 37: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 38: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Третья история“Оптимизация скролла” ☹

Page 39: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 40: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 41: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

Кое-что еще 🐣

Page 42: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

1. Поставь три пальца правой руки на экран

2. Коснись пальцем левой руки

3. Убери один из пальцев правой

4. Повторяй пункты 2–3, пока не останется пальцев на экране

Page 43: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

1. Поставь три пальца правой руки на экран

2. Коснись пальцем левой руки

3. Убери один из пальцев правой

4. Повторяй пункты 2–3, пока не останется пальцев на экране

Page 44: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)

1. Поставь три пальца правой руки на экран

2. Коснись пальцем левой руки

3. Убери один из пальцев правой

4. Повторяй пункты 2–3, пока не останется пальцев на экране

Page 45: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 46: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)
Page 47: Жизнь HTML в 2ГИС под iOS / Роман Янке (2гис)