Geek a-paloozaaa metro-xaml_appdev
Download as PPTX, PDF0 likes416 views
This document discusses developing applications for Windows 8 using XAML. It covers Windows RT, the Metro style, getting started, the app lifecycle, charms and contracts. It also discusses whether .NET is dead, compares WinRT and Silverlight, and language support for Metro style apps. The Metro design principles of typography, motion, touch focus, scaling, states, live tiles and roaming are also summarized.
Geek a-paloozaaa metro-xaml_appdev
- 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. WindowsRT Ese gran desconocido… ¿o no?
- 5. Windows 8 Metro style Apps Desktop Apps View XAML HTML / CSS Controller 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 & Data Geolocation Portable Sensors NFC Contracts Local & Cloud Storage Web Notifications Streams Media Visual Background XML Networking SMS Playback 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 Apps Button 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. LifeCycle Solo puede quedar uno…
- 20. Charms & Contracts Para realizar un hechizo hay que cumplir con el contrato adecuado..
- 21. That’s all folks! Dubtes? Dudas? Doubts?
Editor's Notes
- #5: No, it is not!
- #12: Why C++ - performance!!!
- #14: 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
- #17: 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