разработка мобильных приложений веб конф 3 для фестиваля ф

1. Разработка мобильных
приложений
Руководитель ЦИТ «ТРОЯ»
Александр Ларин, г. Вологда

2. Привлекательность рынка e-commerce, в том числе для продаж через мобильные
устройства в цифрах. Прогнозы на 2014 год
2011-й, и 2012-й могут по-праву называться «мобильный год», так как использование
смартфонов и планшетов растет «геометрически-прогрессивными» темпами.

3. Мобильный шопинг выбрали 3,9 млн. россиян, 2013 году.
Большинство моих друзей ни на секунду не расстаются со своими смартфонами или
планшетами: прочитать новости, посмотреть пробки, узнать погоду и проверить почту —
хорошо знакомый многим из нас сценарий обыкновенного утра.

4. Прогнозы для российского рынка M-commerce, 2017 год

5. Популярные товары в российском рынке M-commerce на 2013 год
Самое интересное, что сайт РЖД не адаптирован под мобильные устройство, а
клиенты все равно заказывают билеты через планшеты.

6. Если человек уже принял решение о необходимости создания мобильного
приложения, один из следующих этапов — определиться, какой тип приложения
выбрать?
• Какие бывают мобильные приложения;
• Какие преимущества Вы получаете при выборе определенного типа приложений;
• Какие существуют ограничения у разных типов приложений;

7. Традиционное мобильные приложения – оно же «Нативные приложения». Этот вид
приложений самый ресурсоемкий, но вместе с этим он позволяет по максимуму
использовать возможности, предлагаемые каждой конкретной операционной
системой. Как следствие, нативные приложения выигрывают как по функционалу, так и
по скорости работы у других типов мобильных приложений. Именно к такому подходу
сейчас приходят те компании, которые делали комбинированные приложения.
Например, Facebook начинала с комбинированного приложения.
Традиционные «нативные» приложения.
• Устанавливается
из магазина приложений;
• Для работы необходим
доступ в интернет;
• Использует камера,
микрофон, акселерометр,
геолокация, адресная
книга, плеер и т.д.
телефона.
Пример: Instagram

8. Гибридные мобильные приложения
• Загружается из магазина;
• Использует камеру телефона;
• Необходимо подключение
к интернету при желании
поделиться результатом своей
работы;
• Можно настроить push-
уведомления.
Приложение HeartCamera
для iOS
Приложение TripCase
Гибридные приложения
Гибридные приложения сочетают в себе некоторые функции нативных и веб-приложений:
кроссплатформенность и возможность использования ПО телефона. Такие приложения
могут быть загружены через магазины приложений, и при этом имеют возможность
независимого обновления информации. Гибридные приложения требуют подключения
к интернету, поскольку веб часть обновляется через интернет. Это, наверное, самый
популярный способ построения мобильных приложений.

9. Гибридные мобильные приложения от популярных CMS
Продукт «1С-Битрикс: Мобильное приложение» - это технология,
позволяющая быстро разрабатывать мобильные приложения под iOS и
Android для сайтов, созданных на платформе «1С-Битрикс». Приложения
публикуются в AppStore и Google Play.

10. Веб-приложения, или приложения на html5 «Мобильный сайт»
maps.google.com — веб-сайт, но в тоже время это и веб-приложение.
Веб-приложения, или приложения на html5
Веб-приложения не случайно называют html5-приложениями. Это, по сути, сайт,
оптимизированный под смартфон. Пользовательский интерфейс создается при
помощи стандартных веб-технологий. Их не нужно загружать из магазина.

11. Веб-приложения, или приложения на html5 «Мобильный сайт»

12. Таблица преимуществ и недостатков
Преимущества Недостатки
Нативное •Максимальная функциональность и скорость
работы
•Не требуется интернет- соединение для
использования
•Имеет доступ к ПО смартфона (GPS, плеер,
камера) Распространение через магазины
приложений
•Выше стоимость и длиннее сроки
разработки
•Требует от разработчика знаний
определенной среды программирования
•Работает только с одной платформой
•При косметических изменениях
необходимо выпускать обновление
Веб (HTML5) •Кроссплатформенность
•Не требует загрузки из магазина мобильных
приложений
•Можно легко адаптировать обычный сайт
•Легче найти веб-разработчика нежели
разработчика под определенную платформу
Простота создания и поддержки
•Требует подключения к интернету
•Не имеет доступа к ПО смартфона
•Не может отправлять push-уведомления
•Должен быть запущен интернет-браузер
•При продаже требуется использование
своей платежной системы
Гибридное •Функциональность нативного приложения
на независимой платформе
•Запускается не из браузера в отличии от веб
приложения Возможность независимого
обновления
•Распространение через магазины приложений
•Загружается из магазина мобильных
приложений (необходимо соответствовать
требованиям)
•Разработчик должен быть знаком
с разными API

