Upload
robert-varga
View
1.301
Download
0
Embed Size (px)
Citation preview
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
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
4/7 MARKETPLACEDostupnost
• 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...)
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
5/7 PŘÍPRAVA PROSTŘEDÍStart
6/7HELLO WORLD!
• Spustit Visual Studio -> New Project -> Windows Phone Application -> „helloworld“ -> OK -> OK
Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!1. Projekt
Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!1. Visual Studio for WP
• Doprostřed appky z Toolboxu přetažením myši vložíme Button
Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!„Programování“ #1
• Přepíšeme texty „MY APPLICATION“ a „page name“
Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!„Programování“ #2
• Poklikáme na Button a do vytvořené procedury vložíme kód
Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!„Programování“ #3
• Aplikaci otestujeme v Emulátoru, uděláme (Capture) a uložíme (Save...) si screenshot a pak ji ukončíme
Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!Test
• Vpravo je Solution Explorer -> poklikat na Properties a vyplnit tab „Application“
Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!Properties
• Zakomentujeme Capabilities, které nevyužijeme
Robert Varga, H@ckathon 8.12.2011
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í
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
6/7 HELLO WORLD!Vypublikování #1
• 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)
Robert Varga, H@ckathon 8.12.2011
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
Robert Varga, H@ckathon 8.12.2011
7/7 ZÁVĚRTipy