Desarrollo de aplicaciones   XAML con Windows 8 O “Como crear la Tesela         única..”       José Luis Latorre
Guión•   WindowsRT•   METRO•   Primeros pasos•   LifeCycle•   Charms & Contracts•   Conclusión
WindowsRTEse gran desconocido… ¿o no?
¿Está .NET Muerto?
Windows 8                                   Metro style Apps                        Desktop Apps  View                    ...
Windows Runtime (WinRT)               Metro style app                         Language                                    ...
Metro style application APIs                                                       User Interface HTML5/CSS               ...
WinRT vs Silverlight• Type comparison                         WinRT                  1582                          4396   ...
WinRT vs Silverlight• Member                      4222  comparison                      WinRT                     SL5     ...
.NET Framework 4.5•   Preinstalled in Windows 8•   Metro Style Apps are part of .NET 4.5•   No support for Windows XP•   I...
Language Support• 29 apps in total• In Dev Preview:              C# XAML                                5 apps   – 75% JS,...
METRO
Metro Design• Typography• Motion• Content not Chrome
Metro UI
In-box Controls for Metro Style AppsButton      Grid View     Text Box   Spell Checking   Clear Button
Metro Principles•   Metro Style Design•   Fast and fluid•   Touch first•   Scale beautifully•   Support for multiple state...
Primeros pasos..
LifeCycleSolo puede quedar uno…
Process state transition
Charms & Contracts Para realizar un hechizo hay quecumplir con el contrato adecuado..
That’s all folks!Dubtes? Dudas? Doubts?
Upcoming SlideShare
Loading in …5
×

Geek a-paloozaaa metro-xaml_appdev

606 views
544 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
606
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • No, it is not!
  • Why C++ - performance!!!
  • Typography:Type is beautiful and can be functionalType’s placement builds visual hierarchyGenerally achieved with Segoe fontMotion:Consistent set of motions/animations brings the UI to lifeImprove perceived performanceContent:Your content is always the main focusBetter usage of space on both small and larger form factorsHonestyTouch firstHigh resolutionAuthentically DigitalStationary to ubiquitousDesktop PC:in one place with a clear start and finish timeSmartphone/tablet: anytime/anywhere (cloud),context-aware (aided by sensors like accelerometers, gyroscopes, and geolocators)Formal to casualDesktop PC:a formal start and finish time marked by booting up and shutting downSmartphone/tablet: instant-on/always-on (fast boot-up times),fills in-between moments like standing in line or watching TVArms-length to personalDesktop PC:literally an arms-length activitySmartphone/tablet: portable form factors,consumers keep close to their bodyAbstracted to physicalDesktop PC:mouse/keyboard paradigm relies on an abstracted interaction with contentSmartphone/tablet: touchscreensenable direct physical manipulation of contentCloud Integration-> Tight integration with Azure for seamless computing between devices-> Every app allocated small space in the cloud for settings-> Authentication through Cloud/Live
  • Typography:Type is beautiful and can be functionalType’s placement builds visual hierarchyGenerally achieved with Segoe fontMotion:Consistent set of motions/animations brings the UI to lifeImprove perceived performanceContent:Your content is always the main focusBetter usage of space on both small and larger form factorsHonestyTouch firstHigh resolutionAuthentically DigitalStationary to ubiquitousDesktop PC:in one place with a clear start and finish timeSmartphone/tablet: anytime/anywhere (cloud),context-aware (aided by sensors like accelerometers, gyroscopes, and geolocators)Formal to casualDesktop PC:a formal start and finish time marked by booting up and shutting downSmartphone/tablet: instant-on/always-on (fast boot-up times),fills in-between moments like standing in line or watching TVArms-length to personalDesktop PC:literally an arms-length activitySmartphone/tablet: portable form factors,consumers keep close to their bodyAbstracted to physicalDesktop PC:mouse/keyboard paradigm relies on an abstracted interaction with contentSmartphone/tablet: touchscreensenable direct physical manipulation of contentCloud Integration-> Tight integration with Azure for seamless computing between devices-> Every app allocated small space in the cloud for settings-> Authentication through Cloud/Live
  • Geek a-paloozaaa metro-xaml_appdev

    1. 1. Desarrollo de aplicaciones XAML con Windows 8 O “Como crear la Tesela única..” José Luis Latorre
    2. 2. Guión• WindowsRT• METRO• Primeros pasos• LifeCycle• Charms & Contracts• Conclusión
    3. 3. WindowsRTEse gran desconocido… ¿o no?
    4. 4. ¿Está .NET Muerto?
    5. 5. Windows 8 Metro style Apps Desktop Apps View XAML HTML / CSSController C C# Model JavaScript C C++ VB HTML JavaScript C++ WinRT APIs System Services Communication Graphics & Devices & & Data Media Printing Internet . Application Model Explorer Win32 Kernel Windows Kernel Services
    6. 6. Windows Runtime (WinRT) Metro style app Language Support (CLR, WinJS, CRT) Language Projection UI Pickers Controls Media Web Host (HTML, CSS, Windows XAML Storage Network … JavaScript))Metadata &Namespace Runtime Windows Runtime Core Broker Windows Core
    7. 7. Metro style application APIs User Interface HTML5/CSS XAML DirectX Controls Data Binding SVG Tiles Input Accessibility Printing Devices Communications & DataGeolocation Portable Sensors NFC Contracts Local & Cloud Storage Web Notifications Streams Media Visual Background XML Networking SMSPlayback Capture PlayTo Transfer Effects Fundamentals Application Threading/Timers Memory Management Authentication Cryptography Globalization Services
    8. 8. WinRT vs Silverlight• Type comparison WinRT 1582 4396 SL5 607
    9. 9. WinRT vs Silverlight• Member 4222 comparison WinRT SL5 10375 651
    10. 10. .NET Framework 4.5• Preinstalled in Windows 8• Metro Style Apps are part of .NET 4.5• No support for Windows XP• In-place replacement for .NET 4.0
    11. 11. Language Support• 29 apps in total• In Dev Preview: C# XAML 5 apps – 75% JS, C++ DirectX 2 – 17% C#, apps – 8% C++ JS HTML 22 apps
    12. 12. METRO
    13. 13. Metro Design• Typography• Motion• Content not Chrome
    14. 14. Metro UI
    15. 15. In-box Controls for Metro Style AppsButton Grid View Text Box Spell Checking Clear Button
    16. 16. Metro Principles• Metro Style Design• Fast and fluid• Touch first• Scale beautifully• Support for multiple states• Using the right contracts• Live tiles• Roaming to the cloud
    17. 17. Primeros pasos..
    18. 18. LifeCycleSolo puede quedar uno…
    19. 19. Process state transition
    20. 20. Charms & Contracts Para realizar un hechizo hay quecumplir con el contrato adecuado..
    21. 21. That’s all folks!Dubtes? Dudas? Doubts?

    ×