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 www.netcomlearning.com 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. www.netcomlearning.com

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. www.netcomlearning.com

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. www.netcomlearning.com

6 Introduction to Windows 8 Platform www.netcomlearning.com

7 Lesson 1: Introduction to Windows 8 Operating System Windows 8 Platform Investments www.netcomlearning.com

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

9 Lesson 2: Windows 8 Platform Windows 8 Platform Metro Style App APIs WinRT Language Projections www.netcomlearning.com

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 www.netcomlearning.com

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 www.netcomlearning.com

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 www.netcomlearning.com

13 Metro Style App Principles www.netcomlearning.com

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

15 Metro Style App Principles www.netcomlearning.com

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 www.netcomlearning.com

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 www.netcomlearning.com

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 www.netcomlearning.com

19 Everyday Controls www.netcomlearning.com

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) www.netcomlearning.com

21 Integrating with Windows 8 Experiences www.netcomlearning.com

22 Module Overview Windows 8 Contracts Implementing the Search and Share Contracts www.netcomlearning.com

23 Lesson 3: Windows 8 Contracts The Charms Bar Windows 8 Contracts www.netcomlearning.com

24 The Charms Bar www.netcomlearning.com

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) www.netcomlearning.com

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 www.netcomlearning.com

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 www.netcomlearning.com

28 Search Settings & Events Search Pane EventsManifest DeclarationSearch Pane Settings www.netcomlearning.com

29 Sharing From Source to Target Share Target AppShare Broker Source App DataPackage lives in source application www.netcomlearning.com

30 Implementing Tiles and Notifications www.netcomlearning.com

31 Module Overview Using App Tiles in Windows 8 Metro Style apps Using Notifications in Metro Style apps www.netcomlearning.com

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

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 www.netcomlearning.com

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: www.netcomlearning.com

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 www.netcomlearning.com

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 www.netcomlearning.com

37 Lesson 6: Using Notifications in Metro Style apps Toast Notifications Toast Templates www.netcomlearning.com

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 www.netcomlearning.com

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

40 Deploying to the Windows Store www.netcomlearning.com

41 Module Overview The Windows Store Monetizing Using the Windows Store www.netcomlearning.com

42 Lesson 7: The Windows Store The Store www.netcomlearning.com

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 www.netcomlearning.com

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

45 Trial apps in Windows 8 Time based trials Feature differentiated www.netcomlearning.com

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.} } www.netcomlearning.com

47 Adding advertising to Windows 8 Apps Activate Live AdsDownload Ad SDK Publish App to Store www.netcomlearning.com

48 Thank You! Back to Rinchen Stick around for Raffle & Q&As www.netcomlearning.com

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 2012 - 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: www.netcomlearning.com/webinarswww.netcomlearning.com/webinars www.netcomlearning.com

50 Visual Studio Certifications www.netcomlearning.com HTML5C#

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

52 Q & A 1-888-5-NETCOM (563-8266) info@netcomlearning.com www.NetComLearning.com


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