Building Data Visualization Applications with the Windows Presentation Foundation

2. Session Code: WIN313 Building Data Visualization Applications with the Windows Presentation Foundation Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

3. About… • InterKnowlogy (www.InterKnowlogy.com) • Tim Huckaby, CEO - (TimHuck@InterKnowlogy.com) • Custom App Dev / Consulting / Software & Systems Engineering Firm headquartered in Carlsbad, CA • Microsoft Gold Partner managed in SoCal and Redmond • Design, Architect, Build and Deploy enterprise class applications • Industry Experts: • 90% of the company is 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 • Microsoft BizTalk, Web Services, Microsoft Active Directory, Security, SSO, Authorization, Authentication • Cutting Edge Solutions on emerging Microsoft technologies • Largest Client: Microsoft

4. Session Objectives And Agenda 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 Demos, demos, demos!...and “Special Guests”…

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

6. 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

7. WPF SharePoint Enterprise Search demo Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

8. NEUMONT UNIVERSITY • Neumont’s Mission is to provide a professional education that is rich in ideas, current in industry practices, and deep in technological insight from the input of industry leading partners. • Our Industry Partners offer Neumont students exposure to relevant technologies and industry best practices by: • Sponsoring software development Enterprise Projects • Participating in Career Week recruiting events • Contributing to our Industry Advisory Board • Speaking on campus at Industry Perspectives Events Learn more at: www.neumont.edu

9. 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

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

11. http://www.softwarefx.com sales@softwarefx.com wpf@softwarefx.com Chart FX for WPF Software FX, Inc.

12. DataGrid for WPF demo Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

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

14. Telerik at a Glance • One of the leading vendors of tools and components for .NET • Specialized in User Interface with product suites for ASP.NET AJAX, Windows Forms, WPF and Silverlight. • Also know for its innovative Reporting tool and Web Content Management system • Winner of numerous industry awards for product excellence • Winner of renowned business awards like Deloitte “FAST 50”, RedHerring Top 100 (Europe), Best Employer for 2007 (CE Europe) • Microsoft Gold Certified Partner, Visual Studio Industry Partner

15. 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

16. Stock Boids demo Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

17. 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

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

19. 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

20. sb Director Network Applications & Systems Danny Miles and Andrew Novotak Lead UI Software and Design Engineers

21. sb Director UI Design Process Who is IGT ? We specialize in computerized gaming equipment, software, and systems worldwide. We are publicly traded on the NYSE since 1991 We have existed for 26 years as a US-based company with a global vision and offices in every legal gaming jurisdiction worldwide. We have over 720 systems installed worldwide, helping to operate more than 400,000 gaming machines and tables. (5 key traits) Humanistic, Omniscient , Beautiful , Innovative, Enjoyable Luxurious, Soothing, Sleek, Energetic, Warm & Elegant Casino Floor dynamic changes and Analytics Re-Styled Grid, Listbox and Slider CVS Filtering and Data Templates 2D and 3D Visuals (Minimap, Report Flip and EGM Detail Info)

22. International Gaming Technologies sb Director demo Danny Miles and Andrew Novotak, IGT Lead UI Software and Design Engineers

23. sb Director UI Summary • Development • March ‘07 through May ‘07 for CAB/WPF Infrastructure • June ‘07 through November ‘07 for UI Visuals and User Interaction • Team size was 6 to 8 members (up to 4 came from InterKnowlogy) • Over 40 User Controls and Custom Controls combined • Over 35 unique Animations • 328,000+ lines of code • 77,000+ lines of XAML • 251,000+ lines of C# • Nearly 25% of code is XAML • Tools Used (VS 2005 & 2008, Blend, Design, Illustrator, Photoshop) • Other technologies used: WCF, WF and ClickOnce

24. WPF FAQ • Does WPF enable me to do something I couldn’t have done before? • No. Unless you factor in time & money… • Is DirectX dead? • No. It is more applicable to advanced 3D developers writing hard-core “twitch” games. • 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 • 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

25. Silverlight… “WPF Light” Lightweight WPF runtime • 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 WPF-based Tools <XAML> <Button Width="100px"> OK <Button.Background> LightBlue </Button.Background> </Button> </XAML>

26. Silverlight – InterKnowlogy Demos:iZoofari: The San Diego ZooPhoto Stakr –Wish 43 - demo Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP

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

28. 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

29. Synergy with Silverlight • 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

30. Where to go next • Windows Presentation Foundation Unleashed (WPF) • by Adam Nathan, Daniel Lehenbauer • Essential Windows Presentation Foundation (WPF) • by Chris Anderson

31. Where to go…in a few months • 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

32. Tim Huckaby, InterKnowlogy • More info on InterKnowlogy: • www.InterKnowlogy.com • Contact me: Tim Huckaby • E-mail: TimHuck@InterKnowlogy.comor v-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

33. Free professional edition of Xceed’sDatagrid for WPF v. 2.0 The first 100 people who register by Emailing: 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) Tim Huckaby CEO, InterKnowlogy Microsoft RD & MVP TimHuck@InterKnowlogy.com

34. Video Title video

35. Customer Title customer Name Title Company

36. Demo Title demo Name Title Company

37. Demo Title powered by demo and Name Title Company

38. Partner Title partner Name Title Company

39. Announcement Title announcing

40. PowerPoint TemplateSubtitle 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

41. 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

42. 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.

43. Table Format

44. Bar Chart Example

45. Pie Chart Example

46. Q & A

48. Related Content Hands-on Labs (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)

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