Developing Internet Solutions with Microsoft Silverlight<br />Ricardo Fiel<br />Senior Engineer<br />Ricardo Castelhano<br...
Building Websites atFullsix Portugal<br />
demo<br />A lookat some ofFullsix websites inSilverlight<br />
Sketching & Blending<br />Media Experiences<br />SEO isMandatory<br />Let’sgocrazywithEffects<br />TheNewStuff<br />Q&A<br...
Sketching & Blending<br />
SketchFlow<br />SketchFlow Map<br />Sketch Style Controls<br />Gathering Effective Client Feedback “on the run”<br />Sampl...
demo<br />SketchFlow<br />
Blend<br />XAML Editor<br />Interactivity Without Writing Code (Behaviors)<br />Design Time Data (Sample Data)<br />Time-b...
demo<br />Expression Blend<br />
Media Experiences<br />
Full HD (1080p)<br />SmoothStreaming<br />Adapts to usernetworkand CPU conditions<br />iPhonesupport<br />LiveSmoothStream...
RAW A/V Pipeline
Extensibilityallows for ANY codec</li></li></ul><li>demo<br />SmoothStreaming<br />
A QuickLook<br />Microsoft ExpressionEncoder<br />
HighResolutionImages<br />Onanyscreen, anyresolution<br />Hugewallscreens, computers, phones<br />Silverlight, Ajaxand mob...
demo<br />Highresolution babes! <br />
It’ssoeasy!<br />Deep Zoom Composer<br />
IT’S A BIRTHDAY PARTY!LET’S HAVE FUN!<br />A GroupPhoto? Saycheeeeeeeeeese! <br />
Zero Codesofar…<br />HigherProductivity<br />
SEO isMandatory!<br />
StaticandDynamicURI mapping (routes)<br />More thanonenavigationareapossible<br />Eachareais a Frame control<br />RichAPI:...
demo<br />An e-commerce website<br />
Let’sgocrazywithEffects<br />
demo<br />Messingaroundwiththe Plural website<br />
Effectscanbeapplied to ANY control<br />Canbecontrolledwithstoryboards/behaviors/code<br />WritteninHLSL (HighLevelShaderL...
Anycontrolcanberenderedto a WriteableBitmap<br />Thisincludescontroltrees<br />WriteableBitmapis a control: youcanapplyeff...
TheNewStuff<br />Silverlight 4 features<br />
demo<br />Some Silverlight 4 newfeatures<br />
There’s a wholeworldoutthere<br />Somuch more to talkabout…<br />
DropTargets<br />“BasedOn” styles<br />ImplicitStyles<br />GPU acceleration<br />Data Binding<br />Accessibility<br />Bina...
Custom Networking Stack (full REST support)
Custom Right Click handling
BiDi and complex text
Text trimming
Upcoming SlideShare
Loading in...5
×

Silverlight Em Cenarios Internet

461

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
461
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • SketchFlow Map: Permitefacilmentedemonstrar o fluxo de navegação da aplicaçãoSketch Styles: O aspecto “Sketchy” permiteque o utilizador se foquenaexperiênciaemdetrimento do aspecto visualClient Feedback:O cliente pode escrever comentários no proprio browser, e encaminha-los por email para a equipaSample Data:Permite a simulação da experiencia de navegaçao entre paginas “Master/Detail”Documentation:Facilmente manter actualizada a documentação de requerimentos, feedback, screens, ...
  • DEMOS SL4: WebCam, HTML sem Multitouch e c/ multitouch
  • Silverlight Em Cenarios Internet

    1. 1. Developing Internet Solutions with Microsoft Silverlight<br />Ricardo Fiel<br />Senior Engineer<br />Ricardo Castelhano<br />Client Side Coordinator<br />
    2. 2. Building Websites atFullsix Portugal<br />
    3. 3. demo<br />A lookat some ofFullsix websites inSilverlight<br />
    4. 4. Sketching & Blending<br />Media Experiences<br />SEO isMandatory<br />Let’sgocrazywithEffects<br />TheNewStuff<br />Q&A<br />Agenda<br />
    5. 5. Sketching & Blending<br />
    6. 6. SketchFlow<br />SketchFlow Map<br />Sketch Style Controls<br />Gathering Effective Client Feedback “on the run”<br />Sample Data<br />Export Documentation<br />Sketching & Blending<br />
    7. 7. demo<br />SketchFlow<br />
    8. 8. Blend<br />XAML Editor<br />Interactivity Without Writing Code (Behaviors)<br />Design Time Data (Sample Data)<br />Time-based Animations<br />Visual StateManager<br />Sketching & Blending<br />
    9. 9. demo<br />Expression Blend<br />
    10. 10. Media Experiences<br />
    11. 11. Full HD (1080p)<br />SmoothStreaming<br />Adapts to usernetworkand CPU conditions<br />iPhonesupport<br />LiveSmoothStreaming<br />DRM (inandoutof browser)<br />Video<br />HTTP<br /><ul><li>VC1 and H.264nativesupport
    12. 12. RAW A/V Pipeline
    13. 13. Extensibilityallows for ANY codec</li></li></ul><li>demo<br />SmoothStreaming<br />
    14. 14. A QuickLook<br />Microsoft ExpressionEncoder<br />
    15. 15. HighResolutionImages<br />Onanyscreen, anyresolution<br />Hugewallscreens, computers, phones<br />Silverlight, Ajaxand mobile (iPhone)<br />Fallback to Ajaxif no silverlightplugin<br />GenerationcanbeautomatedthroughAPI<br />Photosynth, BingMaps, Renault, HardRockand a lot more use this to deliver a great UX!<br />Deep Zoom<br />
    16. 16. demo<br />Highresolution babes! <br />
    17. 17. It’ssoeasy!<br />Deep Zoom Composer<br />
    18. 18. IT’S A BIRTHDAY PARTY!LET’S HAVE FUN!<br />A GroupPhoto? Saycheeeeeeeeeese! <br />
    19. 19. Zero Codesofar…<br />HigherProductivity<br />
    20. 20. SEO isMandatory!<br />
    21. 21. StaticandDynamicURI mapping (routes)<br />More thanonenavigationareapossible<br />Eachareais a Frame control<br />RichAPI:<br />NavigationInterception<br />Errorhandling<br />Dynamicgenerationofroutes<br />RIA Servicescanautomatically render navigateablecontentwhenSilverlightnotpresent<br />Navigation Framework and SEO<br />
    22. 22. demo<br />An e-commerce website<br />
    23. 23. Let’sgocrazywithEffects<br />
    24. 24. demo<br />Messingaroundwiththe Plural website<br />
    25. 25. Effectscanbeapplied to ANY control<br />Canbecontrolledwithstoryboards/behaviors/code<br />WritteninHLSL (HighLevelShaderLanguage)<br />Tip: use Walt Ritscher’sShazzam Tool<br />Lots of effects available open source<br />Effectsaka Pixel Shaders<br />
    26. 26. Anycontrolcanberenderedto a WriteableBitmap<br />Thisincludescontroltrees<br />WriteableBitmapis a control: youcanapplyeffects to it<br />Imageencodersavailable on theweb (PNG, …)<br />CheckRickBarraza’sblog (Cynergy):<br />Fluid Dynamics inSilverlight<br />Advanced Render Techniques with WriteableBitmaps<br />WriteableBitmap<br />
    27. 27. TheNewStuff<br />Silverlight 4 features<br />
    28. 28. demo<br />Some Silverlight 4 newfeatures<br />
    29. 29. There’s a wholeworldoutthere<br />Somuch more to talkabout…<br />
    30. 30. DropTargets<br />“BasedOn” styles<br />ImplicitStyles<br />GPU acceleration<br />Data Binding<br />Accessibility<br />Binaryserialization<br />Local Connections<br />Javascript Integration<br />Otherfeatures<br /><ul><li>“Sample Data” support
    31. 31. Custom Networking Stack (full REST support)
    32. 32. Custom Right Click handling
    33. 33. BiDi and complex text
    34. 34. Text trimming
    35. 35. Peripheral Device Access
    36. 36. Clipboard API
    37. 37. Mouse Wheel support in all controls
    38. 38. “Printable” websites</li></li></ul><li>Microsoft ExpressionStudio (Blend, Encoder, …)<br />http://www.microsoft.com/expression/<br />Microsoft Visual Studio<br />http://www.microsoft.com/visualstudio/<br />Microsoft Deep Zoom Composer<br />http://www.microsoft.com/downloads/details.aspx?FamilyID=457b17b7-52bf-4bda-87a3-fa8a4673f8bf<br />Microsoft Image Composition Editor<br />http://research.microsoft.com/en-us/um/redmond/groups/ivm/ICE/<br />www.codeplex.com<br />Lotsofopen-sourcestuff<br />Tools<br />
    39. 39. XAMLPT<br />http://www.xamlpt.com<br />Microsoft Silverlight Forums<br />http://silverlight.net/forums/<br />Microsoft ExpressionForums<br />http://social.expression.microsoft.com/Forums/<br />More Info<br />
    40. 40. FoundationExpressionBlend 3 withSilverlight<br /> Victor Gaudioso<br />EssentialSilverlight 3<br />AshrafMichail<br />FoundationSilverlight 3 animation<br />JeffParies<br />SketchingUserExperiences<br />BillBuxton<br />ReccommendedReading<br />
    41. 41.
    42. 42. Obrigado!<br />Ricardo Fiel<br />ricardo.fiel@fullsix.com<br />blogs.fullsix.pt<br />http://xamlpt.com/blogs/rfiel<br />Twitter: @theplastictoy<br />Ricardo Castelhano<br />ricardo.castelhano@fullsix.com<br />blogs.fullsix.pt<br />http://xamlpt.com/blogs/ricardocastelhano<br />Twitter: @riccastelhano<br />labs.fullsix.pt<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×