Download presentation
Presentation is loading. Please wait.
Published byIsabela Baldridge Modified over 10 years ago
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
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.