2. 2
Agenda
• Mobilní aplikace?
• Smartphone? Tablet? E-book reader?
9
• 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. 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. 4
Agenda
Mobilní aplikace?
• Smartphone? Tablet? E-book reader?
9
• Komunikační standardy
• Výrobci, mobilní platformy
• Typy mobilních aplikací
• Návrh a vývoj mobilní aplikace
• Mobilní business
• Internet, doporučená literatura
5. 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. 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. 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
9. 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. 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. 11
Agenda
Mobilní aplikace?
Smartphone? Tablet? E-book reader?
9
• Komunikační standardy
• Výrobci, mobilní platformy
• Typy mobilních aplikací
• Návrh a vývoj mobilní aplikace
• Mobilní business
• Internet, doporučená literatura
12. 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. 13
Agenda
Mobilní aplikace?
Smartphone? Tablet? E-book reader?
9
Komunikační standardy
• Výrobci, mobilní platformy
• Typy mobilních aplikací
• Návrh a vývoj mobilní aplikace
• Mobilní business
• Internet, doporučená literatura
14. Top Smartphone Operating Systems, Shipments, and Market Share, Q2 2012 (Units i
14
Výrobci smartphone
• Výrobce není vždy to samé, co mobilní platforma
• Top Smartphone Operating Systems, Shipments, and Market Share, Q2 2012
(Units in Millions) – zdroj: IDC (srpen 2012)
Q2 2012 Q2 2011
Q2 2012 Market Q2 2011 Market Year-over-
Operating System Shipments Share Shipments Share year Change
Android 104.8 68.1% 50.8 46.9% 106.5%
iOS 26.0 16.9% 20.4 18.8% 27.5%
BlackBerry OS 7.4 4.8% 12.5 11.5% -40.9%
Symbian 6.8 4.4% 18.3 16.9% -62.9%
Windows Phone 7 /
Windows Mobile 5.4 3.5% 2.5 2.3% 115.3%
Linux 3.5 2.3% 3.3 3.0% 6.3%
Others 0.1 0.1% 0.6 0.5% -80.0%
Grand Total 154.0 100.0% 108.3 100.0% 42.2%
15. 15
Mobilní smartphone platformy – Android
• Google Android (aktuální verze 4.2, Jelly Bean)
• 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í
16. 16
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
17. 17
Mobilní smartphone platformy – Windows Phone
• Windows Phone (aktuální verze 8)
• 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 (* nesmí se mu tak říkat )
• 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, Sharepoint, Skype…)
• Windows Phone Store
• Vývojářský účet je licencovaný – $99/rok
• Přednáška WUG o vývoji pro Windows Phone, nebo MSDN
• https://dev.windowsphone.com/
18. 18
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)
19. 19
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
20. 20
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
21. 21
Agenda
Mobilní aplikace?
Smartphone? Tablet? E-book reader?
9
Komunikační standardy
Výrobci, mobilní platformy
• Typy mobilních aplikací
• Návrh a vývoj mobilní aplikace
• Mobilní business
• Internet, doporučená literatura
22. 22
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
23. 23
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
24. 24
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
25. 25
Agenda
Mobilní aplikace?
Smartphone? Tablet? E-book reader?
9
Komunikační standardy
Výrobci, mobilní platformy
Typy mobilních aplikací
• Návrh a vývoj mobilní aplikace
• Mobilní business
• Internet, doporučená literatura
26. 26
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
27. 27
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ů
28. 28
Agenda
Mobilní aplikace?
Smartphone? Tablet? E-book reader?
9
Komunikační standardy
Výrobci, mobilní platformy
Typy mobilních aplikací
Návrh a vývoj mobilní aplikace
• Mobilní business
• Internet, doporučená literatura
29. 29
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
30. 30
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)
31. 31
Agenda
Mobilní aplikace?
Smartphone? Tablet? E-book reader?
9
Komunikační standardy
Výrobci, mobilní platformy
Typy mobilních aplikací
Návrh a vývoj mobilní aplikace
Mobilní business
• Internet, doporučená literatura