13. Как определиться с выбором?
Довольно просто. Если для работы Вашего приложения необходимо
использовать мощности устройства, о которых мы писали ранее, или для его
работы очень важна скорость обработки информации (игры, социальные сети,
геолокационные сервисы, сервисы обмена фотографиями и т.д.), то необходимо
делать нативное приложение. Если скорость работы не так важна, то делайте
лучше гибридное приложение. А если вам просто важно, чтобы у пользователя
была возможность получить от вас необходимую информацию при наличии
интернета через мобильный телефон, и его это устраивает, то спокойно делайте
веб-приложение!

14. Что вам дает мобильное приложение интернет-магазина?
Создайте еще один - дополнительный мобильный канал продаж - «заведите» себе
мобильное приложение. Попав к своим клиентам в гаджет, вы не только легко их
удержите, но и повысите возвращаемость завсегдатаев.

15. Преимущества мобильного приложения
Мобильное приложение в основном предназначено для уже существующих постоянных
клиентов. Если клиенты регулярно делают заказы в вашем магазине, то мобильное
приложение для них - более удобный инструмент сделать заказ.
• Вы легко удерживаете клиентов
• Даете клиентам быстрый доступ к каталогу интернет-магазина
• Позволяете покупателям отслеживать свои заказы
• Отправляете push-уведомления клиентам с информацией о новинках
• Налаживаете регулярные продажи своих товаров и услуг
• Повышаете качество обслуживания
• Внедряете новые способы маркетинга для увеличения продаж
• Вход без регистрации

16. Скетч-зарисовка будущего приложения на бумаге

17. Скетч-зарисовка будущего приложения на бумаге

18. Технология разработки мобильного приложения. Как это устроено?
Прежде всего, необходимо определить, что и для кого мы пишем. Ответы на эти вопросы
оформляются в User Story. Он описывает, как существующий пользователь приложения
может войти в приложение, и какие проблемы он может встретить, если мы что-то не
учтем. Важно понимать, что за каждым пунктом в вашем to-do листе скрывается
огромный айсберг функционала. Старайтесь фрагментировать и конкретизировать
задачи. Крупные хотел-ки лучше всего разделить на несколько этапов (релизов в стор).

19. Создание интерактивного прототипа с помощью «Про Интерфейс»
http://www.youtube.com/watch?v=O21dnoGx1s4&list=UUuMyb28fAFyiM-
f2Wke2c2w&index=1

20. Нарезка графики — должна содержать минимум необходимых графических ресурсов
(заботимся о весе приложения)
Гайдлайн в общем понимании – это документ, который выпускает компания, и по
которому дизайнеры и разработчики понимают принцип построения взаимодействия
приложения с пользователем. Условно говоря, для iOS кнопки надо делать круглыми, а
для Windows Phone – квадратными. Однако мы используем и внутренние гайдлайны для
разработчиков. Таким образом результат работы дизайнера чаще всего состоит из
макетов, гайдлайнов и нарезки графики.

21. Нарезка графики — должна содержать минимум необходимых графических ресурсов
(заботимся о весе приложения)
Условно говоря, для iOS кнопки надо делать круглыми, а для Windows Phone –
квадратными. Однако мы используем и внутренние гайдлайны для разработчиков. Таким
образом результат работы дизайнера чаще всего состоит из макетов, гайдлайнов и
нарезки графики.

22. Передача в разработку. Обсуждение и необходимые правки описания
После получения макетов, гайдлайна и нарезки, начинается работа разработчика. Мы
передаем в разработку все то, что придумали, и ожидаем ранний результат. Это не значит,
что работа над архитектурой и пользовательским интерфейсом закончена. Иногда у
разработчиков появляются интересные идеи, которые вносят коррективы в изначальный
план. Когда разработка завершена, наступает стадия тестирования.
Далее «тестировка» и публикация с соблюдением предъявленных требований
разработки.

23. Передача в разработку. Обсуждение и необходимые правки описания

24. Обзор 5 самых популярных кроссплатформенных мобильных Фреймворков:

25. Реальный Кейс по шагам. Клиент: http://www.tbe-shop.ru/
Параллельно с «редизайном» магазина, была начата работал над созданием приложения
для iOS, чтобы отслеживать изменения в личном кабинете и трекинга посылок.
Также, были просмотрены подобные приложения конкурентов и приложения с похожей
стилистикой, чтобы легче было определить требуемый функционал и сократить время
проектирования.

26. Что получили на выходе:
Помните, что время публикации может доходить до нескольких недель!

27. Реальный Кейс по шагам. Клиент: http://www.windowsphone.com/ru-
ru/store/app/prointerface/a287e34d-1dbc-4893-9a29-366a5ae7af45

28. Экономика создания мобильного интернет-магазина и его поддержки.
Стоимость и сроки.

29. Спасибо за внимание!
С уважением, Ларин Александр
Сайт ЦИТ: www.tr35.ru
Смотри наши семинары: http://www.youtube.com/user/Traysoft
Страна: Россия Город: Вологда;
Контакты : 8911-548-0777; e-mail: larinav@tr35.ru