SlideShare a Scribd company logo
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

More Related Content

Viewers also liked

Parallel programming patterns - Олександр Павлишак
Parallel programming patterns - Олександр ПавлишакParallel programming patterns - Олександр Павлишак
Parallel programming patterns - Олександр Павлишак
Igor Bronovskyy
 
Selecting BI Tool - Proof of Concept - Андрій Музичук
Selecting BI Tool - Proof of Concept - Андрій МузичукSelecting BI Tool - Proof of Concept - Андрій Музичук
Selecting BI Tool - Proof of Concept - Андрій Музичук
Igor Bronovskyy
 
Mobile market - Ivasyshyn
Mobile market - IvasyshynMobile market - Ivasyshyn
Mobile market - IvasyshynIgor Bronovskyy
 
Юрчук Андрій - Технологія Qt
Юрчук Андрій - Технологія QtЮрчук Андрій - Технологія Qt
Юрчук Андрій - Технологія Qt
Igor Bronovskyy
 
Aws - Marfej
Aws - MarfejAws - Marfej
Aws - Marfej
Igor Bronovskyy
 
Improve performance of developer - Khodak
Improve performance of developer  - KhodakImprove performance of developer  - Khodak
Improve performance of developer - Khodak
Igor Bronovskyy
 
Скільки коштує проект і чому так.....
Скільки коштує проект і чому так.....Скільки коштує проект і чому так.....
Скільки коштує проект і чому так.....
Igor Bronovskyy
 
Правила конкурсного відбору для студентів ВНЗ м. Івано-Франківська у 2014 ро...
Правила конкурсного відбору  для студентів ВНЗ м. Івано-Франківська у 2014 ро...Правила конкурсного відбору  для студентів ВНЗ м. Івано-Франківська у 2014 ро...
Правила конкурсного відбору для студентів ВНЗ м. Івано-Франківська у 2014 ро...
Igor Bronovskyy
 
Техніки швидкого читання - Любомир Ходак
Техніки швидкого читання - Любомир ХодакТехніки швидкого читання - Любомир Ходак
Техніки швидкого читання - Любомир Ходак
Igor Bronovskyy
 
Побудова ефективної команди - Андрій Бабала
Побудова ефективної команди - Андрій БабалаПобудова ефективної команди - Андрій Бабала
Побудова ефективної команди - Андрій Бабала
Igor Bronovskyy
 

Viewers also liked (11)

Parallel programming patterns - Олександр Павлишак
Parallel programming patterns - Олександр ПавлишакParallel programming patterns - Олександр Павлишак
Parallel programming patterns - Олександр Павлишак
 
Selecting BI Tool - Proof of Concept - Андрій Музичук
Selecting BI Tool - Proof of Concept - Андрій МузичукSelecting BI Tool - Proof of Concept - Андрій Музичук
Selecting BI Tool - Proof of Concept - Андрій Музичук
 
Mobile market - Ivasyshyn
Mobile market - IvasyshynMobile market - Ivasyshyn
Mobile market - Ivasyshyn
 
Юрчук Андрій - Технологія Qt
Юрчук Андрій - Технологія QtЮрчук Андрій - Технологія Qt
Юрчук Андрій - Технологія Qt
 
Aws - Marfej
Aws - MarfejAws - Marfej
Aws - Marfej
 
Improve performance of developer - Khodak
Improve performance of developer  - KhodakImprove performance of developer  - Khodak
Improve performance of developer - Khodak
 
Скільки коштує проект і чому так.....
Скільки коштує проект і чому так.....Скільки коштує проект і чому так.....
Скільки коштує проект і чому так.....
 
Strus
StrusStrus
Strus
 
Правила конкурсного відбору для студентів ВНЗ м. Івано-Франківська у 2014 ро...
Правила конкурсного відбору  для студентів ВНЗ м. Івано-Франківська у 2014 ро...Правила конкурсного відбору  для студентів ВНЗ м. Івано-Франківська у 2014 ро...
Правила конкурсного відбору для студентів ВНЗ м. Івано-Франківська у 2014 ро...
 
Техніки швидкого читання - Любомир Ходак
Техніки швидкого читання - Любомир ХодакТехніки швидкого читання - Любомир Ходак
Техніки швидкого читання - Любомир Ходак
 
Побудова ефективної команди - Андрій Бабала
Побудова ефективної команди - Андрій БабалаПобудова ефективної команди - Андрій Бабала
Побудова ефективної команди - Андрій Бабала
 

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

Mobilni operaciyni sistemi_kurdaev_oleg
Mobilni operaciyni sistemi_kurdaev_olegMobilni operaciyni sistemi_kurdaev_oleg
Mobilni operaciyni sistemi_kurdaev_oleg
Львовский ПЛЖТ
 
Як змусити працювати мобільну рекламу
Як змусити працювати  мобільну рекламуЯк змусити працювати  мобільну рекламу
Як змусити працювати мобільну рекламу
Elena Peday
 
