Your SlideShare is downloading. ×
0
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Kako narediti vašo aplikacijo živo / How to make your app come to life
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

187

Published on

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

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

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
187
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Kontekst – primarna ali sekundarna?TV – kategorija novicePregled gostiln – regijaProdajalne – spremljanje peomocij, favorites, košarice
  • LS 2 sec (1), 15 mins (2h), badge logo obvezenza timer trigger in push channel
  • Transcript

    • 1. 300Kako narediti vašo aplikacijoţivo?Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, Ljubljanaandrej@tozon.info | @andrejt
    • 2. 300Vsebina Ţive ploščice (Live tiles) Opečena obvestila (Toast notifications) Surova obvestila Windows 8 in Windows Phone 8
    • 3. 300Ploščice
    • 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. 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. 300Ploščice – Windows 8Kvadratne ploščice z besedilomKvadratne ploščice s sliko
    • 7. 300Ploščice – Windows 8Kukajoče kvadratne ploščice
    • 8. 300Ploščice – Windows 8Široke ploščice z besedilom
    • 9. 300Ploščice – Windows 8Široke ploščice s sliko
    • 10. 300Ploščice – Windows 8Široke ploščice z besedilom in sliko
    • 11. 300Ploščice – Windows 8Široke kukajoče ploščice #1
    • 12. 300Ploščice – Windows 8Široke kukajoče ploščice #2
    • 13. 300Ploščice – Windows 8Široke kukajoče ploščice #3
    • 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. 300Ploščice – Windows 8„Branding“Značka Številka Pismenka None Logo Title None Logo Title
    • 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. 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. 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. 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. 300demoŢive ploščice – Windows 8
    • 21. 300Ploščice – Windows Phone 8Prevratne ploščice
    • 22. 300Ploščice – Windows Phone 8Ikonske ploščice
    • 23. 300Ploščice – Windows Phone 8Ciklične ploščice1...9 sličic
    • 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. 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. 300Kako torej oţivimo ploščico? Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agentShellTile.ActiveTiles.First().Update(tileData);
    • 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. 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. 300Potisna obvestila – Windows 8
    • 30. 300Zaklenjen zaslon
    • 31. 100300Zaklenjen zaslon
    • 32. 300Zaklenjen zaslon – Windows 8
    • 33. 300Zaklenjen zaslon – Windows 8
    • 34. 300Zaklenjen zaslon – Windows 8var status = awaitBackgroundExecutionManager.RequestAccessAsync();var status = BackgroundExecutionManager.GetAccessStatus();if ((status ==BackgroundAccessStatus.AllowedWithAlwaysOnRealTimeConnectivity)||(status ==BackgroundAccessStatus.AllowedMayUseActiveRealTimeConnectivity)){...}
    • 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. 300demoZaklenjen zaslon – Windows 8
    • 37. 300Popečeni kruhki – Windows 8
    • 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. 300Popečeni kruhki – Windows 8
    • 40. 300Popečeni kruhki – Windows Phone 8
    • 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. 300Popečeni kruhki – Windows Phone 8ShellToast toast = new ShellToast();toast.Title = "[title]";toast.Content = "[content]";toast.Show();
    • 43. 300demoPopečeni kruhki – Windows 8
    • 44. 300Surova obvestila Vrsta potisnih obvestil Brez vizualne komponente Prejme jih lahko odprta aplikacija ali pritajeni agent PushNotificationReceived PushNotificationTrigger SignalR 
    • 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. 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. 300Vprašanja?Kako narediti vašo aplikacijo ţivo?Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, Ljubljanaandrej@tozon.info | @andrejt
    • 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

    ×