2. 2 Building Data Visualization Applications with the Windows Presentation Foundation and SilverLight Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

3. 3 Abstract: This session is heavily demo-focused to accentuate how the power of the Windows Presentation Foundation (WPF) can be used to visualize data. WPF is the next-generation presentation sub-system for Windows. It provides developers and designers with a unified programming model for building rich Windows smart client user experiences that incorporate UI, media, and documents. WPF uses vector-based graphics rendering, which results in better graphics and presentation for an application. WPF also has other features such as layout, styling, and data binding, which, when you mix with interactivity, enables scenarios such as interactive data visualization. When you put all this together, you have a unified API for various presentation components, such as 2D and 3D documents and declarative programming through XAML, which is a powerful platform for data visualization that can be used to really “light-up” your enterprise applications.

4. 4 About… InterKnowlogy (www.InterKnowlogy.com) ● Custom Application Development / Consulting / Software & Systems Engineering Firm headquartered in Carlsbad, CA ● Design, Architect, Build and Deploy Enterprise Class Applications ● Industry Experts: Most of the employees are published Microsoft.NET Application development since 2000! Microsoft.NET Smart Client pioneers / industry leaders Information Worker Solutions (VSTO & SharePoint) Integration / Messaging, B2B / B2C, Wireless / Mobility Leading Edge: Surface, WPF, Silverlight, SharePoint, OBA, Surface Cutting Edge Solutions on emerging Microsoft technologies Largest Client: Microsoft

5. 5 Data Visualization: WPF & XAML…and Silverlight Session Objective: To get you excited by showing you “what you can do” so that you start doing it. Why you need Rich Client Applications Smart Client Technology Roadmap Session Objectives And Agenda Demos, demos, demos!...

6. 6 The Scripps Research Institute: C-me Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

7. 7 The Scripps Research Institute: C-ME WPF Smart Client for SharePoint 2007 Collaborative Client 2D & 3D views at a molecular level Leverage the collaborate environment of SharePoint 2007 Provide data in the context of the project not in the context of it’s storage Allow users to drag and drop data into the context of the project Smart client then handles the display & annotations of the underlying storage Allow user’s to add ad-hoc information

8. 8 3D with WPF Check out the method level support for Rotation This is why you should have paid attention in high school calculus..

9. 9 How the 3d WPF Works…

10. 10 What the heck is XAML? Separates the front-end from the back-end Simple declarative programming language suitable for constructing and initializing.NET Objects Usually the most concise way to represent user interfaces (or other hierarchies of objects) Doesn’t need a compile to render The language that almost all WPF related tools emit

11. 11 XAML Demos

12. 12 WPF – News Readers

13. 13 WPF CRUD – Avalon Patient Monitoring.

14. WPF FAQ 1. Does WPF enable me to do something I couldn’t have done before? No. Unless you factor in time & money… 2. Is DirectX dead? No. It is more applicable to advanced 3D developers writing hard-core “twitch” games. 3. Are Winforms dead? No. …but it will not be advanced; the last version was 2.0 in.NET 2005. WPF / Winforms Bastardization Windows 98 Supports WinForms 4. Does WPF run better on Vista than on XP? Yes. 3D objects only get anti-aliasing on Windows Vista or Later Non-rectangular windows only get hardware acceleration on Vista. Vista has a driver model that helps with resource contention

15. 15 – ChartFX Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

16. 16 RadControls for WPF CTP Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

17. WPF – how does it work? Built on Top of Direct 3D Converted to 3D triangles, textures and other Direct3D objects & then rendered by hardware Benefits of hardware acceleration & performance due to work being off-loaded to GPUs (unlike GDI based systems) Ensures the maximum benefit of new hardware and drivers Software rendering pipeline as fallback

18. 18 Simulating the "design to dev" WPF experience with Expression Designer and Expression Blend

19. Why WPF? The GDI & USER subsystems were introduced in Windows 1.0 in 1985 OpenGL – Early 90s DirectX – 1995 Goal: Overcome the limits of GDI+ & USER with the productivity of Windows Forms

20. 20 WPF 3D Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

