Understanding Windows App Development

Chandan introduced participants to modern design and its prerequisites. It gave them tips on app development in Windows Platform and in understanding Universal Windows Platform (UWP). Ncell App Camp 2015

Transcript

1. Understanding Windows App Development Chandan Gupta Bhagat Solutions Architect and Co-Founder Yorbit Technologies Pvt. Ltd.
2. Myself • Chandan Gupta Bhagat • Solutions Architect @ Yorbit Technologies Pvt. Ltd. • Tweeting @speedestchandu
3. What do you need? • Programming knowledge • Problem solving skills • PC with IDE • Windows OS
4. Languages • C++ with XAML • C# with XAML • VB with XAML • Javascript with HTML
5. IDE • Visual Studio – Windows SDK – Windows Phone SDK
6. Understanding Windows Apps • Universal application platform • Application for – Mobile device family: Windows Phones, phablets – Desktop device family: Tablets, laptops, PCs – Team device family: Surface hub – IoT device family: Compact devices such as wearables or household appliances
7. Universal application platform • You target device families, not an OS. • Apps are packaged and distributed using the .AppX packaging format. • One store for all devices. • Common API surface across device families. • Extension SDKs make your app light up on specialized devices. • Adaptive Controls and input
8. Guidelines • Animations • App settings and data • Controls and patterns • Custom user interactions • Files, data, and connectivity • Globalization and localization • Help and instructions • Identity and security • Launch, suspend, and resume • Layout and scaling • Maps and location • Text and input • Tiles and notifications
9. Animation adds motion, beauty, energy and personality
10. Good animations enhance experience by • Making it clear where to focus • Being purposeful • Adding confidence of knowing what has happened or what will happen • Reinforcing the way system works
11. Animations • Using Blend for Visual Studio. • Understand context changes by using visual transitions. • Design your own animations
12. App Settings and data roaming lets you to set what you want.
13. App settings and data • User-customizable portions • Replicates this data to the cloud and synchronizes the data to all other user devices
14. Controls and patterns • Showcase its content • Minimize distraction • Compel user experience • Leave only the most relevant elements on screen
15. Custom user interactions • Design interactions • Make use of the screen
16. Files, data, and connectivity • Access folders, files, and data • Provide them with a signed-in experience • Include app-data roaming
17. Globalization and localization • Separate resources – Strings – Images • Determine the resources of your app that require localization. • Use resource identifiers
18. Help and instructions • Provide help or troubleshooting tips
19. Identity and security • Provide a signed-in experience • Allow users to access data
20. Launch, suspend, and resume • Inviting launch experience • Design your app to – suspend when the user switches away – Resume when the user switches back
21. Layout and scaling • Layout to promote easy navigation • Choose the best place for all your UI elements • Experiences for every form factor and every viewing option
22. Maps and location • Geolocation features • Maps, directions, and information about nearby places
23. Text and input • Clean, uncluttered look • Proper use of text and input controls
24. Tiles gives life to your application
25. Tiles and notifications • Front door of app • Invest in designing a great tile • Provide fresh content • Live tiles and notifications to help people feel connected to your app
30. What can we do further more? Make a great UI Making your app live Monetize it Connect to the hardware Data binding Connection to network Connection to Cloud Make a productive app ....................
36. Model-View-ViewModel View ViewModel Commands Data Binding Model
37. MVVM Benefits • Reuse Model and View-Model code • Test the ViewModel with unit tests • Maintainability • Can show design-time data in Expression Blend and the Visual Studio designer
38. MVVM Libraries http://caliburnmicro.codeplex.com/ http://mvvmlight.codeplex.com/ Rob Eisenberg Laurent Bugnion
39. Tips • Beauty is relative to platform • Work with your design team • Focus on code reuse for your app's logic • Always think ‘web service' • Test frequently • Connect to social media Contd….
40. Tips • Analyze performance – Memory usage – UI responsiveness – CPU usage – Energy use (Energy Consumption profiler) • Don’t let your app crash – Use Exception handling • Provide update to user
41. Any ??? Mail me at Chandan@yorbittech.net Chandan.Bhagat@outlook.com Tweet me @speedestchandu
42. Thank you!!!