« Writer | Main | Boycott Thomson Research »

Dynamic Anchors using Javascript and Tinderbox

This entry is a very brief introduction to one of the ways in which I use Tinderbox to enhance my teaching. Tinderbox is an unusual program in that it provides so high a degree of flexibility that at first (and second) glance it isn’t clear how one might even use such software. Tinderbox in many way resembles a database program, but deeper experience with the program reveals the limitations and inaccuracy of such a comparison.

In the spring of 2006, I began seriously exploring Tinderbox’s capabilities and, over time, what I found was a program that could, among other things, help me organize my research, engineer and customize data objects, establish relationships between those data objects, and develop a modular toolset for constructing websites. All of my websites are based on Tinderbox documents, including this blog.

But for the first year or so, my explorations yielded only the simplest of structures, basically a container for a series of notes each representing a discrete HTML page. During this first phase, I studied the relationship between agents, notes, rules, and actions, increasing my understanding of how these objects could be used as the building blocks for other more powerful tools. In the winter of 2008, I overhauled the Tinderbox document I use to administer my course website, rebuilding it so that larger HTML structures—such as divs, tables, and unordered lists—were represented by notes and subelements—such as rows, cells, and list items—were represented by notes nested inside the notes representing the larger, block-level elements. I developed export templates for the required block elements as well as for many subelements. As a result, building and modifying my course websites involves little, if any, tinkering at the level of HTML. I can focus on the overall document I’m editing and not worry so much about formatting. This is especially important when working with so detailed an object as, for example, the daily syllabus for the theory course I am presently teaching.

A few things I would like to point out about the current syllabus for the theory course is that the coding of typographer’s quotes around articles, last-name-first ordering for authors, page ranges for assigments, in-line URLs for downloadable materials, content for the RSS feed, cell formatting to highlight the next meeting, and many other style and structural elements are accomplished by my Tinderbox document.

What's more, the fundamental unit of an assignment on my daily syllabus originates from a bibliographic entry produced by EndNote. First, I select references in EndNote for export. I run a PERL transformation on those exported items which produces a Tinderbox document. I then import these Tinderbox objects into my course Tinderbox document, rearranging and tagging the objects until I have a workable syllabus.

This process is nearly identical to the one I use in my own research. In the next month or so, I will be building a new Tinderbox document to deliver a multimedia object (set of interrelated data) which examines the cultural significance of postmodern zombie cinema, a web-accessible project which will be closely related to a scholarly article whose working title is “Planet Zombie”.

In the following video, I explain how using Tinderbox enables me to enhance my teaching using the web. Unlike a paper syllabus, a web-accessible syllabus can accommodate additions. In the case of this video, I talk about syllabus additions designed to help students understand difficult material covered in class. More importantly, unlike many pedagogical devices which provide students with more information about course readings, this process requires almost no additional effort.

In particular, I use an open-source tool called Skim (without question the best tool for annotating PDFs I have ever used). I use Skim to take notes on the readings and, when I’m done, I export those notes to a text file. I then use a PERL script to transform those notes into a Tinderbox document and I add the resulting objects to my course’s Tinderbox document. I tag these objects and re-export the daily syllabus to the web when I’m finished. The notes I rank three or higher are then published under their respective assignments in initially hidden divs.

Here is the video which explains just a few of the benefits of providing such materials for my students.




Clicking downloads a 21.7 MB file (duration: 5 mins 08 secs).
Please be patient while the file loads
Ctrl/Right-click here to “Save File As . . .”

Comments

Nice post and video. Could you talk a little more about your code side, J. I'm interested in the java side or any other sort of hook. Looking forward to the next installment.

Thanks. What a generous sharing about TB and what a wonderful use of it. Along with your previous sharing about the use of TB in Academia, your work has been very helpful. Great fortune with your project. --Patrick

Great post! I am considering using TB in my work, but I'd love to get my hands on the 2 PERL scripts you mention for exporting.

Good job, Richard

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)