TNPW2-2012-10

TNPW2
2011/2012
10 – Mobilní aplikace

Mgr. Lukáš Vacek
lukas.vacek@uhk.cz

2

Agenda
• Mobilní aplikace?
• Smartphone? Tablet? E-book reader?

1O •
•
•
•
•
Komunikační standardy
Výrobci, mobilní platformy
Typy mobilních aplikací
Návrh a vývoj mobilní aplikace
Mobilní business
• Internet, doporučená literatura

3

Mobilní aplikace?

Fakta
• Mobilita je jedním z aktuálních trendů!
• Přístup ke službám 24/7, odkudkoliv – tzv. Internet v kapse 
• Prodá se více mobilních zařízení, než stolních počítačů >> post-PC svět/éra
• Významnou roli na straně serveru hraje cloud computing
• Objem dat přenášených přes mobilní zařízení exponenciálně roste!
• Mění se role telco operátorů:
▫ Hlasové služby ustupují, budou doplňkem ICT služeb
▫ Dojde ke spojování telco operátorů (je jich prostě moc )
▫ Firmy nabízející obsah nabídnou vlastní konektivitu pro mobilní Internet (satelity)

4

Agenda
 Mobilní aplikace?
• Smartphone? Tablet? E-book reader?

1O • Komunikační standardy
• Výrobci, mobilní platformy
• Typy mobilních aplikací
• Návrh a vývoj mobilní aplikace
• Mobilní business

5

Co je smartphone?

• Hloupý mobilní telefon  +

• Připojení k Internetu
• Operační systém a webový prohlížeč
• Umožňuje instalaci aplikací
• Multitasking, uživatelská práva
• Odpovídající HW – (1-n core) CPU, RAM, úložiště dat

• Není podmínkou – dotykové ovládání, kamera +
fotoaparát, GPS, wifi, NFC, paměťové karty

• Jsou čím dál levnější = získávají stále větší podíl na trhu
• Zřejmě největším problémem (všech mobilních zařízení) je výdrž baterie!

6

Historie smartphone

• Pojem smartphone (chytrý mobil) je často spojován s Apple iPhone. Ale…
• Koncepty chytrých mobilních telefonů vznikaly už dříve, takhle si jej
představoval Nathan Myhrvold (1991, Microsoft)… a Star Trek známe všichni 

7

První smartphone – IBM Simon

• Dotyková obrazovka!
• Kalendář, kalkulačka
• Adresáře
• Mail, Textové zprávy
• Fax
• QWERTY klávesnice
• Žádná fyzická tlačítka

• Představen 1992 (COMDEX)
• Jen v USA (1993, BellSouth)
• Cena $899

Zdroj: cloudcentrics.com

8

Infografika: The Evolution of Smartphones

Zdroj: bitrebels.com

9

Co je tablet?

• Je větší než mobilní telefon 
• Přenosný počítač ve tvaru desky s dotykovou obrazovkou

• Nemusí umět telefonovat, podporuje připojení k Internetu (Wi-Fi, 3G)
• Operační systém a webový prohlížeč
• Umožňuje instalaci aplikací, multitasking
• Odpovídající HW – (1-n core) CPU, RAM, úložiště dat

• Zajímavá historie…
▫ 1968 – Dynabook concept – navrhl Alan Kay
▫ 2001 – Microsoft TabletPC – neujal se
▫ 2010 – všechno změnil Apple iPad

• Zajímavá budoucnost 

10

Co je čtečka elektronických knih?

• Speciální druh tabletu se specifickým využitím (čtecí zařízení pro e-booky)
• Jiná technologie než běžné tablety – většinou elektronický papír (electronic ink)
• Lepší čitelnost
• Větší výdrž na jedno nabití
• HW klávesy, dotyková obrazovka (podle verze)
• Konektivita přes Wi-Fi, 3G

• Amazon Kindle (různé verze) – přímý nákup multimediálního obsahu (knihy…)
▫ Pozor! Amazon Kindle Fire je tablet! (IPS displej, modifikovaný Android)

• Další výrobci: Barnes & Noble Nook, Sony Reader…

• Dnešní čtečky dobře plní svůj účel, ale bude to (do budoucna) stačit?

11

Agenda
 Smartphone? Tablet? E-book reader?

