SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Migracija aplikacij
Windows Store na
v8.1
Andrej Tozon
Microsoft MVP
ANT Andrej Tozon s.p.
andrej@tozon.info | www.tozon.info | @andrejt
Agenda
Spremembe smernic uporabniške izkušnje (UX)
Kaj in kako spremeniti?
Spremembe v vgrajenih predlogah (Visual Studio
2013)
Primeri uporabe novih kontrolnikov
Kaj se bo dogajalo na tržnici?

2
Tržnica
Nadgradnja na Windows 8.1
Brezplačna za vse uporabnike Windows 8
Enostavna namestitev preko aplikacije „Tržnica“
Kompatibilnost
Vse aplikacije, pisane za „8“, bodo tekle tudi na „8.1“
Aplikacije, pisane za „8.1“, bodo zahtevale Windows 8.1

Na Windows 8.1 se aplikacije posodabljajo
samodejno
Uporabnik to možnost lahko izključi in posodablja ročno

4
Podprti scenariji za oddajo aplikacij
Dodajanje „8.1“, ko že imate objavljeno „8.0“
Dodajanje „8.0“, ko že imate objavljeno „8.1“
Objavljanje „8.0“ in „8.1“ skupaj
Posodabljanje
Samo „8.0“
Samo „8.1“
„8.0“ in „8.1“ skupaj

5
Nadgrajevanje aplikacij
Kaj pridobimo?
Pohitreno delovanje aplikacije
Hitrejši zagon
Bolj gladki premiki po daljših zbirkah
Izboljšane animacije

Novi kontrolniki
Izboljšana izkušnja iskanja
Nove velikosti ploščic
Prilagodljivost velikosti oken aplikacije
7
Kako se lotimo nadgradnje?
I. Poskrbi za delovanje aplikacije na 8.1
II. Izboljšaj delovanje aplikacije
III. Nadgradi z novimi možnostmi

8
I. Poskrbi za delovanje aplikacije na 8.1
1. Preusmeri projekt na različico 8.1
2. Prilagodi projekt spremembam v platformi

9
I. Poskrbi za delovanje aplikacije na 8.1
3. Popravi aplikacijo, da ustreza različnim velikostim

10
Snapped view

11
Širina oken
Okna imajo lahko poljubno širino
Ni več stanj s fiksno širino
Stanj „Snapped“ in „Filled“ ni več
Uporabniki lahko širino oken manjšajo sami, vendar le do minimalne določene širine

Najmanjša privzeta širina okna je 500px
To širino lahko zmanjšamo na prejšnjih 320px

Aplikacija lahko odpre več oken hkrati
… ali v novem oknu odpre drugo aplikacijo

Pozor na kontrolnike!
Application/Command & Navigation Bar, SearchBox, Flyouts, Dialogs, ..
12
Poskrbi za delovanje aplikacije na 8.1

4. Po potrebi prilagodi predloge kontrolnikov v
seznamih
5. Preveri delovanje razširitev in kontrolnikov tretjih
oseb
13
II. Izboljšaj delovanje aplikacije
1. Nadomesti klice v zastarele metode z novejšimi
2. Uporabi gradnike iz novih predlog
3. Omogoči dodatne performančne izboljšave (JS)

14
Predloge Visual Studio 2013
Širina oken

15
III. Nadgradi z novimi možnostmi
1. Novi kontrolniki
2. Uporabniška izkušnja po novih smernicah

16
Hub
Pravi kontrolnik za bogato vstopno stran
Različne sekcije, tako po vsebini in obliki

17
Iskanje
Iskalno okno lahko vključimo na katerokoli stran!!!
Nov kontrolnik: SearchBox

Zaokroža celotno izkušnjo iskanja
Povezava z ostalimi sistemskimi elementi, povezanimi z iskanjem

18
„Izletki“, meniji, Ukazna vrstica
Vgrajeni v ogrodje (Callisto)
Izletke lahko pripnemo gumbom
Nastavitve

19
Ostali kontrolniki
DatePicker, TimePicker

20
Ostali kontrolniki
Hyperlink
<TextBlock>
<Run>Povezava na</Run>
<Hyperlink NavigateUri="...">mojo</Hyperlink>
<Run>spletno stran.</Run>
</TextBlock>

