SlideShare une entreprise Scribd logo
1  sur  40
Developer Ignition
Windows 8 Quick Start – About The presentation Author
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start




• Intend to make easy to have a view at
  the apps;

• Is basically a collection of tiles
  related to the different apps instaled
  in the system;

• Allows to Group Apps;

• Give the user a view over all the
  installed apps withouth have to click
  on a menu;
Windows 8 Quick Start




   • Immersive;

   • Fast and Fluid;

   • Touch Enabled;

   • Integrated in the system;

   • Consistent with the System;
Windows 8 Quick Start




  • Apps are imersive, sometimes the
    user feel the need to have this
    content and at teh same type to have
    a look at other contents…For that
    Windows 8 offers a new way to have
    the applications content crossed with
    other apps.
Windows 8 Quick Start




  Rules
  • Snap is only for landscape positions;
  • Screens width >=1366 px ;
  • Snapped view is differnt from full
     screen view;
  • Snap can be in one off the edges Left
     or Right;
Windows 8 Quick Start




  • Content Sensitive;
  • Conect apps to the system and other
    apps;
  • Represent the transversal options of
    the system;
  • Sharm options are based on
    contracts;
Windows 8 Quick Start




 • Apps are emersive
 • User should are focus on the content
 • Create a transversal expectation of
   the user about where to find
   functions;
 • We can define a app bar as a
   application Menu;
 • A good pratice is to use the upper
   part of the Bar to do navigation the
   down part of the app bar to
   navigation in content, or cross
   content navigation;
 • App bar provides app-specific actions;
Windows 8 Quick Start




       •    Presents and navigating large sets of related
            data or content within a single view;

       •    Semantic Zoom uses two distinct modes of
            classification (or zoom levels) for organizing and
            presenting the content: one low-level (or
            zoomed in) mode that is typically used to display
            items in a flat, all-up structure and another,
            high-level (or zoomed out) mode that displays
            items in groups and enables a user to quickly
            navigate and browse through the content.

       •    The Semantic Zoom interaction is performed
            with the pinch and stretch gestures (moving the
            fingers farther apart zooms in and moving them
            closer together zooms out), or by holding the
            Ctrl key down while scrolling the mouse scroll
            wheel, or by holding the Ctrl key down (with the
            Shift key, if no numeric keypad is available) and
            pressing the plus (+) or minus (-) key.

http://msdn.microsoft.com/en-us/library/windows/apps/hh465319.aspx
Windows 8 Quick Start




                        http://www.oilrig-photos.com/picture/number180.asp
Windows 8 Quick Start
Windows 8 Quick Start




windows support 2 kinds of different
interaction paradigm
• Desktop Apps : the usual kind of
   applications we are used to in a
   windows operation system

• Metro Style Apps: apps that follow the
  patterns of Metro style principles
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start




• Windows Core: correspond to the services of Windows;
• Windows runtime core: Is a Layer that exposes the Windows
  services, definition of types exposure of interfaces, is the
  core of the runtime;
• UI, Pickers, Controls; Media; XAML;Storage; Network;.. :
  Some APIS that live on the top of windows runtime;
• Windows Metadata & Namespace: The runtime give us the
  concept of metadata for types, what allow us to manage and
  get in a natural way the runtime notions of types.
• Web Host: A host for Web applications;
• Runtime Broker: is a separate process that handles the
  security permission of separated processes like sensors or
  cameras;
• Language projection: A mechanism that allows the windows
  runtime API be exposed in a different way according to the
  language in usage;
• Language support: Is the implementation of the technologies
  to allow the support of windows runtime over the different
  languages (WINJS, CLR )
Windows 8 Quick Start
Windows 8 Quick Start




      HTML/CSS     javascript            XAML   C#/VB/…



                                Win RT
Windows 8 Quick Start



                                      HTML/CSS   javascript


Struture - Markup combined with
markup controls our Win JS Controls         Win RT



Presentation – CSS for styling


Behaviour – WinJs or for example
class Lybraries in other WIN RT
technologies
Windows 8 Quick Start



                                XAML        C#/VB/…


Struture - XAML
                                       Win RT


Presentation – XMAL resources


Behaviour – C# c++ Vb.NET
Windows 8 Quick Start




                  Running                Suspended




Launch                      Terminated
Windows 8 Quick Start




Suspended:
        Ocurs when a new APP is launch or activated (in
about 5 s)

What to do in a 5 s:
       Oportunity Save state

When low memory resources some suspended apps can be
terminated


No notification when the Terminate app happens
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start




Suspended:
        Ocurs when a new APP is launch or activated (in
about 5 s)

What to do in a 5 s:
       Oportunity Save state

When low memory resources some suspended apps can be
terminated


