This document provides an overview and demonstration of developing internet solutions using Microsoft Silverlight. It discusses tools like SketchFlow and Expression Blend for sketching and blending interfaces, and how Silverlight enables rich media experiences through features like SmoothStreaming. The document also covers using effects and pixel shaders, navigation frameworks for SEO, and new features in Silverlight 4 like GPU acceleration and data binding. Code samples and demos are provided to illustrate these Silverlight capabilities.

1. Developing Internet Solutions with Microsoft Silverlight Ricardo Fiel Senior Engineer Ricardo Castelhano Client Side Coordinator

2. Building Websites atFullsix Portugal

3. demo A lookat some ofFullsix websites inSilverlight

4. Sketching & Blending Media Experiences SEO isMandatory Let’sgocrazywithEffects TheNewStuff Q&A Agenda

5. Sketching & Blending

6. SketchFlow SketchFlow Map Sketch Style Controls Gathering Effective Client Feedback “on the run” Sample Data Export Documentation Sketching & Blending

7. demo SketchFlow

8. Blend XAML Editor Interactivity Without Writing Code (Behaviors) Design Time Data (Sample Data) Time-based Animations Visual StateManager Sketching & Blending

9. demo Expression Blend

10. Media Experiences

12. RAW A/V Pipeline

14. A QuickLook Microsoft ExpressionEncoder

15. HighResolutionImages Onanyscreen, anyresolution Hugewallscreens, computers, phones Silverlight, Ajaxand mobile (iPhone) Fallback to Ajaxif no silverlightplugin GenerationcanbeautomatedthroughAPI Photosynth, BingMaps, Renault, HardRockand a lot more use this to deliver a great UX! Deep Zoom

16. demo Highresolution babes! 

17. It’ssoeasy! Deep Zoom Composer

18. IT’S A BIRTHDAY PARTY!LET’S HAVE FUN! A GroupPhoto? Saycheeeeeeeeeese! 

19. Zero Codesofar… HigherProductivity

20. SEO isMandatory!

21. StaticandDynamicURI mapping (routes) More thanonenavigationareapossible Eachareais a Frame control RichAPI: NavigationInterception Errorhandling Dynamicgenerationofroutes RIA Servicescanautomatically render navigateablecontentwhenSilverlightnotpresent Navigation Framework and SEO

22. demo An e-commerce website

23. Let’sgocrazywithEffects

24. demo Messingaroundwiththe Plural website

25. Effectscanbeapplied to ANY control Canbecontrolledwithstoryboards/behaviors/code WritteninHLSL (HighLevelShaderLanguage) Tip: use Walt Ritscher’sShazzam Tool Lots of effects available open source Effectsaka Pixel Shaders

26. Anycontrolcanberenderedto a WriteableBitmap Thisincludescontroltrees WriteableBitmapis a control: youcanapplyeffects to it Imageencodersavailable on theweb (PNG, …) CheckRickBarraza’sblog (Cynergy): Fluid Dynamics inSilverlight Advanced Render Techniques with WriteableBitmaps WriteableBitmap

27. TheNewStuff Silverlight 4 features

28. demo Some Silverlight 4 newfeatures

29. There’s a wholeworldoutthere Somuch more to talkabout…

31. Custom Networking Stack (full REST support)

32. Custom Right Click handling

33. BiDi and complex text

34. Text trimming

35. Peripheral Device Access

36. Clipboard API

37. Mouse Wheel support in all controls

39. XAMLPT http://www.xamlpt.com Microsoft Silverlight Forums http://silverlight.net/forums/ Microsoft ExpressionForums http://social.expression.microsoft.com/Forums/ More Info

40. FoundationExpressionBlend 3 withSilverlight Victor Gaudioso EssentialSilverlight 3 AshrafMichail FoundationSilverlight 3 animation JeffParies SketchingUserExperiences BillBuxton ReccommendedReading

42. Obrigado! Ricardo Fiel ricardo.fiel@fullsix.com blogs.fullsix.pt http://xamlpt.com/blogs/rfiel Twitter: @theplastictoy Ricardo Castelhano ricardo.castelhano@fullsix.com blogs.fullsix.pt http://xamlpt.com/blogs/ricardocastelhano Twitter: @riccastelhano labs.fullsix.pt