21
Nadgradnje kontrolnikov
FlipView
Animacije tudi pri upravljanju s klasišnimi vhodnimi napravami

Klasični vnosniki – TextBox, ComboBox, ...
Dodana lastnost Header (in HeaderTemplate)
Tekstovni vnosniki tudi PlaceholderText

WebView
Prekrivanje (Z-order) in veliko novih možnosti

RenderTargetBitmap
<3

22
Nadgradnje kontrolnikov
Izboljšave pri podatkovnem povezovanju
DataContextChanged, UpdateSourceTrigger, FallbackValue, TargetNullValue

Nove možnosti pri navigaciji
BackStack, ForwardStack, ...

Dinamične teme
ThemeResource

SelectionHighlightColor

23
III. Nadgradi z novimi možnostmi
3. Izkoristi nove velikosti ploščic

24
Ploščice
Windows 8
Srednje (150x150px)
Široke (310x150px)

Windows 8.1
Majhne (70x70px)
Velike (310x310px)

25
Ploščice
Vse aplikacije podpirajo srednjo in malo ploščico
Obvezna je samo srednja ploščica (150x150px)
Če male ploščice ne navedemo, bo uporabljena samodejno pomanjšana srednja
Široka ploščica je še vedno opcijska
Prav tako velika ploščica, vendar zahteva široko

Priporočila za različne skale ostajajo
Poleg 1x še 0.8x, 1.4x in 1.8x

26
Ploščice

27
Ostale novosti
Deljenje
Aplikacija kot izvor vsebine:
Uri -> WebLink, ApplicationLink, lahko se uporabi oba

Integracija s kontakti in dogodki
Programski dostop do podatkov o kontaktih in dogodkih
Možnost odzivanja aplikacije preko novih aktivacijskih pogodb

Sinteza govora
Aplikacija kot alarm

28
Viri
UX/UI: New or updated in Windows 8.1 Preview
http://msdn.microsoft.com/en-us/library/windows/apps/bg182890.aspx

API changes for Windows 8.1
http://msdn.microsoft.com/en-us/library/windows/apps/dn263110.aspx

Advanced Query Syntax (AQS)
http://msdn.microsoft.com/en-us/library/windows/apps/aa965711.aspx

29
Andrej Tozon

Microsoft MVP
ANT Andrej Tozon s.p.
andrej@tozon.info | www.tozon.info | @andrejt

Q&A.
Migrating your Windows Store (8) applications to version 8.1

Weitere ähnliche Inhalte

Mehr von Andrej Tozon

Designing windows 8 metro applications
Designing windows 8 metro applicationsDesigning windows 8 metro applications
Designing windows 8 metro applicationsAndrej Tozon
 
Razvoj lokacijsko orientiranih aplikacij
Razvoj lokacijsko orientiranih aplikacijRazvoj lokacijsko orientiranih aplikacij
Razvoj lokacijsko orientiranih aplikacijAndrej Tozon
 
Entity framework code first migrations
Entity framework code first migrationsEntity framework code first migrations
Entity framework code first migrationsAndrej Tozon
 
MVVM - Model-View-ViewModel
MVVM - Model-View-ViewModelMVVM - Model-View-ViewModel
MVVM - Model-View-ViewModelAndrej Tozon
 
Silverlight and NUI
Silverlight and NUISilverlight and NUI
Silverlight and NUIAndrej Tozon
 
Developing applications for Windows Phone 7
Developing applications for Windows Phone 7Developing applications for Windows Phone 7
Developing applications for Windows Phone 7Andrej Tozon
 
Rx - Reactive Extensions
Rx - Reactive ExtensionsRx - Reactive Extensions
Rx - Reactive ExtensionsAndrej Tozon
 
Silverlight in WCF RIA Services
Silverlight in WCF RIA ServicesSilverlight in WCF RIA Services
Silverlight in WCF RIA ServicesAndrej Tozon
 
Novosti v Silverlight 4
Novosti v Silverlight 4Novosti v Silverlight 4
Novosti v Silverlight 4Andrej Tozon
 
Silverlight in MEF
Silverlight in MEFSilverlight in MEF
Silverlight in MEFAndrej Tozon
 
Debugging (Silverlight + SQL Server)
Debugging (Silverlight + SQL Server)Debugging (Silverlight + SQL Server)
Debugging (Silverlight + SQL Server)Andrej Tozon
 
