Initial wandering was based on a search for “HTML 5 drag drop list” or something like that. If I recall correctly, I found something that I was able to make work in about ten minutes but it wouldn’t work on touch devices. Given this was really a lower elementary tool (assuming anyone in County was going to use it at all) I needed to rethink things.
My five year old opted to use the beans for patterning after I’d asked him to do sorting/addition. That was an interesting thing to see and he provided me with lots of hands on testing using the iPad to make sure it worked well with touch devices.
Anyway, I had this in my head when I happened to be talking to an English teacher today. It wasn’t much of a jump from moveable beans to refrigerator poetry. The example is based on pre-primer Dolch words which I think has a variety of other useful opportunities in early elementary (sort by X, known/unknown, etc.). I cut/pasted into a Google Spreadsheet and wrote a few formulas to generate all the variables. I just had to cut/paste those into the framework for the sheet. When I get a better hang of things, I think I can just use something like this to pull variables straight from a Google Spreadsheet. Other plans include making tool tips with definitions for more advanced vocabulary. Maybe doing some stuff to associate images with words, making the refrigerator expand properly to fit multiple screen sizes, selectable backgrounds for Venn diagrams, things like that.
This is the setup for the magnetic fridge poetry.