Presentation is loading. Please wait.

Presentation is loading. Please wait.

Introduction to Windows 8 Development C#/XAML Objectives www.netcomlearning.com Introduction to Windows 8 Operation System Windows 8 Platform Windows Store.

Similar presentations


Presentation on theme: "Introduction to Windows 8 Development C#/XAML Objectives www.netcomlearning.com Introduction to Windows 8 Operation System Windows 8 Platform Windows Store."— Presentation transcript:

1 Introduction to Windows 8 Development C#/XAML Objectives Introduction to Windows 8 Operation System Windows 8 Platform Windows Store Apps Design Guidelines Developing a Windows Store App Using C#/XAML Windows 8 Contracts Q&A

2 Introduction to XAML Extensible Application Markup Language is a declarative XML-based language used for initializing structured values and objects. The acronym originally stood for Extensible Avalon Markup Language - Avalon being the code-name for Windows Presentation Foundation (WPF)

3 Introduction to XAML XAML is used in for Windows 8 Metro applications. XAML is also used extensively in.NET Framework 3.0 &.NET Framework 4.0 technologies, particularly Windows Presentation Foundation (WPF), Silverlight, Windows Workflow Foundation (WF) and Windows Runtime XAML Framework.

4 Introduction to XAML XAML files can be created and edited with visual design tools like Microsoft Expression Blend, Microsoft Visual Studio, and the hostable Windows Workflow Foundation visual designer.

5 Windows Runtime XAML Framework XAML framework is a User Interface API that is part of the Windows Runtime that forms the backbone of the new Metro-style apps in Windows 8 operating system.

6 Introduction to Windows 8 Platform

7 Lesson 1: Introduction to Windows 8 Operating System Windows 8 Platform Investments

8 Windows 8 Platform Investments New Windows Runtime (WinRT) APIsNew App Execution EnvironmentNew Windows 8 User ExperienceWindows Store

9 Lesson 2: Windows 8 Platform Windows 8 Platform Metro Style App APIs WinRT Language Projections

10 Windows 8 Platform Metro style Apps HTML JavaScript C C++ C# VB Desktop Apps Win32.NET / SL Internet Explorer Communication & Data Application Model Devices & Printing WinRT APIs Graphics & Media System Services JavaScript (Chakra) C C++ C# VB XAMLHTML / CSS View Model Controller Windows Core OS Services Core

11 Metro Style App APIs Fundamentals Application ServicesThreading/Timers Memory Management AuthenticationCryptographyGlobalization Devices GeolocationPortableSensorsNFC User Interface SVGTilesInputAccessibilityPrinting HTML5/CSSXAMLDirectXControlsData Binding Communications & Data Memory Management XMLNetworkingSMS NotificationsStreams ContractsLocal & Cloud StorageWeb Media PlaybackCapturePlayToVisual Effects

12 WinRT Language Projections Windows Runtime Object (or Component) Written in C++, C#, VB Windows Metadata C++ App Projection CLR C#/VB App Projection HTML App Chakra Projection

13 Metro Style App Principles

14 Metro Style App Principles Metro Style App Principles Fast and Fluid Snap and Scale Beautifully Contracts, Tiles, Notifications and Other Guidelines

15 Metro Style App Principles

16 Fast and Fluid Press and hold to learn Swipe to select Slide to drag Tap for primary action Pinch to zoomRotate to rotate Swipe from edge for app and system UI Follow the Windows 8 touch language and use only the prescribed gesture set: See BUILD talk APP- 391T: Designing Metro Style apps that are touch-optimized

17 Snap and Scale Beautifully People multi-task. An application can be displayed any one of these layouts: Widescreen (1366x768+)Snap view (required)Minimum (1024x768) Portrait

18 Contracts, Tiles, Notifications and Other Guidelines Charms provide a consistent invocation model that users can always confidently rely on Share, Search and Settings Tiles are the front door to your app. Treat it as an extension of your app Toast notifications deliver transient messages outside the context of the app Show toast when your app is in the background Use it for real-time, personal content such as IM, Call, or Mail Provides quick navigation to contextually relevant location in your app

19 Everyday Controls

20 AppBar Most apps will use a transient app bar Bottom app bar is for commanding Global commands on right, contextual commands on left Can be programmatically invoked when an item is selected for contextual commands (Ex: Demo Start) If there is a single, frequently used command, it can be placed on canvas Menu Flyout can be used to show groups of related commands (Ex: Demo PaintPlay) Top app bar is for navigation in immersive views (Ex: Back button & title)

21 Integrating with Windows 8 Experiences

22 Module Overview Windows 8 Contracts Implementing the Search and Share Contracts

23 Lesson 3: Windows 8 Contracts The Charms Bar Windows 8 Contracts

24 The Charms Bar

25 Windows 8 Contracts 1+1=3. Leverage other apps to complete scenarios Charms provide a consistent invocation model that users can always confidently rely on Start with the VS Item Template (available for Search, Share, File Picker extension)

