Obsah O autorech Earle Castledine Myles Eftos Max Wheeler Odborný korektor
Předmluva Komu je kniha určena Co se v knize dočtete
Poděkování Earle Castledine Myles Eftos Max Wheeler
Konvence použité v této knize
9 9 9 9 10
11 12 12
15 15 15 15
17
Příklady zdrojového kódu Tipy, poznámky a upozornění
17 18
Zpětná vazba od čtenářů
19
Zdrojové kódy ke knize Errata
19 19
KAPITOLA 1
Úvod do webového vývoje pro mobilní zařízení Co znamená mobilní? Proč na tom záleží? Výsadní postavení nativních aplikací je v ohrožení Nevýhody nativních aplikací
Pěkně od začátku Aplikace nestačí První možnost: Nic Druhá možnost: Transformace Třetí možnost: Navždy sám
21 21 22 23 24
26 27 28 29 30
3
K1983_sazba.indd 3
24.1.2013 12:52:46
Obsah
Poznámka k prostředím Vyhrňte si rukávy
31 33
KAPITOLA 2
Návrh aplikace Naprogramujte lepší myš Pozastavení ukazatele myši Malé obrazovky Kognitivní zátěž
Na ramenou obrů Karusel Panel karet Seznamy Shrnutí
Praktické využití Klaďte si vždy ty nejvyšší cíle Sestavení profilu uživatele Volba hlavní sady funkcí
Náčrty Vyhledávání spatření podle míst Přehled a podrobné údaje Vyhledávání spatření podle celebrit Přidání spatření Všechno dohromady Navigační prvky se nemusí zobrazovat neustále Domovská obrazovka
Definice vizuálního stylu
35 36 37 38 39
40 41 42 43 45
45 45 46 47
47 50 54 55 57 58 60 60
62
Dotykové rozhraní Ikony uživatelského rozhraní Typografie Výkon aplikace
64 66 67 68
Testování návrhu Revize návrhu Ikony aplikace Připraveno k implementaci
71 72 75 78
4
K1983_sazba.indd 4
24.1.2013 12:52:46
Obsah
KAPITOLA 3
Zdrojový kód aplikace Forma Panel karet Řádky, řádky a zase řádky Obrázky a pseudoelementy
Zobrazovaná oblast Poznejte své možnosti Buďme progresivní Knihovna Modernizr Stavění na položených základech
Škálovatelné obrázky Optimální zobrazení
Práce s médii Samostatný režim Informace pro uživatele
Ikony aplikace Další vylepšení Přidání tří teček do přetékajícího textu Přizpůsobení velikosti písma Zvýrazňující barva klepnutí Místní nabídka Výběr a kopírování
Výkon Pokračujeme
79 81 82 86 92
96 99 101 102 105
111 113
114 115 118
119 124 124 126 126 127 127
127 128
KAPITOLA 4
Webové aplikace pro mobily Příprava Prostředí a knihovny Ladění zdrojového kódu jazyka JavaScript určeného pro mobily
Události Jednoduché události dotyků Kliknutí s detekcí funkcí
Snadná vítězství Šikovné odkazy Atributy polí formuláře
129 129 129 131
132 135 136
137 137 140
5
K1983_sazba.indd 5
24.1.2013 12:52:46
Obsah
Načítání stránek Záměna stránek Přechody mezi stránkami pomocí animací jádra WebKit Posouvání Návrat zpět
Jazyk Ajax Načítání kódu jazyka HTML „Ajaxifikace“ odkazů
Šablonování Šablonování a služba Twitter
Aplikace je na světě!
142 143 145 150 153
162 163 164
166 170
172
KAPITOLA 5
Využití funkcí zařízení ve webových aplikacích Zeměpisná poloha Zjištění zeměpisné polohy Obsluha chyb
Změny orientace zařízení Orientace zařízení a akcelerometry
173 174 174 181
183 185
Akcelerometry Gesto zatřesení
185 187
Dotyková gesta
189
Posouvání obsahu galerie přejetím prstem Stažení a roztažení prstů
Offline režim Manifest mezipaměti Události manifestu mezipaměti Záhlaví NETWORK a FALLBACK
Kapitola plná událostí
190 194
196 197 200 202
203
KAPITOLA 6
Pilování aplikace Užitečné triky Pevné umístění nabídek Rychlejší kliknutí Načítání knihoven Detekce funkcí
205 205 206 209 211 212
6
K1983_sazba.indd 6
24.1.2013 12:52:46
Obsah
Widgety Dialogy Indikátory aktivity
213 213 217
Ukládání dat v klientovi
218
Místní úložiště Webová databáze SQL
218 221
Propojení všeho dohromady Moduly Vlastní události
Jiná prostředí Závěr
224 224 228
229 230
KAPITOLA 7
Úvod do prostředí PhoneGap Vestavba webových stránek do nativních aplikací Prostředí PhoneGap Specifické vlastnosti a negativa Zpětná volání Hledání chyb je velmi obtížné Tajemný val Distribuce aplikace pomocí tržišť může být komplikovaná
Alternativy Instalace sad SDK
231 232 233 234 234 235 235 236
236 237
Prostředí Xcode (systém OS X) MacPorts (systém OS X) Git Java Development Kit Eclipse Apache Ant Sada iOS SDK společnosti Apple Android SDK Sada SDK pro systém BlackBerry webOS SDK
238 238 239 240 240 241 242 242 246 246
Instalace prostředí PhoneGap
247
Propojení s prostředím Xcode Propojení s prostředím Eclipse BlackBerry webOS
Shrnutí
247 248 251 251
252 7
K1983_sazba.indd 7
24.1.2013 12:52:46
Obsah
KAPITOLA 8
Zrození nativní aplikace Anatomie aplikace založené na prostředí PhoneGap Ikony, uvítací obrazovky a názvy iOS Android BlackBerry webOS
Ladění Podpůrné rutiny prostředí PhoneGap Inicializace Upozornění Kontrola dostupnosti síťového připojení Zeměpisná poloha, úložiště a orientace zařízení Hardwarová tlačítka Paparazzi – přístup k fotoaparátu
Nasazení
253 253 255 255 259 260 261
261 261 262 262 263 265 265 267
270
iOS Android BlackBerry webOS
270 271 272 273
Prodej aplikace
273
Apple App Store Android Market BlackBerry App World HP App Catalog
Můžete začít slavit
273 276 277 278
280
PŘILOHA A
Testovací server Využití prostředí jazyka Python Využití prostředí jazyka Ruby Vestavěné servery: Server IIS v systému Windows Vestavěné servery: Server Apache v systému Linux
Rejstřík
281 281 282 282 282
284
8
K1983_sazba.indd 8
24.1.2013 12:52:46
