Мобильная веб-разработка Ребров Андрей

2 Обо мне Luxoft, 10 ЦСР Разработка мобильных приложений в следующих сферах: логистика; перевозка пациентов; поиск лекарств; крупный сотовый оператор. Блог: Твиттер: Почта:

3 О семинаре 1. Почему стоит выбирать мобильный веб. 2. Как разрабатывать.

4 Решает ли мобильный веб все проблемы?

5 НЕТ!

6 Но на него стоит переходить уже сейчас?

7 ДА! Но на него стоит переходить уже сейчас?

8 Когда телефоны были большими… Сайты для них были: o унылые; o нефункциональные; o только WAP… … или их вообще не было. Хотя кто-то ставил Opera Mini и радовался жизни =)

9 Время шло и теперь… Различных мобильных устройств стало много.. … и даже слишком.

10 Так что имеем сейчас Полноценный компьютер в кармане Малый размер экрана Полноценный интернет (Wi-Fi) Ряд ограничений (Flash, цена интернета) Геолокация и прочие встроенные модули

11 Что изменилось еще Новые возможности в создании сайтов Постепенный уход от десктопных приложений Выросла скорость интернета

12 Осталось сделать выбор

13 Разрушим ряд мифов!

14 Нативные приложения имеют больший функционал

15 Нативные приложения имеют больший функционал Myth busted Геолокация Работа с файловой системой Доступ к акселерометру и гироскопу Работа с touch-событиями

16 Нативные приложения имеют большую производительность Аппаратное ускорение Мультипоточность

17 Нативные приложения имеют большую производительность Myth busted

18 Нативные приложения проще разрабатывать

19 Нативные приложения проще разрабатывать Myth busted HTML CSS JS

20 Нативные приложения проще сделать с использованием родных стилей

21 Нативные приложения проще сделать с использованием родных стилей Myth busted Sencha Touch jQTouch jQuery Mobile …

22 Нативные приложения проще найти (и купить) Apple Store Android market...

23 Нативные приложения проще найти (и купить) Myth busted

24 Нативные приложения проще монетизировать Единичная продажа

25 Нативные приложения проще монетизировать Myth busted Pay-per-use Advertise SaaS

26 Рынок мобильных приложений

27 PC vs Mobile

28 Мобильный интернет все более популярен

29 Конец первой части

30 Время разработки

31 Итак... Вы все еще не пишите под мобильные устройства? Тогда мы идем к вам!

32 Способы HTML+JS+CSS Использовать фреймворк

33 HTML+JS+CSS Разные платформы Разные экраны Где то это уже было, да? Но разбираться как это работает нужно, поэтому читаем «Building iPhone Apps with HTML, CSS, and JavaScript»

34 Будь проще и люди к тебе потянуться Преимущество фреймворков: Решается проблема кроссплатформенности Решается проблема разных экранов Готовые решения для native-like поведения

35 Многообразие выбора jQTouch jQueryMobile Sencha Touch XUI …..

36 jQTouch Первый серьезный мобильный фреймворк Многое подарил jQuery Mobile и Sencha Touch Созданы native эффекты переходов между экранами Первый блин немножко комом

37 jQTouch jQTouch About User Interface 4 Text

38 jQuery Mobile Построен на jQuery Поддержка всех платформ Удобная работа с событиями Поддержка HTML5 Удобная работа с темами

39 jQuery Mobile Text Input: Textarea:

40 Sencha Touch Быстрое создание сложного интерфейса Простота в создание своих компонент Удобная работа с данными Проблема с производительностью

41 Sencha Touch var timeline = new Ext.Component({ title: 'Timeline', tls: 'timeline', scroll: 'vertical', tpl: [ ' ', ' ', ' ', ' ', ' ', ' ', ' {from_user} ', ' {text} ', ' ', ' ', ' ' ] });

42 XUI Очень минималистичный Отдельные сборки под платформы Поддержка HTML

43 XUI x$('#foo').html(' sweet as honey '); x$('#foo').outer(' free as a bird '); x$('#foo').top(' top of the pops '); x$('#foo').bottom(' bottom of the barrel '); x$('#foo').before(' first in line '); x$('#foo').after(' better late than never ');

44 Что еще? Wink toolkit iUI Dojo Mobile DHTMLX Touch + Спойлер

45 Делаем нативным PhoneGap MotherApp Big5 Rhodes

46 Что почитать Курс лекций и материалов по мобильной веб- разработке и дизайну Comparing Mobile Web Frameworks Сравнение фреймворков для создания native приложений

47 Вопросы? Ребров Андрей Luxoft Professional twitter.com/andrebrov