21. 21 3D Collaborator Technologies used Rendering Autodesk DWF Toolkit (C++ library) Custom DWF C++/CLI (Managed) wrapper C# WPF 3D rendering User interface Built using WPF XAML skin

22. 22 WPF Vision Unified approach to UI, Documents, and Media Integration as part of development and experience Integrated, vector-based composition engine Utilizing the power of the PC throughout the graphics stack Declarative programming Bringing designers directly into application development Ease of deployment Allowing administrators to deploy and manage applications securely

23. 23 Welcome to the Surface PAC!

24. Vision Instead of a PC on every desk, now every desk becomes a computer. Microsoft Confidential – Not for Distribution

25. 25 History of Surface The first prototype is presented to Bill Gates A dedicated group is formed, and more than 85 prototypes are developed Microsoft Surface is unveiled to the world The concept of an interactive table is born The look and feel of Surface is finalized Microsoft Confidential – Not for Distribution

26. Mission Change the way people interact with digital information by freeing consumers from the boundaries of today’s technology. Microsoft Confidential – Not for Distribution

27. 27 VitruView Gold Certified Partner www.InterKnowlogy.com InterKnowlogy’s VitruView is a Microsoft Surface 3D Application. It is based on a prototype we built for InterMountain Healthcare – one of the leaders in technology for the healthcare industry. It leverages 3D digital models from Zygote. Zygote is the world’s leader in 3D anatomical modeling and textures. You can see a video of the functionality of the application here: http://silverlight.interknow logy.com/Videos/VitruView /default.html

28. 28 VitruView

29. Interactive experiences for devices, PC, & Mac platforms (and others…) Strict subset of Windows Presentation Foundation Lightweight download Programming model uses XAML + JScript Access to WPF tooling Lightweight WPF runtime OK LightBlue WPF-based Tools

30. 30 Silverlight – InterKnowlogy Demos: iZoofari: The San Diego Zoo Photo Stakr – Wish 43 - Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

31. 31 Silverlight – Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

32. 32 Paradigm shifting software for visual decision making Software that bridges the gap between design, engineering, and marketing Deliver easy to use, compelling visualization solutions for everyone For more information contact: Ken Preslo Vice President of Strategic Alliances 310-701-7442

33. WPF will be a first class Silverlight host Web + Desktop Scenarios: Silverlight as cross-platform content viewer for WPF Application Silverlight as scaled down WPF application WPF as offline Silverlight Companion application with light- up on desktop Single source control for both web and desktop Same tools, designers, code, markup, … XBAP for richer browser-hosted applications

34. 34 Where to go next Windows Presentation Foundation Unleashed (WPF) by Adam Nathan, Daniel LehenbauerAdam NathanDaniel Lehenbauer Essential Windows Presentation Foundation (WPF) by Chris AndersonChris Anderson

35. 35 Where to go…soon… Windows Presentation Foundation A Scenario-Based Approach by Billy Hollis “Early April…I hope…” B. Hollis, 12/7/07 “October…” B. Hollis, 6/3/08

36. Tim Huckaby, InterKnowlogy More info on InterKnowlogy: www.InterKnowlogy.com Contact me: Tim Huckaby E-mail : TimHuck@InterKnowlogy.com or v-TimHu@Microsoft.comTimHuck@InterKnowlogy.comv-TimHu@Microsoft.com Phone: 760-444-8640 Blog : http://blogs.InterKnowlogy.com/TimHuckaby About Tim Huckaby CEO, InterKnowlogy Microsoft ® Regional Director – Southern California Microsoft ®.NET Partner Advisory Council Founder / Member Microsoft ® MVP -.NET Microsoft ® Surface Partner Advisory Council INETA Speaker – International.NET Users Group Association Windows and.NET Magazine Advisory Board Member.NET Developers Journal Magazine Advisory Board Member Author / Speaker

37. 37 Free professional edition of Xceed’s Datagrid for WPF v. 2.0 Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP TimHuck@InterKnowlogy.com The first 100 people who register by Emailing: tech-ed08@xceed.com.tech-ed08@xceed.com We need the following information to register them First / Last Name Phone Number Corporate Email Address (Gmail, Hotmail etc. Cannot be used) Mailing address Company Name (Optional)