No notification when the Terminate app happens
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start
Windows 8 Quick Start




           http://blogs.msdn.com/b/b8/ - Dev team Blog
           http://blogs.msdn.com/b/microsoft_press/archive/2012/06
           /04/free-ebook-programming-windows-8-apps-with-html-
           css-and-javascript-first-preview.aspx - HTML5 win 8 Book
           http://xa.yimg.com/kq/groups/10682412/1769183635/nam
           e/Metro+Revealed-
           Building+Windows+8+apps+with+HTML5+and+JavaScript.pdf
           - book
           http://johnpapa.net/fundamentals-of-windows-8-xaml-c-
           metro-style-apps- Slides
           Create Metro style apps quickly with built-in controls
           Make great Metro style apps that are touch-optimized using
           HTML5 Video
           Bring apps to life with Metro style animations in HTML5
           Using tiles and notifications Video
           Building beautiful and interactive apps with HTML5 & CSS3
           Designing Metro style apps using CSS3 Video
           Create reusable custom Metro style controls Video
Windows 8 Quick Start

Contenu connexe

En vedette (6)

Buy Bharat Rasayan, Indian agrochemical sector pegged at $7.5b by FY19
Buy Bharat Rasayan, Indian agrochemical sector pegged at $7.5b by FY19Buy Bharat Rasayan, Indian agrochemical sector pegged at $7.5b by FY19
Buy Bharat Rasayan, Indian agrochemical sector pegged at $7.5b by FY19
 
Husos horarios
Husos horariosHusos horarios
Husos horarios
 
Glossary of health informatics terms
Glossary of health informatics termsGlossary of health informatics terms
Glossary of health informatics terms
 
Gold rush mine
Gold rush mineGold rush mine
Gold rush mine
 
임신과 스트레스 - 이혜정 교수
임신과 스트레스 - 이혜정 교수임신과 스트레스 - 이혜정 교수
임신과 스트레스 - 이혜정 교수
 
Online Salg
Online SalgOnline Salg
Online Salg
 

Plus de Alexandre Marreiros

Plus de Alexandre Marreiros (20)

Agular fromthetrenches2netponto
Agular fromthetrenches2netpontoAgular fromthetrenches2netponto
Agular fromthetrenches2netponto
 
Whats a Chat bot
Whats a Chat botWhats a Chat bot
Whats a Chat bot
 
Type of angular 2
Type of angular 2Type of angular 2
Type of angular 2
 
Xamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected appsXamarin devdays 2017 - PT - connected apps
Xamarin devdays 2017 - PT - connected apps
 
ASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a coupleASP.NEt MVC and Angular What a couple
ASP.NEt MVC and Angular What a couple
 
Angular 2
Angular 2Angular 2
Angular 2
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web apps
 
Xamarin.forms
Xamarin.forms Xamarin.forms
Xamarin.forms
 
Quick View of Angular JS for High School
Quick View of Angular JS for High SchoolQuick View of Angular JS for High School
Quick View of Angular JS for High School
 
Pt xug xamarin pratices on big ui consumer apps
Pt xug  xamarin pratices on big ui consumer appsPt xug  xamarin pratices on big ui consumer apps
Pt xug xamarin pratices on big ui consumer apps
 
Get satrted angular js day 2
Get satrted angular js day 2Get satrted angular js day 2
Get satrted angular js day 2
 
Get satrted angular js
Get satrted angular jsGet satrted angular js
Get satrted angular js
 
Gab2015 azure search as a service
Gab2015 azure search as a serviceGab2015 azure search as a service
Gab2015 azure search as a service
 
Pragmatic responsive web design industry session 7
Pragmatic responsive web design   industry session 7Pragmatic responsive web design   industry session 7
Pragmatic responsive web design industry session 7
 
WebSite development using WinJS
WebSite development using WinJSWebSite development using WinJS
WebSite development using WinJS
 
Universal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJSUniversal Apps Development using HTML 5 and WINJS
Universal Apps Development using HTML 5 and WINJS
 
GWAB Mobile Services
GWAB Mobile ServicesGWAB Mobile Services
GWAB Mobile Services
 
Html5ignition newweborder
Html5ignition newweborderHtml5ignition newweborder
Html5ignition newweborder
 
Windows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netpontoWindows8.1 html5 dev paradigm discussion netponto
Windows8.1 html5 dev paradigm discussion netponto
 
Mobile first responsive industry sessions
Mobile first responsive industry sessionsMobile first responsive industry sessions
Mobile first responsive industry sessions
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Dernier (20)

DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 

