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 (tablet + desktop)
n Xbox One
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