6. Robert Varga, H@ckathon 8.12.2011
2/7 ZÁKLADY
Metro
• Designový jazyk Metro
– Obsah, typografie, pohyb
– Konzistentní vzhled a chování OS a apps
• Silverlight framework
– C#/VB
– XAML pro UI
7. Robert Varga, H@ckathon 8.12.2011
2/7 ZÁKLADY
Vaše aplikace v OS
• Může mít svou (Live) Tile
(dlaždici) na hlavní obrazovce,
pokud:
– Si uživatel appku chce
„vytáhnout“ na hlavní obrazovku
– Ji vytvoříte programově
(Secondary Tile)
• Vždy má zástupce v seznamu
aplikací (abecedně řazeném)
• „Extras“ menu
8. Robert Varga, H@ckathon 8.12.2011
2/7 ZÁKLADY
Sandbox
• Každá aplikace má vyhrazený vlastní prostor
pro data (Isolated Storage, IsolatedStorageSettings)
• Aplikace nevidí do paměti ani na data jiných
aplikací
– Do obrázků/kontaktů se dostanete skrze API
9. Robert Varga, H@ckathon 8.12.2011
2/7 ZÁKLADY
Mobilní multitasking 1/2
• Aplikace pracuje jen když
je „práve otevřená“
– Jakmile uživatel z aplikace
odejde, OS aplikaci „uspí“
(dormant stav)
– Aplikaci lze „probudit“
pomocí tlačítka Back (fast
app switching), není třeba
cokoli programovat
• Když FAS nestačí,
nastupuje tombstoning
10. Robert Varga, H@ckathon 8.12.2011
2/7 ZÁKLADY
Mobilní multitasking 2/2
• Pro práci v pozadí jsou tzv. Agents
– Umožňují např. jednou za 30 minut spustit váš kód
i když aplikace neběží
– Scheduled Task, Audio Playback/Streaming
• Preferovanou možností jsou Push Notifikace
– Telefon „nic“ nedělá
– Server v internetu se v podobě Pushky ozve
telefonu sám
20. Robert Varga, H@ckathon 8.12.2011
4/7 MARKETPLACE
Dostupnost
• Počítač
– Browser -> http://www.windowsphone.cz
– Program Zune (instaluje se s telefonem)
• Telefon
– Aplikace Marketplace
21. Robert Varga, H@ckathon 8.12.2011
4/7 MARKETPLACE
Prodává
• Placené apps jsou více na očích
• Featured aplikace, Nejoblíbenější aplikace
• Do Marketplace je uživatel směřován z více
nabídek telefonu
• 10:1 „try -> buy“ (TV Program, Program Kin, WP Bench...)
23. Robert Varga, H@ckathon 8.12.2011
5/7 PŘÍPRAVA PROSTŘEDÍ
Start
1. Registrace http://create.msdn.com/en-
US/home/membership
– 1 rok $99
2. Instalace Windows Phone SDK
http://create.msdn.com/en-
us/resources/downloads
– Obsahuje vše co je pro vývoj potřeba (Visual Studio,
emulátor, Blend, program pro odemčení telefonu a další)
– Je zdarma
3. Odemčení telefonu
25. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
1. Projekt
• Spustit Visual Studio -> New Project -> Windows Phone
Application -> „helloworld“ -> OK -> OK
27. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
„Programování“ #1
• Doprostřed appky z Toolboxu přetažením myši vložíme
Button
28. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
„Programování“ #2
• Přepíšeme texty „MY APPLICATION“ a „page name“
29. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
„Programování“ #3
• Poklikáme na Button a do vytvořené procedury vložíme
kód
30. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
Test
• Aplikaci otestujeme v Emulátoru, uděláme (Capture) a
uložíme (Save...) si screenshot a pak ji ukončíme
31. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
Properties
• Vpravo je Solution Explorer -> poklikat na Properties a
vyplnit tab „Application“
32. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
WMAppManifest
• Zakomentujeme Capabilities, které nevyužijeme
33. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
Ikony pro OS
• Vytvoříme ikony pro prezentaci aplikace v OS
– 1x PNG 62x62px s názvem ApplicationIcon.png
– 1x PNG 173x173px s názvem Background.png
– Nejlépe průhledné s bílým popředím
• Myší je přetáhneme do
Solution Exploreru a
přepíšeme stávající
34. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
Ikony pro Marketplace
• Vytvoříme ikony pro prezentaci aplikace v
Marketplace
– 1x PNG 99x99px
– 1x PNG 173x173px
– 1x PNG 200x200px
– Průhlednost je nanic
35. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
Vypublikování #1
• Visual Studio -> Save All -> v combu zvolíme
Release -> znovu otestujeme v Emulátoru
• Browser -> http://create.msdn.com -> my
dashboard -> submit a new app
36. Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!
Vypublikování #2
• Necháme se vést průvodcem
– App name for App Hub -> „Hello World!“
– Browse to upload a file -> soubor s příponou XAP
• <cesta k projektu>helloworldBinReleasehelloworld.xap
– Vyplníme Description, nahrajeme ikonky pro
Marketplace a screenshot, vybereme si region, cenu
a posledním tlačítkem odešleme do schvalovacího
procesu
• Ostatní není nutné vyplňovat
• Čekáme na schválení... (Přijde email)
Cíl:Poznat prostředí, ve kterém se jako vývojář Windows Phone aplikací budete pohybovatPoznat procesy, které vývoj doprovázejí
Na webu člověk často čte, že vývojář XY vydělal se svou Windows Phone aplikací několikrát víc než na platformách Android/iOSPro někoho výhodou můžou být kvalitní Microsoftí nástroje, které zná – Visual Studio
Zvenku MetroUvnitř SilverlightPředevčírem Xbox dashboard s MetremWindows 8 má Metro
Funguje a vypadá tak jak má Umožňuje přímý deploy do telefonu s debugem
Spuštění profilingu na jeden klikToto je ukázka analýzy zatížení zdrojů při spuštění a práci s aplikací Program Kin
- Vždy sedí s oficiálními testovacími scénáři Microsoftu (tlačítko update v případě že je dostupný novější scénář)
(online nástroje)Brána mezi vývojářem a MarketplaceSkvělý zdroj pro sebevzděláváníUdržuje vývojáře „in“ co do infa o nových updatech, toolech atd.
3 hlavní featured = jedna po spuštění Marketplace aplikace v mobilu, a další po prokliku do sekce Aplikace/Hry12 vedlejších – 6 v aplikacích, 6 ve hráchPokud přímo v telefonu v seznamu svých aplikací zadáváte první písmena aplikace, zobrazí se odkaz „prohledat Marketplace“