• Like
  • Save
TNPW2-2013-09
Upcoming SlideShare
Loading in...5
×
 

TNPW2-2013-09

on

  • 625 views

 

Statistics

Views

Total Views
625
Views on SlideShare
594
Embed Views
31

Actions

Likes
0
Downloads
5
Comments
0

2 Embeds 31

http://tnpw2.webnode.cz 27
http://cms.tnpw2.webnode.cz 4

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-2013-09 TNPW2-2013-09 Presentation Transcript

    • TNPW22012/201309 – Mobilní aplikaceMgr. Lukáš Vaceklukas.vacek@uhk.cz
    • 2Agenda • 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
    • 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?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
    • 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?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
    • 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?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
    • 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%
    • 15Mobilní 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í
    • 16Mobilní 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 
    • 17Mobilní 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/
    • 18Mobilní 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)
    • 19Mobilní 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
    • 20Mobilní 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
    • 21Agenda  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
    • 22Typy 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
    • 23Typy 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
    • 24Typy 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
    • 25Agenda  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
    • 26Ná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
    • 27Mobilní 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ů
    • 28Agenda  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
    • 29Mobilní 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
    • 30Mobilní 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)
    • 31Agenda  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
    • 32Odkazy na Internetu• http://www.justit.cz/wordpress/2012/06/21/infografika-e-mail-se-presouva-na-mobilni-telefony/• 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/• http://liesdamnedliesstatistics.com/2012/06/want-to-make-your-qr-code-work-stick-it-in-a- magazine.html• http://www.zdrojak.cz/zpravicky/sablony-pro-mobilni-navrhovani-zdarma/• http://www.justit.cz/wordpress/2012/08/04/infografika-responsivni-webdesign/• http://www.vogella.com/articles/Android/article.html - Android Development Tutorial• http://www.zdrojak.cz/serialy/vyvijime-pro-android/ - Seriál Vyvíjíme pro Android• http://www.slideshare.net/machal/webov-frontend-ve-slubch-mobilnho-vvoje
    • 33Agenda  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