1O • Komunikační standardy

12

Komunikační standardy

• Moderní mobilní telefon musí umět komunikovat  (hlas, data)
• Je k dispozici celá řada standardů, které telco operátoři aktuálně v různé míře
ve své síti podporují (liší se i podle regionů), např.
▫ GPRS (2. generace)
▫ EDGE (někdy jako 2.5 nebo 2.75 generace) – v ČR je na většině BTS
▫ 3G (UMTS, HSPDA, HSUPA , CDMA) – 3G v ČR máme, pokrytí není moc dobré
▫ LTE (3. generace, LTE Advance 4. generace) – v ČR si počkáme

• Mobilní zařízení podporují ještě další datové komunikační standardy, např.
▫ Bluetooth
▫ Wi-Fi
▫ NFC – bezdrátová komunikace na krátkou vzdálenost

13

Agenda

1O  Komunikační standardy

14

Výrobci smartphone

• Výrobce není vždy to samé, co mobilní platforma 
• Top Five Worldwide Smartphone Vendors, Shipments, and Market Share, Q4
2011 (Units in Millions) – zdroj: IDC

Q4 2011 Q4 2011 Q4 2010 Q4 2010
Year Over Year
Vendor Shipment Market Shipment Market
Change
Volumes Share Volumes Share

Apple 37.0 23.5% 16.2 15.9% 128.4%

Samsung 36.0 22.8% 9.6 9.4% 275.0%

Nokia 19.6 12.4% 28.1 27.6% -30.6%

Research In Motion 13.0 8.2% 14.6 14.3% -11.0%

HTC 10.2 6.5% 8.7 8.5% 17.2%

Others 42.0 26.6% 24.8 24.3% 69.4%

Total 157.8 100.0% 102.0 100.0% 54.7%

15

Mobilní smartphone platformy

• Někteří výrobci podporují více než jednu platformu!

4Q11 4Q11 4Q10 4Q10
Operating System
Units Market Share (%) Units Market Share (%)

Android 75,906.1 50.9 30,801.2 30.5

iOS 35,456.0 23.8 16,011.1 15.8

Symbian 17,458.4 11.7 32,642.1 32.3

Research In Motion 13,184.5 8.8 14,762.0 14.6

Bada 3,111.3 2.1 2,026.8 2.0

Microsoft 2,759.0 1.9 3,419.3 3.4

Others 1,166.5 0.8 1,487.9 1.5

Total 149,041.8 100.0 101,150.3 100.0

Zdroj: Gartner

16

Mobilní smartphone platformy – Android

• Google Android (aktuální verze 4, Ice Cream Sandwich)
• Otevřený systém, velmi svobodný
• Několik stovek zařízení od různých výrobců s různou konfigurací (výkon HW, DPI
rozlišení displeje, ovládání touch/klávesy apod.)
• Výrobci HW „vylepšují“ Android o grafické nadstavby (Sense, TouchWiz…)
• Jazyk Java (Dalvik – upravené prostředí pro mobily), soud s Oracle
• Libovolné IDE (např. Eclipse) s SDK, včetně simulátoru
• Volně šiřitelné aplikace nebo Android Market (nově Google Play)
• Jednorázový poplatek $25
• Úložiště Google Drive
• Rychlý vývoj platformy
• Google umí vzdáleně zlikvidovat závadnou aplikaci na mobilním zařízení

17

Mobilní smartphone platformy – iOS

• Apple iOS je uzavřený systém (SW a HW pod jednou značkou)
• High-end zařízení (iPhone, iPad), vyšší cena
• Malý počet modelů
▫ Lepší přehlednost pro zákazníky
▫ Jednodušší kompatibilita (vývojáři)
• Jazyk ObjectiveC, vývojové prostředí Xcode (Mac only), iOS Simulator
• iOS Developer Program je licencovaný – $99/rok
• Distribuce přes AppStore – podléhá schválení
• Úložiště iCloud
• Silná značka, výborný marketing
• Inovace, např. hlasové ovládání Siri
• Fanoušci jsou ochotní platit 

18

Mobilní smartphone platformy – Windows Phone