26 Lesson 4: Implementing the Search and Share Contracts Search Anatomy Search Settings & Events Sharing From Source to Target Adding Settings Flyout to Settings Charm

27 Search Anatomy 1. Search box is scoped to the main app on screen 2. Query suggestions provided by the main app on screen Autocompletes to terms for which the app has search results 3. List of installed Metro style apps that have implemented the search contract 4. Result suggestions provided by the main app on screen Must include a thumbnail and title Indicates a strong or exact match result Takes users directly to the details of the result

28 Search Settings & Events Search Pane EventsManifest DeclarationSearch Pane Settings

29 Sharing From Source to Target Share Target AppShare Broker Source App DataPackage lives in source application

30 Implementing Tiles and Notifications

31 Module Overview Using App Tiles in Windows 8 Metro Style apps Using Notifications in Metro Style apps

32 Lesson 5: Using App Tiles in Windows 8 Metro Style apps App Tiles Basic App Tiles Live App Tiles Secondary App Tiles

33 App Tiles Rich and engaging view into your app Represent your app to the user Alive with activity and continually updated Draw users back into your app over and over

34 Basic App Tiles Square (1x1) Wide (2x1) Both sizes can have live updates Tap on tile to launch or switch to an app Static default tile specified in app manifest Two sizes:

35 Live App Tiles Templates provide rich rendering options Tiles updated using pre- defined templates Text-only, image-only or combination JPEG or PNG only, max size 150 KB Optional peek animation Local or cloud updates

36 Secondary App Tiles Tiles created by pinning content from app Pin initiated by app via simple runtime call User confirms pin operation via system UI Exposes a personalized surface for app Same capabilities as app tiles Launch leads to relevant content

37 Lesson 6: Using Notifications in Metro Style apps Toast Notifications Toast Templates

38 Toast Notifications Toast notifications deliver transient messages outside the context of the app Use toast notifications to get users 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

39 Toast Templates Toast notifications use the same template architecture as Live Tiles Rich set of rendering options available

40 Deploying to the Windows Store

41 Module Overview The Windows Store Monetizing Using the Windows Store

42 Lesson 7: The Windows Store The Store

43 The Store Metro style app, displayed on Start Spotlight, Recommend, Browse/Filter, Search IE10 & Deep links Designed for Discovery Global reach: 200+ markets, 100+ languages Enterprise distribution Unprecedented reach Free, paid, in-app, trials 3rd party in-app and advertising support Flexible business models Key documents published WACK, track progress, actionable feedback Transparent terms Developers control pricing Up to 80% revenue share Best economics

44 Lesson 8: Monetizing Using the Windows Store Trial apps in Windows 8 In-App Purchase Adding advertising to Windows 8 Apps

45 Trial apps in Windows 8 Time based trials Feature differentiated

46 In-App Purchase var licenceInformation = Windows.ApplicationModel.Store.CurrentApp.LicenseInformatio n; // cant do in-app purchase in trial mode, must convert first if (!licenceInformation.IsTrial) {//load the listings with all the products var listing = await Windows.ApplicationModel.Store.CurrentApp.LoadListingInformationAsync(); if (!licenceInformation.ProductLicenses["product1"].IsActive) { try { // The customer doesn't own this feature, so show the purchase dialog. await Windows.ApplicationModel.Store.CurrentApp. RequestProductPurchaseAsync("product1"); // the in-app purchase was successful } catch (Exception) {// The in-app purchase was not completed because the // customer canceled it or an error occurred.} }

47 Adding advertising to Windows 8 Apps Activate Live AdsDownload Ad SDK Publish App to Store

48 Thank You! Back to Rinchen Stick around for Raffle & Q&As

49 Upcoming Webinars Free Webinar: CISSP | The 10 Essential Domains Revisited Free Webinar: Microsoft Dynamics GP | Excel, as a GP Report Writer Free Webinar: Microsoft Dynamics AX The Complete ERP Solution Free Webinar: Lync Server 2013 Part 1 | Features and Functionality Free Webinar: Windows 8 Virtualization Free Webinar: SharePoint 2010 Review | Courses & Certifications Free Webinar: Windows 8 Development - HTML5 with Live Demo Free Webinar: Microsoft SQL Server 2012 | EIM Capabilities Free Webinar: Lync Server 2013 Part 2 | Architecture and Deployment Changes Free Webinar: Microsoft SQL Server 2012 | Business Intelligence & Cloud Solutions Free Webinar: Lync Server 2013 Part 3 | Integration and Extensibility Sign up for free at:

50 Visual Studio Certifications HTML5C#

51 MCSD: Windows Store Apps Using C# *Free Second Shot Exam is Back Training Schedules for MCSD: Windows Store Apps Using C#: Jan 14 th | New York City & Live Online (Course only) Feb 18 th | Las Vegas & Live Online (Courses )

52 Q & A NETCOM ( )


Download ppt "Introduction to Windows 8 Development C#/XAML Objectives www.netcomlearning.com Introduction to Windows 8 Operation System Windows 8 Platform Windows Store."

Similar presentations


Ads by Google