Tangerine — WPF Exemplar

Ed Blankenship
EdSquared
Published in
3 min readSep 10, 2007

It’s been a while since I last blogged something but that’s because I’ve been hard working on our latest exemplar at Infragistics. It’s a WPF “reference application” and is released…. RIGHT NOW! So if you want to learn some good techniques about including a WPF application in an enterprise realm, take a look at Tangerine!

It’s available both as a ClickOnce deployment, or if you really want to dig in, head to the Full Source Code and documentation download.

Learn Windows Presentation Foundation and NetAdvantage for WPF

Use Tangerine, our first exemplar for WPF, to not only learn WPF and NetAdvantage for WPF but also to learn good practices for enterprise application development across the board. This solution provides a full application, including complete source code, as well as several accompanying papers to help guide you in your application development. In addition to using it as a learning tool, the solution has been architected in such a way as to make it easy for you to reuse it in your own development, either in whole or in part.

Tangerine v1.0 is a WPF-based asset browser application. It has a pluggable architecture so that you can provide any number of different back-end asset providers while reusing the same snazzy UI that’s based on Infragistics NetAdvantage for WPF toolset. In our first release, we have supplied an Amazon Web Services’ E-Commerce Service provider so that you can use the application to browse and search the Amazon.com catalogue. You can use the links below to both run the application (via ClickOnce deployment) now or download the solution and papers.

To learn more about the solution, check out Introducing Tangerine, which describes the tools we used to build Tangerine as well as an overview of the accompanying papers.

We’ve got quite a few exciting things and a number of solutions to problems solved. We’ve also included 6 white papers to help you learn a little more about the project…

Delve into Tangerine

The best way to really dive into Tangerine is to go ahead and download the complete solution so that you can explore the code. However, for your convenience, you can delve into the accompanying papers online.

  • Introducing Tangerine (PDF/XPS) [~1.2 MB] — The best way to get started learning about the solution.
  • Story (PDF/XPS) [~800 KB] — Tells the story of the application’s development, including key decisions and problems solved along the way.
  • Vision & Scope (PDF/XPS) [~410 KB] — The original, unaltered vision & scope document that started the development process that you can use as an example and to get a feel for how the application changed over time. It is an artifact of the application’s development.
  • Requirements (PDF/XPS) [~650 KB] — The original, unaltered requirements document that can be used as an example of how to do scenario-based requirements w/o falling into the rut of prescribing an implementation. It is another artifact of our development.
  • Architecture (PDF/XPS) [~700 KB] — An architectural overview of the solution — a good starting point before delving into the code.
  • Perspectives on WPF (PDF/XPS) [~370 KB] — Discusses learning WPF from the viewpoint of different developer/designer roles.

How about some screen shots? This is the home screen:

Tangerine

This is the “Glance View” which uses the xamCarouselListBox to show of browse or search results in an animated fashion:

Tangerine

Last but not least, this is the “List View” which uses the xamDataGrid to show off the same browse/search results but in a tabular data fashion:

Tangerine

Just want to say thanks to the other members on my team in the User Experience Group and to our GREAT designers in the Visual Design Group! (They’re really awesome by the way. We’ve got 5 now!)

Ed B.

--

--

Ed Blankenship
EdSquared

Product Director at Akeneo | Formerly at Contentful, Algorithmia, and Microsoft in DevOps