• Windows Phone (aktuální verze 7.5, Mango)
• Uzavřený systém
• Nekompatibilní s předchůdcem Windows Mobile!
• XNA framework pro hry nebo běžné mobilní aplikace v Silverlight (C#, VB.NET)
• Vývojové nástroje jsou k dispozici zdarma! SDK + VS Express
• Dlaždicové GUI – uživatelské rozhraní Metro
• Dobrá integrace populárních sociálních sítí
• Hlasové ovládání TellMe
• Cloud úložiště SkyDrive
• Integrace s kancelářským SW (Office365, Exchange, Dynamics, Sharepoint…)
• Marketplace
• Vývojářský účet je licencovaný – $99/rok
• Přednáška WUG o vývoji pro Windows Phone, nebo MSDN

19

Mobilní smartphone platformy – Blackberry

• RIM BlackBerry OS (aktuální verze 7), připravuje se BlackBerry 10 (jádro QNX)
• Uzavřený systém
• Zaměření na firemní klientelu, etalon pro „mobilní kancelář“
• Bezpečné protokoly, government protestuje
• Zařízení s charakteristickou HW klávesnicí (existují i dotykové varianty)
• Výborná práce s mailem = mobilní kancelář
• Java ME (+ RIM API), možné použít Adobe AIR
• Blackberry App World store
• Blackberry Enterprise Server ve firemní síti (vazba na mail server)

• BlackBerry Playbook používá BlackBerry Tablet OS (jádro QNX)

20

Mobilní smartphone platformy – Symbian, Bada

Symbian
• Kdysi neprodávanější OS pro smartphony (cca 85 % trhu!)
• Aktuálně Symbian Belle, hlavně mobily nižší třídy fy Nokia
• Jazyk C++, QT, Java ME
• Volná distribuce aplikací nebo Nokia (Ovi) Suit

Bada
• OS fy Samsung pro chytré telefony, aktuální verze 2
• Uživatelské prostředí TouchWiz
• Jazyk C++ (odlehčený), Win only vývoj
• Od verze 2 už umí full multitasking, podpora NFC, HTML5 apod.
• Samsung Apps

21

Mobilní smartphone platformy – webOS

• HP webOS (původně Palm), Open webOS
• Nejistá budoucnost
• Částečně otevřený systém (některé části pod GPL)
• HTML5, JavaScript (frm Mojo, Enyo), SDK (PDK) i vývoj v C/C++, podpora node.js
• ARES – vývojové prostředí přímo v prohlížeči
• Developer program je free, možnost distribuce přes WebOS App katalog

22

Agenda

 Výrobci, mobilní platformy

23

Typy mobilních aplikací – nativní mobilní aplikace

• Přístup k systémovým funkcím zařízení (kontakty, sms, hlasové funkce)
• Přístup k senzorům (mikrofon, kamera…), kompas, gyroskop, proximity senzor
(vzdálenost k předmětům)
• GPS (location based service)
• Práce s lokální databází
• Komunikace client/server s aplikací nebo datovým úložištěm
• HW akcelerace – aplikace umí využít výkon zařízení
• Často využívají App store jako distribuční kanál

24

Typy mobilních aplikací – mobilní webové aplikace

• Jsou multiplatformní = je to trend!
• Využívají webový prohlížeč + osvědčené technologie
• Díky HTML5, CSS3 a JavaScriptu to je lépe použitelné než v minulosti
• Adaptivní (responsive) web design hraje významnou roli!
▫ Flexibilita s ohledem na zařízení (zobrazení, způsob ovládání)
▫ Snížení objemu přenášených dat
▫ Snížení počtu requestů
• Výhledově by mohly nahradit nativní mobilní aplikace
▫ Univerzálnost použití pro téměř libovolné zařízení
▫ Nižší náklady na vývoj

25

Typy mobilních aplikací – native wraper

• Je to „něco mezi“ nativní mobilní a webovou aplikací
• Tzv. lehký klient umí víc, než běžný webový prohlížeč
▫ jádro je webové
▫ má přístup k systémovým funkcím (úložiště, kontakty, senzory…)
• Aplikace lze šířit přes nějaký AppStore

26

Agenda

 Typy mobilních aplikací

27

Návrh a vývoj mobilní aplikace
• Nápad, zadání
• Návrh UI v prototypu
▫ Identifikujte klíčové scénáře
▫ Najděte nejjednodušší cestu
▫ Klidně použijte papír 
▫ Nechte si to zákazníkem/zadavatelem potvrdit!
• Design aplikace
▫ Aplikační logika
▫ API, backend (včetně úložiště dat)
▫ Dbejte na co nejnižší objem přenášených dat! Hlídejte si spotřebu paměti, RAM je omezená!
▫ Grafický design aplikace je klíčová věc, obal prodává!
• Implementace
▫ K programování je potřeba vývojový nástroj (někdy s rozšířením) a SDK!
• Testování (nepodcenit!)
▫ Hodí se SW emulátory běhového prostředí (nemusíte mít „opravdový“ přístroj)
▫ Nemáte vždy přístup ke všem funkcím mobilu (např. GPS, tel. hovory) – Google to umí (včetně
např. identifikace lokace nebo pohybu zařízení, latence sítě, simulace volání, sms apod.)
• Distribuce

28

Mobilní frameworky

• Kromě vlastního vývoje je velmi důležité rychlé vytvoření prototypu aplikace!
• Při návrhu není podstatný ani tak vzhled (barvičky!), ale způsob ovládání

• HTML5 frameworky pro mobilní web:
▫ jQuery Mobile
▫ jQ.Mobi
▫ Kendo UI
▫ Sencha Touch
▫ Wink
▫ DHTMLX Touch

• Mobile Frameworks Comparison Chart – přehled frameworků

29

Agenda

 Návrh a vývoj mobilní aplikace

30

Mobilní business a nové technologie

• Obrovský trh mobilních aplikací (odhad cca $40 mld. v roce 2015)
• Má kam růst (Indie, Čína…)
• Čím dál lepší a cenově dostupnější mobilní zařízení
• Nové technologie…

QR kódy
• Dvojrozměrný kód zapsaný do čtverce (od 21 do 177 bodů)
▫ Umí opravit chyby (7-30 %)
▫ Umožňuje uložení až 3 KB – URL adresy, iCalendar, vCard…

NFC (Near Field Communication)
• Bezdrátová komunikace na krátkou vzdálenost (standard cca do 20 cm)
▫ Výměna dat mezi dvěma zařízeními
▫ Mikroplatby
▫ Čtení/zápis dat

31

Mobilní business?

• Mail, mobilní kancelář… prostě PDA (Personal Digital Assistant)
▫ Webový klient má zhruba stejný podíl na trhu, mobilní získává na úkor desktopového
• Mobilní platby by měly v následujících letech exponenciálně růst
▫ Celkem odhad 2015 cca $670 mld., z toho NFC cca $74 mld.
▫ Velcí hráči (PayPal, VISA, MC, AmEx, Square…) + poskytovatelé obsahu (Facebook…)
• Sociální sítě
• Mobilní hry, často ve spojení se sociálními sítěmi (Zynga…)
• Platba za obsah
▫ Noviny, časopisy – např. New York Times
▫ Multimedia (hudba, filmy, TV pořady) – Apple iTunes, Netflix
• Prodej zboží a služeb (Amazon, eBay…)
▫ Přes mobilní aplikaci eBay si někdo koupil tryskové letadlo za $4.9M 
▫ Internetové obchody hlásí o 420 % více přístupů z mobilů a tabletů než v roce 2010
(zdroj H1.cz)

32

Agenda

 Mobilní business

33

Odkazy na Internetu
• http://smartmania.cz/clanky/vyvijime-aplikace-pro-windows-phone-7-jak-zacit-a-co-budeme-
potrebovat-190
• http://webovky.vse.cz/images/slides/2012LS/prednaska-vse-responsive.pdf
• http://smartphone-guide.com/a-short-history-of-the-smartphone.html
• http://multimedia.vse.cz/media/Viewer/?peid=08c9cd64cf744cc3bf38ab6386a017ac1d
• http://www.manakmichal.cz/blog/jquery/prototypovani-mobilnich-aplikaci-s-jquery-mobile/

34

Agenda

 Mobilní business
 Internet, doporučená literatura

TNPW2-2012-10

Recomendados

Recomendados

Más contenido relacionado

Similar a TNPW2-2012-10

Similar a TNPW2-2012-10 (20)

Más de Lukáš Vacek

Más de Lukáš Vacek (20)

TNPW2-2012-10