Top Banner
Ricardo Castelhano Flash Skills Applied to Silverlight Design and Development WUX221 ITech4All [email protected] @RicCastelhano http://www.ricardocastelhano.com
36

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

Nov 07, 2014

Download

Education

Slides from my presentation from Microsoft TechDays2010 Portugal
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Flash skills for silverlight design and development (30 Abr 2010)

Ricardo Castelhano

Flash Skills Applied to Silverlight Design and Development

WUX221

[email protected]

@RicCastelhano

http://www.ricardocastelhano.com

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

• >10 Years Working for a Web with Plugins

• Adobe Flash Beta-Tester since CS3

• “Silverlight’ing” since the Beginning

• Blogger & Tweeterian • (XAMLPT / RIAPT / AUG / PontoNetPT)

• Partner & Consultant @ ITech4All

Ricardo Castelhano

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

• Framework

• Design and Development Tools

• Programming Languages

• Mapping Silverlight and Flash

• Declarative Animation

• Procedural Animation

Flash Skills Applied to Silverlight Design and Development

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

• Framework

• Design and Development Tools

• Programming Languages

• Mapping Silverlight and Flash

• Declarative Animation

• Procedural Animation

Flash Skills Applied to Silverlight Design and Development

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

Framework

• Single Framework• Graphics

AIR Jordan 23 Mosaic

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

Framework

• Single Framework• Graphics• Media

NBC Olympics

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

Framework

• Single Framework• Graphics• Media• Applications

Microsoft Silverlight4 Facebook Client

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

Framework

• In the Browser

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

Framework

• Instantiated in HTML

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

Framework

• Out-Of-Browser

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

Framework

• Cross Platform

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

Framework

• Cross Browser

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

• Framework

• Design and Development Tools

• Programming Languages

• Mapping Silverlight and Flash

• Declarative Animation

• Procedural Animation

Flash Skills Applied to Silverlight Design and Development

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

Design and Development Tools

• Microsoft Expression Blend 4 RC

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

Design and Development Tools

• Microsoft Visual Studio 2010

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

• Framework

• Design and Development Tools

• Programming Languages

• Mapping Silverlight and Flash

• Declarative Animation

• Procedural Animation

Flash Skills Applied to Silverlight Design and Development

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

Programming Languages

• Common Language Runtime (CLR)• C#• Visual Basic

• Dynamic Language Runtime (DLR)• Ruby• Python• Jscript

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

Programming Languages

• Common Language Runtime (CLR)• C#• Visual Basic

• Dynamic Language Runtime (DLR)• Ruby• Python• Jscript

• XAML

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

Programming Languages

• C#• DataTypes• Classes and Objects• Assemblies• Handler• XML Integration

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

Programming Languages

• C#• DataTypes• Classes and Objects• Assemblies• Handler• XML Integration• Multiple Threads• Generics• Reflection• Dependency Properties• LINQ – XML, Objects, JSON

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

• Framework

• Design and Development Tools

• Programming Languages

• Mapping Silverlight and Flash

• Declarative Animation

• Procedural Animation

Flash Skills Applied to Silverlight Design and Development

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

Mapping Silverlight and Flash

• Code Snippets

C#4.0

ActionScript3.0

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

Mapping Silverlight and Flash

• UserControls• Group children objects• Encapsulate functionality• Contain Storyboards• Transformable• Reusable

Project Rosettahttp://www.projectrosetta.com

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

Mapping Silverlight and Flash

• Controls• Styleable• Skinnable• Databindable• Inheritable

Project Rosettahttp://www.projectrosetta.com

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

• Framework

• Design and Development Tools

• Programming Languages

• Mapping Silverlight and Flash

• Declarative Animation

• Procedural Animation

Flash Skills Applied to Silverlight Design and Development

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

Declarative Animation

• XAML• Storyboards

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

DemoDeclarative Animation

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

• Framework

• Design and Development Tools

• Programming Languages

• Mapping Silverlight and Flash

• Declarative Animation

• Procedural Animation

Flash Skills Applied to Silverlight Design and Development

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

Procedural Animation

• C#• Storyboards• Events

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

DemoProcedural Animation

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

Conclusion

• Design: Blend

• Code: Visual Studio

• UserControls: “MovieClips”

• Contros: “Components”

• XAML: “MXML”

• C#: “AcrionScript3”

• Storyboards: “Timeline”

• CompositionTarget.Rendering: “ENTER_FRAME”

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

Q & A

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

Other “Blend” Sessions• Introdução ao Silverlight 4

• Dia 20 – Sala3.2 – 12:45

• Developing Silverlight 4 Solutions with Blend 4• Dia 20 – Sala2.5 – 12:45

• SketchFlow: Do protótipo à Produção• Dia 20 - Sala2.5 - 14:15

• SketchFlow no Desenho de Interfaces Web• Dia 20 – Sala20/10 - 15:15

• Utilizando SketchFlow na Construcção de sites em Silverlight• Dia 20 – Sala20/10 - 15:15

• Dynamic Layout and Transitions for Silverlight 4 with Blend 4• Dia 20 - Sala2.5 - 17:00

• Silverlight: Extensibility Framework + Behaviors• Dia 22 - Sala2.3 - 16:40

Page 35: Flash skills for silverlight design and development (30 Abr 2010)
Page 36: Flash skills for silverlight design and development (30 Abr 2010)

Ricardo Castelhano

Flash Skills Applied to Silverlight Design and Development

WUX221

[email protected]

@RicCastelhano

http://www.ricardocastelhano.com