Windows Phone 8 Dev.KickStart - Lock screen, tiles and notifications

1,187 views

Published on

The main font got all messed up in the upload, sorry. Please download the file if you want the original version. Slide notes are in Swedish.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,187
On SlideShare
0
From Embeds
0
Number of Embeds
406
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Nu ska jag prataomhur vi kangöratelefonenmerlevande med live tiles ochlåsskärmen.
  • När Windows Phone kom var den den I särklass mest personliga telefonen. Så fort man loggar in med sitt konto börjar bilder och kontakter dyka upp på startskärmen och det känns verkligen som ”din” telefon. Användaren kan sen också bestämma vad som ska finnas på startskärmen och hur den ska se ut.Alltdettaharblivitännubättrei Windows Phone 8. Apparkannumerainteragera med låsskärmen, ochtilesenpåstartskärmenfinns I olikatyperochstorlekar.
  • Vi börjar med detsomanvändarenserförst, låsskärmen.
  • Påstartskärmenkan en app påverkabakgrundsbilden, den text som visas och till slut väljassom en avapparnasomfår en ikonochsiffralängstner.Bakgrundsbildensätts explicit medans den övrig info plockasfrånappenshuvudtile – oavsettomtilenfinnspinnadpåstartsidanellerinte.
  • Underinställningarförlåsskärmenkananvändarenväljaviljaapparsomskaanvändasförbild, text ochikon.Eftersomanvändarenkanvälja din app härredaninnan den harkörtsförförstagångenärdetviktigtattniharsatt en default bakgrundsbild, ochintebarat.ex. Laddarner de frånnågonstansnärappenkör.Härifrånkan man ävenstartaappen.Om appenstartashärifrånskickasdet med en parameter så man t.ex. kanskickaanvändaren direct till en ensidadär man staller in hurbakgrundsbildenuppdateras.
  • Körappen – ändrabildÖppna settingsVisa kod + appmanifestUppdatera infoUppdateraikonVisa appmanifestWide-textenanvänds
  • Över till live tiles, härfinnsdethurmycketnyttsomhelst
  • Det vi skaprataomangående tiles ärhur man uppdaterarinformationen I demochvilkanyatypersomfinns.Framföralltkan man nu görameravvad de inbyggdaapparnaharkunnatgöra.
  • Finns tresättattuppdatera tiles.Detförstaär push från en server – snällast mot batteriet men också den somkrävermestavsystemetför den kräver en server-backend.I mitten har vi den vanligadåappensjälvuppdaterartilen – antingennärappenär I förgrundeneller via en bakgrundsagent.Den sistaärShellTileSchedule – då man registrerar I systemetatttilenskauppdateras vid jämna interval från en server – ochsystemetkommerpolladenna server, minsta interval är 1h.
  • Så, om vi tittar på de tre sätten så har det tidigare varit stora skillnader I vad de kan uppdatera.Den nedersta, den schemalagda uppdateringen, kunde bara hantera bilder.Den vanliga uppdateringen kunde det mesta men inte uppdatera med bilder från en server på nätet.Och push kunde det mesta.Men…Nu, kan alla göra allt – så vi som utvecklare har större frihet att göra vad vi vill på bästa möjliga sätt.Som bonus har vi fått att man använda XML I alla lägen. Då kan man fråga sig varför man skulle vilja använda XML istället för det starkt typade API man ibland har. Jo, för att dela kod med exempelvis push-mekanismerna, de hanterar bara xml.
  • Telefonernakommernumera med treolikaupplösningar, men detska man intebry sig om.Sålänge man skickar med tile-bilder I den högstaupplösningensåkommersystemetautomatisktskalanerdem.
  • Detharocksåtillkommitfleraolikatyperav tiles, ellerrättaresagt, nu har vi somutvecklaretillgång till de tile-typersom de inbyggdaapparnahar haft.Den vanliga, somkan ha en baksida. Sen en somroterar bland bilder, sen en sombaraär en ikon I mitten.Viktigtattkommaihågäratt en tile’s typintekanändras. Detgällerdärförattväljatypför sin huvudtile med omsorg, efteråtkan man baraändradatan I den, intetypenför den.Secondary tiles gårjuatt ta bortochlägga till hursomhelst, såom man villbytatypdär tar man barabort den somfinnsochskapar en ny.
  • FörstutärFlipTile. Detär den tile-typsomfunnitseninnan, ochhar nu fått en bred variant.Värtattnoteraärattdetärolika content ochbilderför wide respektive normal.
  • Cycleheter den sombytermellanupp till 9 olikabilder. Bildernamåstevaralokala.Detrekommenderadeom man villbytabilderoftaäratt ha en bakgrundsagentsomhämtar 9 nyabildervarje gang, spararnerlokaltochuppdaterartilen.Härärdetsammabildsomanvändsför normal och wide-storlekarna.MS prataromatt de bredabildernacroppas “center-left” – men jag tyckerattdetserutsomatt de tar precis I mitten.
  • Iconicär den somanvändsavnästanalla system-appar, och den somefterfrågatsmestavtredjepartsutvecklare.Här anger man en ikon-bild, somskavara vid med genomskinligbakgrund. Till dettakan man sätta content-text som visas enbart I detbredaläget.Detrekommenderasatt man cropparbildenså tight horisontelltsommöjligt, så den intepusharräknarenut till höger.Paddaalltidvertikaltsåattbildenär 202 pixels hög.
  • Man kanfåtillgång till alla tiles på Windows Phone 8 från en app somfortfarandeär 7.5, dettakallasLightUp.Man måstedeklareraatt man skagöradet I appmanifestet.Man skickarsen med nyabilder I de högreupplösningarnaochuppdaterartilenfrånkod.Eftersom man är I 7.5-APIerna såmåste man köra reflection.Huvudtilenkanbara ha den vanligatemplaten – men då I en bred variant. Secondary tiles kan ha alla tile-typer.
  • Härkommerett tips för tile-perfektion.När man genererar en bakgrundsbildför en tile I kod, ochvillanvända en transparent bild, behöver man trixa lite förattfådetriktigtsnyggt.DethandlaromhurPNGnsparas, och man kör med pixel-pre-multipliceringförattfåbort den fulakanten vid transparensenskant.Min kollegaHåkan Reis I vårt UX-team harskrivit en tungblogpostom just detta.
  • flip: bilderoch textCycle: bilder, olika formatIconic: lite olikabilder
  • Nu ska vi prataompushnotifieringar.Från en server kan man uppdatera tiles, skicka toasts, skicka data direct till apparoch nu med phone 8 skickar en nytypförinkommande VOIP-samtal, VoiceOverIP.
  • Telefonenreggasför push och server spararundar en URL förtelefonen.Servernanvändersen den URLenförattpusha info.
  • Fannstidigarebegränsningarförantal push-apparn, den är nu heltborta.Push stöder data sense. Vadärdå data sense? Jo, ett system somoperatörernakanopta-in till, såtelefonenkanvetaom man ärnära sin datagränselleröver den.Ocksåettstödför VOIP – Voice Over IP – förattinitierasamtal. Dessasamtalstartasgenomatt man skickar en push avtyp 4 – vilketbetyderPush-systemetärintesammaför windows phone somför windows 8 – men de hållerpåattkonvergeras.
  • Det jag intekanlåtabliattnämnaär Azure Mobile Services.Byggerovanpå azure websites. Skapar en databas I azure ochett REST-interface attprata med. Man fårockså en windows phone-app attladdanersomärfärdigkonfigurerad!Man kanange trigger-kodsomskakörasföreellerefter crud-operationer – väldigtlämpatförattskickaut push-notiferingar med.Trigger-kodenskrivs I javascript, ochdetfinns en modulförattskicka push – sådetgörs med någrarader.
  • Tillsisthar vi en viktituppdateringavbakgrundsagenterna.
  • Förrvardetsåatt en bakgrundsagentkundebaraköra 2v fråndetatt den registrerades, så man vartvungenattstartaappenvarannanvecka.Men inte nu längre!Omappengörnyttautanattstartassåfåragentenlevahurlängesomhelst!Och med görnyttaräknasom den har en tile somuppdateras - ellerom den uppdaterarlåsskärmenpånågotsätt.
  • BUILD-session är bra, se gärna den.
  • Windows Phone 8 Dev.KickStart - Lock screen, tiles and notifications

    1. 1. Välkommen till Windows Phone8!
    2. 2. Lock screen, tiles and notifications andreas.hammar@jayway.com @andyhammar
    3. 3. My name isAndreas, andthis is myWindows
    4. 4. Lock screen
    5. 5. Lock ScreenSame data as primary tile
    6. 6. Lock screen settings• Must set a default image• Deep link to app
    7. 7. Demo
    8. 8. Tiles
    9. 9. Tiles• Updating• Aligned APIs• New sizes• New types
    10. 10. Push ShellTile ShellTileSchedunotifications le
    11. 11. Tile APIsAPI Front Count Front Title Front Image Back Content Back Title Back Image XMLPush Yes Yes Yes Yes Yes Yes NewShellTile Yes Yes Partial Yes Yes Yes Partial Yes NewShellTileSchedule No Yes No Yes Yes No Yes Yes No No Yes New
    12. 12. Tile Sizes• Small 159 x 159• Medium 336 x 336• Wide 691 x 336One resolution fits all!
    13. 13. Tile type cannotTile Types change!Flip Cycle Iconic
    14. 14. Flip Tile
    15. 15. Cycle Tile
    16. 16. Iconic Tile• 110x110• (202)x202• Background
    17. 17. Light-Up for 7.5 apps• Reflection• New assets• Update tile
    18. 18. TransparencyPixel pre-multiplicationhttp://www.jayway.com/2012/04/03/advanced-transparent-live-tiles-with-count-for-windows-phone/
    19. 19. demo
    20. 20. Push Notifications
    21. 21. Push NotificationsOverview
    22. 22. New and improved
    23. 23. Azure Mobile Services
    24. 24. Background Agents
    25. 25. Agents – no more 2week limit!If…• Updates tileor• Updates lock screen
    26. 26. Summary• Apps on lock screen• New tiles & API alignment• Push notifications• AgentsWindows Phone 8: Tiles, Lock Screen, and Notificationshttp://channel9.msdn.com/Events/Build/2012/2-019

    ×