Introduction into windows 8 application development

Introduction into windows 8 application development

• 1.
  WINDOWS 8 APPLICATION DEVELOPMENT Presenter: CsabaToth Central California .NET User Group Fresno, CA, 09/13/2012
• 2.
  CSABA TOTH • C++, Java and C# developer • Microsoft Certified Professional Enterprise Application Developer • MCTS: Microsoft SQL Server Developer • Secretary of the Nashville .NET User Group • Founder of the Nashville Java User Group • E-mail: csaba.toth.us@gmail.com • Twitter: @tocsa2
• 3.
  MATERIALS • Windows 8 Dev Camp materials – Windows 8 RTM – Visual Studio 2012 Express – http://aka.ms/windows8campinabox • Thanks to Jennifer Marsman and other evangelists, developers and workers at Microsoft
• 4.
  AGENDA • Familiarize with my accent  • Examine Windows 8 applications and features • Peek into details and guidelines about specific features • Implement an application from scratch (but using snippets) • The sample application: Contoso Cookbook
• 5.
  EXAMINING • Tiles: wide/square, badges • Navigation strategies in apps • Snapping • Charm bar, Contracts: Sharing, Searching, Settings , About • Application bar, commands • Pinning, secondary tiles
• 6.
  CODING 1: 1. Create a Metro style app CREATING A 1. Create the Project WINDOWS 8 2. Familiarize Ourselves with the STYLE APP Project 3. Customize the Start Page 4. Customize the Branding 2. Load Recipe Data 1. Import Recipe Data 2. Load Recipe Data 3. Customize the UI 1. Modify the Start Page 2. Modify the Group-Detail Page 3. Modify the Item-Detail Page
• 7.
  CODING 2: 1. Device Orientation OPTIMIZING 1. Test the Start Page YOUR VIEWS 2. Customize the Group-Detail Page 3. Customize the Item-Detail Page 2. Snapping 1. Run Contoso Cookbook in Snapped Mode 2. Modify the Snapped Item-Detail Page 3. Semantic Zoom 1. Add a SemanticZoom Control to the Start Page 2. Modify groupedItems.js 3. Modify groupedItems.css
• 8.
  CODING 3: 1. Add Recipe Sharing SEARCHING 1. Invoke the Share Charm AND SHARING 2. Implement Recipe Sharing 3. Implement Recipe Image Sharing 2. Add Recipe Search 1. Invoke the Search Charm 2. Add Search Support 3. Refine the Search Results Page 4. Add Search Suggestions
• 9.
  CODING 4: 1. Add an Application Bar APPLICATION 1. Add an Application Bar to the BARS AND Item-Detail Page MEDIA 2. Add Photo Capture CAPTURE 1. Use CameraCaptureUI to Capture Photos 2. Enable Webcam Access 3. Add Video Capture 1. Use CameraCaptureUI to Capture Video
• 10.
  PART 5 1. Process Lifetime Management
• 11.
  CODING 6: 1. Add an About Page SETTINGS 1. Add an About Command AND 2. Add an about.html Page Control PREFERENCES 2. Add a Preferences Page 1. Add a Preferences Command 2. Add a preferences.html Page Control 3. Make the Preference Sticky 3. Implement the Preference 1. Modify default.js
• 12.
  CODING 7: 1. Incorporate Secondary Tiles TILES AND 1. Modify the Application Bar NOTIFICATIONS 2. Modify default.js 3. Pin a Recipe 2. Incorporate Push Notifications 1. Modify the Application Manifest 2. Subscribe to Push Notifications 3. Test Push Notifications 3. Incorporate Scheduled Toasts 1. Modify the Application Bar 2. Enable Toast Notifications 3. Make a Toast!
• 13.
  CODING 8: 1. Detect Trial Versions TRIALS AND 1. Add WindowsStoreProxy.xml IN-APP 2. Modify the About Page PURCHASES 2. Simulate App Purchases 1. Add Purchasing Code to about.js 2. Purchase the App 3. Simulate Product Purchases 1. Modify the Item-Detail Page 2. Make a Product Purchase
• 14.
  THANK YOU • Questions? FOR STICKING WITH ME!