1 / 41

Visualising Data in Silverlight and WPF

Visualising Data in Silverlight and WPF. Ivan Towlson Mindscape Session Code: WUX305. Agenda. Data visualisation and Silverlight/WPF Visualising objects Visualising data sets Toolkits and controls. The Business Problem. Data != Information. The Business Problem.

kerri
Download Presentation

Visualising Data in Silverlight and WPF

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Visualising Data in Silverlight and WPF Ivan Towlson Mindscape Session Code: WUX305

  2. Agenda • Data visualisation and Silverlight/WPF • Visualising objects • Visualising data sets • Toolkits and controls

  3. The Business Problem Data != Information

  4. The Business Problem • It’s easy to miss important information in a sea of purely textual data • Trends and correlations • Special or different cases • Trouble spots • It’s often quicker to take in information with a graphical assist • Quick way to get a “big picture” overview

  5. The Business Problem

  6. The Business Problem

  7. The Technical Problem • GUI programming stalled in 1991 • Low level graphics primitives • Procedural drawing code • Presenting data in a new UI required a whole new control

  8. The Technical Problem • Technical consequences • Custom visualisations required extensive custom code • Expensive to develop • Third party controls • Expensive to buy because expensive for vendor to develop • Specific in purpose • Cost of learning complex new control APIs • Hard to justify the cost unless visualisation was a core requirement

  9. The Technical Problem • Business consequences • Encouraged anaemic presentation of data • Displaying data, not information • “Battleship grey” and data grids • Onus on users to detect patterns and anomalies

  10. Silverlight and WPF • Replace the appearance of a control without having to rewrite its entire behaviour • Declarative, higher-level graphics API • Flexible data binding mechanisms

  11. Silverlight and WPF • Writing simple visualisations is a matter of hours rather than days • It is now affordable to be able to visualise your data your way • Data visualisation is the killer application for Silverlight and WPF

  12. Single Data Item Visualisation • Binding • IValueConverter • IMultiValueConverter (WPF only) • DataTemplate • INotifyPropertyChanged

  13. demo Visualising Single Data Items

  14. Visualising a Collection of Data • Toolkits and controls • Custom visualisations

  15. Visualisation Toolkits and Controls • Silverlight Toolkit • http://www.codeplex.com/Silverlight • Charting controls (beta) • WPF Toolkit • http://wpf.codeplex.com • Charting controls (beta) • Third party controls (commercial and free) • Charting, diagramming

  16. demo Silverlight Charting Controls

  17. Building Custom Visualisations • ItemsControl • Selector • ListBox • MultiSelector • ItemTemplate / ItemTemplateSelector • ItemsPanel / ItemContainerStyle • INotifyCollectionChanged • Bindable LINQ

  18. demo Visualising a Collection of Data

  19. Summary • Silverlight and WPF data binding is completely different to VB or Windows Forms • Bind sizes, colours, positions, transforms, visibilities • IValueConverter • DataTemplate • ContentTemplateSelector / ItemTemplateSelector • Use panels to perform layout • ItemsControl > ItemsPanel / ItemContainerStyle

  20. Call to Action • A meaningful visual display is a great way to put information in front of users • Display information, not just data • It is now affordable to be able to visualise your data your way • Writing simple visualisations is a matter of hours rather than days • But be realistic – embrace “good enough” • Data visualisation is the killer application for Silverlight and WPF

  21. question & answer http://hestia.typepad.com/flatlander/ http://www.mindscape.co.nz/ ivan@hestia.cc ivan@mindscape.co.nz

  22. Required Slide Speakers, TechEd 2009 is not producing a DVD. Please announce that attendees can access session recordings at TechEd Online. Resources • www.microsoft.com/teched Sessions On-Demand & Community • www.microsoft.com/learning • Microsoft Certification & Training Resources • http://microsoft.com/technet • Resources for IT Professionals • http://microsoft.com/msdn Resources for Developers

  23. Required Slide © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

  24. video Video Title

  25. customer Customer Title Name Title Company

  26. demo Demo Title Name Title Company

  27. partner Partner Title Name Title Company

  28. announcing Announcement Title

  29. PowerPoint TemplateSubtitle color • Set the slide title in “title case” and subheads in “sentence case” • The subhead color is defined for this template as the fourth font color from the left • Font Size Requirements • Main bullet points must not be smaller than 24pt • Do NOT use any font size lower than 20pt • Set subhead to 36pt or smaller so it will fit on a single line • Turn off Auto Resizing on all text boxes

  30. PowerPoint Guidelines • Font, size, and color for text have been formatted for you in the Slide Master • Use the color palette shown below • See next slide for additional guidelines • Hyperlink color: www.microsoft.com Sample Fill Sample Fill Sample Fill Sample Fill Sample Fill Sample Fill Sample Fill Sample Fill Sample Fill Sample Fill

  31. Instructions on Color Readability • Colors are brighter when projected, so contrast and readability are diminished Use black or dark gray text only on these colors Sample Sample Use white text only on these colors Sample Sample Sample Sample Sample Sample Sample Sample

  32. Slide for Showing Software Code Use this layout to show software code The font is Consolas, a monospace font The slide doesn’t use bullets but levels can be indented using the “Increase List Level” icon on the Home menu To use straight quotes " instead of smart quotes ”, do this: Click on the Office Button in the upper left corner At the bottom of the menu, choose PowerPoint Options From the left pane, select Proofing Click on the AutoCorrect Options button Select the AutoFormat As You Type tab, and deselect “Straight quotes” with “smart quotes”. Then Click OK.

  33. Table Format

  34. Bar Chart Example

  35. Pie Chart Example

  36. question & answer

  37. Required Slide Speakers, TechEd 2009 is not producing a DVD. Please announce that attendees can access session recordings at TechEd Online. Resources • www.microsoft.com/teched Sessions On-Demand & Community • www.microsoft.com/learning • Microsoft Certification & Training Resources • http://microsoft.com/technet • Resources for IT Professionals • http://microsoft.com/msdn Resources for Developers

  38. Required Slide Speakers, please list the Breakout Sessions, TLC Interactive Theaters and Labs that are related to your session. Related Content Breakout Sessions (session codes and titles) Interactive Theater Sessions (session codes and titles) Hands-on Labs (session codes and titles) Hands-on Labs (session codes and titles)

  39. Required Slide Track PMs will supply the content for this slide, which will be inserted during the final scrub. Track Resources Resource 1 Resource 2 Resource 3 Resource 4

  40. Required Slide © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

More Related