38. Deadlines & Resources Thank you for committing to speak at Microsoft’s premier event for IT Professionals and Developers. Below is important information regarding your participation as a speaker for TechEd 2008. Important Content Deadlines – submit via www.msteched.comwww.msteched.com April 10 Upload outline and PPT draft Apr 10–May 25 Content Review Process (dry run, speaker training, etc.) May 29 Presentations locked and final submitted -TechEd Developer. Additional changes must be brought onsite. Slide Design Resources at www.msteched.comwww.msteched.com Graphics and Images Library (pictures of arrows, devices, people) Books, Webinars, Websites, and much more to help you build a great deck Licensing information for any third-party photography or art must be submitted with the PPT Points of Contact Direct presentation questions to Tespeakr@microsoft.comTespeakr@microsoft.com Direct content questions to your Track PM: www.msteched.comwww.msteched.com This template is designed for use with Office PowerPoint 2007. This template is set to print in color or grayscale, not black and white.

39. 39 Speaker instructions: Complete this slide to assist your SME (subject matter expert) in evaluating your presentation flow, topic coverage, demo integration and alignment of content to your session description and level. Presentation Outline (hidden slide): Title: Technical Level: Intended Audience: Objectives (what do you want the audience to take away from this session): 1. 2. 3. Presentation Outline (including demos):

40. Scrub Checklist After your presentation is locked, the scrub team will finalize your deck and published it to CommNet 48-hours prior to your session. Apply template – backgrounds, colors, positioning, font Verify that required slides are included Remove any non-template logos and graphics from the walk-in slide Correct session title and session code to match session guide Set titles to Title Case and correct widows (widows = single word spilling over to a new line) Replace transition slides with template transition slides Set subtitles to subtitle color, size, and sentence case Correct all type for consistent shadowing Set bullets to template Set software code samples to template code format Correct template application issues as time allows Correct Microsoft product names to follow corporate branding rules Correct misspelled words Remove all comments, hidden slides and speaker notes from slides Set file properties box Set printability in grayscale If time allows, correct slides for readability and consistency If time allows, correct grammar and correct copy to Microsoft style Notify Presentation Manager of any images identified as unlicensed for escalation

41. 41 Video Title

42. 42 Customer Title Name Title Company

43. 43 Demo Title Name Title Company

44. 44 Demo Title Name Title Company

45. 45 Partner Title Name Title Company

46. 46 Announcement Title

47. 47 PowerPoint Template Subtitle color Example of a slide with a subhead Set the slide title in “title case” Set subheads in “sentence case” Generally set subhead to 36pt or smaller so it will fit on a single line The subhead color is defined for this template but must be selected; In PowerPoint 2007, it is the fourth font color from the left

48. 48 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.comwww.microsoft.com Sample Fill

49. 49 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: 1.Click on the Office Button in the upper left corner 2.At the bottom of the menu, choose PowerPoint Options 3.From the left pane, select Proofing 4.Click on the AutoCorrect Options button 5.Select the AutoFormat As You Type tab, and deselect “Straight quotes” with “smart quotes”. Then Click OK.

50. 50 Table Format Table Title Column 1 Column 2 Column 3 Column 4 Column 5

51. 51 Bar Chart Example

52. 52 Pie Chart Example

53. 53

54. 54 Notes In addition to the Walk-in and Title slides, the following slides are required Please add your content and include these in your final presentation NEXT:

55. www.microsoft.com/teched Tech·Talks Tech·Ed Bloggers Live SimulcastsVirtual Labs http://microsoft.com/msdn Developer’s Kit, Licenses, and MORE! Resources for Developers

56. Related Content Hands-on Labs (session codes and titles) Interactive Theater Sessions (session codes and titles) Hands-on Labs (session codes and titles)

57. Resource 1 Resource 2 Resource 3 Resource 4 Track Resources

58. Complete an evaluation on CommNet and enter to win! 1 Year Subscription!

59. 59 © 2008 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.