Web to Mobile
29.10.2011
ITEvent




Web to Mobile

         Василь Кричун
         Softjourn, Inc.
Зміст

•   Історія е-бізнесу.
•   Мобільний ринок. Тенденції розвитку.
•   e-бізнес в м-бізнес:
    –   Способи ( мобільний веб-сайт, спеціалізована
        мобільна аплікація, комбінація обох рішень)
    –   Проблеми, що постають перед замовниками і
        розробниками
    –   Шляхи їх вирішення.
•   Питання – відповіді.
•   Посилання
Історія
Мобільний ринок

 5.3 млрд. користувачів мобільних
      пристроїв (77% від всього
         населення Землі)

  В 2010 році продано 1.3 млрд.
       мобільних пристроїв


  Мобільні телефони і КПК (4:1)
Мобільний WEB




                                        71% осіб, які
 Майже 1 млрд.                                                                  В 2011 році
                                         побачили
  відвідувачів      Більшість з них                      За останні 3 роки     тільки в США
                                      рекламу на ТБ, в
   Інтернету         залишається                             мобільні         через мобільні
                                      пресі чи онланйн
користуються для        тільки                             аплікації були     пристрої було
                                         – шукають
     цього           «мобільними                         скачані майже 11        здійснено
                                        інформацію
  мобільними       користувачами».                           млрд. раз       платежів на суму
                                      через мобільний
  пристроями                                                                    $240 млрд.
                                          інтернет.
Сучасне покоління


Для маленької дитини,
 паперовий журнал -
 це «зламаний» iPad.
У вас ще немає мобільного сайту?
Що цікавить замовників?


 Час виходу на       Вартість
  ринок (ТТМ)       розробки




                  Адаптованість і
                 масштабованість
Розповсюдження
                   мобільного
                    продукту
Що вибрати?




Web     Hybrid      Native
Мобільний сайт
           Переваги                                  Недоліки
                                     Немає доступу до всіх можливостей моб.
Менша вартість розробки              пристрою



                                     Швидкодія залежить від моб. браузера
Постійний контроль і оновлення.
                                     Важко адаптувати під всі розміри екранів і
                                     особливості користувацького інтерфейсу моб.
                                     пристроїв.
Не потрібно дозволу на публікацію.
                                     Немає offline режиму

Незалежність від типів мобільних
пристроїв та їх ОС                   Не враховується орієнтація пристрою (портретна
(кросплатформенність)                чи альбомна)
Конвертація в мобільний сайт

                                                         Складні                  Управління без
                                                       реєстраційні                   “touch”
                                                         форми                      інтерфейсу
                                         Багато
       Немає
                                       картинок –
     підтримки
                                         слабка
  Flash ( деякі ОС)
                                       швидкодія
                         Немає
                       «мишки» -
                      немає “hover”
                          події
   Залежить від
  попереднього                                                        Складна
  дизайну (MVC)                                                       навігація


                      Нечитабельний                                               Використання
                         контент                                                     iFrame

                                         Багато
                                       динамічного
                                      контенту (pop-
                                           up)
Правила для мобільного сайту

Не використовувати iFrames


Не використовувати таблиці для розмітки


Контент повинен бути доступний без скролінгу (особливо горизонтального)

“Tab order” – впорядкування елементів управління для легкого доступу для
пристроїв без “touch” інтерфейсу

Відмовитись де можливо від вводу інформації ( тільки варіанти вибору)


Відмовитись від використання “pop-up”
Мобільна аплікація
               Переваги                                     Недоліки
Продуманий користувацький інтерфейс
                                                 Більший час і вартість розробки
Наявність готових інструментів для розробки
                                                 Окрема аплікація для кожної
Доступ до можливостей пристрою (камера,          мобільної платформи
акселерометр, ітд)

Розповсюдження через App stores, Market places   Розробка АРІ для сайту (якщо нема)

Додатковий дохід (для платних)
                                                 Потрібен додатковий функціонал для
                                                 гарантування безпеки (немає сесій)
Можливість реалізації offline режиму
                                                 Потрібно отримати дозвіл на
Це круто і престижно!                            публікацію (2 – 4 тижні)
Конвертація в мобільну аплікацію



          Можливі
     функціональні зміни,                         Розробка рівнів
      щоб в повній мірі                          захисту для АРІ і
        використати                                 відповідно
         можливості                             клієнтської частини
          пристрою

                            Необхідний новий
                             дизайн і графіка




      Потрібно АРІ і веб
      сервіс (якщо нема)
Гібридна аплікація

             Переваги                                 Недоліки
Повний доступ до можливостей пристрою        Потрібен новий дизайн для
                                             відображення веб – контенту
Менша вартість, час розробки і верифікації

Можливість адаптації контенту в залежності   АРІ і веб сервіс (якщо нема)
від потреб ринку

Присутність і розповсюдження через
спеціалізовані онлайн магазини               Окрема аплікація під кожну
                                             мобільну платформу
Теж КРУТО!
                                             Теж потрібен дозвіл на
Хороша швидкодія                             публікацію
Конвертація в гібридну аплікацію




        Розробка                           Розробка рівнів
      відповідного                         захисту як і для
        АРІ та веб                            мобільної
         сервісу                              аплікації
                            Окремий
                         дизайн для веб-
                          контенту і для
                            аплікації -
                           контейнера
       Організація
        взаємодії
     аплікації та веб-
        контенту
Висновки

НЕ КОНВЕРТУЙТЕ – СТВОРЮЙТЕ!!!




НЕ УСКЛАДНЮЙТЕ – СПРОЩУЙТЕ!!!




