Using the Fingering Diagram Builder’s advanced keywork controls

The most recent release of the Fingering Diagram Builder introduces some “shortcut” controls that make it easy to turn certain keys on and off. For example, with a quick check/un-check of a box you can turn on clarinet half-holes or some non-standard keys.

Or, as always, there’s a dropdown list of “key sets” (which I referred to as “presets” in previous FDB versions) to turn on and off the right keys for a complete instrument variant.

“Bass clarinet, pro,” for example, turns on (among other things) the right thumb keys down to low C found on many professional bass clarinets. “Standard Boehm” turns them off.

All of these menu controls work by changing the behavior of the keys present in the instrument diagram. The behavior of each key, or group of keys, can be set to “Always,” “Never,” or “As needed.”

If you have a specific set of keys in mind, you can set the behavior of each key directly. Let’s say I have a fancy new oboe with a left-hand “long” C-sharp key and a left thumb low B key, and I want to make a fingering chart to map out some of the new fingering possibilities. (There’s currently an easy check-box for the left C-sharp, but we’ll ignore that for now to explore the hands-on method.)

I’ll start with the thumb B key. If I open the “Keywork details” section of the menu, and then the “More keywork details” section, I see a long list, partially pictured here.

The last key in the picture is the key I want to use in my fingering chart. Before we go on, notice that its name is aligned all the way to the left, meaning that it is a stand-alone key, not part of a group of keys. A little above it you can see the name “Thumb octave keys,” with four keys below it and indented. “Thumb octave keys” is a group, and the keys listed below it (“First octave key,” etc.) are in that group.

Okay. “Left thumb low B” is currently set to “Never,” which is pretty self-explanatory: the key simply never appears in the diagram.

Setting it to “Always” is also clear enough: the key will be visible all the time, pressed or not. If I set it to “Always” and don’t press any of the oboe keys, here’s what the diagram looks like:

Visible in this image are the six “main” keys, with a little horizontal line visually separating the left hand from the right hand, plus the thumb low B key. All of these are now set to “Always.” The other keys—the octave keys, the little finger keys, etc., are not visible. This particular layout is probably not what I want. Some people like every available key (including the octave keys, etc.) to be visible in every image, but I prefer and recommend showing only the most relevant ones for the particular fingering. The left low B will only be relevant for a specific note or two.

So let’s set that key to “as needed” instead. Since this key isn’t part of a larger group, its “as needed” behavior is easy to understand. When it’s pressed, it appears in the image. When it’s not, it doesn’t. I will still be able to see where the key is while I’m using the FDB, because it will appear in gray outline when I hover over the diagram with my mouse or trackpad, or appear constantly if I’m using a touch device, but it won’t be part of the downloaded image.

If I set it to “As needed” and hover my mouse pointer over the diagram in the FDB, I see this, with the left low B present:

And if I download the image, I see this:

Now let’s turn to the left C-sharp key. Since it is part of a group (“Left little finger keys”) its behavior is a little more complex. Here’s what the group’s behavior settings look like for the “Conservatory” key set:

Several of the keys are set to “Always,” and several are set to “Never.” But the group itself is set to “As needed.” Here’s how that works: if none of those keys is pressed, the FDB determines the group is not “needed,” so none of the keys are visible. But if any of the “Always” keys is pressed, the FDB considers the group needed and makes it visible, including all the “Always” keys within it. (The “Never” keys are still not visible.) So, for example, if I press the “Left E-flat,” I get this:

Only the left E-flat is pressed, but the other keys in the group appear too, to give a little visual context.

So, to make the left C-sharp available, I will set it to “Always.” But when an oboe has a left C-sharp, the left F-key usually gets moved over a little and has a little different shape. So I’m also going to set “Left F” to “Never,” and “Left F (with low C-sharp),” a key designed for this situation, to “Always.” Now I have this (low C-sharp in red, altered left F in yellow):

By setting the behavior of individual keys, you can do just about any combination of keys you can think of. And you can use the “Custom key sets” menu to save your settings for future use.

This system also makes it relatively easy for me to add obscure or unusual keys to the diagrams, and keep them hidden except when people need them for specific purposes. So, if there are keys you would like to have in your images, and you didn’t find them in the “More keywork details” list, let me know and I’ll consider adding them in future versions. It’s extra-helpful if you can send good photos.

Enjoy!