Silverlight v poslovnem svetu
Silverlight v poslovnem svetuSilverlight v poslovnem svetu
Silverlight v poslovnem svetuAndrej Tozon
 

Mehr von Andrej Tozon (12)

Designing windows 8 metro applications
Designing windows 8 metro applicationsDesigning windows 8 metro applications
Designing windows 8 metro applications
 
Razvoj lokacijsko orientiranih aplikacij
Razvoj lokacijsko orientiranih aplikacijRazvoj lokacijsko orientiranih aplikacij
Razvoj lokacijsko orientiranih aplikacij
 
Entity framework code first migrations
Entity framework code first migrationsEntity framework code first migrations
Entity framework code first migrations
 
MVVM - Model-View-ViewModel
MVVM - Model-View-ViewModelMVVM - Model-View-ViewModel
MVVM - Model-View-ViewModel
 
Silverlight and NUI
Silverlight and NUISilverlight and NUI
Silverlight and NUI
 
Developing applications for Windows Phone 7
Developing applications for Windows Phone 7Developing applications for Windows Phone 7
Developing applications for Windows Phone 7
 
Rx - Reactive Extensions
Rx - Reactive ExtensionsRx - Reactive Extensions
Rx - Reactive Extensions
 
Silverlight in WCF RIA Services
Silverlight in WCF RIA ServicesSilverlight in WCF RIA Services
Silverlight in WCF RIA Services
 
Novosti v Silverlight 4
Novosti v Silverlight 4Novosti v Silverlight 4
Novosti v Silverlight 4
 
Silverlight in MEF
Silverlight in MEFSilverlight in MEF
Silverlight in MEF
 
Debugging (Silverlight + SQL Server)
Debugging (Silverlight + SQL Server)Debugging (Silverlight + SQL Server)
Debugging (Silverlight + SQL Server)
 
Silverlight v poslovnem svetu
Silverlight v poslovnem svetuSilverlight v poslovnem svetu
Silverlight v poslovnem svetu
 

