Dreaming. Designing. Developing. A world of creative possibilities.™




HP SmartCenter

HP SmartCenter
Client:
Hewlett-Packard Company
Employer:
frog design inc.
Target:
WPF
Delivery:
XAML + C#

Jointly worked with HP to develop SmartCenter, an XBAP application built with .NET 3.0 and Windows Presentation Foundation. HP SmartCenter is a new customizable user interface that is the home page of quick links and favorite applications for the HP TouchSmart IQ770 PC, the industry's first all-in-one PC based on Microsoft Windows Vista Media Center that provides users with touch-screen access to information, communication, and entertainment.

Project Highlights

  • Developed a next generation application, for Windows Vista, using the .NET Framework 3.0 and Windows Presentation Foundation.
  • Implemented UI designs in XAML and C# using Visual Studio 2005 and .NET 3.0.
  • Developed a high visual fidelity prototype to provide the HP development team with the overall architecture and UI classes for the application.
  • Provided a rich user experience with custom control styles for styling standard Windows controls and control animations.
  • Developed a custom image button class to animate a 3D water ripple behind the button when the user "clicks" the button via a touch screen.
  • The HP TouchSmart IQ770 PC and SmartCenter application is currently available for viewing at your local Best Buy and other electronic stores.

Technologies & Skills Used

  • .NET Framework 3.0
  • Windows Presentation Foundation (WPF)
  • XAML
  • C#
  • Microsoft Visual Studio 2005
  • Microsoft Expression Blend
  • Windows XP
  • Windows Vista Beta

Screenshots

  • HP TouchSmart IQ770 PC

    HP TouchSmart IQ770 PC

  • HP TouchSmart IQ770 PC

    HP TouchSmart IQ770 PC

  • SmartCenter Homepage

    SmartCenter Homepage

  • Water Ripple Animation

    Water Ripple Animation

  • Visual Focus Style

    Visual Focus Style

  • Button Animation

    Button Animation

  • Add Applications

    Add Applications

  • Program Customization

    Program Customization

  • Arrange Programs

    Arrange Programs

  • SmartCenter Options

    SmartCenter Options

  • SmartCenter Themes

    SmartCenter Themes