logo

A Simple Tip That Can Be a Life-Saver at Times -- Dev Logos

Here's a little tip you might find useful if you work in a similar way to me. I know I find it's a life-saver from time to time.

With a few of my customers I use the same kind of environment for development, testing and deployment of applications. At my end there's my development server which has the template/development copy of an application on it. At their end is both a test/UA version and the live version of the application (often, but not always, on the same server but different directories).

The trouble with working with three versions of the application is that they all look the same and you really needs to have your wits about you if you're to avoid making the mistake of testing in the live version. Often the only clue as to which is which is the occurrence of "test" data on the screen and the difference in URLs. It's easy to forget which is which and do something you shouldn't. To exacerbate the problem I often use my own local DNS to setup near-identical URLs that look like www.company2.co.uk/apps/app.nsf. The only difference from the live version being the occurrence of the 2 and it's easy to miss that.

To get round this I've been using a technique whereby I plaster some in-yer-face text over the application's "logo", which lets me know what I'm looking at merely by a quick glance at the screen.

For the sake of example, let's say I have development, test and live copies of the codestore website/database. Here's what the headers for each would look like:

Obviously, you guys, as readers, would only ever see the top version and be non-the-wiser about the others.

To go about this you first need an application to which it can apply. By this I mean that your application (like most?) will comprise of a header area in which there's a "logo" image in the top left. It's this image that you're going to change. In changing it we assume that it will very rarely (if ever) actually change in itself, which I think is a fare assumption.

Once you have your three (still works for two though -- i.e. development and live) versions in place, open up the logo image in a graphics package and write over it in big red letters to let you know which is which. Save these new versions of the logo (name them according to which version they apply e.g: "logo-dev.gif"). You don't need to be a graphics whizz to do this!

Now open all of the sites in Designer mode (even the live one) and disable design updates to the logo image, like so:

Now refresh the logo's Image Resources in each version of the database with the right version of the logo you just created.

And there you have it! An easy way to tell one from the other. Like I say, a life-saver at times.

Comments

  1. Good tip. We do the same thing in the Notes client using a bit of computed text in large, red, bold letters.

    Not only does it say it's a test database but it also has a disclaimer about not relying on data or functionality etc.

    Keith

  2. Yep...a great tip that definitely comes in handy. Like Keith, I usually use computed text in the header to denote which version they are using. Also, if it's a Notes client app, I'll change the colors on the database icon to make identification easier. Great idea to share, Jake.

  3. I also change the CSS for sites to a different color scheme for when I'm doing a load of work on a site. Then the test site will use the corporate scheme with 'test' logo.

    The different color scheme helps me very quickly see I'm working in dev.

  4. We name all of our templates with DEV at the beginning of the title, and set our frameset title formula (or the title element of an HTML form) to be @DBTitle. This way, in dev we always see DEV, and in the live versions we don't.

  5. Add a different favicon to the different dominos. Thats the way we tell out two app servers appart, but that should do the same trick in this case :-)

    On the other hand, such small things won't help you when you are doing something without being 100% there :-)

  6. Good tip, something to consider.

    I have been doing something similar. We add dvlp & test (company standard) to the database titles and depending on the database title containing dvlp or test load a different logo.

Your Comments

Name:
E-mail:
(optional)
Website:
(optional)
Comment:


About This Page

Written by Jake Howlett on Wed 21 May 2008

Share This Page

# ( ) '

Comments

The most recent comments added:

Skip to the comments or add your own.

You can subscribe to an individual RSS feed of comments on this entry.

Let's Get Social


About This Website

CodeStore is all about web development. Concentrating on Lotus Domino, ASP.NET, Flex, SharePoint and all things internet.

Your host is Jake Howlett who runs his own web development company called Rockall Design and is always on the lookout for new and interesting work to do.

You can find me on Twitter and on Linked In.

Read more about this site »

More Content