Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Flash skills for silverlight design and development (30 Abr 2010)

1,221 views

Published on

Slides from my presentation from Microsoft TechDays2010 Portugal

Published in: Education
  • Be the first to comment

  • Be the first to like this

Flash skills for silverlight design and development (30 Abr 2010)

  1. 1. Ricardo Castelhano<br />Flash Skills Applied to Silverlight Design and Development<br />WUX221<br />ITech4All<br />ricardo.castelhano@itech4all.com<br />@RicCastelhano<br />http://www.ricardocastelhano.com<br />
  2. 2. >10 Years Working for a Web with Plugins<br />Adobe Flash Beta-Tester since CS3<br />“Silverlight’ing” since the Beginning<br />Blogger & Tweeterian <br />(XAMLPT / RIAPT / AUG / PontoNetPT)<br />Partner & Consultant @ ITech4All<br />Ricardo Castelhano<br />
  3. 3. Framework<br />Design and Development Tools<br />Programming Languages<br />Mapping Silverlight and Flash<br />Declarative Animation<br />Procedural Animation<br />Flash Skills Applied to Silverlight Design and Development<br />
  4. 4. Framework<br />Design and Development Tools<br />Programming Languages<br />Mapping Silverlight and Flash<br />Declarative Animation<br />Procedural Animation<br />Flash Skills Applied to Silverlight Design and Development<br />
  5. 5. Framework <br />Single Framework<br />Graphics<br />AIR Jordan 23 Mosaic<br />
  6. 6. Framework <br />Single Framework<br />Graphics<br />Media<br />NBC Olympics<br />
  7. 7. Framework <br />Single Framework<br />Graphics<br />Media<br />Applications<br />Microsoft Silverlight4 Facebook Client<br />
  8. 8. Framework <br />In the Browser<br />
  9. 9. Framework <br />Instantiated in HTML<br />
  10. 10. Framework <br />Out-Of-Browser<br />
  11. 11. Framework <br />Cross Platform<br />
  12. 12. Framework <br />Cross Browser<br />
  13. 13. Framework<br />Design and Development Tools<br />Programming Languages<br />Mapping Silverlight and Flash<br />Declarative Animation<br />Procedural Animation<br />Flash Skills Applied to Silverlight Design and Development<br />
  14. 14. Design and Development Tools<br />Microsoft Expression Blend 4 RC<br />
  15. 15. Design and Development Tools<br />Microsoft Visual Studio 2010<br />
  16. 16. Framework<br />Design and Development Tools<br />Programming Languages<br />Mapping Silverlight and Flash<br />Declarative Animation<br />Procedural Animation<br />Flash Skills Applied to Silverlight Design and Development<br />
  17. 17. Programming Languages<br />Common Language Runtime (CLR)<br />C#<br />Visual Basic<br />Dynamic Language Runtime (DLR)<br />Ruby<br />Python<br />Jscript<br />
  18. 18. Programming Languages<br />Common Language Runtime (CLR)<br />C#<br />Visual Basic<br />Dynamic Language Runtime (DLR)<br />Ruby<br />Python<br />Jscript<br />XAML<br />
  19. 19. Programming Languages<br />C#<br />DataTypes<br />Classes and Objects<br />Assemblies<br />Handler<br />XML Integration<br />
  20. 20. Programming Languages<br />C#<br />DataTypes<br />Classes and Objects<br />Assemblies<br />Handler<br />XML Integration<br />Multiple Threads<br />Generics<br />Reflection<br />Dependency Properties<br />LINQ – XML, Objects, JSON<br />
  21. 21. Framework<br />Design and Development Tools<br />Programming Languages<br />Mapping Silverlight and Flash<br />Declarative Animation<br />Procedural Animation<br />Flash Skills Applied to Silverlight Design and Development<br />
  22. 22. Mapping Silverlight and Flash<br />Code Snippets<br />ActionScript3.0<br />C#4.0<br />
  23. 23. Mapping Silverlight and Flash<br />UserControls<br />Group children objects<br />Encapsulate functionality<br />Contain Storyboards<br />Transformable<br />Reusable<br />Project Rosettahttp://www.projectrosetta.com<br />
  24. 24. Mapping Silverlight and Flash<br />Controls<br />Styleable<br />Skinnable<br />Databindable<br />Inheritable<br />Project Rosettahttp://www.projectrosetta.com<br />
  25. 25. Framework<br />Design and Development Tools<br />Programming Languages<br />Mapping Silverlight and Flash<br />Declarative Animation<br />Procedural Animation<br />Flash Skills Applied to Silverlight Design and Development<br />
  26. 26. Declarative Animation<br />XAML<br />Storyboards<br />
  27. 27. Declarative Animation<br />
  28. 28. Framework<br />Design and Development Tools<br />Programming Languages<br />Mapping Silverlight and Flash<br />Declarative Animation<br />Procedural Animation<br />Flash Skills Applied to Silverlight Design and Development<br />
  29. 29. Procedural Animation<br />C#<br />Storyboards<br />Events<br />
  30. 30. Procedural Animation<br />
  31. 31. Conclusion<br />Design: Blend<br />Code: Visual Studio<br />UserControls: “MovieClips” <br />Contros: “Components”<br />XAML: “MXML”<br />C#: “AcrionScript3”<br />Storyboards: “Timeline”<br />CompositionTarget.Rendering: “ENTER_FRAME”<br />
  32. 32.
  33. 33. Other “Blend” Sessions<br />Introdução ao Silverlight 4<br />Dia 20 – Sala3.2 – 12:45<br />Developing Silverlight 4 Solutions with Blend 4<br />Dia 20 – Sala2.5 – 12:45<br />SketchFlow: Do protótipo à Produção<br />Dia 20 - Sala2.5 - 14:15<br />SketchFlow no Desenho de Interfaces Web<br />Dia 20 – Sala20/10 - 15:15<br />Utilizando SketchFlow na Construcção de sites em Silverlight<br />Dia 20 – Sala20/10 - 15:15<br />Dynamic Layout and Transitions for Silverlight 4 with Blend 4<br />Dia 20 - Sala2.5 - 17:00 <br />Silverlight: Extensibility Framework + Behaviors<br />Dia 22 - Sala2.3 - 16:40<br />
  34. 34.
  35. 35.
  36. 36. Ricardo Castelhano<br />Flash Skills Applied to Silverlight Design and Development<br />WUX221<br />ITech4All<br />ricardo.castelhano@itech4all.com<br />@RicCastelhano<br />http://www.ricardocastelhano.com<br />

×