1. От 1’ до 100’:
Разработка под все
категории устройств
Павел Криворучко, Lilium

2. У нас было установлено 5 SDK для телевизоров, 4 IDE для HTML5
разработки и настроена компиляция под 8 мобильных платформ. Не
то, чтобы это было жизненно необходимо для кроссплатформенной
разработки. Но если я начинал делать приложение для всех, уже было
трудно остановиться. Единственное, что меня смущало, это запуск
браузера на Android Wear. Нет более беспощадной для HTML5
платформы, чем Android Wear. Но мы понимали, что рано или поздно
перейдем и на эту дрянь.

3. Последняя кроссплатформенная
технология
• Java не захватила мир
• Flash был близок, но Adobe не смог побороть болезни
платформы и свернул его поддержку
• Веб-технологии сделали болезненную первую попытку в
2010-2011 и взяли реванш в 2013-2014

4. Мир экранов и платформ
• Смартфоны: ~2009
• Планшеты: ~2011
• Smart TV: 2012 (первое поколение – 2010-2011)
• Wearable: 2013

5. iOS: огороженный сад
• Хобби Apple – сломать в очередной версии х.0 какую-нибудь
глобальную фичу браузера
• При разработке приложения – десятки Webkit-specific стилей
• WebView относительно медленный
• WebView не имеет альтернатив

6. Android: постепенный прогресс
• От жутких вендорских 2.х – к Chrome-based WebView в 4.х
• Для желающих выжать максимум: Crosswalk
• Для любителей извращений: WebView+/Canvas+

7. Windows: in IE we trust
• На Windows Phone – IE единственный движок, и он не ужасен
• Windows Phone 8 и 8.1 содержат заметно отличающиеся по
возможностям браузеры
• Небольшая рыночная доля усложняет поиск проблем,
характерных именно для мобильной платформы, для десктопа –
обратный эффект

8. Smart TV: зоопарк на выезде
• Samsung Smart TV
• Samsung Smart TV (Tizen)
• Viera SDK
• LG NetCast
• LG WebOS
• Opera TV (Sony etc.)
• Smart TV alliance (те, кто не осилил собственный велосипед)

9. Часы: все только начинается
• Чистый Android используется производителями параллельно с
Android Wear
• Samsung Gear 2+ (Tizen)
• Android Wear: отсутствие родного WebView еще ничего не значит
• LG WebOS
• Pebble! (beta)

10. Чего нужно избегать
• Viewport (Android, WP)
• Web Sockets (нет в Android <4.4)
• WebGL (нет в iOS7, проблемы на Android, нет вне
смартфонов/планшетов)

11. Архитектура
• Целевые размеры экрана.
• Средства управления. В
особенности – для телевизоров
• Гайдлайны целевых платформ,
возможность их соблюдения в
рамках одного дизайна
• Выбор средств разработки
исходя из решений по
предыдущим пунктам.
Сторонние или собственные
компоненты?
Работает везде Хороший набор смартфонов
Пригодны для использования не
все компоненты
До 2014 – лучшая кроссплатформенность,
но нет новых платформ
Хорошее решение для кастомных жестов,
хорошо совместимое с jQuery
Живая поддержка основных категорий
устройств, но ограниченная
коммерческая лицензия

12. С чем работать придется
• Apache Cordova. Работать в связке с Visual Studio – самый простой
путь для быстрого развертывания проекта без боли;
• Eclipse. База для SDK Tizen, LG Smart TV, Samsung Smart TV и пр.
• jQuery. Существенная доля кода и примеров, на некоторых Smart
TV – присутствует в поставке от вендора

13. Полезные ссылки
• http://caniuse.com/ - детальная информация по поддерживаемым
функциям
• http://developer.blackberry.com/html5/ - самый лучший портал про
HTML5 разработку под отдельную платформу
• http://developer.samsung.com/remotetestlab/rtlDeviceList.action -
удаленное тестирование на реальных устройствах Samsung
(смартфоны, часы)
• https://github.com/immosmart/smartbox - хорошая основа для
Smart TV приложений

14. Вопросы?
Контакты:
pavel@lilium.me
http://facebook.com/pavel.krivoruchko
Skype: dl1t_f