Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
300Kako narediti vašo aplikacijoţivo?Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, Ljubljanaandrej@tozon.info | @andrejt
300Vsebina Ţive ploščice (Live tiles) Opečena obvestila (Toast notifications) Surova obvestila Windows 8 in Windows Ph...
300Ploščice
300Ploščico lahko oţivimo Posodobimo jo neposredno iz aplikacije Takoj ali ob določenem času Posodobi jo pritajeni agen...
300Kaj postaviti za vsebino ploščice? Čemu je aplikacija namenjena? Kontekst Katera informacija je uporabniku najbolj p...
300Ploščice – Windows 8Kvadratne ploščice z besedilomKvadratne ploščice s sliko
300Ploščice – Windows 8Kukajoče kvadratne ploščice
300Ploščice – Windows 8Široke ploščice z besedilom
300Ploščice – Windows 8Široke ploščice s sliko
300Ploščice – Windows 8Široke ploščice z besedilom in sliko
300Ploščice – Windows 8Široke kukajoče ploščice #1
300Ploščice – Windows 8Široke kukajoče ploščice #2
300Ploščice – Windows 8Široke kukajoče ploščice #3
300Ploščice – Windows 8TileSquarePeekImageAndText04<tile><visual><binding template="TileSquarePeekImageAndText04"><image i...
300Ploščice – Windows 8„Branding“Značka Številka Pismenka None Logo Title None Logo Title
300Ploščice – Windows 8„Branding“Značka Številka Pismenka<badge value="5"/><badge value="busy"/><tile><visual branding=“...
300Kako torej oţivimo ploščico? Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agentTileUpdateManager.Crea...
300Kako torej oţivimo ploščico?TileUpdateManager.CreateTileUpdaterForApplication().StartPeriodicUpdate(uri,PeriodicUpdateR...
300Kako torej oţivimo ploščico?TileUpdateManager.CreateTileUpdaterForApplication().StartPeriodicUpdate(uri,PeriodicUpdateR...
300demoŢive ploščice – Windows 8
300Ploščice – Windows Phone 8Prevratne ploščice
300Ploščice – Windows Phone 8Ikonske ploščice
300Ploščice – Windows Phone 8Ciklične ploščice1...9 sličic
300Ploščice – Windows Phone 8Prevratne ploščice<?xml version="1.0" encoding="utf-8"?><wp:Notification xmlns:wp="WPNotifica...
300Ploščice – Windows Phone 8Prevratne ploščiceFlipTileData tileData = new FlipTileData{Title = "Title",BackTitle = "Back ...
300Kako torej oţivimo ploščico? Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agentShellTile.ActiveTiles....
300Kako torej oţivimo ploščico?var tls = new ShellTileSchedule(tileId, tileData);tls.Recurrence = UpdateRecurrence.Interva...
300Kako torej oţivimo ploščico?var tls = new ShellTileSchedule(tileId, tileData);tls.Recurrence = UpdateRecurrence.Interva...
300Potisna obvestila – Windows 8
300Zaklenjen zaslon
100300Zaklenjen zaslon
300Zaklenjen zaslon – Windows 8
300Zaklenjen zaslon – Windows 8
300Zaklenjen zaslon – Windows 8var status = awaitBackgroundExecutionManager.RequestAccessAsync();var status = BackgroundEx...
300Zaklenjen zaslon – Windows Phone 8<Extensions><ExtensionExtensionName="LockScreen_Background"ConsumerID="{111DFF24-AA15...
300demoZaklenjen zaslon – Windows 8
300Popečeni kruhki – Windows 8
300Popečeni kruhki – Windows 8<toast><visual><binding template="ToastImageAndText02"><image id="1" src="image1"alt="image1...
300Popečeni kruhki – Windows 8
300Popečeni kruhki – Windows Phone 8
300Popečeni kruhki – Windows Phone 8<?xml version="1.0" encoding="utf-8"?><wp:Notification xmlns:wp="WPNotification"><wp:T...
300Popečeni kruhki – Windows Phone 8ShellToast toast = new ShellToast();toast.Title = "[title]";toast.Content = "[content]...
300demoPopečeni kruhki – Windows 8
300Surova obvestila Vrsta potisnih obvestil Brez vizualne komponente Prejme jih lahko odprta aplikacija ali pritajeni a...
300Povzetek – kdaj uporabiti? Obvestila in stanje v realnem času Potisnjeno obvestilo Naročništvo na vsebino po meri P...
300Viri Windows 8 Tile Templates http://msdn.microsoft.com/en-us/library/windows/apps/hh761491.aspx Windows Phone Tile ...
300Vprašanja?Kako narediti vašo aplikacijo ţivo?Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, Ljubljanaandrej@tozon.info ...
300VPRAŠANJAProsimo vas, da po koncu predavanja izpolnitevprašalnike. Nekoga izmed vas bomo nagradiliz Nokio Lumia 820.Vpr...
Upcoming SlideShare
Loading in …5
×

Kako narediti vašo aplikacijo živo / How to make your app come to life

0 views

Published on

Slides from my NT konferenca 2013 talk, covering Windows 8 and Windows Phone aspects of making your app come to life.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Kako narediti vašo aplikacijo živo / How to make your app come to life

  1. 1. 300Kako narediti vašo aplikacijoţivo?Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, Ljubljanaandrej@tozon.info | @andrejt
  2. 2. 300Vsebina Ţive ploščice (Live tiles) Opečena obvestila (Toast notifications) Surova obvestila Windows 8 in Windows Phone 8
  3. 3. 300Ploščice
  4. 4. 300Ploščico lahko oţivimo Posodobimo jo neposredno iz aplikacije Takoj ali ob določenem času Posodobi jo pritajeni agent Več pogojev in proţilcev zagona agentov Posodablja se lahko v vnaprej določenih intervalih Informacije o vsebini se prenesejo s streţnika Posodobi se ob prejetju potisnjenega obvestila
  5. 5. 300Kaj postaviti za vsebino ploščice? Čemu je aplikacija namenjena? Kontekst Katera informacija je uporabniku najbolj pomembna Mobilnost - lokacija najbliţje pomembne točke Aktualnost – zadnje novice Upoštevajmo različne velikosti ploščice Uporabnik med velikostmi, ki so mu na voljo, izbira sam Za največjo ploščico se pričakujejo ţive posodobitve
  6. 6. 300Ploščice – Windows 8Kvadratne ploščice z besedilomKvadratne ploščice s sliko
  7. 7. 300Ploščice – Windows 8Kukajoče kvadratne ploščice
  8. 8. 300Ploščice – Windows 8Široke ploščice z besedilom
  9. 9. 300Ploščice – Windows 8Široke ploščice s sliko
  10. 10. 300Ploščice – Windows 8Široke ploščice z besedilom in sliko
  11. 11. 300Ploščice – Windows 8Široke kukajoče ploščice #1
  12. 12. 300Ploščice – Windows 8Široke kukajoče ploščice #2
  13. 13. 300Ploščice – Windows 8Široke kukajoče ploščice #3
  14. 14. 300Ploščice – Windows 8TileSquarePeekImageAndText04<tile><visual><binding template="TileSquarePeekImageAndText04"><image id="1" src="image1.png" alt="alt text"/><text id="1">Text Field 1</text></binding></visual></tile>TileWideImageAndText01<tile><visual><binding template="TileWideImageAndText01"><image id="1" src="image1.png" alt="alt text"/><text id="1">Text Field 1</text></binding></visual></tile>
  15. 15. 300Ploščice – Windows 8„Branding“Značka Številka Pismenka None Logo Title None Logo Title
  16. 16. 300Ploščice – Windows 8„Branding“Značka Številka Pismenka<badge value="5"/><badge value="busy"/><tile><visual branding=“Logo”><binding template="TileWideImageAndText01"><image id="1" src="image.png“ /><text id="1">Srhljivo-magična harmonija…</text></binding></visual></tile><tile><visual branding=“Logo”><binding template="TileWideImageAndText01"><image id="1" src="image.png“ /><text id="1">Srhljivo-magična harmonija…</text></binding></visual></tile>
  17. 17. 300Kako torej oţivimo ploščico? Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agentTileUpdateManager.CreateTileUpdaterForApplication().Update(new TileNotification(tileXml));TileUpdateManager.CreateTileUpdaterForApplication().AddToSchedule(new ScheduledTileNotification(tileXml, time));
  18. 18. 300Kako torej oţivimo ploščico?TileUpdateManager.CreateTileUpdaterForApplication().StartPeriodicUpdate(uri,PeriodicUpdateRecurrence.Hour); Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agent Posodablja se lahko v vnaprej določenih intervalihTileUpdateManager.CreateTileUpdaterForApplication().Update(new TileNotification(tileXml));TileUpdateManager.CreateTileUpdaterForApplication().AddToSchedule(new ScheduledTileNotification(tileXml, time));
  19. 19. 300Kako torej oţivimo ploščico?TileUpdateManager.CreateTileUpdaterForApplication().StartPeriodicUpdate(uri,PeriodicUpdateRecurrence.Hour); Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agent Posodablja se lahko v vnaprej določenih intervalih Posodobi se ob prejetju potisnjenega obvestila XML ustvarimo na streţniku in potisnemo k odjemalcemTileUpdateManager.CreateTileUpdaterForApplication().Update(new TileNotification(tileXml));TileUpdateManager.CreateTileUpdaterForApplication().AddToSchedule(new ScheduledTileNotification(tileXml, time));
  20. 20. 300demoŢive ploščice – Windows 8
  21. 21. 300Ploščice – Windows Phone 8Prevratne ploščice
  22. 22. 300Ploščice – Windows Phone 8Ikonske ploščice
  23. 23. 300Ploščice – Windows Phone 8Ciklične ploščice1...9 sličic
  24. 24. 300Ploščice – Windows Phone 8Prevratne ploščice<?xml version="1.0" encoding="utf-8"?><wp:Notification xmlns:wp="WPNotification" Version="2.0"><wp:Tile Id="tile id" Template="FlipTile"><wp:Title>Title</wp:Title><wp:BackTitle>Back Title</wp:BackTitle><wp:BackContent>Back Text</wp:BackContent><wp:WideBackContent>Wide Back Text</wp:WideBackContent><wp:Count>5</wp:Count><wp:SmallBackgroundImage>smallTileUri</wp:SmallBackgroundImage><wp:BackgroundImage>tileUri</wp:BackgroundImage><wp:BackBackgroundImage>backTileUri</wp:BackBackgroundImage><wp:WideBackgroundImage>wideTileUri</wp:WideBackgroundImage><wp:WideBackBackgroundImage>wideBackTileUri</wp:WideBackBackgroundImage></wp:Tile></wp:Notification>
  25. 25. 300Ploščice – Windows Phone 8Prevratne ploščiceFlipTileData tileData = new FlipTileData{Title = "Title",BackTitle = "Back Title",BackContent = "Back Text",WideBackContent = "Wide Back Text",Count = 5,SmallBackgroundImage = smallTileUri,BackgroundImage = tileUri,BackBackgroundImage = backTileUri,WideBackgroundImage = wideTileUri,WideBackBackgroundImage = wideBackTileUri,};
  26. 26. 300Kako torej oţivimo ploščico? Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agentShellTile.ActiveTiles.First().Update(tileData);
  27. 27. 300Kako torej oţivimo ploščico?var tls = new ShellTileSchedule(tileId, tileData);tls.Recurrence = UpdateRecurrence.Interval;tls.Interval = UpdateInterval.EveryHour;tls.Start(); Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agent Posodablja se lahko v vnaprej določenih intervalihShellTile.ActiveTiles.First().Update(tileData);
  28. 28. 300Kako torej oţivimo ploščico?var tls = new ShellTileSchedule(tileId, tileData);tls.Recurrence = UpdateRecurrence.Interval;tls.Interval = UpdateInterval.EveryHour;tls.Start(); Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agent Posodablja se lahko v vnaprej določenih intervalih Posodobi se ob prejetju potisnjenega obvestila XML ustvarimo na streţniku in potisnemo k odjemalcemShellTile.ActiveTiles.First().Update(tileData);
  29. 29. 300Potisna obvestila – Windows 8
  30. 30. 300Zaklenjen zaslon
  31. 31. 100300Zaklenjen zaslon
  32. 32. 300Zaklenjen zaslon – Windows 8
  33. 33. 300Zaklenjen zaslon – Windows 8
  34. 34. 300Zaklenjen zaslon – Windows 8var status = awaitBackgroundExecutionManager.RequestAccessAsync();var status = BackgroundExecutionManager.GetAccessStatus();if ((status ==BackgroundAccessStatus.AllowedWithAlwaysOnRealTimeConnectivity)||(status ==BackgroundAccessStatus.AllowedMayUseActiveRealTimeConnectivity)){...}
  35. 35. 300Zaklenjen zaslon – Windows Phone 8<Extensions><ExtensionExtensionName="LockScreen_Background"ConsumerID="{111DFF24-AA15-4A96-8006-2BFF8122084F}"TaskID="_default" /><ExtensionExtensionName="LockScreen_Notification_IconCount"ConsumerID="{111DFF24-AA15-4A96-8006-2BFF8122084F}"TaskID="_default" /><ExtensionExtensionName="LockScreen_Notification_TextField"ConsumerID="{111DFF24-AA15-4A96-8006-2BFF8122084F}"TaskID="_default" /></Extensions>
  36. 36. 300demoZaklenjen zaslon – Windows 8
  37. 37. 300Popečeni kruhki – Windows 8
  38. 38. 300Popečeni kruhki – Windows 8<toast><visual><binding template="ToastImageAndText02"><image id="1" src="image1"alt="image1"/><text id="1">headlineText</text><text id="2">bodyText</text></binding></visual></toast>
  39. 39. 300Popečeni kruhki – Windows 8
  40. 40. 300Popečeni kruhki – Windows Phone 8
  41. 41. 300Popečeni kruhki – Windows Phone 8<?xml version="1.0" encoding="utf-8"?><wp:Notification xmlns:wp="WPNotification"><wp:Toast><wp:Text1>[string]</wp:Text1><wp:Text2>[string]</wp:Text2><wp:Param>[string]</wp:Param></wp:Toast></wp:Notification>
  42. 42. 300Popečeni kruhki – Windows Phone 8ShellToast toast = new ShellToast();toast.Title = "[title]";toast.Content = "[content]";toast.Show();
  43. 43. 300demoPopečeni kruhki – Windows 8
  44. 44. 300Surova obvestila Vrsta potisnih obvestil Brez vizualne komponente Prejme jih lahko odprta aplikacija ali pritajeni agent PushNotificationReceived PushNotificationTrigger SignalR 
  45. 45. 300Povzetek – kdaj uporabiti? Obvestila in stanje v realnem času Potisnjeno obvestilo Naročništvo na vsebino po meri Potisnjeno obvestilo Odziv na uporabnikovo akcijo ali zagon aplikacije Neposredna posodobitev (ali potisnjeno obvestilo) Periodična obvestila (novice, vreme, …) Periodično posodabljanje z določenim intervalom Komunikacija „v ţivo“ Surova obvestila ali potisnjena obvestila
  46. 46. 300Viri Windows 8 Tile Templates http://msdn.microsoft.com/en-us/library/windows/apps/hh761491.aspx Windows Phone Tile Templates http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh202948(v=vs.105).aspx Windows 8 Toast Templates http://msdn.microsoft.com/library/windows/apps/hh761494.aspx Windows Phone Toast Template http://msdn.microsoft.com/en-us/library/windowsphone/develop/jj662938(v=vs.105).aspx NotificationsExtensions.WinRT http://nuget.org/packages/NotificationsExtensions.WinRT
  47. 47. 300Vprašanja?Kako narediti vašo aplikacijo ţivo?Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, Ljubljanaandrej@tozon.info | @andrejt
  48. 48. 300VPRAŠANJAProsimo vas, da po koncu predavanja izpolnitevprašalnike. Nekoga izmed vas bomo nagradiliz Nokio Lumia 820.Vprašalniki bodo poslani na vaš e-naslov,dostopni pa bodo tudi preko profila na spletnemmestu www.ntk.siNajlepša hvala!Iščete kakovostno izobraţevanje? Obiščite Microsoftove izobraţevalne centre:Uspeh = Znanje = Microsoftovi uradni tečaji + predavatelji Microsoft Certified Trainer

×