Similar Posts

  • Faculty woodwinds recital, Aug. 31, 2010

    Bret Pimentel, woodwinds
    Kumiko Shimizu, piano

    Faculty Recital
    Delta State University Department of Music
    Recital Hall, Bologna Performing Arts Center
    Tuesday, August 31, 2010
    7:30 PM

    Program

    Syrinx (La flûte de Pan)
    Claude Debussy (1862 – 1918)

    Rapsodie
    Claude Debussy
    ed. Rousseau

    Petite Pièce
    Claude Debussy

    Two pieces
    Claude Debussy
    arr. Jolles/Lucarelli

    1. Reverie
    2. Menuet (from Suite Bergamasque)

    from Children’s Corner
    Claude Debussy
    arr. Prorvich

    1. Jimbo’s Lullaby
    2. The Little Shepherd
    3. Golliwogg’s Cakewalk

    Première Rapsodie
    Claude Debussy Read More “Faculty woodwinds recital, Aug. 31, 2010”

  • Faculty woodwinds recital, Aug. 30, 2011

    Bret Pimentel, woodwinds
    Kumiko Shimizu, piano

    Faculty Recital
    Delta State University Department of Music
    Recital Hall, Bologna Performing Arts Center
    Tuesday, August 30, 2011
    7:30 PM

    Program

    Divertissement for multiple woodwinds and piano
    Sy Brandon (b. 1945)
    World premiere

    1. Intrada
    2. Nocturne
    3. Valse
    4. Marche
    5. Romanza
    6. Galop

    Caprice en forme de valse for alto saxophone
    Paul Bonneau (1918 – 1995)

    Sonata for oboe and piano
    Francis Poulenc (1899 – 1963)

    1. Elégie
    2. Scherzo
    3. Déploration

    Sonata for clarinet and piano
    Francis Poulenc

    1. Allegro tristamente
    2. Romanza
    3. Allegro con fuoco

    Ode to a Toad
    Ray Pizzi (b. 1943)
    Read More “Faculty woodwinds recital, Aug. 30, 2011”

  • Best practices for accidentals in online music writing, and introducing jQuery Accidentals

    In an ideal world, you see five musical symbols here:

    flat natural sharp double-flat double-sharp

    But, depending on the device you are using to read this, you may notice one of these problems:

    • None of the symbols show up properly: they are either missing or replaced with squares, diamonds, question marks, or some other “placeholder” symbol.
    • The flat, natural, and sharp appear properly, but the double-sharp and double-flat are missing or placeholders.
    • The symbols don’t quite match each other—they appear as though they come from different fonts.

    And for the blogger or other online writer, there is an additional problem: these characters aren’t easily typed from a keyboard. Using them means copy-and-pasting or remembering obscure numeric codes. And then you hope that your readers’ devices can display them.

    So, for most situations, some kind of text substitution is made. Two styles are fairly common:

    • Spelling out the symbols in words, such as “A-flat.”
    • Using a “close-enough” character, such as “A#” (pound sign, number sign, or hash) or “Bb” (lower-case B).

    Using words is my preferred method, since using “#” and “b” is semantically incorrect, garbles the meaning for non-visual browsing devices (such as screen readers for the blind), isn’t compatible with all fonts (such as those that don’t have a clearly-differentiated upper- and lowercase B), and can be ambiguous:

    • “Today I did my patented Ab Workout. It’s basically all the major and minor scales starting from Ab.”
    • “Today I did my patented Ab Workout. It’s basically a bunch of sit-ups.”

    Thus, I recommend this usage: “A-flat,” “B-natural,” “C-sharp,” “D-double-sharp,” “E-double-flat.” Note the hyphens (with no spaces), and the lower-case accidental names (even for titles: Sonata in D-flat).

    This solves the major issues of typing and reading the accidentals in an onscreen situation, but leaves us with a rather inelegant and typographically boring representation of the true musical symbols. This would be intolerable for print media, and, as screen text steadily replaces print text, a better solution is required. Here are some possible scenarios (warning—a little technical): Read More “Best practices for accidentals in online music writing, and introducing jQuery Accidentals”

  • Creating fingering charts with diagrams from the Fingering Diagram Builder

    My Fingering Diagram Builder has been around for a little over five years now. I was careful to name it the Fingering Diagram Builder instead of the Fingering Chart Builder because it is a tool for creating individual diagrams, not for assembling them into comprehensive fingering charts. But the difference can be a little confusing, so I get frequent questions from users who complain that they can’t figure out how to create and download a “chart” with multiple fingerings on it.

    The reason I didn’t try to build a complete system for creating fingering charts is that I assumed users would have widely-varying needs, and would do better to assemble charts using some other kind of software. Here are a few examples of how that might be done, using music notation software, using a word processor, and using a text editor to create HTML code (such as for a website). All the software I’m using here is free to download on Windows, Mac OS, and Linux, but whatever free or commercial programs you are already using probably have similar features. You’re on your own to work out the details (and feel free to share them in the comments if you are feeling helpful).

    Creating a fingering chart in music notation software

    I am using MuseScore here, but commercial software like Finale and Sibelius and other free software like LilyPond could be used in similar ways.

    First I set up a musical “score” with the notes for the chart. I used whole notes, separated by double bar lines, but that’s up to you.

    MuseScore setup

    Next I created my fingering diagrams in the FDB. I sized the diagrams “tiny” with “thick” lines.

    Adding the diagrams to the score is very simple in MuseScore—I just dragged the downloaded diagrams from my file manager right onto the score. If I drag the diagram and hover it on top of a note, that note gets highlighted. Then I can release the diagram and it attaches to the note.

    musescore-drop

    Initially the diagrams are placed right on top of the note. I selected the diagrams and used the Inspector panel to give them a horizontal offset of -2.5sp and a vertical offset of -10.5 sp, which moved them above the staff, more or less centered above the noteheads. I adjusted the A and tenor B-flat fingerings’ horizontal offsets a bit more to make them look just right.

    Here is the finished product, a small chart with a few bassoon fingerings:

    bassoon-fingering-chart-sample

    Creating a fingering chart in word processing software

    I am using LibreOffice Writer, but something like Microsoft Word or Apple Pages would work just as well.

    First I opened a new document and inserted a table. My table has three rows and seven columns.
    writer-table

    Then I dragged the downloaded diagrams from my file manager into the bottom row of the table.

    writer-diagrams

    I merged some cells together, dragged in some images of notes on staves, and added some text.

    writer-complete

    A few more little tweaks and here is the finished chart:

    clarinet-fingering-chart-sample

    Creating an HTML fingering chart in text editing software

    This code be used in any text editor or HTML source editor, and of course similar results could be accomplished with a visual/WYSIWYG editor. I’m not showing complete code here, just the most relevant parts.

    I started with a framework for a table that I could use to show a note with two alternate fingerings. (This is a flute fingering chart with horizontally-oriented diagrams. For an instrument with vertically-oriented diagrams, you may want to rearrange things a bit.)

    <table>
      <tr>
        <th rowspan=2><!— note image here —></th>
        <td><!— first fingering image here —></td>
        <td><!— first fingering text here —></td>
      </tr>
      <tr>
        <td><!— second fingering image here —></td>
        <td><!— second fingering text here —></td>
      </tr>
    </table>
    

    Then I plugged in <img> tags and text:

    <table>
      <tr>
        <th rowspan=2><img src="images/f-sharp-note.png" /></th>
        <td><img src="images/f-sharp-standard.png"</td>
        <td>Standard</td>
      </tr>
      <tr>
        <td><img src="images/f-sharp-trill.png"</td>
        <td>Trill from E</td>
      </tr>
    </table>

    I duplicated that code for additional notes. Since this is a sample alternate/trill fingering chart, each note has at least two fingerings. For notes with more fingerings, I added <tr>s and changed the rowspan values accordingly.

    I also added a little CSS to spruce things up:

    <style>
      table {
        display: inline-block; /* make tables wrap gracefully depending on screen width */
        margin: 1em; /* put some space between tables for legibility/clarity */
      }
      th img {
        max-width: 8em; /* manage size of note images */
      }
    </style>

    Here is the result:

    flute-fingering-chart-sample

    I hope that sparks a few ideas for you if you are considering putting together a fingering chart. If you have other methods or tips, please share in the comments section!

  • Three Fingering Diagram Builder tutorials

    Back in the olden days (2002), I wrote a paper for a college class on Rahsaan Roland Kirk’s simultaneous playing of clarinet and saxophone on “Creole Love Call” from the 1967 album The Inflated Tear. (When I started up this blog, the paper retroactively became a blog post.) In my paper, I included two fingering charts—one for right-handed clarinet, one for left-handed saxophone—that I thought looked pretty good and only took me a few hours to make. Ah, how young I was.

    Right-handed clarinet fingering chart. Click for larger.
    Left-handed saxophone fingering chart.

    Clearly, the time has come to update these sad old charts, and the Fingering Diagram Builder makes it fast, easy, and, dare I say it?—fun. I’ll show you how it’s done, using three particularly cool features (if I do say so myself) of the FDB. We will take a look at the FDB’s custom styles, custom keywork presets, and Dropbox integration.

    Custom styles

    For now, my plan is just to create enough diagrams to replace the ones in these old fingering charts—just the fingerings I figure Kirk must have used. But I don’t think Rahsaan would want me limiting myself to just those fingerings in the future. I’d better set up this project in such a way that I can come back later with new one-handed fingerings I’ve discovered, and add them to the charts with a minimum of fuss.

    The problem is that, what with the FDB’s highly customizable diagrams, I may not remember tomorrow whether the ones I made today have lines that are “medium” or “thick” or “heavy,” or whether I sized them “small” or “tiny,” or whether I was saving the diagrams as .PNG files for onscreen use or .TIF files for better printed results. The FDB does, of course, remember my current settings between sessions all on its own, but I like to work on several projects at once (Rahsaan would approve, I think) and I’ll use the FDB’s “custom styles”  to keep each project’s configuraton a click away. Here’s how:

    1. First I will set up things just the way I want them. Currently, settings that can be saved as part of a custom style are: diagram size, line thickness, color, file naming procedure (let the FDB name them automatically, or specify each filename myself), file format, save-to location (my computer or my Dropbox), and, if I’m using Dropbox, which folder to save the files in.
    2. Once everything is just right, I’ll click over to the “Custom styles” tab in the FDB’s menu to review my choices, and select which ones I want to save.

      As you can see, I’ve set the diagrams to be small, heavy-lined, colored in gray, .PNG-formatted, and saved to Dropbox in a folder called “kirkismyhero.” I have un-checked the box for “File naming,” since I don’t want the FDB to remember that for my purposes on this project—I’ll just go ahead and use whichever system I’m already using that day.
    3. I’ll type in a name (“kirk project”) for my custom style, and click the “Save current settings” button (or press Enter).

      I’m done—that’s all there is to it. In the future, whenever I want to create more diagrams like the ones I’m making today, I can just go to the “Custom styles” tab and click on “kirk project.”

    Read More “Three Fingering Diagram Builder tutorials”

  • Report: Clarinet Academy of the South 2011

    Coaching on the Poulenc Sonata with Dr. McClellan. Photo by John Coppa.

    I’m back from the Clarinet Academy of the South, a weeklong series of masterclasses by Robert DiLutis and D. Ray McClellan. The “Academy,” in its inaugural year, was held at the lovely campus of my recent alma mater, the University of Georgia. Dr. McClellan is the clarinet professor at UGA, and a former member of the President’s Own Marine Band. Mr. DiLutis is the clarinet professor at Lousiana State University, and formerly of the Rochester Philharmonic and the Eastman School of Music.

    Around two dozen clarinetists attended. Most were college or graduate-school clarinet students, but there were also some professionals and educators. Many were current or former UGA or LSU students, and some were newly-admitted students looking to get a leg up for the fall.

    Although the attendees found time to socialize, explore the campus, and try some favorite local eateries, the overall tone of the camp was studious. Each day’s itinerary began with practice time at 8:00 A.M., and finished after three intensive masterclass sessions at 9:00 P.M. Most of the attendees stayed in inexpensive and convenient on-campus housing.

    Some highlights of the week included an opening recital by Mr. DiLutis and Dr. McClellan, sessions on reed adjusting and reedmaking by Mr. DiLutis, a class on phrasing by Dr. McClellan, a mock orchestral audition, and sessions dedicated to the Mozart concerto and the Nielsen concerto. Read More “Report: Clarinet Academy of the South 2011”

2 Comments

  1. I’ve been looking for help on how to actually use the half hole features in the diagram builder. I’ve created my custom key sets, with certain half-hole settings set at “as needed,” but now that I actually need to create a diagram with a half hole, how do I do it? I still get all or nothing (black, press it; white, don’t press it).

    Love this site! Thanks in advance to anyone who answers.

Leave a Reply

Your email address will not be published. Required fields are marked *

Comments that take a negative or confrontational tone are subject to email and name verification before being approved. In other words: no anonymous trolls allowed—take responsibility for your words.

This site uses Akismet to reduce spam. Learn how your comment data is processed.