TNPW2-2012-10
Upcoming SlideShare
Loading in...5
×
 

TNPW2-2012-10

on

  • 1,045 views

 

Statistics

Views

Total Views
1,045
Views on SlideShare
978
Embed Views
67

Actions

Likes
0
Downloads
1
Comments
0

2 Embeds 67

http://tnpw2.webnode.cz 59
http://cms.tnpw2.webnode.cz 8

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    TNPW2-2012-10 TNPW2-2012-10 Presentation Transcript

    • TNPW22011/201210 – Mobilní aplikaceMgr. Lukáš Vaceklukas.vacek@uhk.cz
    • 2Agenda • 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
    • 3Mobilní 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)
    • 4Agenda  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
    • 5Co 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!
    • 6Historie 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 
    • 7První 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
    • 8Infografika: The Evolution of Smartphones Zdroj: bitrebels.com
    • 9Co 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 
    • 10Co 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?
    • 11Agenda  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
    • 12Komunikač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
    • 13Agenda  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
    • 14Vý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%
    • 15Mobilní 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
    • 16Mobilní 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í
    • 17Mobilní 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 
    • 18Mobilní 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
    • 19Mobilní 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)
    • 20Mobilní smartphone platformy – Symbian, BadaSymbian• 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) SuitBada• 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
    • 21Mobilní 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
    • 22Agenda  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
    • 23Typy 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
    • 24Typy 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
    • 25Typy 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
    • 26Agenda  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
    • 27Ná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
    • 28Mobilní 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ů
    • 29Agenda  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
    • 30Mobilní 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
    • 31Mobilní 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)
    • 32Agenda  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
    • 33Odkazy 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/
    • 34Agenda  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