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

1,195 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 />

×