Дмитро Шоломко – Як мобільні комунікації змінюють світ навколо нас
Дмитро Шоломко – Як мобільні комунікації змінюють світ навколо насДмитро Шоломко – Як мобільні комунікації змінюють світ навколо нас
Дмитро Шоломко – Як мобільні комунікації змінюють світ навколо нас
Promodo
 
IR System
IR SystemIR System
IR System
snipter
 
Як зробити прибутковим додаток e-commerce — кейс шопінг-клубу Le Boutique
Як зробити прибутковим додаток e-commerce — кейс шопінг-клубу Le BoutiqueЯк зробити прибутковим додаток e-commerce — кейс шопінг-клубу Le Boutique
Як зробити прибутковим додаток e-commerce — кейс шопінг-клубу Le Boutique
Netpeak
 
Lecture 03 Mobile App Design. Feature Development
Lecture 03 Mobile App Design. Feature DevelopmentLecture 03 Mobile App Design. Feature Development
Lecture 03 Mobile App Design. Feature Development
Maksym Davydov
 
Чим простіше - тим краще, Стас Хорунжий
Чим простіше - тим краще, Стас ХорунжийЧим простіше - тим краще, Стас Хорунжий
Чим простіше - тим краще, Стас Хорунжий
Sigma Software
 
Михайло Свистун “Монетизація мобільних додатків”
Михайло Свистун “Монетизація мобільних додатків”Михайло Свистун “Монетизація мобільних додатків”
Михайло Свистун “Монетизація мобільних додатків”
Lviv Startup Club
 
Lecture 04. Mobile App Design
Lecture 04. Mobile App DesignLecture 04. Mobile App Design
Lecture 04. Mobile App Design
Maksym Davydov
 
Design of mobile apps
Design of mobile appsDesign of mobile apps
Design of mobile apps
Maksym Davydov
 
Корнілов Андрій
Корнілов АндрійКорнілов Андрій
Корнілов Андрій
Oleg Nazarevych
 
Cтеки іт технологій
Cтеки іт технологійCтеки іт технологій
Cтеки іт технологій
Yevgen Vershynin
 
Html5
Html5Html5
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
QADay
 
Мобильные платежи в ритейле и HoReCa. Почему у нас еще нет. И что же уже есть
Мобильные платежи в ритейле и HoReCa. Почему у нас еще нет. И что же уже естьМобильные платежи в ритейле и HoReCa. Почему у нас еще нет. И что же уже есть
Мобильные платежи в ритейле и HoReCa. Почему у нас еще нет. И что же уже естьElena Peday
 
Cloud connected mobile apps
Cloud connected mobile apps Cloud connected mobile apps
Cloud connected mobile apps
Dimko Zhluktenko
 
Технологія Web 2.0
Технологія Web 2.0Технологія Web 2.0
Технологія Web 2.0
Юлія Артюх
 

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

Mobilni operaciyni sistemi_kurdaev_oleg
Mobilni operaciyni sistemi_kurdaev_olegMobilni operaciyni sistemi_kurdaev_oleg
Mobilni operaciyni sistemi_kurdaev_oleg
 
Як змусити працювати мобільну рекламу
Як змусити працювати  мобільну рекламуЯк змусити працювати  мобільну рекламу
Як змусити працювати мобільну рекламу
 
Дмитро Шоломко – Як мобільні комунікації змінюють світ навколо нас
Дмитро Шоломко – Як мобільні комунікації змінюють світ навколо насДмитро Шоломко – Як мобільні комунікації змінюють світ навколо нас
Дмитро Шоломко – Як мобільні комунікації змінюють світ навколо нас
 
IR System
IR SystemIR System
IR System
 
Як зробити прибутковим додаток e-commerce — кейс шопінг-клубу Le Boutique
Як зробити прибутковим додаток e-commerce — кейс шопінг-клубу Le BoutiqueЯк зробити прибутковим додаток e-commerce — кейс шопінг-клубу Le Boutique
Як зробити прибутковим додаток e-commerce — кейс шопінг-клубу Le Boutique
 
Lecture 03 Mobile App Design. Feature Development
Lecture 03 Mobile App Design. Feature DevelopmentLecture 03 Mobile App Design. Feature Development
Lecture 03 Mobile App Design. Feature Development
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Чим простіше - тим краще, Стас Хорунжий
Чим простіше - тим краще, Стас ХорунжийЧим простіше - тим краще, Стас Хорунжий
Чим простіше - тим краще, Стас Хорунжий
 
Михайло Свистун “Монетизація мобільних додатків”
Михайло Свистун “Монетизація мобільних додатків”Михайло Свистун “Монетизація мобільних додатків”
Михайло Свистун “Монетизація мобільних додатків”
 
Lecture 04. Mobile App Design
Lecture 04. Mobile App DesignLecture 04. Mobile App Design
Lecture 04. Mobile App Design
 
