Windows 8 App Development With Windows Azure
-
Upload
kristof-rennen -
Category
Technology
-
view
873 -
download
2
description
Transcript of Windows 8 App Development With Windows Azure
![Page 1: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/1.jpg)
Windows 8 App Development With Windows Azure
Kristof Rennen
![Page 2: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/2.jpg)
Who Am I? Kristof Rennen
Technical Architect at Vanbreda Risk & Benefits Microsoft Extended Experts Team Member Crew Member of Azug, the Belgian Windows Azure User
Group
@kristofrennen [email protected]
![Page 3: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/3.jpg)
Agenda Getting Started Tiles & Notifications Killer Features Design & UX Certification Integrating Windows 8 and Windows Azure Devices Guided Development
![Page 4: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/4.jpg)
Getting Started
![Page 5: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/5.jpg)
What do you need? Windows 8 Visual Studio 2012
Professional, Premium, Ultimate Express For Windows 8
Expression Store token And the most important:
![Page 6: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/6.jpg)
Developer Flexibility Solid API (WinRT) Choice of programming language:
Do you like C# and Xaml? Do you like Javascript and Html? Do you like C++ and Xaml?
![Page 7: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/7.jpg)
Metro? Metro AG didn’t like it So Microsoft dropped it Windows 8 Style UI it is
![Page 8: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/8.jpg)
Tiles
![Page 9: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/9.jpg)
Wide (2x1)Square (1x1)
Basic Tiles Tap on a tile to launch or switch to an app Static default tile specified in app manifest Two sizes (user controlled)
Both sizes support live updates (peek, local or cloud, templates)
![Page 10: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/10.jpg)
![Page 11: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/11.jpg)
Notifications
![Page 12: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/12.jpg)
Tile Notifications Change the tile displayed on the start screen Supports images Supports text To be foreseen in both sizes
![Page 13: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/13.jpg)
Toast Notifications Deliver transient messages outside the context of the app Gets the user’s attention immediately User is in control and can permanently turn off toast
notifications from your app Allows quick navigation to a contextually relevant location
in your app Toast notifications are easy to invoke from your app or from
the cloud
![Page 14: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/14.jpg)
Badge Notifications Overlay on top of a tile Supports an icon Supports text Notify users of updated items in the app Can be shown on lock screen as well
![Page 15: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/15.jpg)
Raw NotificationsType of push notificationNo UIPerform background tasks
![Page 16: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/16.jpg)
Make your app alive with activityusing Tiles and Notifications
![Page 17: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/17.jpg)
Killer Features
![Page 18: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/18.jpg)
Charms Search
System wide Pass-through to apps
Share Copy and paste on steroids
Start Windows key alike
Devices Printers, second screens, ... external hardware
Settings Context aware About (required on all apps!)
![Page 19: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/19.jpg)
Snapping Multi-tasking 2 apps side-by-side Views can be switched Application has to support it Has to be developed seperately
![Page 20: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/20.jpg)
App & Navigation Bar Application interaction App specific Default set of icons Default place to look for “what the app can do”
![Page 21: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/21.jpg)
UX
![Page 22: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/22.jpg)
Hire a specialist! UX is one of the most difficult things to achieve
Lots and lots of guidelines and best practices (http://msdn.microsoft.com/en-us/library/windows/apps/hh779072.aspx)
Think about: Planning (what, market, accessibility, usability, monetization, ...) Design guidance (navigation, commanding, touch, branding, ux, ...) Category guidance (games, entertainment, news apps,
productivity, ...) Design (assets, animations, ...)
Following or not following design and ux guidelines should not block certification
![Page 23: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/23.jpg)
Key Design Principles Show pride in craftmanship
Details, safety, reliability, symmetry, grid alignment, accessibility
Be fast and fluid Content interaction, continuity, touch, intuition
Be authentically digital Go beyond limits of real world, cloud, communication, colors, motion
Do more with less Design essence, clean experience, content >> chrome
Win as one Integration with other apps, sharing, standard touch and gestures,
![Page 24: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/24.jpg)
Anatomy
![Page 25: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/25.jpg)
Form Factors Desktops, laptops, tablets, slates, ... Design for touch, mouse and keyboard Use device capabilities
Accelerometer and sensors Geolocation Cameras Proximity
Multiple app views: landscape, portrait Graphical scaling (screen resolutions) Roaming data
![Page 26: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/26.jpg)
Certification
![Page 27: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/27.jpg)
Getting it to the store Provide value to customers
Fully functional after installation, only 1 tile, trial mode
Beware of ads Content policies, not on tiles and notifications
Make it predictable Use API, must not crash or hang, fully touch / keyboard and mouse, snapping
required, suspend and resume, app and navigation bar by swiping
Keep your privates private Privacy statement, opt-in on personal info, system settings, large data transfers,
WNS,
Think about a global audience Adult content, discrimination, ...
![Page 28: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/28.jpg)
Getting it to the store Application identification and understanding Unique name, age rating, technical support info, localization,
screenshot for store, manifest
The certification might take some time Rules might become less strict after GA
![Page 29: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/29.jpg)
Integrating Windows 8 and Windows Azure
![Page 30: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/30.jpg)
Application Programming Interface E.g. ASP.NET Web API Accessing a (REST) service or an API Data being transferred as Json, XML, … +
Loosely coupled, easy to change Caching is easy Transparent Easily scalable Error handling Reusable
![Page 31: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/31.jpg)
Windows Azure Mobile Services Just released (September 2012) Data
OData access to a database Queries, paging, validation, ...
Users Authentication Authorization oAuth
Push Notifications
![Page 32: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/32.jpg)
Devices
![Page 33: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/33.jpg)
Versions Windows 8
Full version Desktop / laptop version Can run on tablets as well
Windows RT Runs on ARM devices No explorer, desktop, non M** apps Deploys apps from the store Focus on tablet market Lower capacity hardware Only through vendors, not consumers
![Page 34: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/34.jpg)
Hardware Test your apps on different sets of hardware
Windows 8 machine Windows 8 tablet Windows RT tablet
Minimum resolution foreseen to be 1024 x 768
Snapping applications only as of 1366 x 768
![Page 35: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/35.jpg)
Guided Development
![Page 36: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/36.jpg)
Community Support Azug
Windows Azure User Group http://www.azug.be/ Monthly sessions, with frequently international speakers Bi-yearly dev competition with amazing prizes (e.g. Dublin
datacenter tour)
MADN Metro App Developer Network http://www.madn.be/ Monthly sessions Competitions (e.g. Win a Nokia Lumia)
![Page 37: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/37.jpg)
Microsoft Support App Clinics
Talk to Microsoft Evangelists (Bart, Katrien, Sigrid, David, ...) Discuss UX (Leslie, ...) Escalate issues, test devices, ...
Excellence Labs Early feedback Application validation by Microsoft experts Gain early store access
App-a-thons Day and night of coding and support Dev, UX, games, ... Fun!!!
![Page 38: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/38.jpg)
Recap
![Page 39: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/39.jpg)
Make your app alive with activityusing Tiles and Notifications
Use Windows Notifications Service when app is not running
Leverage Windows Azure to provide cloud service infrastructure
![Page 40: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/40.jpg)
Resources
Designing UXhttp://msdn.microsoft.com/library/windows/apps/hh779072
Learn to buildhttp://msdn.microsoft.com/en-us/library/windows/apps/br229519.aspx
Windows Storehttp://msdn.microsoft.com/library/windows/apps/br230836
API Referencehttp://msdn.microsoft.com/library/windows/apps/br211369
![Page 41: Windows 8 App Development With Windows Azure](https://reader036.fdocuments.us/reader036/viewer/2022081414/54b517914a7959b84a8b45f3/html5/thumbnails/41.jpg)