Windows Platform. *39PDA Principles of Mobile Application Design Václav Jirovský, ČVUT FIT

Transcription

1 Windows Platform *39PDA Principles of Mobile Application Design Václav Jirovský, ČVUT FIT

2 Topics What is Windows Platform? Development Devices types Languages & IDEs New functions in Windows 10 Application resources Windows Insiders Localization Notifications Universal Windows Platform App design Windows Store Overview Rules Resources

3 Big revolution happening right now!

4 What is Windows Platform? Development Win8 & WP

5 Device types IoT + devices Windows Phone Windows (tablet + desktop) Xbox One Surface Hub HoloLens

6 Internet of Things + devices Microsoft Band Windows 10 IoT Small or no screen For example. Raspberry Pi2 support

7 What is Windows Phone? OS for mobile devices

8 WP history Windows Phone 7 revolution no backward compatibility with Windows Mobile Discontinued - you can t upgrade your WP7 device Windows Phone 8 New core same as in Windows 8 Backward app compatibility with WP7 Windows Phone 8.1 Improved UI, enterprise fuctions Backward app compatibility with WP8 Windows 10

9 Desktop + tablets Old traditional Win32 apps New WinRT apps

10 Windows history Windows 7, Vista, XP Win32 apps Windows 8 New WinRT apps - Metro UI Also Win32 apps support Windows 8.1 Improved support and features of WinRT apps Windows 10 Still backward compatibility Win32 apps

11 Surface Hub Big screens, multiple users

12 Xbox One Gaming console Kinect

13 Microsoft HoloLens

14 Microsoft HoloLens - DEMO

15 Windows 10 Not finished yet! Expected release in summer 2015 Free upgrade for everyone! Windows Insider program

16 Windows Insiders Public program for testing new releases of Windows Fast or Slow ring Submit your feedback

17 Universal Windows Platform (UWP)

18 UWP - principles Same as responsive website One app (one file) runs on all device By width and available HW is decided which breakpoint is used

19 UWP - example

20 Windows Continuum

21 App design More relaxed rules than before Previous versions had tight guidelines, now it s more like dont forget about App doesn t have to be on all devices For design purposes Adobe Illustrator and PowerPoint templates

22 Effective pixels System cares about visibility 24px font (scales itself)

23 Touch devices - gestures

24 UI controls App bar App bar

25 UI controls

26 Navigation Nav pane Global navigation Hamburger Not expected to be used by user so frequently Source:

27 Navigation nav pane Source:

28 Navigation Pivot Local navigation - for example. filter of restaurants Source:

29 App pages flow Back button Back button

30 App lifecycle

31 Development

32 What you need? Windows <10 Windows 8 Pro 64-bit processor with Hyper-V+SLAT support Visual Studio 2013 (Update 2)+ Windows Phone Emulators images Where to get it (for free)? Dreamspark students Bizspark startups Or Express version

33 What you need? Windows 10 Windows 10 Pro 64-bit processor with Hyper-V+SLAT support Visual Studio 2015 RC+ Windows 10 Mobile emulators Where to get it? Windows Insider program, all is free

34 Architecture NEW Windows 10! Project Astoria Develop Windows 10 apps by reusing Android code Convert your Android Java project to UWP and publish to Windows Store Also with UI controls

35 Architecture NEW Windows 10! Project Islandwood Develop Windows 10 apps by reusing Objective-C code Swift support coming soon

36 Projects Islandwood & Astoria Coming soon Should be available with release of Windows 10

37 Architecture

38 Development using C# (C++, VB) Used technologies: XAML, C# XAML

39 Development using HTML5+CSS Used technologies: HTML, JavaScript, CSS Microsoft open-source library WinJS Calls system API (access to file, sensors,...) HTML5 data- attributes <div id="ratingcontrolhost" data- win- control="winjs.ui.rating" data- win- options="{maxrating: 10, averagerating: 6}"> </div> <div id="timepicker data- win- control="winjs.ui.timepicker data- win- options="{current: '10:29 am'}"> </div>

40 DEMO C# and WinJS project wizard

41 Appmanifest XML files Package.appxmanifest Currently without Describes app Application name Icons Languages Permissions For example: microphone, sensors, webcam

42 Notification - live tiles

43 Push notifications - principle

44 Notification - toasts Soon toast notifications with quick actions

45 DEMO Universal applications VS project

46 Windows Store

47 Windows Store One Store together for Windows Platform Registration fee Lifetime registration For students free registration App is compiled into one package (.appx)

48 Windows Store Before Win10: Only WinRT apps After Win10: Universal apps Win32 apps

49 Windows Store certification process All apps (even updates of existing app) goes through certification Usually takes 3-5 days Certification rules

50 More resources MSDN documentation Documentation, demos, tutorials StackOverflow Lot of answered questions

51 Samples Universal app samples on GitHub

52 Thank you for you attention! Václav