Migrating your Windows Store (8) applications to version 8.1

  • 1. Migracija aplikacij Windows Store na v8.1 Andrej Tozon Microsoft MVP ANT Andrej Tozon s.p. andrej@tozon.info | www.tozon.info | @andrejt
  • 2. Agenda Spremembe smernic uporabniške izkušnje (UX) Kaj in kako spremeniti? Spremembe v vgrajenih predlogah (Visual Studio 2013) Primeri uporabe novih kontrolnikov Kaj se bo dogajalo na tržnici? 2
  • 4. Nadgradnja na Windows 8.1 Brezplačna za vse uporabnike Windows 8 Enostavna namestitev preko aplikacije „Tržnica“ Kompatibilnost Vse aplikacije, pisane za „8“, bodo tekle tudi na „8.1“ Aplikacije, pisane za „8.1“, bodo zahtevale Windows 8.1 Na Windows 8.1 se aplikacije posodabljajo samodejno Uporabnik to možnost lahko izključi in posodablja ročno 4
  • 5. Podprti scenariji za oddajo aplikacij Dodajanje „8.1“, ko že imate objavljeno „8.0“ Dodajanje „8.0“, ko že imate objavljeno „8.1“ Objavljanje „8.0“ in „8.1“ skupaj Posodabljanje Samo „8.0“ Samo „8.1“ „8.0“ in „8.1“ skupaj 5
  • 7. Kaj pridobimo? Pohitreno delovanje aplikacije Hitrejši zagon Bolj gladki premiki po daljših zbirkah Izboljšane animacije Novi kontrolniki Izboljšana izkušnja iskanja Nove velikosti ploščic Prilagodljivost velikosti oken aplikacije 7
  • 8. Kako se lotimo nadgradnje? I. Poskrbi za delovanje aplikacije na 8.1 II. Izboljšaj delovanje aplikacije III. Nadgradi z novimi možnostmi 8
  • 9. I. Poskrbi za delovanje aplikacije na 8.1 1. Preusmeri projekt na različico 8.1 2. Prilagodi projekt spremembam v platformi 9
  • 10. I. Poskrbi za delovanje aplikacije na 8.1 3. Popravi aplikacijo, da ustreza različnim velikostim 10
  • 12. Širina oken Okna imajo lahko poljubno širino Ni več stanj s fiksno širino Stanj „Snapped“ in „Filled“ ni več Uporabniki lahko širino oken manjšajo sami, vendar le do minimalne določene širine Najmanjša privzeta širina okna je 500px To širino lahko zmanjšamo na prejšnjih 320px Aplikacija lahko odpre več oken hkrati … ali v novem oknu odpre drugo aplikacijo Pozor na kontrolnike! Application/Command & Navigation Bar, SearchBox, Flyouts, Dialogs, .. 12
  • 13. Poskrbi za delovanje aplikacije na 8.1 4. Po potrebi prilagodi predloge kontrolnikov v seznamih 5. Preveri delovanje razširitev in kontrolnikov tretjih oseb 13
  • 14. II. Izboljšaj delovanje aplikacije 1. Nadomesti klice v zastarele metode z novejšimi 2. Uporabi gradnike iz novih predlog 3. Omogoči dodatne performančne izboljšave (JS) 14
  • 15. Predloge Visual Studio 2013 Širina oken 15
  • 16. III. Nadgradi z novimi možnostmi 1. Novi kontrolniki 2. Uporabniška izkušnja po novih smernicah 16
  • 17. Hub Pravi kontrolnik za bogato vstopno stran Različne sekcije, tako po vsebini in obliki 17
  • 18. Iskanje Iskalno okno lahko vključimo na katerokoli stran!!! Nov kontrolnik: SearchBox Zaokroža celotno izkušnjo iskanja Povezava z ostalimi sistemskimi elementi, povezanimi z iskanjem 18
  • 19. „Izletki“, meniji, Ukazna vrstica Vgrajeni v ogrodje (Callisto) Izletke lahko pripnemo gumbom Nastavitve 19
  • 21. Ostali kontrolniki Hyperlink <TextBlock> <Run>Povezava na</Run> <Hyperlink NavigateUri="...">mojo</Hyperlink> <Run>spletno stran.</Run> </TextBlock> 21
  • 22. Nadgradnje kontrolnikov FlipView Animacije tudi pri upravljanju s klasišnimi vhodnimi napravami Klasični vnosniki – TextBox, ComboBox, ... Dodana lastnost Header (in HeaderTemplate) Tekstovni vnosniki tudi PlaceholderText WebView Prekrivanje (Z-order) in veliko novih možnosti RenderTargetBitmap <3 22
  • 23. Nadgradnje kontrolnikov Izboljšave pri podatkovnem povezovanju DataContextChanged, UpdateSourceTrigger, FallbackValue, TargetNullValue Nove možnosti pri navigaciji BackStack, ForwardStack, ... Dinamične teme ThemeResource SelectionHighlightColor 23
  • 24. III. Nadgradi z novimi možnostmi 3. Izkoristi nove velikosti ploščic 24
  • 25. Ploščice Windows 8 Srednje (150x150px) Široke (310x150px) Windows 8.1 Majhne (70x70px) Velike (310x310px) 25
  • 26. Ploščice Vse aplikacije podpirajo srednjo in malo ploščico Obvezna je samo srednja ploščica (150x150px) Če male ploščice ne navedemo, bo uporabljena samodejno pomanjšana srednja Široka ploščica je še vedno opcijska Prav tako velika ploščica, vendar zahteva široko Priporočila za različne skale ostajajo Poleg 1x še 0.8x, 1.4x in 1.8x 26
  • 28. Ostale novosti Deljenje Aplikacija kot izvor vsebine: Uri -> WebLink, ApplicationLink, lahko se uporabi oba Integracija s kontakti in dogodki Programski dostop do podatkov o kontaktih in dogodkih Možnost odzivanja aplikacije preko novih aktivacijskih pogodb Sinteza govora Aplikacija kot alarm 28
  • 29. Viri UX/UI: New or updated in Windows 8.1 Preview http://msdn.microsoft.com/en-us/library/windows/apps/bg182890.aspx API changes for Windows 8.1 http://msdn.microsoft.com/en-us/library/windows/apps/dn263110.aspx Advanced Query Syntax (AQS) http://msdn.microsoft.com/en-us/library/windows/apps/aa965711.aspx 29
  • 30. Andrej Tozon Microsoft MVP ANT Andrej Tozon s.p. andrej@tozon.info | www.tozon.info | @andrejt Q&A.