KEMBAR78
Windows 8 App Developer Day | PPTX
Development



                Illustrator           Developer                 Kürzere
Visual Studio   Photoshop             Account                   Lebensdauer




                              Store                       App
Blend           TFS / GIT
                              Taxes   Design Guidelines
                                                          Eco   Benutzer
                                                                Akzeptanz
Wie fange ich an?




dev.windows.com     design.windows.com
Windows 8
                                     Windows Store Apps
  View




                                     XAML                 HTML / CSS
Controller




                           C / C++           C# / VB       JavaScript
  Moel




                                          WinRT APIs
  System Services




                          Communication     DirectX &     Devices &
                             & Data          Media         Printing

                                      Application Model
  Kernel




                               Windows Kernel Services
Windows 8
                               Windows Store Apps                               Desktop Apps
  View




                               XAML                   HTML / CSS
Controller




                     C / C++           C# / VB        JavaScript
  Moel




                                                                     HTML            C         C#
                                                                   JavaScript       C++        VB
                                    WinRT APIs
  System Services




                    Communication     DirectX &      Devices &
                       & Data          Media          Printing
                                                                   Internet                    .NET
                                Application Model                                  Win32
                                                                   Explorer                     SL
  Kernel




                                                  Windows Kernel Services
Tooling

 DESIGN TASKS                 CORE AUTHORING TASKS                        CODING TASKS

     Styling                  Control creation                      Code editing
     Path-editing             Layout                                Refactoring
     Animation                Property editing                      Debugging
     Visual States            Basic data                            Code analysis
     Transitions              View authoring                        Profiling



                                                   VISUAL STUDIO

                      BLEND
Demo
Visual Studio
Expression Blend
Expression Design
Emulator
Entwickeln einer Windows Store App



           Charakteristiken     Erwartungshaltung der
           einer App            Benutzer
Code und   •    Store           •   Live Tile
                                                        Windows hilft dabei
                                •   Search              das potential Ihrer App
Markup     •    Tile
                                •   Capabilities        voll Auszuschöpfen
           •    Splash Screen
                                •   PLM
historiarte1.wikispaces.com
Authentically digital

Cloud connected
Dynamic and alive
Beautiful use of typography
Bold vibrant colors
Motion
Live Tiles
User Experience – Live Tiles
Live Tiles




             Local, scheduled,
             periodic and push
             updates
Alive with activity without apps running
                   • Issue direct updates, perhaps using queue,
                     scheduled, and expiring updates
 There are three
 ways an app       • Tell Windows a service URL where it can to obtain
 configures this
 to happen           periodic updates

                   • Obtain a Windows Push Notification Service (WNS)
                     channel and have a service send notifications to that

                   • These actions can happen from app code or
                     background tasks
What makes an update?

Tiles, badges, and    • Choices: Tile template catalog, badge catalog, toast
toasts are bits of      template catalog, plus Toast audio options catalog
XML that come
from predefined
templates       (to   • Whoever issues an update builds the XML
avoid chaos)             • URIs for images can use http[s]://, ms-appx:///, or
                           ms-appdata:///local/


                      • Notifications Extensions Library provides
                        an object model
                      • Reduces mistakes that cause updates to not show
XML badge update schema
<?xml version="1.0" encoding="utf-8" ?>
<badge value = "1-99" | "none" | "activity" | "alert" | "available" | "away" | ...
       version? = "integer" />
XML tile update schema
<?xml version="1.0" encoding="utf-8" ?>
<tile>
  <visual version? = "integer" lang? = "string" baseUri? = "anyURI"
          branding? = "none" addImageQuery? = "boolean" >

   <!-- One or more binding elements -->
   <binding template = "TileSquareImage" | "TileSquareBlock" | ...
            fallback? = "string" lang? = "string" baseUri? = "anyURI"
            branding? = "none" addImageQuery? = "boolean" >

      <!-- Some combination of image and text -->
      <image id = "integer" src = "string"
             alt? = "string" addImageQuery? = "boolean" />
      <text id = "integer" lang? = "string" />
    </binding>
  </visual>
</tile>
Demo – Interactive Live Tile
Periodisches Update

Windows 8 App Developer Day

  • 1.
    Development Illustrator Developer Kürzere Visual Studio Photoshop Account Lebensdauer Store App Blend TFS / GIT Taxes Design Guidelines Eco Benutzer Akzeptanz
  • 2.
    Wie fange ichan? dev.windows.com design.windows.com
  • 3.
    Windows 8 Windows Store Apps View XAML HTML / CSS Controller C / C++ C# / VB JavaScript Moel WinRT APIs System Services Communication DirectX & Devices & & Data Media Printing Application Model Kernel Windows Kernel Services
  • 4.
    Windows 8 Windows Store Apps Desktop Apps View XAML HTML / CSS Controller C / C++ C# / VB JavaScript Moel HTML C C# JavaScript C++ VB WinRT APIs System Services Communication DirectX & Devices & & Data Media Printing Internet .NET Application Model Win32 Explorer SL Kernel Windows Kernel Services
  • 5.
    Tooling DESIGN TASKS CORE AUTHORING TASKS CODING TASKS  Styling  Control creation  Code editing  Path-editing  Layout  Refactoring  Animation  Property editing  Debugging  Visual States  Basic data  Code analysis  Transitions  View authoring  Profiling VISUAL STUDIO BLEND
  • 6.
  • 7.
    Entwickeln einer WindowsStore App Charakteristiken Erwartungshaltung der einer App Benutzer Code und • Store • Live Tile Windows hilft dabei • Search das potential Ihrer App Markup • Tile • Capabilities voll Auszuschöpfen • Splash Screen • PLM
  • 8.
  • 22.
    Authentically digital Cloud connected Dynamicand alive Beautiful use of typography Bold vibrant colors Motion
  • 25.
  • 26.
  • 28.
    Live Tiles Local, scheduled, periodic and push updates
  • 29.
    Alive with activitywithout apps running • Issue direct updates, perhaps using queue, scheduled, and expiring updates There are three ways an app • Tell Windows a service URL where it can to obtain configures this to happen periodic updates • Obtain a Windows Push Notification Service (WNS) channel and have a service send notifications to that • These actions can happen from app code or background tasks
  • 30.
    What makes anupdate? Tiles, badges, and • Choices: Tile template catalog, badge catalog, toast toasts are bits of template catalog, plus Toast audio options catalog XML that come from predefined templates (to • Whoever issues an update builds the XML avoid chaos) • URIs for images can use http[s]://, ms-appx:///, or ms-appdata:///local/ • Notifications Extensions Library provides an object model • Reduces mistakes that cause updates to not show
  • 31.
    XML badge updateschema <?xml version="1.0" encoding="utf-8" ?> <badge value = "1-99" | "none" | "activity" | "alert" | "available" | "away" | ... version? = "integer" />
  • 32.
    XML tile updateschema <?xml version="1.0" encoding="utf-8" ?> <tile> <visual version? = "integer" lang? = "string" baseUri? = "anyURI" branding? = "none" addImageQuery? = "boolean" > <!-- One or more binding elements --> <binding template = "TileSquareImage" | "TileSquareBlock" | ... fallback? = "string" lang? = "string" baseUri? = "anyURI" branding? = "none" addImageQuery? = "boolean" > <!-- Some combination of image and text --> <image id = "integer" src = "string" alt? = "string" addImageQuery? = "boolean" /> <text id = "integer" lang? = "string" /> </binding> </visual> </tile>
  • 33.
    Demo – InteractiveLive Tile Periodisches Update