flash skills for silverlight design and development (30 abr 2010)

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

Upload: ricardo-castelhano

Post on 07-Nov-2014

1.272 views

Category:

Education


1 download

DESCRIPTION

Slides from my presentation from Microsoft TechDays2010 Portugal

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