kuchařka pro vývojáře windows phone aplikací

KUCHAŘKA PRO VÝVOJÁŘE WINDOWS PHONE APLIKACÍRobert Varga, H@ckathon 8.12.2011

Agenda

• Motivace• Základy• Nástroje• Marketplace• Příprava prostředí• Hello World!• Závěr

Robert Varga, H@ckathon 8.12.2011

1/7MOTIVACE

• Nový trh = malá konkurence• Silná platforma– Xbox Live, SkyDrive, Office (365), Hotmail, IE 9,

Zune, Bing, Lync, Skype, Kinect• Dosah– Nokia, HTC, Samsung, LG, DELL, Fujitsu Toshiba,

Acer, ZTE...• Poměr „try -> buy“• Nástroje


1/7 MOTIVACEÚvod

2/7ZÁKLADY

• Designový jazyk Metro– Obsah, typografie, pohyb– Konzistentní vzhled a chování OS a apps

• Silverlight framework– C#/VB– XAML pro UI


2/7 ZÁKLADYMetro

Vývojář

AppMS

schválení

Marketplace

Uživatel

Hodnocení

• 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


2/7 ZÁKLADYVaše aplikace v OS

• 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


2/7 ZÁKLADYSandbox

• 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


2/7 ZÁKLADYMobilní multitasking 1/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


2/7 ZÁKLADYMobilní multitasking 2/2

3/7NÁSTROJE

Visual StudioRobert Varga, H@ckathon 8.12.2011

3/7 NÁSTROJE

EmulátorRobert Varga, H@ckathon 8.12.2011

3/7 NÁSTROJE

WP Performance AnalysisRobert Varga, H@ckathon 8.12.2011

3/7 NÁSTROJE

Marketplace Test kitRobert Varga, H@ckathon 8.12.2011

3/7 NÁSTROJE

Expression BlendRobert Varga, H@ckathon 8.12.2011

3/7 NÁSTROJE

App HubRobert Varga, H@ckathon 8.12.2011

3/7 NÁSTROJE

MSDN LibraryRobert Varga, H@ckathon 8.12.2011

3/7 NÁSTROJE

4/7MARKETPLACE

• Počítač– Browser -> http://www.windowsphone.cz– Program Zune (instaluje se s telefonem)

• Telefon– Aplikace Marketplace


4/7 MARKETPLACEDostupnost

http://www.windowsphone.cz/

• 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...)


4/7 MARKETPLACEProdává

5/7PŘÍPRAVA PROSTŘEDÍ

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


5/7 PŘÍPRAVA PROSTŘEDÍStart

http://create.msdn.com/en-US/home/membership

http://create.msdn.com/en-US/home/membership

http://create.msdn.com/en-us/resources/downloads

http://create.msdn.com/en-us/resources/downloads

6/7HELLO WORLD!

• Spustit Visual Studio -> New Project -> Windows Phone Application -> „helloworld“ -> OK -> OK


6/7 HELLO WORLD!1. Projekt


6/7 HELLO WORLD!1. Visual Studio for WP

• Doprostřed appky z Toolboxu přetažením myši vložíme Button


6/7 HELLO WORLD!„Programování“ #1

• Přepíšeme texty „MY APPLICATION“ a „page name“



• Poklikáme na Button a do vytvořené procedury vložíme kód



• Aplikaci otestujeme v Emulátoru, uděláme (Capture) a uložíme (Save...) si screenshot a pak ji ukončíme


6/7 HELLO WORLD!Test

• Vpravo je Solution Explorer -> poklikat na Properties a vyplnit tab „Application“


6/7 HELLO WORLD!Properties

• Zakomentujeme Capabilities, které nevyužijeme


6/7 HELLO WORLD!WMAppManifest

• 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 doSolution Exploreru apřepíšeme stávající


6/7 HELLO WORLD!Ikony pro OS

• Vytvoříme ikony pro prezentaci aplikace v Marketplace– 1x PNG 99x99px– 1x PNG 173x173px– 1x PNG 200x200px– Průhlednost je nanic


6/7 HELLO WORLD!Ikony pro Marketplace

• 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


6/7 HELLO WORLD!Vypublikování #1

http://create.msdn.com/

• 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>\helloworld\Bin\Release\helloworld.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)


6/7 HELLO WORLD!Vypublikování #2

7/7ZÁVĚR

• 31 Days of Mango http://jeffblankenburg.com/31daysofmango/

• Channel9 http://channel9.msdn.com/Tags/windows+phone

• Vyvíjíme pro WP v XNA (Tomáš Slavíček) http://smartmania.mobilmania.cz/hledej-vyvijime%20pro%20wp


7/7 ZÁVĚRTipy

http://jeffblankenburg.com/31daysofmango/

http://jeffblankenburg.com/31daysofmango/

http://channel9.msdn.com/Tags/windows+phone

http://channel9.msdn.com/Tags/windows+phone

http://smartmania.mobilmania.cz/hledej-vyvijime%20pro%20wp




Díky za [email protected]

mailto:[email protected]



kuchařka pro vývojáře windows phone aplikací

Documents