• Save
Kako narediti vašo aplikacijo živo / How to make your app come to life
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 394 views

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.

Statistics

Views

Total Views
394
Views on SlideShare
377
Embed Views
17

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 17

https://twitter.com 17

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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

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 Presentation Transcript

  • 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 Phone 8
  • 300Ploščice
  • 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
  • 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
  • 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 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>
  • 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=“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>
  • 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));
  • 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));
  • 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));
  • 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="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>
  • 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,};
  • 300Kako torej oţivimo ploščico? Posodobimo jo neposredno iz aplikacije Posodobi jo pritajeni agentShellTile.ActiveTiles.First().Update(tileData);
  • 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);
  • 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);
  • 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 = BackgroundExecutionManager.GetAccessStatus();if ((status ==BackgroundAccessStatus.AllowedWithAlwaysOnRealTimeConnectivity)||(status ==BackgroundAccessStatus.AllowedMayUseActiveRealTimeConnectivity)){...}
  • 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>
  • 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"/><text id="1">headlineText</text><text id="2">bodyText</text></binding></visual></toast>
  • 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:Toast><wp:Text1>[string]</wp:Text1><wp:Text2>[string]</wp:Text2><wp:Param>[string]</wp:Param></wp:Toast></wp:Notification>
  • 300Popečeni kruhki – Windows Phone 8ShellToast toast = new ShellToast();toast.Title = "[title]";toast.Content = "[content]";toast.Show();
  • 300demoPopečeni kruhki – Windows 8
  • 300Surova obvestila Vrsta potisnih obvestil Brez vizualne komponente Prejme jih lahko odprta aplikacija ali pritajeni agent PushNotificationReceived PushNotificationTrigger SignalR 
  • 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
  • 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
  • 300Vprašanja?Kako narediti vašo aplikacijo ţivo?Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, Ljubljanaandrej@tozon.info | @andrejt
  • 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