Windows 8 quick start dev

  • 2. Windows 8 Quick Start – About The presentation Author
  • 5. Windows 8 Quick Start • Intend to make easy to have a view at the apps; • Is basically a collection of tiles related to the different apps instaled in the system; • Allows to Group Apps; • Give the user a view over all the installed apps withouth have to click on a menu;
  • 6. Windows 8 Quick Start • Immersive; • Fast and Fluid; • Touch Enabled; • Integrated in the system; • Consistent with the System;
  • 7. Windows 8 Quick Start • Apps are imersive, sometimes the user feel the need to have this content and at teh same type to have a look at other contents…For that Windows 8 offers a new way to have the applications content crossed with other apps.
  • 8. Windows 8 Quick Start Rules • Snap is only for landscape positions; • Screens width >=1366 px ; • Snapped view is differnt from full screen view; • Snap can be in one off the edges Left or Right;
  • 9. Windows 8 Quick Start • Content Sensitive; • Conect apps to the system and other apps; • Represent the transversal options of the system; • Sharm options are based on contracts;
  • 10. Windows 8 Quick Start • Apps are emersive • User should are focus on the content • Create a transversal expectation of the user about where to find functions; • We can define a app bar as a application Menu; • A good pratice is to use the upper part of the Bar to do navigation the down part of the app bar to navigation in content, or cross content navigation; • App bar provides app-specific actions;
  • 11. Windows 8 Quick Start • Presents and navigating large sets of related data or content within a single view; • Semantic Zoom uses two distinct modes of classification (or zoom levels) for organizing and presenting the content: one low-level (or zoomed in) mode that is typically used to display items in a flat, all-up structure and another, high-level (or zoomed out) mode that displays items in groups and enables a user to quickly navigate and browse through the content. • The Semantic Zoom interaction is performed with the pinch and stretch gestures (moving the fingers farther apart zooms in and moving them closer together zooms out), or by holding the Ctrl key down while scrolling the mouse scroll wheel, or by holding the Ctrl key down (with the Shift key, if no numeric keypad is available) and pressing the plus (+) or minus (-) key. http://msdn.microsoft.com/en-us/library/windows/apps/hh465319.aspx
  • 12. Windows 8 Quick Start http://www.oilrig-photos.com/picture/number180.asp
  • 14. Windows 8 Quick Start windows support 2 kinds of different interaction paradigm • Desktop Apps : the usual kind of applications we are used to in a windows operation system • Metro Style Apps: apps that follow the patterns of Metro style principles
  • 17. Windows 8 Quick Start • Windows Core: correspond to the services of Windows; • Windows runtime core: Is a Layer that exposes the Windows services, definition of types exposure of interfaces, is the core of the runtime; • UI, Pickers, Controls; Media; XAML;Storage; Network;.. : Some APIS that live on the top of windows runtime; • Windows Metadata & Namespace: The runtime give us the concept of metadata for types, what allow us to manage and get in a natural way the runtime notions of types. • Web Host: A host for Web applications; • Runtime Broker: is a separate process that handles the security permission of separated processes like sensors or cameras; • Language projection: A mechanism that allows the windows runtime API be exposed in a different way according to the language in usage; • Language support: Is the implementation of the technologies to allow the support of windows runtime over the different languages (WINJS, CLR )
  • 19. Windows 8 Quick Start HTML/CSS javascript XAML C#/VB/… Win RT
  • 20. Windows 8 Quick Start HTML/CSS javascript Struture - Markup combined with markup controls our Win JS Controls Win RT Presentation – CSS for styling Behaviour – WinJs or for example class Lybraries in other WIN RT technologies
  • 21. Windows 8 Quick Start XAML C#/VB/… Struture - XAML Win RT Presentation – XMAL resources Behaviour – C# c++ Vb.NET
  • 22. Windows 8 Quick Start Running Suspended Launch Terminated
  • 23. Windows 8 Quick Start Suspended: Ocurs when a new APP is launch or activated (in about 5 s) What to do in a 5 s: Oportunity Save state When low memory resources some suspended apps can be terminated No notification when the Terminate app happens
  • 33. Windows 8 Quick Start Suspended: Ocurs when a new APP is launch or activated (in about 5 s) What to do in a 5 s: Oportunity Save state When low memory resources some suspended apps can be terminated No notification when the Terminate app happens
  • 39. Windows 8 Quick Start http://blogs.msdn.com/b/b8/ - Dev team Blog http://blogs.msdn.com/b/microsoft_press/archive/2012/06 /04/free-ebook-programming-windows-8-apps-with-html- css-and-javascript-first-preview.aspx - HTML5 win 8 Book http://xa.yimg.com/kq/groups/10682412/1769183635/nam e/Metro+Revealed- Building+Windows+8+apps+with+HTML5+and+JavaScript.pdf - book http://johnpapa.net/fundamentals-of-windows-8-xaml-c- metro-style-apps- Slides Create Metro style apps quickly with built-in controls Make great Metro style apps that are touch-optimized using HTML5 Video Bring apps to life with Metro style animations in HTML5 Using tiles and notifications Video Building beautiful and interactive apps with HTML5 & CSS3 Designing Metro style apps using CSS3 Video Create reusable custom Metro style controls Video

Notes de l'éditeur

  1. Imersive: thefocusisonthe data oftheuser;FastandFluid:
  2. this app is about reading articles, but you wouldn’t know it.