This simple interactive webpage was designed as a hands-on tool for exploring chords and keys, their complex relationship to each other, and to the layout of the guitar fretboard (in alternate tunings) and the harmonica (in the various keys in which it comes). It is a small package (130K), written entirely in HTML and Javascript. Because not all browsers support Javascript - and when they do, they translate its commands in different ways - this program may not work on your machine. The version that you have here works on Netscape Navigator Gold (3.03). The program was originally written to run on the Opera Software's browser (3.0 beta 5 version), which is compatible with Windows 3.1. | |
Read (or print out) the explanation (below) for each of the four frames, and the instructions for using them, or Load the Main Page Now | |
Frame 1: Harp Keys (the upper left hand corner frame) |
Harmonicas come in different keys, and one is not limited to using a harmonica that is in the same key as the song one is playing; in certain circumstances one may want to use a harmonica in a different key. The frame in the upper left hand corner of the main page can help the individual to find at least one alternate-key harmonica that may be used. When the user specifies the key of the song in which he/she wishes to play, two harmonica layouts are displayed in Frame 1. In this frame there are not only diagrams of the harmonica that is in the same key as the song, but also of a harmonica that can also be used, one in a closely related key associated with the 'subdominant' or 'IV' chord of the key that the song is in. [In this frame, choose the key of the song, and click on 'go' to see the display]. Straight Harp: The first schematic displayed in Frame 1 identifies the primary notes (by letter names, such as 'Ab' or 'C') associated with each hole of the harmonica that is in the same key as the song - the numbers in the diagram below this schematic identify the notes by the place they hold in the scale associated with the song's 'key'. For instance, assume that the song is in the key of 'C'. Blowing on the second hole of a harmonica in the key of 'C' results in an 'E' note, which is the 3rd note in the 'C-scale' (C, D, E, F, G, A, B, C) and one of the three notes comprising the 'C-Major' chord (C, E, G). When one uses the harmonica that is in the same key as the key of the song, it is called playing 'straight' harp, and one emphasizes the 'blow' notes (which are all notes in the primary Major chord associated with the key - C-Major, in our example - the 'tonic' chord in the key of 'C'). Cross Harp: But one can also use an 'F' harmonica for a song in the key of 'C' (F-Major is the 'IV' chord, or 'subdominant' in that key). In a song in the key of 'C', the 'F' harmonica is played in 'cross' position, by putting emphasis on the draw notes. The second set of schematics in the upper left hand frame identifies the notes (by their letter names) which one one can get from each hole of the harp when it is played cross-style. The numbers in the diagram beneath this schematic identify the place that the notes hold in the original key, the key that the song is in(which is not the key of 'F' in our example, but rather the key of 'C'). The schematics in this frame were derived from a similar diagram on page 45 in 'The Harp Styles of Sonny Terry', 1975, by Sonny Terry (as told to Kent Cooper and Fred Palmer), Oak Pubications, NY. Oak publications offers another series of blues harp tablature books by Tony Glover, that covers the work of Sonny Boy Williamson, Little Walter, Junior Wells and Jimmy Reed. A more recent book is 'A Sourcebook of Sonny Terry Licks for Blues Harmonica', by Tom Ball, 1995, Centerstream Publishing, Arnheim Hills, Ca 92807, which includes a CD. Common Chords: Scrolling further down the page in the upper left hand frame, one is presented with the notes of each of the seven chords commonly associated with the key chosen by the user: the so-called 'I-major','II-minor', 'III-minor', 'IV-major', 'V-dominant-7th', 'VI-minor', and 'VII-diminished'chords. Guitar Fretboard: Even further down the page in this frame is a diagram of the layout of the fretboard of a guitar when its 6 strings (reading from bass to treble) are tuned, in 'conventional' style, to E A D G B and E respectively. |
Frame 2: Chord Chemistry (the upper right hand corner frame) |
Chord Spellings: In the upper right hand frame of the main page, when the individual selects a particular chord (eg, an 'Ab minor 7th'), by specifying the key ('Ab'), and the chord type ('Minor 7th), the formula for that chord type appears ('1st, b3rd, 5th, and b7th'), and the chord is spelled out ('Ab, B, Eb, F#'). [In this frame, select the key, the chord type, and click on the 'spell' button.] Substitutions: Depending upon which chord you have selected, you may also find synonyms for it in the material displayed in this frame (the Cm6 and Am7b5 chords, for example, have the same notes). Commonly used chord substitutions may also be displayed: 1) The 'relative' major (or minor) chord that is closely related to the chord in question may appear (in certain circumstances it can be used as a substitute for part of the measure in which the original chord appears); and 2) The dominant 7th chords that can be used as substitutes for the chord (by employing the principle behind the progression of chords that is known as the 'circle of fifths') will also appear for quick reference. Minor Scales: Scrolling further down the page in this frame, the relationship between the selected key and various 'minor' scales (and associated chords) is explored. The chord formulas and chord substitution principles utilized in Frame 2 are from guitarist Ted Greene's, Chord Chemistry (1971, Dale Zdenek Publications, Canoga Park, Ca), which discusses these matters in much greater depth than is possible here. |
Frame 3: Simple Transposition (the lower left hand corner frame) |
By specifying an 'original' and 'target' key in the lower left hand frame, you generate two simple lists of notes which you can use to
transpose any note used in the original key to its counterpart in the new key (the latter note appears directly below the former). There is nothing fancy about this display, but the information that it presents can be helpful in making quick calculations. [In this frame, select the 'original' key, the 'target'key, and then click on the 'transpose' button.]
Also appearing (further down) in this frame's display area is information about how the 'major' scales (and associated 'keys') are constructed from the 12 tone 'chromatic' scale. |
Frame 4: Guitar Tunings (the lower right hand corner frame) |
In the lower right hand frame the user can choose to display the fretboard layout of a guitar in one of thirteen alternate tunings - the 'conventional' tuning (= E A D G B E), for instance, or 'open D' tuning (= D A D F# A D). [In this frame, select the guitar tuning, then click on 'go'. To see a larger portion of the fretboard of the guitar, fully open your browser.]
The tunings are ones covered in more detail by Stefan Grossman in The Book of Guitar Tunings , 1972, Amsco Publishing Company, New York. |
A Final Note |
This page was written for a friend who recently became interested in playing the harmonica. It condenses information from a number of books (cited herein), with which it can be used as a companion 'chord calculator' and reference piece. The features that I have built into the program are ones that promised to extend my own understanding of chords and the principles of harmonic progression. My limitations in being able to remember, for example, what notes comprise the key of 'Eb', or what the spelling of an Ab minor 7th chord is - and my lack of capacity to visualize the fretboard of a guitar in 'open-D' tuning,
prompted me to imagine what it would be like to have such information at my fingertips. No computer program can replace hard-earned musical know-how and experience - let alone artistic skill. But, if designed correctly, such a program may provide the individual with ready access to information that can assist in bridging these gaps - especially when the information that is needed is complex yet consistent and highly-structured (ie,
'rule-governed'), as is the relationship between the 12 tones in music.
I must also admit to having had a further ulterior motive in creating the program. Web pages are not typically designed with the purpose of putting powerful calculating-tools into the hands of those who would visit the page. They are often nothing more than elaborate advertisements in which the visitor is seduced, by the promise of 'interaction', to provide valuable marketing information of a personal nature to the page's sponsors. The present web page was written, in part, in order to demonstrate that the technology could easily be used in an interesting alternative fashion, in which control is returned to the page's users, for creative purposes of their own choosing. I wanted to illustrate how this could be done with relatively little effort, on an old (4 MEG) machine, using the comparatively slow 'scripting' languages available to the non-programmer. Imagine what the technical experts and larger organizations could do, if human empowerment was actually their primary goal. As this was my first attempt to write code in either javascript or html, there is no doubt in my mind that the script I have authored is awkward and inefficient. Nonetheless, the program remains a relatively small package (approximately 130K) which operates quickly. It spells 30 chord types in each of 12 keys, locates chord synonyms and subsitutes, and displays a variety of instrument layouts. Most importantly, it provides those of us who have limited experience in spelling out complex chords in unfamiliar keys with a vehicle for navigating the complicated web of paths that exist between the interlocking chords of the twelve keys. It thus has the potential for increasing our capacity to appreciate (and utilize) the subtle structuring principles that underlies chord progressions and musical theory. To construct this page I chose software that is straight-forward, functional, and (whenever possible) free. The simple but elegant 'Hypertext Master 2.5' HTML editor that I used to write the program operated quickly and dependably on the severely limited machine that I was using (a 486, with 4 MEGS of RAM); for non-commercial use it is available free-of-charge from Anarchy Software at "http://www. soton.ac.uk/~mjt495/anarchy/ htmled31.html" . The browser I used for off-line viewing (by 'Opera Software') is a functional, well designed alternative to the more well-known browsers that dominate the marketplace. It was developed by a Norwegian team whose vision it was 'to create an Internet and Multimedia client that can be used by all computer users - including those with older machines and those with physical disabilities.' It indeed was the only browser that worked well on the memory-short 486 and supported JavaScript (although it does so in a somewhat ideosyncratic manner). Information about it is available at "http://www.operasoftware.com" .
The simple 'chord sounder' in frame 6 utilizes the 'Beatnik' sound system available at "www.headspace.com" . You many contact me at "charcoalnblues@geocities.com". The javascript and html programs that comprise this website are the sole property of their author and may not be used by others, in whole or part, for commercial purposes.
|