НЕ МОЖЛИВО ПІДТРИМУВАТИ ВСІ
     МОБІЛЬНІ ПРИСТРОЇ -
СКОНЦЕНТРУЙТЕСЬ НА НАЙБІЛЬШ
       ПОПУЛЯРНИХ!!!
Питання - відповіді
Корисні посилання

http://www.w3.org/TR/mobile-bp/
http://www.w3.org/TR/mwabp/
http://www.google.com

From web to mobile - Василь Кричун

  • 1.
  • 2.
    ITEvent Web to Mobile Василь Кричун Softjourn, Inc.
  • 3.
    Зміст • Історія е-бізнесу. • Мобільний ринок. Тенденції розвитку. • e-бізнес в м-бізнес: – Способи ( мобільний веб-сайт, спеціалізована мобільна аплікація, комбінація обох рішень) – Проблеми, що постають перед замовниками і розробниками – Шляхи їх вирішення. • Питання – відповіді. • Посилання
  • 4.
  • 7.
    Мобільний ринок 5.3млрд. користувачів мобільних пристроїв (77% від всього населення Землі) В 2010 році продано 1.3 млрд. мобільних пристроїв Мобільні телефони і КПК (4:1)
  • 8.
    Мобільний WEB 71% осіб, які Майже 1 млрд. В 2011 році побачили відвідувачів Більшість з них За останні 3 роки тільки в США рекламу на ТБ, в Інтернету залишається мобільні через мобільні пресі чи онланйн користуються для тільки аплікації були пристрої було – шукають цього «мобільними скачані майже 11 здійснено інформацію мобільними користувачами». млрд. раз платежів на суму через мобільний пристроями $240 млрд. інтернет.
  • 9.
    Сучасне покоління Для маленькоїдитини, паперовий журнал - це «зламаний» iPad.
  • 10.
    У вас щенемає мобільного сайту?
  • 11.
    Що цікавить замовників? Час виходу на Вартість ринок (ТТМ) розробки Адаптованість і масштабованість Розповсюдження мобільного продукту
  • 12.
  • 13.
    Мобільний сайт Переваги Недоліки Немає доступу до всіх можливостей моб. Менша вартість розробки пристрою Швидкодія залежить від моб. браузера Постійний контроль і оновлення. Важко адаптувати під всі розміри екранів і особливості користувацького інтерфейсу моб. пристроїв. Не потрібно дозволу на публікацію. Немає offline режиму Незалежність від типів мобільних пристроїв та їх ОС Не враховується орієнтація пристрою (портретна (кросплатформенність) чи альбомна)
  • 14.
    Конвертація в мобільнийсайт Складні Управління без реєстраційні “touch” форми інтерфейсу Багато Немає картинок – підтримки слабка Flash ( деякі ОС) швидкодія Немає «мишки» - немає “hover” події Залежить від попереднього Складна дизайну (MVC) навігація Нечитабельний Використання контент iFrame Багато динамічного контенту (pop- up)
  • 15.
    Правила для мобільногосайту Не використовувати iFrames Не використовувати таблиці для розмітки Контент повинен бути доступний без скролінгу (особливо горизонтального) “Tab order” – впорядкування елементів управління для легкого доступу для пристроїв без “touch” інтерфейсу Відмовитись де можливо від вводу інформації ( тільки варіанти вибору) Відмовитись від використання “pop-up”
  • 16.
    Мобільна аплікація Переваги Недоліки Продуманий користувацький інтерфейс Більший час і вартість розробки Наявність готових інструментів для розробки Окрема аплікація для кожної Доступ до можливостей пристрою (камера, мобільної платформи акселерометр, ітд) Розповсюдження через App stores, Market places Розробка АРІ для сайту (якщо нема) Додатковий дохід (для платних) Потрібен додатковий функціонал для гарантування безпеки (немає сесій) Можливість реалізації offline режиму Потрібно отримати дозвіл на Це круто і престижно! публікацію (2 – 4 тижні)
  • 17.
    Конвертація в мобільнуаплікацію Можливі функціональні зміни, Розробка рівнів щоб в повній мірі захисту для АРІ і використати відповідно можливості клієнтської частини пристрою Необхідний новий дизайн і графіка Потрібно АРІ і веб сервіс (якщо нема)
  • 18.
    Гібридна аплікація Переваги Недоліки Повний доступ до можливостей пристрою Потрібен новий дизайн для відображення веб – контенту Менша вартість, час розробки і верифікації Можливість адаптації контенту в залежності АРІ і веб сервіс (якщо нема) від потреб ринку Присутність і розповсюдження через спеціалізовані онлайн магазини Окрема аплікація під кожну мобільну платформу Теж КРУТО! Теж потрібен дозвіл на Хороша швидкодія публікацію
  • 19.
    Конвертація в гібриднуаплікацію Розробка Розробка рівнів відповідного захисту як і для АРІ та веб мобільної сервісу аплікації Окремий дизайн для веб- контенту і для аплікації - контейнера Організація взаємодії аплікації та веб- контенту
  • 20.
    Висновки НЕ КОНВЕРТУЙТЕ –СТВОРЮЙТЕ!!! НЕ УСКЛАДНЮЙТЕ – СПРОЩУЙТЕ!!! НЕ МОЖЛИВО ПІДТРИМУВАТИ ВСІ МОБІЛЬНІ ПРИСТРОЇ - СКОНЦЕНТРУЙТЕСЬ НА НАЙБІЛЬШ ПОПУЛЯРНИХ!!!
  • 21.
  • 22.