Shellsort Storyboard

5 replies [Last post]
shaffer
shaffer's picture
Offline
White BeltYellow BeltGreen BeltRed BeltBlack Belt
Joined: 2009-05-28
Posts:
Points: 2019

To demonstrate what I have in mind when I talk about "the Storyboard", here is a demonstration topic. This is meant to be a detailed description for a hypertextbook topic, including the text and graphics and a "slideshow" of the visualizations and interactive components.

I have been trying out different technologies with which to do storyboard implementation. If you have suggestions, please let me know. After a couple of different attempts, I have currently settled on creating the storyboard example framework and text in HTML/PHP, the activities and presentations in Powerpoint, and using GoogleDocs to let me embed Powerpoint translations into the HTML page.

Here are the files:

Original: A .docx file that is a sraight-up (almost) reproduction of how this section appears in my textbook, including images. Just as a reference for what a textbook presentation might look like.

Draft Storyboard: A .docx file that contains a "draft" style storyboard. It is essentially the textbook version, with sections marked as needing to be replaced with an AV, or description for an activity or exercise that should be added. This is what someone might create as a first pass for the storyboard when one doesn’t want to go to the effort of doing the full-scale version that comes next.

"Fullscale" Storyboard: This is an HTML/PHP page with embedded Powerpoints to describe and prototype three interactive parts.

 See here for an implementation of the Shellsort performance activity

archie
archie's picture
Offline
White BeltYellow BeltGreen Belt
Joined: 2009-06-10
Posts:
Points: 21
Re: Shellsort Storyboard

Thanks for the first storyboard. Maybe we should list several other similar pages to have a starting point to characterize better what would constitute a good storyboard. Your version reminds me the following Binary Heap tutorial freely availabe in AlgoViz:

http://algoviz.org/node/1216

 

In addition, I recall that Tom Naps has written a graph tutorial similar to this, which was accompanied with TRAKLA2 and JHAVÉ exercises. Unfortunately, that requires an account to TRAKLA2. Which leads to a question how to allow "open access" to most of the stuff even though I want to use the hypertextbooks for summative evaluation. I.e., there should be two versions: 1) one that everybody can access without any registration, and 2) one that requires (single) sign-in in order to grade students (i.e., automatic assessment similar to TRAKLA2 exercises).

 

However, there must be other stuff and features as well. Maybe even covering topics that we are not interested in, but showing some spectacular way to do it. Is this a correct thread to list those examples (or do you want to focus on this Shellsort example)?

shaffer
shaffer's picture
Offline
White BeltYellow BeltGreen BeltRed BeltBlack Belt
Joined: 2009-05-28
Posts:
Points: 2019
Re: Shellsort Storyboard

Which leads to a question how to allow "open access" to most of the stuff even though I want to use the hypertextbooks for summative evaluation. I.e., there should be two versions: 1) one that everybody can access without any registration, and 2) one that requires (single) sign-in in order to grade students (i.e., automatic assessment similar to TRAKLA2 exercises).

Yes, if there is a "quiz" to be given with a module for a grade, obviously the student has to be identifiable, the result needs to be collected and transmitted to the instructor, and most relevent here, the contents of the quiz probably need to be protected from viewing in advance. All of which has to be supported by the assessment infrastructure.

 However, there must be other stuff and features as well. Maybe even covering topics that we are not interested in, but showing some spectacular way to do it. Is this a correct thread to list those examples (or do you want to focus on this Shellsort example)?

Sure, either way is fine. Point to examples here, or start a new thread.

 

efouh
efouh's picture
Offline
White BeltYellow BeltGreen BeltRed BeltBlack Belt
Joined: 2010-09-01
Posts:
Points: 135
Re: Shellsort Storyboard

To follow up on the discussion I would like to know if you envision to have some sections of the book (the critical ones ) in audio format. So the learner will choose to download it or not.

We can imagine that the audio lesson will contain additional informations or explanations about the Algorithm or the AV (how it works etc.).

Thank you.

shaffer
shaffer's picture
Offline
White BeltYellow BeltGreen BeltRed BeltBlack Belt
Joined: 2009-05-28
Posts:
Points: 2019
Re: Shellsort Storyboard

Aside from the obvious (meaning straight-up video presentations like Sorting out Sorting), I am not aware of many AVs that use audio. The best example I can think of is the CS Animated series by Bill Jacobs. Personally, if I were going that route, I think I would use more slides and less audio per slide. Technically, adding audio in HTML5 should be really easy once you generate the sound clips. So, for example, in the normal course of developing AVs for the OpenDSA project, people could create and contribute sound clips to augment a given AV. I don’t know if there would be any download bandwidth issues to consider for the viewer/listener.

 

shaffer
shaffer's picture
Offline
White BeltYellow BeltGreen BeltRed BeltBlack Belt
Joined: 2009-05-28
Posts:
Points: 2019
Re: Shellsort Storyboard

See here for an implementation of the Shellsort performance activity.