Your SlideShare is downloading. ×
0
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Geek a-paloozaaa metro-xaml_appdev
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Geek a-paloozaaa metro-xaml_appdev

491

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
491
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

    • 1. Desarrollo de aplicaciones XAML con Windows 8 O “Como crear la Tesela única..” José Luis Latorre
    • 2. Guión• WindowsRT• METRO• Primeros pasos• LifeCycle• Charms & Contracts• Conclusión
    • 3. WindowsRTEse gran desconocido… ¿o no?
    • 4. ¿Está .NET Muerto?
    • 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. 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. 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. WinRT vs Silverlight• Type comparison WinRT 1582 4396 SL5 607
    • 9. WinRT vs Silverlight• Member 4222 comparison WinRT SL5 10375 651
    • 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. 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. METRO
    • 13. Metro Design• Typography• Motion• Content not Chrome
    • 14. Metro UI
    • 15. In-box Controls for Metro Style AppsButton Grid View Text Box Spell Checking Clear Button
    • 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. Primeros pasos..
    • 18. LifeCycleSolo puede quedar uno…
    • 19. Process state transition
    • 20. Charms & Contracts Para realizar un hechizo hay quecumplir con el contrato adecuado..
    • 21. That’s all folks!Dubtes? Dudas? Doubts?

    ×