Windows Phone 7Programėlių kūrimas

Alan MendelevičamCharts for WPF, Silverlight and Windows Phone 7 programuotojasAdDuplex įkūrėjas

ailon@ailon.orghttp://devblog.ailon.orgTwitter: @ailon

Dienos temos

• Pirma dalis–Windows Phone 7 platformos apžvalga– Dizaino kalba „Metro“

• Antra dalis– Programėlių kūrimo apžvalga– Realios Silverlight programėlės kūrimas

• Trečia dalis– Publikavimas WP7 Marketplace– Verslo galimybės

Platformos apžvalga

Šiek tiek istorijos

2006

2007

2008

Šiek tiek istorijos

Naujas požiūris

• Pirmenybė vartotojui• Daugiau kontrolės• Standartizacija

Susipažinkite - Metro

Metro

Aparatinė platforma

Aparatinės įrangos specifikacijaDisplay480x800 QVGA320x480 HVGA (future)

Capacitive touch4 or more contact points

Camera5 mega pixels or more

Hardware buttonsStart, Search, Back

GPUDirectX 9 acceleration

CPUARMv7 Cortex/Scorpion or better

Memory256MB RAM or more8GB Flash or more

MultimediaCodec acceleration

SensorsA-GPS, Accelerometer, Compass, Light

Telefonai „gamtoje“

Programavimo galimybės

Dviejų tipų programėlės

Aukštos greitaveikos žaidimų platforma

Greitas 2D ir 3D žaidimų kūrimas

Brandi plačiai naudojama technologija. Naudojama kuriant žaidimus Xbox 360, Windows, ir Zune

Šiuolaikiška vartotojo sąsajos kūrimo aplinka

Greitas įspūdingų programėlių kūrimas

Metro-stilizuoti vartotojosąsajos komponentai

500,000+ programuotojųpasaulyje

Ko dar negalime daryti?

• Multi-tasking• Sockets• Lokali duomenų bazė• Kurti naujus XNA Shaders• Unmanaged code• Prieiti prie gyvo vaizdo srauto

Planuojama šiais metais

• Copy/Paste• Multi-tasking• Internet Explorer 9• Daugiau API

Marketplace

Marketplace

• Vienintelis būdas platinti programėles

• Šiai dienai neprieinamas Lietuvos programuotojams (yra sprendimo būdų)

• Mokamos programėlės neprieinamos Lietuvos vartotojams

Dizaino kalba „Metro“

Šioje dalyje

• Metro atsiradimas• Pagrindiniai principai• Metro ir jūs• Esminiai vartotojo sąsajos elementai

Atsiradimo istorija

Bandymai prikelti „lavoną“

Metro

Įkvėpimas

Pagrindiniai principai

• Švarus, lengvas, atviras, greitas• Dėmesys šriftams• Judesys (animacija)• Turinys, ne „dizainas“• Autentiškai skaitmeninis

Panoramos

Metro ir savitas stilius

• Nebūtina aklai vadovautis Metro taisyklėmis

• Galima sėkmingai apjungti Metro ir savo „firminį“ stilių

Demo

Cocktail Flowhttp://cocktailflow.com

Spalvos

• Naudokite spalvas vartotojų sužavėjimui

• Naudokite spalvas patyrimo suasmeninimui

• Naudokite spalvas hierarchijos pabrėžimui

31

Spalvos

Vartotojo įvesties taisyklės

Įrangos diktuojami ypatumai

• 3 aparatiniai mygtukai• Galima QWERTY

klaviatūra• Stengtis pritaikyti

naudojimui viena ranka

Gestai

Liečiamų elementų dydžiai

• Minimalus liečiamo elemento dydis – 9mm (90 px)

• Minimalus tarpas tarp liečiamų elementų – 2mm

• Matoma liečiamo elemento dalis – 60-100%

36

Standartiniai elementai

Application Bar

• Iki 4 mygtukų• Nesistengti

išnaudoti visų keturių

• „Ištraukiamas“ meniu

Pivot

• Informacijos grupavimas ir filtravimas

• Perėjimas į kitą pjūvį paspaudimu arba gestu

39

Hub‘ai

• Informacijos iš daugelio šaltinių agregavimas ir „turtingas“ atvaizdavimas

• Galima integruoti savo programėles (ne į visus)

Apibendrinant

• Išdirbta, detalizuota dizaino kalba• Dėmesys turiniui, o ne „dizainui“• Aktyvus judesio, šriftų, nuotraukų ir

spalvų panaudojimas• Tikslas – sužavėti vartotoją

Daugiau informacijos

• http://create.msdn.com – UI Design and Interaction Guide

• http://live.visitmix.com/Archive –Windows Phone UI and Design Language

Klausimai?