Design of mobile apps
Design of mobile appsDesign of mobile apps
Design of mobile apps
 
Корнілов Андрій
Корнілов АндрійКорнілов Андрій
Корнілов Андрій
 
Cтеки іт технологій
Cтеки іт технологійCтеки іт технологій
Cтеки іт технологій
 
Html5
Html5Html5
Html5
 
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
КАТЕРИНА ЖУПАН «Mobile Testing based on “ISTQB Mobile Application – Syllabus»
 
Мобильные платежи в ритейле и HoReCa. Почему у нас еще нет. И что же уже есть
Мобильные платежи в ритейле и HoReCa. Почему у нас еще нет. И что же уже естьМобильные платежи в ритейле и HoReCa. Почему у нас еще нет. И что же уже есть
Мобильные платежи в ритейле и HoReCa. Почему у нас еще нет. И что же уже есть
 
Cloud connected mobile apps
Cloud connected mobile apps Cloud connected mobile apps
Cloud connected mobile apps
 
Технологія Web 2.0
Технологія Web 2.0Технологія Web 2.0
Технологія Web 2.0
 

Recently uploaded

LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdfLOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
Olga Kudriavtseva
 
Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»
Vinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
 
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
estet13
 
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
tetiana1958
 
Симон Петлюра – видатний борець за незалежність
Симон Петлюра – видатний борець за незалежністьСимон Петлюра – видатний борець за незалежність
Симон Петлюра – видатний борець за незалежність
Vinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
 
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdfKUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
Olga Kudriavtseva
 
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdfPOPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
Olga Kudriavtseva
 
29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx
Репетитор Історія України
 
Сучасний підхід до підвищення продуктивності сільськогосподарских рослин
Сучасний підхід до підвищення продуктивності сільськогосподарских рослинСучасний підхід до підвищення продуктивності сільськогосподарских рослин
Сучасний підхід до підвищення продуктивності сільськогосподарских рослин
tetiana1958
 
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
santomihail264
 
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdfПідсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
ssuser7541ef1
 

Recently uploaded (11)

LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdfLOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
 
Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»
 
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
 
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
 
Симон Петлюра – видатний борець за незалежність
Симон Петлюра – видатний борець за незалежністьСимон Петлюра – видатний борець за незалежність
Симон Петлюра – видатний борець за незалежність
 
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdfKUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
 
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdfPOPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
 
29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx
 
Сучасний підхід до підвищення продуктивності сільськогосподарских рослин
Сучасний підхід до підвищення продуктивності сільськогосподарских рослинСучасний підхід до підвищення продуктивності сільськогосподарских рослин
Сучасний підхід до підвищення продуктивності сільськогосподарских рослин
 
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
Презентація-Поняття-про-глобальні-проблеми-людства.-Роль-світової-громадськос...
 
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdfПідсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
 

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

  • 2. ITEvent Web to Mobile Василь Кричун Softjourn, Inc.
  • 3. Зміст • Історія е-бізнесу. • Мобільний ринок. Тенденції розвитку. • e-бізнес в м-бізнес: – Способи ( мобільний веб-сайт, спеціалізована мобільна аплікація, комбінація обох рішень) – Проблеми, що постають перед замовниками і розробниками – Шляхи їх вирішення. • Питання – відповіді. • Посилання
  • 5.
  • 6.
  • 7. Мобільний ринок 5.3 млрд. користувачів мобільних пристроїв (77% від всього населення Землі) В 2010 році продано 1.3 млрд. мобільних пристроїв Мобільні телефони і КПК (4:1)
  • 8. Мобільний WEB 71% осіб, які Майже 1 млрд. В 2011 році побачили відвідувачів Більшість з них За останні 3 роки тільки в США рекламу на ТБ, в Інтернету залишається мобільні через мобільні пресі чи онланйн користуються для тільки аплікації були пристрої було – шукають цього «мобільними скачані майже 11 здійснено інформацію мобільними користувачами». млрд. раз платежів на суму через мобільний пристроями $240 млрд. інтернет.
  • 9. Сучасне покоління Для маленької дитини, паперовий журнал - це «зламаний» iPad.
  • 10. У вас ще немає мобільного сайту?
  • 11. Що цікавить замовників? Час виходу на Вартість ринок (ТТМ) розробки Адаптованість і масштабованість Розповсюдження мобільного продукту
  • 12. Що вибрати? Web Hybrid Native
  • 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. Висновки НЕ КОНВЕРТУЙТЕ – СТВОРЮЙТЕ!!! НЕ УСКЛАДНЮЙТЕ – СПРОЩУЙТЕ!!! НЕ МОЖЛИВО ПІДТРИМУВАТИ ВСІ МОБІЛЬНІ ПРИСТРОЇ - СКОНЦЕНТРУЙТЕСЬ НА НАЙБІЛЬШ ПОПУЛЯРНИХ!!!