Windows Platform *39PDA Principles of Mobile Application Design Václav Jirovský, ČVUT FIT Topics n What is Windows Platform? n Development – Devices types – Languages & IDEs – New functions in Windows 10 – Application resources – Windows Insiders – Localization – Notifications n Universal Windows Platform n Windows Store – Overview n App design – Rules n Resources Development Win8 & WP Big rEvolution happEning right now! Development Win8 & WP What is Windows Platform? Development Win8 & WP DevicE typEs n IoT + devices n Windows Phone n Windows (tablet + desktop) n Xbox One n Surface Hub n HoloLens Development Win8 & WP IntErnEt of Things + dEvicEs n Microsoft Band n Windows 10 IoT – Small or no screen – For example. Raspberry Pi2 support Development Win8 & WP What is Windows PhonE? n OS for mobile devices Development Win8 & WP WP history n Windows Phone 7 – „revolution“ – no backward compatibility with Windows Mobile – Discontinued - you can’t upgrade your WP7 device n Windows Phone 8 – New core same as in Windows 8 – Backward app compatibility with WP7 n Windows Phone 8.1 – Improved UI, enterprise fuctions – Backward app compatibility with WP8 n Windows 10 Development Win8 & WP Desktop + tablEts n „Old“ traditional Win32 apps n „New“ WinRT apps Development Win8 & WP Windows history n Windows 7, Vista, XP… – Win32 apps n Windows 8 – New WinRT apps - „Metro UI“ – Also Win32 apps support n Windows 8.1 – Improved support and features of WinRT apps n Windows 10 – Still backward compatibility Win32 apps Development Win8 & WP SurfacE Hub n Big screens, multiple users Development Win8 & WP Xbox OnE n Gaming console n Kinect Development Win8 & WP Microsoft HoloLEns Development Win8 & WP Microsoft HoloLEns - DEMO Development Win8 & WP Windows 10 n Not finishEd yet! n Expected release in summer 2015 n FrEE upgrade for everyonE! n Windows Insider program Development Win8 & WP Windows InsidErs n Public program for testing new releases of Windows n Fast or Slow ring n Submit your feedback n http://insider.windows.com Development Win8 & WP UnivErsal Windows Platform (UWP) Development Win8 & WP UWP - principlEs n Same as responsive website n One app (one file) runs on all device – By width and available HW is decided which breakpoint is used Development Win8 & WP UWP - examplE Development Win8 & WP Windows Continuum Development Win8 & WP App dEsign n More relaxed rules than before – Previous versions had tight guidelines, now it’s more like „dont forget about …“ n App doesn’t have to be on all devices n For design purposes Adobe Illustrator and PowerPoint templates Development Win8 & WP EffEctivE pixEls n System cares about visibility „24px font“ (scales itself) Development Win8 & WP Touch devicEs - gesturEs Development Win8 & WP UI controls App bar App bar Development Win8 & WP UI controls Development Win8 & WP Navigation n Nav pane – Global navigation – “Hamburger” – Not expected to be used by user so frequently Source: http://blogs.msdn.com/b/africaapps/archive/2014/03/08/ux-guidelines-for-windows-phone-8.aspx Development Win8 & WP Navigation – nav pane Source: http://blogs.msdn.com/b/africaapps/archive/2014/03/08/ux-guidelines-for-windows-phone-8.aspx Development Win8 & WP Navigation n Pivot – Local navigation - for example. filter of restaurants Source: http://blogs.msdn.com/b/africaapps/archive/2014/03/08/ux-guidelines-for-windows-phone-8.aspx Development Win8 & WP App pages flow Back button Back button Development Win8 & WP App lifEcyclE Development Win8 & WP Development Development Win8 & WP What you neEd? Windows <10 n Windows 8 Pro 64-bit – processor with Hyper-V+SLAT support n Visual Studio 2013 (Update 2)+ n Windows Phone Emulators images – https://dev.windows.com/en-us/develop/download-phone-sdk Where to get it (for free)? n Dreamspark – students – www.dreamspark.cz n Bizspark – startups – www.bizspark.cz n Or Express version Development Win8 & WP What you neEd? Windows 10 n Windows 10 Pro 64-bit – processor with Hyper-V+SLAT support n Visual Studio 2015 RC+ n Windows 10 Mobile emulators Where to get it? n Windows Insider program, all is free Development Win8 & WP ArchitEcturE – NEW Windows 10! n Project Astoria n Develop Windows 10 apps by reusing Android code – Convert your Android Java project to UWP and publish to Windows Store – Also with UI controls n https://dev.windows.com/en-us/uwp- bridges/project-astoria Development Win8 & WP ArchitEcturE – NEW Windows 10! n Project Islandwood n Develop Windows 10 apps by reusing Objective-C code n Swift support coming soon n https://dev.windows.com/en-US/uwp- bridges/project-islandwood Development Win8 & WP ProjEcts Islandwood & Astoria n Coming soon n Should be available with release of Windows 10 Development Win8 & WP ArchitEcturE Development Win8 & WP DevElopmEnt using C# (C++, VB) n Used technologies: XAML, C# XAML Development Win8 & WP DevElopmEnt using HTML5+CSS n Used technologies: HTML, JavaScript, CSS n Microsoft open-source library WinJS – Calls system API (access to file, sensors,...) n HTML5 data- attributes <div id="timepicker“ <div id="ratingControlHost" data-win-control="WinJS.UI.TimePicker“ data-win-control="WinJS.UI.Rating" data-win-options="{current: '10:29 am'}"> data-win-options="{maxRating: 10, averageRating: 6}"> </div> </div> Development Win8 & WP DEMO n C# and WinJS project wizard Development Win8 & WP AppmanifEst n XML files Package.appxmanifest – Currently without n Describes app – Application name – Icons – Languages – Permissions • For example: microphone, sensors, webcam … Development Win8 & WP Notification - livE tilEs Development Win8 & WP Push notifications - principlE Development Win8 & WP Notification - toasts • Soon toast notifications with quick actions Development Win8 & WP DEMO n Universal applications VS project Development Win8 & WP Windows Store Development Win8 & WP Windows StorE n https://dev.windows.com/en-us/dashboard n One Store together for Windows Platform n Registration fee – Lifetime registration – For students free registration n App is compiled into one package (.appx) Development Win8 & WP Windows StorE n Before Win10: Only WinRT apps n After Win10: – Universal apps – Win32 apps Development Win8 & WP Windows StorE – certification process n All apps (even updates of existing app) goes through certification n Usually takes 3-5 days n Certification rules Development Win8 & WP MorE rEsourcEs n MSDN documentation – Documentation, demos, tutorials – http://msdn.microsoft.com/en-us/library/windows/apps/br229565.aspx – http://dev.windows.com n StackOverflow – Lot of answered questions – http://stackoverflow.com Development Win8 & WP SamplEs n Universal app samples on GitHub – https://github.com/Microsoft/Windows-universal-samples Development Win8 & WP Thank you for you attention! Václav Jirovský @vjirovsky Development Win8 & WP.